.studio-body{overflow-x:hidden}.studio-main{width:min(1560px,100vw - 32px);margin-inline:auto;padding:16px 0 42px}.studio-toolbar{border:1px solid var(--workspace-line);border-radius:var(--workspace-radius-lg);box-shadow:var(--workspace-shadow);background:#fff;grid-template-columns:minmax(230px,1fr) auto minmax(360px,1fr);align-items:end;gap:14px;padding:12px 14px;display:grid}.design-name{color:var(--workspace-muted);letter-spacing:.06em;text-transform:uppercase;gap:4px;font-size:.65rem;font-weight:800;display:grid}.design-name input{border:1px solid var(--workspace-line);width:min(100%,360px);min-height:40px;color:var(--workspace-text);text-transform:none;background:#fff;border-radius:8px;padding:8px 10px;font-size:.82rem;font-weight:700}.studio-toolbar__history,.studio-toolbar__export{align-items:center;gap:7px;display:flex}.studio-toolbar__export{justify-self:end}.studio-icon-button,.studio-text-button,.studio-secondary,.studio-primary{border:1px solid var(--workspace-line);min-height:42px;color:var(--workspace-copy);white-space:nowrap;cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:.75rem;font-weight:800;display:inline-flex}.studio-icon-button{width:42px;padding:0}.studio-icon-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px}.studio-icon-button:hover,.studio-text-button:hover,.studio-secondary:hover{color:var(--workspace-accent);background:var(--workspace-accent-soft);border-color:#c2d1f9}.studio-icon-button:disabled{cursor:not-allowed;opacity:.35}.studio-primary{border-color:var(--workspace-accent);color:#fff;background:var(--workspace-accent)}.studio-primary:hover{border-color:var(--workspace-accent-hover);background:var(--workspace-accent-hover)}.studio-primary:disabled,.studio-secondary:disabled{cursor:wait;opacity:.55}.studio-status{border:1px solid var(--workspace-line);min-height:40px;color:var(--workspace-copy);background:#fff;border-radius:10px;margin:10px 0;padding:10px 14px;font-size:.76rem}.studio-status[data-kind=success]{color:#145f40;background:#f2fbf6;border-color:#bce2cf}.studio-status[data-kind=error]{color:#a23623;background:#fff6f4;border-color:#efc0bb}.studio-layout{grid-template-columns:244px minmax(500px,1fr) 286px;align-items:start;gap:12px;display:grid}.studio-library,.studio-inspector,.studio-canvas-panel{border:1px solid var(--workspace-line);border-radius:var(--workspace-radius-lg);min-width:0;box-shadow:var(--workspace-shadow);background:#fff}.studio-library,.studio-inspector{top:calc(var(--workspace-header-height) + 12px);max-height:calc(100dvh - var(--workspace-header-height) - 24px);scrollbar-width:thin;position:sticky;overflow-y:auto}.studio-library section,.studio-inspector section{border-bottom:1px solid var(--workspace-line);padding:16px}.studio-library section:last-child,.studio-inspector section:last-child{border-bottom:0}.studio-panel-title{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.studio-panel-title>span{min-width:0;color:var(--workspace-text);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:800;overflow:hidden}.studio-panel-title>small{color:var(--workspace-muted);white-space:nowrap;font-size:.62rem}.template-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.template-grid button{border:1px solid var(--workspace-line);min-width:0;color:var(--workspace-text);text-align:left;cursor:pointer;background:#fff;border-radius:9px;padding:7px}.template-grid button:hover{border-color:var(--workspace-accent);background:var(--workspace-accent-soft)}.template-grid strong,.template-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.template-grid strong{margin-top:7px;font-size:.68rem}.template-grid small{color:var(--workspace-muted);margin-top:2px;font-size:.56rem}.template-preview{aspect-ratio:.707;background:#f4f6f8;border-radius:5px;display:block;position:relative;overflow:hidden}.template-preview i,.template-preview b,.template-preview em{display:block;position:absolute}.template-preview--product{background:linear-gradient(#102f4d 0 28%,#f5f7fb 28%)}.template-preview--product i{background:#fff;width:65%;height:5%;top:11%;left:12%;box-shadow:0 9px #fff,0 18px #d9ff57}.template-preview--product b{background:#fff;border-radius:3px;width:76%;height:24%;bottom:16%;left:12%}.template-preview--shade{background:#0b1018}.template-preview--shade i{background:#fff;width:68%;height:6%;top:15%;left:12%;box-shadow:0 11px #fff}.template-preview--shade b{background:linear-gradient(90deg,#e94452 0 17%,#ff8a1c 17% 34%,#f2cd32 34% 50%,#2dae65 50% 67%,#3971df 67% 84%,#7b47bd 84%);height:23%;bottom:27%;left:12%;right:12%}.template-preview--shade em{background:#d9ff57;border-radius:3px;height:11%;bottom:8%;left:12%;right:12%}.template-preview--seminar{background:#fffdf8;border-top:5px solid #e05a33}.template-preview--seminar i{background:#172033;width:70%;height:5%;top:17%;left:12%;box-shadow:0 11px #172033,0 22px #172033}.template-preview--seminar b{background:#172033;border-radius:3px;height:24%;bottom:21%;left:12%;right:12%}.template-preview--minimal{background:#fff;border-left:6px solid #245be7}.template-preview--minimal i{background:#111827;width:68%;height:6%;top:20%;left:14%;box-shadow:0 12px #111827,0 24px #111827}.template-preview--minimal b{background:#eff4ff;border-radius:3px;height:15%;bottom:23%;left:14%;right:12%}.theme-list{gap:6px;display:grid}.theme-list button{border:1px solid var(--workspace-line);min-height:49px;color:var(--workspace-copy);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:9px;padding:6px;display:grid}.theme-list button:hover,.theme-list button[aria-pressed=true]{border-color:var(--workspace-accent);color:var(--workspace-accent);background:var(--workspace-accent-soft)}.theme-list i{background:var(--theme-primary);border:1px solid #0f172a1f;border-radius:7px;width:36px;height:36px;display:block;position:relative;overflow:hidden}.theme-list i:after{background:var(--theme-accent);content:"";width:16px;height:16px;position:absolute;bottom:0;right:0}.theme-list strong,.theme-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.theme-list strong{font-size:.65rem}.theme-list small{color:var(--workspace-muted);margin-top:3px;font-size:.54rem}.element-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.element-grid button{border:1px solid var(--workspace-line);min-width:0;min-height:58px;color:var(--workspace-copy);cursor:pointer;background:#fff;border-radius:8px;place-content:center;justify-items:center;gap:3px;padding:6px 3px;display:grid}.element-grid button:hover{border-color:var(--workspace-accent);color:var(--workspace-accent);background:var(--workspace-accent-soft)}.element-grid b{font-family:Georgia,serif;font-size:1rem}.element-grid span{font-size:.55rem;font-weight:700}.visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.visual-grid button{border:1px solid var(--workspace-line);min-width:0;min-height:58px;color:var(--workspace-copy);cursor:pointer;background:#fff;border-radius:8px;place-content:center;justify-items:center;gap:3px;padding:6px 3px;display:grid}.visual-grid button:hover{border-color:var(--workspace-accent);color:var(--workspace-accent);background:var(--workspace-accent-soft)}.visual-grid b{font-family:Fira Code,monospace;font-size:.86rem}.visual-grid span{font-size:.55rem;font-weight:700}.visual-note{color:var(--workspace-muted);margin:8px 0 0;font-size:.55rem;line-height:1.45}.image-upload{border:1px dashed var(--workspace-line-strong);min-height:60px;color:var(--workspace-copy);cursor:pointer;border-radius:9px;align-items:center;gap:10px;margin-top:8px;padding:9px 10px;display:flex}.image-upload:hover{border-color:var(--workspace-accent);background:var(--workspace-accent-soft)}.image-upload svg{fill:none;width:22px;stroke:var(--workspace-accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6px;flex:none}.image-upload strong,.image-upload small{display:block}.image-upload strong{font-size:.69rem}.image-upload small{color:var(--workspace-muted);margin-top:2px;font-size:.56rem}.image-upload input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.stock-grid button{border:1px solid var(--workspace-line);cursor:pointer;background:#fff;border-radius:7px;min-width:0;padding:0;overflow:hidden}.stock-grid button:hover{border-color:var(--workspace-accent)}.stock-grid img{aspect-ratio:1;object-fit:cover;background:#eef2f6;width:100%;display:block}.stock-grid span{color:var(--workspace-copy);text-overflow:ellipsis;white-space:nowrap;padding:6px 3px;font-size:.54rem;font-weight:700;display:block;overflow:hidden}.stock-credit{color:var(--workspace-muted);margin:9px 0 0;font-size:.55rem;line-height:1.5}.stock-credit a{color:var(--workspace-accent);text-underline-offset:2px;text-decoration:underline}.studio-canvas-panel{padding:16px}.canvas-bar{justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px;display:flex}.canvas-bar h1{letter-spacing:-.025em;margin:0;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.canvas-bar>span{color:var(--workspace-muted);font-size:.66rem}.canvas-stage{background-color:#dfe4ea;background-image:linear-gradient(#ffffff8c 1px,#0000 1px),linear-gradient(90deg,#ffffff8c 1px,#0000 1px);background-size:24px 24px;border:1px solid #cfd7e1;border-radius:12px;place-items:start center;min-height:780px;padding:28px;display:grid;overflow:auto}.canvas-stage .canvas-container{flex:none;box-shadow:0 18px 48px #0f172a2e}.canvas-stage canvas{display:block}.canvas-note{color:var(--workspace-muted);text-align:center;margin:12px 2px 0;font-size:.67rem;line-height:1.45}.page-controls,.selection-panel{gap:12px;display:grid}.studio-inspector label{color:var(--workspace-copy);gap:6px;font-size:.68rem;font-weight:700;display:grid}.studio-inspector input,.studio-inspector select,.studio-inspector textarea{border:1px solid var(--workspace-line-strong);width:100%;min-height:40px;color:var(--workspace-text);background:#fff;border-radius:7px;padding:8px 9px;font-size:.72rem}.studio-inspector textarea{resize:vertical}.studio-inspector input[type=range]{min-height:30px;accent-color:var(--workspace-accent);padding:0}.studio-inspector label small{color:var(--workspace-muted);font-size:.57rem;font-weight:500;line-height:1.4}.colour-field{grid-template-columns:1fr 42px;align-items:center}.colour-field input[type=color]{cursor:pointer;width:42px;height:38px;min-height:38px;padding:3px}.selection-empty{color:var(--workspace-muted);margin:0;font-size:.68rem;line-height:1.45}#selection-controls{border:0;gap:12px;margin:0;padding:0;display:grid}#selection-controls:disabled{opacity:.42}#text-properties,#shape-properties{gap:10px;display:grid}#text-properties[hidden],#shape-properties[hidden]{display:none}.property-row{grid-template-columns:1fr 1fr;align-items:end;gap:8px;display:grid}.segmented{border:1px solid var(--workspace-line-strong);border-radius:7px;grid-template-columns:repeat(3,1fr);min-height:40px;display:grid;overflow:hidden}.segmented button{border:0;border-right:1px solid var(--workspace-line);color:var(--workspace-copy);cursor:pointer;background:#fff;font-size:.65rem;font-weight:800}.segmented button:last-child{border-right:0}.segmented button[aria-pressed=true]{color:#fff;background:var(--workspace-text)}.align-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.align-grid button{border:1px solid var(--workspace-line);min-height:36px;color:var(--workspace-copy);cursor:pointer;background:#fff;border-radius:6px}.align-grid button:hover{color:var(--workspace-accent);background:var(--workspace-accent-soft)}.layer-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.layer-actions button{border:1px solid var(--workspace-line);min-height:39px;color:var(--workspace-copy);cursor:pointer;background:#fff;border-radius:7px;padding:7px;font-size:.62rem;font-weight:700}.layer-actions button:hover{color:var(--workspace-accent);background:var(--workspace-accent-soft)}.layer-actions .danger{color:#ad2f27}.edit-visual-button{min-height:41px;color:var(--workspace-accent);background:var(--workspace-accent-soft);cursor:pointer;border:1px solid #b9c9f7;border-radius:7px;padding:7px;font-size:.65rem;font-weight:800}.edit-visual-button:hover{border-color:var(--workspace-accent)}.layer-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.layer-list button{width:100%;min-height:40px;color:var(--workspace-copy);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:7px;padding:5px 7px;display:grid}.layer-list button:hover{background:var(--workspace-surface-2)}.layer-list button[aria-pressed=true]{color:var(--workspace-accent);background:var(--workspace-accent-soft);border-color:#bed0ff}.layer-list button span{border:1px solid var(--workspace-line);background:#fff;border-radius:5px;place-items:center;width:26px;height:26px;font-size:.65rem;font-weight:800;display:grid}.layer-list button strong{text-overflow:ellipsis;white-space:nowrap;font-size:.67rem;overflow:hidden}.studio-empty{color:var(--workspace-muted);text-align:center;padding:12px;font-size:.65rem}.shortcuts-dialog{border:1px solid var(--workspace-line);width:min(480px,100vw - 28px);color:var(--workspace-text);background:#fff;border-radius:16px;padding:0;box-shadow:0 28px 90px #0f172a52}.shortcuts-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99}.dialog-head{border-bottom:1px solid var(--workspace-line);justify-content:space-between;align-items:flex-start;padding:22px;display:flex}.dialog-head h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.dialog-head button{border:1px solid var(--workspace-line);width:42px;height:42px;color:var(--workspace-copy);cursor:pointer;background:#fff;border-radius:8px;font-size:1.4rem}.shortcuts-dialog dl{gap:8px;margin:0;padding:22px;display:grid}.shortcuts-dialog dl div{justify-content:space-between;align-items:center;display:flex}.shortcuts-dialog dt{color:var(--workspace-copy);font-size:.78rem}.shortcuts-dialog dd{margin:0}.shortcuts-dialog kbd{border:1px solid var(--workspace-line-strong);background:#f8fafc;border-bottom-width:2px;border-radius:6px;place-items:center;min-width:30px;min-height:28px;padding:3px 7px;font:700 .7rem Archivo,sans-serif;display:inline-grid}.studio-dialog{border:1px solid var(--workspace-line);width:min(660px,100vw - 28px);max-height:calc(100dvh - 28px);color:var(--workspace-text);background:#fff;border-radius:16px;padding:0;overflow:auto;box-shadow:0 28px 90px #0f172a52}.studio-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a99}.studio-dialog .dialog-head p:last-child{max-width:440px;color:var(--workspace-muted);margin:7px 0 0;font-size:.68rem;line-height:1.45}.studio-dialog__body{gap:13px;padding:22px;display:grid}.studio-dialog__body label{color:var(--workspace-copy);gap:6px;font-size:.68rem;font-weight:700;display:grid}.studio-dialog__body input,.studio-dialog__body select,.studio-dialog__body textarea{border:1px solid var(--workspace-line-strong);width:100%;min-height:42px;color:var(--workspace-text);background:#fff;border-radius:8px;padding:8px 10px;font-size:.74rem}.studio-dialog__body textarea{resize:vertical}.studio-dialog__body label>small{color:var(--workspace-muted);font-size:.57rem;font-weight:500}.studio-dialog__note{color:var(--workspace-muted);background:var(--workspace-surface-2);border-radius:7px;margin:0;padding:9px 11px;font-size:.61rem;line-height:1.5}.studio-dialog__actions{border-top:1px solid var(--workspace-line);justify-content:flex-end;gap:8px;padding:16px 22px;display:flex}.brand-logo-upload{border:1px dashed var(--workspace-line-strong);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;min-height:55px;padding:9px 11px;display:flex!important}.brand-logo-upload:hover{border-color:var(--workspace-accent);background:var(--workspace-accent-soft)}.brand-logo-upload strong,.brand-logo-upload small{display:block}.brand-logo-upload small{color:var(--workspace-muted);margin-top:3px}.brand-logo-upload input{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.visual-data-fields{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=1240px){.studio-layout{grid-template-columns:230px minmax(480px,1fr)}.studio-inspector{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;display:grid;position:static}.studio-inspector section{border-right:1px solid var(--workspace-line);border-bottom:0}}@media (width<=920px){.studio-toolbar{grid-template-columns:1fr auto}.studio-toolbar__history{justify-self:end}.studio-toolbar__export{grid-column:1/-1;justify-self:stretch}.studio-toolbar__export>*{flex:1}.studio-layout{grid-template-columns:1fr}.studio-library{grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;display:grid;position:static}.studio-library section{border-right:1px solid var(--workspace-line);border-bottom:0}.studio-canvas-panel{grid-row:1}.studio-inspector{grid-column:auto}}@media (width<=720px){.studio-main{width:calc(100vw - 20px);padding-top:10px}.studio-toolbar{grid-template-columns:1fr}.studio-toolbar__history,.studio-toolbar__export{flex-wrap:wrap;grid-column:auto;justify-self:stretch}.studio-toolbar__history>*,.studio-toolbar__export>*{flex:1}.studio-library,.studio-inspector{grid-template-columns:1fr}.studio-library section,.studio-inspector section{border-right:0;border-bottom:1px solid var(--workspace-line)}.studio-library section:last-child,.studio-inspector section:last-child{border-bottom:0}.canvas-bar{flex-direction:column;align-items:flex-start}.canvas-stage{justify-content:start;min-height:620px;padding:14px}.visual-data-fields{grid-template-columns:1fr}.studio-dialog__actions{flex-direction:column;align-items:stretch}}