.design-app{height:100vh;overflow:hidden;background:#050708;color:#edf4f6;font-family:var(--sans)}
.design-app button,.design-app input,.design-app select,.design-app textarea{font:inherit}.design-app button{color:inherit}
.editor-topbar{position:relative;z-index:50;height:72px;display:grid;grid-template-columns:260px 1fr auto auto;align-items:center;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(7,10,11,.96);box-shadow:0 12px 32px rgba(0,0,0,.18)}
.editor-brand{height:100%;display:flex;align-items:center;gap:11px;padding:0 20px;border-right:1px solid rgba(255,255,255,.08)}.editor-brand>span{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(41,232,255,.42);border-radius:8px;background:rgba(41,232,255,.07);color:var(--cyan);font-weight:900}.editor-brand b{font-size:12px;letter-spacing:.24em}
.editor-project{min-width:0;padding:0 22px}.editor-project strong{display:block;font-size:12px;font-weight:650}.editor-project>span{display:flex;align-items:center;gap:7px;margin-top:5px;color:rgba(255,255,255,.31);font:6px var(--mono);letter-spacing:.05em;text-transform:uppercase}.editor-project i,.stage-footer i{width:5px;height:5px;border-radius:50%;background:#51e6a3;box-shadow:0 0 8px #51e6a3}
.editor-seo-title{display:block;overflow:hidden;margin:0;max-width:560px;font-size:12px;font-weight:650;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}
.editor-history{display:flex;align-items:center;gap:4px;padding-right:14px}.editor-history button{height:36px;min-width:36px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0b1012;color:rgba(255,255,255,.65);cursor:pointer}.editor-history button:not(:disabled):hover{border-color:rgba(41,232,255,.35);color:var(--cyan)}.editor-history button:disabled{opacity:.25;cursor:not-allowed}.editor-history .text-action{width:auto;padding:0 12px;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.editor-top-actions{display:flex;align-items:center;gap:8px;padding-right:14px}.editor-products,.editor-export,.editor-order{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;border-radius:9px;font-size:9px;font-weight:700;letter-spacing:.04em}.editor-products{border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.58)}.editor-products:hover{border-color:rgba(178,130,89,.4);color:var(--cyan)}.editor-export{border:1px solid rgba(41,232,255,.28);background:rgba(41,232,255,.06);color:#bff9ff;cursor:pointer}.editor-order{border:1px solid var(--cyan);background:var(--cyan);color:#031014}

.editor-layout{height:calc(100vh - 72px);display:grid;grid-template-columns:76px 268px minmax(500px,1fr) 310px;overflow:hidden}.editor-toolrail,.editor-library,.editor-stage,.editor-inspector{min-width:0;min-height:0}
.editor-toolrail{position:relative;z-index:20;display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 8px;border-right:1px solid rgba(255,255,255,.08);background:#080b0d}.editor-toolrail button,.editor-toolrail>a{width:58px;min-height:56px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid transparent;border-radius:10px;background:transparent;color:rgba(255,255,255,.38);cursor:pointer;transition:.2s}.editor-toolrail button:hover,.editor-toolrail button.active{border-color:rgba(41,232,255,.18);background:rgba(41,232,255,.07);color:var(--cyan)}.editor-toolrail>a{margin-top:auto}.editor-toolrail button>span,.editor-toolrail>a>span{font-size:17px;font-weight:600}.editor-toolrail small{font:6px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.editor-library{position:relative;z-index:15;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);background:#0a0e10;transition:width .25s,transform .25s}.library-heading{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.library-heading small,.inspector-heading small{color:var(--cyan);font:6px var(--mono);letter-spacing:.14em}.library-heading h1,.library-heading h2,.inspector-heading h2{margin:5px 0 0;font-size:16px;font-weight:600;letter-spacing:-.03em}.library-heading>button{width:29px;height:29px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:transparent;color:rgba(255,255,255,.45);cursor:pointer}
.tool-pane{display:none;padding:17px}.tool-pane.active{display:block}.tool-group{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.07)}.tool-group:last-child{border-bottom:0}.tool-group.compact{display:grid;gap:8px}.tool-label{display:block;margin-bottom:11px;color:rgba(255,255,255,.37);font:7px var(--mono);letter-spacing:.1em;text-transform:uppercase}.colour-field{height:42px;display:flex;align-items:center;gap:10px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:#070a0c}.colour-field input{width:22px;height:22px;padding:0;border:0;background:none}.colour-field span{color:rgba(255,255,255,.68);font:9px var(--mono);text-transform:uppercase}.colour-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:10px}.colour-swatches button{aspect-ratio:1;border:2px solid #111719;border-radius:7px;background:var(--swatch);box-shadow:0 0 0 1px rgba(255,255,255,.12);cursor:pointer}.colour-swatches button:hover{box-shadow:0 0 0 1px var(--cyan)}
.design-presets{display:grid;gap:7px}.design-presets button{display:flex;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#070a0c;text-align:left;cursor:pointer}.design-presets button:hover{border-color:rgba(41,232,255,.24)}.design-presets i{width:42px;height:29px;border:1px solid rgba(255,255,255,.1);border-radius:5px}.preset-dark{background:linear-gradient(145deg,#1b2528,#070a0b)}.preset-ocean{background:linear-gradient(145deg,#185b65,#071518 70%)}.preset-light{background:linear-gradient(145deg,#fff,#cbd3d5)}.design-presets b{display:block;font-size:9px}.design-presets small{display:block;margin-top:4px;color:rgba(255,255,255,.27);font-size:7px}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#080c0e;cursor:pointer}.toggle-row b{display:block;font-size:8px}.toggle-row small{display:block;margin-top:4px;color:rgba(255,255,255,.28);font-size:6px;line-height:1.35}.toggle-row input{position:absolute;opacity:0}.toggle-row>i{position:relative;width:32px;height:18px;flex:none;border-radius:20px;background:#242c2f;transition:.2s}.toggle-row>i:after{content:"";position:absolute;left:3px;top:3px;width:12px;height:12px;border-radius:50%;background:#758084;transition:.2s}.toggle-row input:checked+i{background:rgba(41,232,255,.35)}.toggle-row input:checked+i:after{left:17px;background:var(--cyan)}
.add-text-card{width:100%;display:block;margin-bottom:7px;padding:13px;border:1px solid rgba(255,255,255,.09);border-radius:9px;background:#070a0c;color:#fff;text-align:left;cursor:pointer}.add-text-card:hover{border-color:rgba(41,232,255,.28);background:rgba(41,232,255,.035)}.add-text-card.heading{font-size:19px;font-weight:750}.add-text-card.name{font-size:14px;font-weight:600}.add-text-card.detail{color:rgba(255,255,255,.52);font-size:9px}.tool-tip{display:flex;gap:10px;padding:12px;border:1px solid rgba(41,232,255,.1);border-radius:9px;background:rgba(41,232,255,.035)}.tool-tip>span{width:25px;height:25px;display:grid;place-items:center;flex:none;border-radius:50%;background:rgba(41,232,255,.09);color:var(--cyan);font-size:10px}.tool-tip p{margin:0;color:rgba(255,255,255,.35);font-size:7px;line-height:1.6}
.image-dropzone{width:100%;min-height:130px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed rgba(41,232,255,.25);border-radius:11px;background:rgba(41,232,255,.025);cursor:pointer}.image-dropzone:hover,.image-dropzone.dragging{border-color:var(--cyan);background:rgba(41,232,255,.07)}.image-dropzone>span{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:rgba(41,232,255,.09);color:var(--cyan);font-size:17px}.image-dropzone b{margin-top:11px;font-size:9px}.image-dropzone small{margin-top:5px;color:rgba(255,255,255,.28);font:5px var(--mono)}.filter-presets{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.filter-presets button{padding:5px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#070a0c;cursor:pointer}.filter-presets i{height:50px;display:block;border-radius:5px;background:linear-gradient(135deg,#1ad3e8,#0e2534 50%,#c96eeb)}.filter-presets small{display:block;padding:6px 0 2px;color:rgba(255,255,255,.45);font-size:6px}.filter-mono{filter:grayscale(1)}.filter-vivid{filter:saturate(1.8) contrast(1.12)}.filter-cool{filter:hue-rotate(35deg) saturate(1.15)}
.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.shape-grid button{min-height:82px;padding:10px 5px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:#070a0c;cursor:pointer}.shape-grid button:hover{border-color:rgba(41,232,255,.25)}.shape-grid i{height:36px;display:grid;place-items:center;margin:auto}.shape-grid small{display:block;margin-top:7px;color:rgba(255,255,255,.35);font-size:6px}.shape-rectangle:before,.shape-circle:before,.shape-line:before{content:"";display:block;background:var(--cyan)}.shape-rectangle:before{width:38px;height:23px;border-radius:4px}.shape-circle:before{width:25px;height:25px;border-radius:50%}.shape-line:before{width:40px;height:2px}.layer-heading{display:flex;align-items:center;justify-content:space-between}.layer-heading>small{color:rgba(255,255,255,.18);font:5px var(--mono)}.layer-list{display:grid;gap:6px}.layer-list-empty{padding:25px 12px;border:1px dashed rgba(255,255,255,.1);border-radius:9px;color:rgba(255,255,255,.25);font-size:7px;line-height:1.6;text-align:center}.layer-item{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:#070a0c;cursor:pointer}.layer-item.active{border-color:rgba(41,232,255,.32);background:rgba(41,232,255,.05)}.layer-item>i{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#111719;color:var(--cyan);font-style:normal;font-size:10px}.layer-item b{display:block;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.layer-item small{display:block;margin-top:3px;color:rgba(255,255,255,.24);font-size:6px}.layer-item>span{color:rgba(255,255,255,.22);font-size:8px}

.editor-stage{position:relative;display:grid;grid-template-rows:54px 1fr 38px;overflow:hidden;background:#06090a}.stage-toolbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:#090d0f}.side-switch{height:100%;display:flex}.side-switch button{position:relative;min-width:92px;border:0;background:transparent;color:rgba(255,255,255,.35);font-size:8px;font-weight:700;text-transform:uppercase;cursor:pointer}.side-switch button span{margin-right:6px;color:rgba(255,255,255,.16);font:5px var(--mono)}.side-switch button.active{color:white}.side-switch button.active:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.stage-view-actions{display:flex;align-items:center;border:1px solid rgba(255,255,255,.09);border-radius:8px;overflow:hidden}.stage-view-actions button,.stage-view-actions output{height:29px;min-width:31px;display:grid;place-items:center;border:0;border-right:1px solid rgba(255,255,255,.08);background:#0b1012;color:rgba(255,255,255,.48);font-size:8px}.stage-view-actions button{cursor:pointer}.stage-view-actions button:hover{color:var(--cyan)}.stage-view-actions output{min-width:48px;font:7px var(--mono)}.stage-view-actions button:last-child{border-right:0;padding:0 10px}
.mobile-upload-action{display:none}
.stage-workspace{position:relative;min-height:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:55px 42px 45px;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:28px 28px}.stage-workspace:before{content:"";position:absolute;width:75%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(41,232,255,.055),transparent 68%);filter:blur(30px);pointer-events:none}.canvas-label{position:absolute;left:22px;top:17px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.28);font:6px var(--mono);letter-spacing:.08em}.canvas-label i{width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.canvas-label b{color:rgba(255,255,255,.14);font-weight:400}.card-zoom-wrap{position:relative;width:min(760px,calc(100% - 20px));transform:scale(var(--zoom,1));transform-origin:center;transition:transform .16s}.editor-card{position:relative;width:100%;aspect-ratio:1.5875;overflow:hidden;isolation:isolate;border:1px solid rgba(41,232,255,.3);border-radius:clamp(14px,2vw,24px);background:#101719;box-shadow:0 45px 100px rgba(0,0,0,.55),0 0 0 9px rgba(255,255,255,.014),inset 0 1px rgba(255,255,255,.14);outline:none;touch-action:none;user-select:none}.card-artboard{position:absolute;z-index:1;inset:0;background:#101719;overflow:hidden}.card-artboard:after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.035) 47%,transparent 64%)}.card-chip-overlay{position:absolute;z-index:35;left:8.6%;top:31%;width:12.5%;height:auto;filter:drop-shadow(0 6px 8px rgba(0,0,0,.28));pointer-events:none;user-select:none}.card-chip-overlay.hidden{display:none}.card-template-overlay{position:absolute;z-index:40;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.card-template-overlay.hidden{display:none}.card-safe-area{position:absolute;z-index:45;inset:5.5%;border:1px dashed rgba(41,232,255,.25);border-radius:12px;pointer-events:none}.card-safe-area.hidden{display:none}.design-layer{position:absolute;z-index:5;left:50%;top:50%;max-width:none;transform:translate(-50%,-50%);transform-origin:center;cursor:move;touch-action:none;will-change:transform}.design-layer.selected:after{content:"";position:absolute;inset:-7px;border:1px solid var(--cyan);box-shadow:0 0 0 1px rgba(4,16,19,.8),0 0 12px rgba(41,232,255,.12);pointer-events:none}.design-layer.selected:before{content:"";position:absolute;z-index:2;right:-11px;bottom:-11px;width:8px;height:8px;border:2px solid #061013;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px var(--cyan);pointer-events:none}.design-layer.layer-text{width:max-content;min-width:30px;max-width:none;white-space:pre;line-height:1.05;letter-spacing:-.025em}.design-layer.layer-text.selected:after{inset:-6px}.design-layer.layer-image{display:block;height:auto}.design-layer.layer-shape{min-width:2px;min-height:2px}.stage-hint{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);margin:0;color:rgba(255,255,255,.24);font:6px var(--mono);letter-spacing:.04em;white-space:nowrap}.stage-hint span{margin-right:6px;color:var(--cyan)}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid rgba(255,255,255,.07);background:#080c0e;color:rgba(255,255,255,.22);font:6px var(--mono);letter-spacing:.05em;text-transform:uppercase}.stage-footer span:first-child{display:flex;align-items:center;gap:7px}

.editor-inspector{overflow-y:auto;border-left:1px solid rgba(255,255,255,.08);background:#0a0e10}.inspector-heading{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.inspector-heading>span{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:rgba(255,255,255,.3);font:5px var(--mono);text-transform:uppercase}.inspector-empty{display:grid;place-items:center;padding:80px 30px;text-align:center}.inspector-empty>span{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(41,232,255,.2);border-radius:50%;color:var(--cyan);background:rgba(41,232,255,.05);font-size:19px}.inspector-empty h3{margin:16px 0 0;font-size:12px}.inspector-empty p{max-width:190px;margin:8px 0 0;color:rgba(255,255,255,.29);font-size:8px;line-height:1.6}.inspector-content{padding:0 17px 24px}.property-section{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.07)}.property-section[hidden]{display:none}.property-label,.property-grid label>span{display:block;margin-bottom:7px;color:rgba(255,255,255,.34);font:6px var(--mono);letter-spacing:.06em;text-transform:uppercase}.property-section textarea,.property-section select,.property-section input[type=number]{width:100%;outline:none;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070a0c;color:rgba(255,255,255,.78);font-size:9px}.property-section textarea{padding:10px;resize:vertical;line-height:1.5}.property-section textarea:focus,.property-section select:focus,.property-section input:focus{border-color:rgba(41,232,255,.42)}.property-section select{height:37px;padding:0 9px}.property-grid{display:grid;gap:9px;margin-top:11px}.property-grid.two{grid-template-columns:1fr 1fr}.colour-size-grid{grid-template-columns:1.25fr .75fr}.mini-colour,.number-field{height:37px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#070a0c;overflow:hidden}.mini-colour input{width:35px;height:35px;padding:7px;border:0;background:none}.mini-colour output{color:rgba(255,255,255,.55);font:7px var(--mono)}.number-field input[type=number]{height:35px;border:0;background:transparent;padding:0 8px}.number-field small{padding-right:8px;color:rgba(255,255,255,.25);font:6px var(--mono)}.alignment-control{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:11px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:rgba(255,255,255,.08)}.alignment-control button{height:32px;border:0;background:#070a0c;color:rgba(255,255,255,.4);font-size:8px;cursor:pointer}.alignment-control button.active{background:rgba(41,232,255,.1);color:var(--cyan)}.replace-image{width:100%;height:38px;border:1px dashed rgba(41,232,255,.28);border-radius:8px;background:rgba(41,232,255,.035);color:var(--cyan);font-size:8px;cursor:pointer}.range-property{display:block;margin-top:14px}.range-property>span{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.range-property b{color:rgba(255,255,255,.38);font-size:7px}.range-property output{color:var(--cyan);font:6px var(--mono)}.range-property input{width:100%;height:3px;margin:0;appearance:none;border:0;border-radius:5px;background:linear-gradient(90deg,rgba(41,232,255,.68),rgba(255,255,255,.1))}.range-property input::-webkit-slider-thumb{width:13px;height:13px;appearance:none;border:2px solid #071013;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 1px rgba(41,232,255,.45);cursor:pointer}.property-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;color:rgba(255,255,255,.5);font:7px var(--mono);letter-spacing:.08em;text-transform:uppercase}.property-section-title button{border:0;background:none;color:var(--cyan);font-size:6px;cursor:pointer}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.layer-actions button{height:34px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#070a0c;color:rgba(255,255,255,.45);font-size:7px;cursor:pointer}.layer-actions button:hover{border-color:rgba(41,232,255,.25);color:white}.layer-actions .danger{color:#ff9b9b}.editor-toast{position:fixed;z-index:100;left:50%;bottom:-70px;transform:translateX(-50%);padding:11px 16px;border:1px solid rgba(41,232,255,.25);border-radius:9px;background:#0a1113;color:#d7fbff;font-size:8px;box-shadow:0 20px 45px rgba(0,0,0,.45);opacity:0;transition:.3s}.editor-toast.show{bottom:22px;opacity:1}
.inspector-empty[hidden],.inspector-content[hidden]{display:none!important}

@media(max-width:1350px){.editor-layout{grid-template-columns:68px 230px minmax(430px,1fr) 280px}.editor-topbar{grid-template-columns:230px 1fr auto auto}.editor-project{padding:0 16px}.card-zoom-wrap{width:min(660px,calc(100% - 8px))}.editor-toolrail button,.editor-toolrail>a{width:52px}.editor-inspector{font-size:95%}}
@media(max-width:1080px){.editor-layout{grid-template-columns:64px 210px minmax(430px,1fr)}.editor-inspector{position:fixed;z-index:40;right:0;top:72px;bottom:0;width:290px;transform:translateX(100%);box-shadow:-30px 0 60px rgba(0,0,0,.4);transition:.25s}.editor-inspector.open{transform:none}.editor-topbar{grid-template-columns:210px 1fr auto}.editor-project{display:none}.editor-history{justify-self:start}.editor-top-actions{grid-column:3}.card-zoom-wrap{width:min(700px,calc(100% - 10px))}}
@media(max-width:780px){
  .design-app{height:auto;min-height:100vh;overflow:auto}
  .editor-topbar{position:sticky;top:0;height:64px;grid-template-columns:1fr auto}
  .editor-brand{padding:0 13px;border-right:0}
  .editor-brand b{display:none}
  .editor-history{display:none}
  .editor-top-actions{grid-column:2;padding-right:8px}
  .editor-export{display:none}
  .editor-products{min-height:38px;padding:0 10px;font-size:7px}
  .editor-order{min-height:38px;padding:0 11px;font-size:7px}

  .editor-layout{height:auto;min-height:calc(100vh - 64px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;overflow:visible}
  .editor-stage{grid-column:1;grid-row:1;height:390px;grid-template-rows:50px 1fr;border-bottom:1px solid rgba(255,255,255,.08)}
  .stage-workspace{padding:38px 14px 30px;overflow:hidden}
  .canvas-label{left:14px;top:12px}
  .stage-hint{bottom:9px;width:92%;white-space:normal;text-align:center}
  .stage-footer{display:none}
  .side-switch button{min-width:78px}
  .stage-view-actions{display:none}
  .mobile-upload-action{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid var(--cyan);border-radius:8px;background:var(--cyan);color:#031014!important;font-size:7px;font-weight:750;letter-spacing:.03em;white-space:nowrap}
  .mobile-upload-action span{font-size:13px;line-height:1}
  .card-zoom-wrap{width:calc(100% - 8px)}

  .editor-toolrail{position:sticky;z-index:35;top:64px;grid-column:1;grid-row:2;width:100%;height:68px;display:flex;align-items:center;flex-direction:row;gap:3px;overflow-x:auto;padding:6px 8px;border-right:0;border-bottom:1px solid rgba(255,255,255,.09);scrollbar-width:none}
  .editor-toolrail::-webkit-scrollbar{display:none}
  .editor-toolrail button,.editor-toolrail>a{width:auto;min-width:58px;min-height:54px;flex:1 0 58px}
  .editor-toolrail button>span,.editor-toolrail>a>span{font-size:15px}
  .editor-toolrail>a{margin-top:0;margin-left:auto}

  .editor-library{grid-column:1;grid-row:3;height:auto;max-height:none;overflow:visible;border-right:0;border-bottom:1px solid rgba(255,255,255,.08);scroll-margin-top:132px}
  .library-heading{height:60px;padding-inline:16px}
  .library-heading>button{display:none}
  .tool-pane{padding:18px 16px 28px}
  .tool-group{padding-bottom:18px;margin-bottom:18px}
  .colour-field{height:46px}
  .colour-swatches{gap:9px}
  .design-presets button{min-height:58px;padding:11px}
  .toggle-row{min-height:58px}
  .add-text-card{min-height:48px}

  .editor-inspector{top:auto;left:0;right:0;bottom:0;width:100%;max-height:min(52vh,470px);overflow-y:auto;border-left:0;border-top:1px solid rgba(41,232,255,.2);border-radius:18px 18px 0 0;box-shadow:0 -22px 55px rgba(0,0,0,.55);transform:translateY(105%);transition:transform .32s cubic-bezier(.22,1,.36,1)}
  .editor-inspector.open{transform:none}
  .inspector-heading{position:sticky;z-index:2;top:0;height:64px;background:#0a0e10}
  .inspector-heading:before{content:"";position:absolute;left:50%;top:7px;width:36px;height:3px;border-radius:4px;background:rgba(255,255,255,.18);transform:translateX(-50%)}
  .inspector-empty{padding:34px 24px}
  .inspector-content{padding-bottom:max(26px,env(safe-area-inset-bottom))}
  .property-section{padding:14px 0}
}
.design-layer.layer-image.selected{outline:1px solid var(--cyan);outline-offset:6px}
.editor-layout.library-collapsed{grid-template-columns:76px 0 minmax(500px,1fr) 310px}.editor-layout.library-collapsed .editor-library{overflow:hidden;opacity:0;pointer-events:none}
@media(max-width:1350px) and (min-width:1081px){.editor-layout.library-collapsed{grid-template-columns:68px 0 minmax(430px,1fr) 280px}}
@media(max-width:1080px) and (min-width:781px){.editor-layout.library-collapsed{grid-template-columns:64px 0 minmax(430px,1fr)}}
@media(max-width:780px){.editor-layout.library-collapsed{grid-template-columns:minmax(0,1fr)}.editor-layout.library-collapsed .editor-library{overflow:visible;opacity:1;pointer-events:auto}}

/* Premium olive and bronze editor theme. */
.design-app{background:#11140f;color:#f4efe8}
.editor-topbar{border-bottom-color:rgba(244,239,232,.1);background:rgba(20,24,18,.97)}
.editor-brand>span{border-color:rgba(178,130,89,.55);background:rgba(178,130,89,.1)}
.editor-project i,.stage-footer i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
.editor-history button{background:#1a1e18}
.editor-history button:not(:disabled):hover{border-color:rgba(178,130,89,.45)}
.editor-export{border-color:rgba(178,130,89,.4);background:rgba(178,130,89,.1);color:#ead8c8}
.editor-order,.mobile-upload-action{border-color:var(--cyan);background:var(--cyan);color:#171b16!important}
.editor-toolrail{background:#151913}
.editor-toolrail button:hover,.editor-toolrail button.active{border-color:rgba(178,130,89,.32);background:rgba(178,130,89,.12)}
.editor-library,.editor-inspector{background:#1a1e18}
.colour-field,.design-presets button,.toggle-row,.add-text-card,.filter-presets button,.shape-grid button,.layer-item,.property-section textarea,.property-section select,.mini-colour,.number-field,.alignment-control button,.layer-actions button{background:#141712}
.colour-swatches button{border-color:#22271f}
.preset-dark{background:linear-gradient(145deg,#252a21,#11140f)}
.preset-ocean{background:linear-gradient(145deg,#66705f,#343a30 70%)}
.preset-light{background:linear-gradient(145deg,#f4efe8,#d7cfc4)}
.design-presets button:hover,.add-text-card:hover,.shape-grid button:hover{border-color:rgba(178,130,89,.4)}
.toggle-row input:checked+i{background:rgba(178,130,89,.4)}
.tool-tip{border-color:rgba(178,130,89,.2);background:rgba(178,130,89,.08)}
.tool-tip>span,.image-dropzone>span{background:rgba(178,130,89,.13)}
.image-dropzone{border-color:rgba(178,130,89,.38);background:rgba(178,130,89,.06)}
.image-dropzone:hover,.image-dropzone.dragging{background:rgba(178,130,89,.12)}
.filter-presets i{background:linear-gradient(135deg,#b28259,#495043 52%,#d8c1ad)}
.layer-item.active{border-color:rgba(178,130,89,.48);background:rgba(178,130,89,.1)}
.layer-item>i{background:#262b23}
.editor-stage{background:#11140f}
.stage-toolbar{background:#171b16}
.stage-view-actions button,.stage-view-actions output{background:#1a1e18}
.stage-workspace:before{background:radial-gradient(circle,rgba(178,130,89,.1),transparent 68%)}
.editor-card{border-color:rgba(178,130,89,.5);background:#495043;box-shadow:0 45px 100px rgba(0,0,0,.55),0 0 0 9px rgba(255,255,255,.014),inset 0 1px rgba(255,255,255,.14)}
.card-artboard{background:#495043}
.card-safe-area{border-color:rgba(178,130,89,.5)}
.design-layer.selected:after{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(23,27,22,.85),0 0 12px rgba(178,130,89,.2)}
.design-layer.selected:before{border-color:#171b16}
.stage-footer{background:#151913}
.inspector-empty>span{border-color:rgba(178,130,89,.35);background:rgba(178,130,89,.1)}
.property-section textarea:focus,.property-section select:focus,.property-section input:focus{border-color:rgba(178,130,89,.55)}
.alignment-control button.active{background:rgba(178,130,89,.14)}
.replace-image{border-color:rgba(178,130,89,.4);background:rgba(178,130,89,.08)}
.range-property input::-webkit-slider-thumb{border-color:#171b16;box-shadow:0 0 0 1px rgba(178,130,89,.65)}
.editor-toast{border-color:rgba(178,130,89,.42);background:#1a1e18;color:#f4efe8}
@media(max-width:780px){.editor-inspector{border-top-color:rgba(178,130,89,.42)}}

.inspector-heading-actions{display:flex;align-items:center;gap:7px}
.inspector-heading-actions>span{padding:6px 8px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:rgba(255,255,255,.3);font:5px var(--mono);text-transform:uppercase}
.inspector-heading-actions>button{display:none;width:32px;height:32px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:transparent;color:rgba(255,255,255,.72);font-size:18px;cursor:pointer}
@media(max-width:780px){.inspector-heading-actions>button{display:grid;place-items:center}}