.creative-studio{--cs-ink:#0c0c0c;--cs-muted:#6d6d6d;--cs-line:#d9d9d9;color:var(--cs-ink);min-height:100vh;font-family:var(--font-editorial);background:#f6f6f4;padding-bottom:88px}body:has(.creative-studio) .ambient-dock{bottom:14px;right:14px}body:has(.creative-studio) .ambient-toggle{justify-content:center;width:48px;min-height:48px;padding:0}body:has(.creative-studio) .ambient-toggle>span:last-child{display:none}body:has(.creative-studio) .ambient-next{display:none}.creative-studio *{min-width:0}.creative-studio button:focus-visible,.creative-studio input:focus-visible,.creative-studio textarea:focus-visible,.creative-studio a:focus-visible{outline-offset:3px;outline:3px solid #727272}.creative-header{border-bottom:1px solid var(--cs-line);background:#fff;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:14px clamp(20px,4vw,64px);display:flex}.creative-brand{font:500 21px/1 var(--font-technical);letter-spacing:-.04em;align-items:center;gap:12px;display:inline-flex}.creative-brand b{color:var(--cs-muted);font-weight:400}.creative-mark{color:#fff;width:34px;height:34px;font:500 21px var(--font-technical);background:#0c0c0c;border-radius:9px;flex:none;place-items:center;display:grid}.creative-status{color:#505050;font:500 12px var(--font-technical);border:1px solid #bdbdbd;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;display:inline-flex}.creative-status span{background:#888;border-radius:50%;width:7px;height:7px}.creative-intro{justify-content:space-between;align-items:end;gap:32px;max-width:1600px;margin:auto;padding:clamp(30px,5vw,70px) clamp(20px,4vw,64px) 34px;display:flex}.creative-eyebrow{color:var(--cs-muted);font:500 12px/1.4 var(--font-technical);letter-spacing:.12em;text-transform:uppercase}.creative-intro h1{max-width:840px;font:400 clamp(48px, 5.8vw, 94px)/.96 var(--font-technical);letter-spacing:-.065em;margin:14px 0 18px}.creative-intro>div>p:last-child{color:#555;max-width:660px;font:400 clamp(15px, 1.3vw, 18px)/1.6 var(--font-editorial)}.creative-note{color:#555;font:400 13px/1.5 var(--font-editorial);flex:0 285px;align-items:start;gap:11px;display:flex}.creative-note svg{flex:none;margin-top:1px}.creative-grid{grid-template-columns:minmax(270px,310px) minmax(0,1fr);align-items:start;gap:20px;max-width:1600px;margin:auto;padding:0 clamp(20px,4vw,64px);display:grid}.creative-controls{gap:14px;display:grid}.creative-panel,.creative-preview-panel,.creative-editor{border:1px solid var(--cs-line);background:#fff;border-radius:16px}.creative-panel{padding:20px}.creative-section-head{border-bottom:1px solid #e9e9e9;align-items:baseline;gap:11px;padding-bottom:15px;display:flex}.creative-section-head span{color:#898989;font:500 12px var(--font-technical)}.creative-section-head h2{font:500 18px var(--font-technical);letter-spacing:-.035em}.creative-style-list{gap:9px;padding-top:16px;display:grid}.creative-style{text-align:left;background:#fff;border:1px solid #ddd;border-radius:10px;grid-template-columns:62px minmax(0,1fr) 18px;align-items:center;gap:12px;width:100%;min-height:104px;padding:12px;display:grid}.creative-style.active{border:2px solid #0c0c0c;padding:11px}.creative-style strong{font:500 16px var(--font-technical);margin-bottom:4px;display:block}.creative-style small{color:#666;font:400 11px/1.35 var(--font-editorial);overflow-wrap:anywhere;display:block}.creative-style-thumb{border:1px solid #d0d0d0;flex-direction:column;gap:4px;height:60px;padding:8px;display:flex;overflow:hidden}.creative-style-thumb.instrument{background:linear-gradient(#fff 0 45%,#000 45% 82%,#fff 82%)}.creative-style-thumb.checklist{background:linear-gradient(#000 0 52%,#fff 52% 85%,#000 85%)}.creative-style-thumb i{background:currentColor;width:73%;height:4px;display:block}.creative-style-thumb.instrument i{color:#111}.creative-style-thumb.checklist i{color:#fff}.creative-style-thumb i:nth-child(2){width:92%}.creative-format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:16px;display:grid}.creative-format-grid button{text-align:left;background:#fff;border:1px solid #d9d9d9;border-radius:9px;min-height:63px;padding:10px 11px}.creative-format-grid button.active{color:#fff;background:#0c0c0c;border-color:#0c0c0c}.creative-format-grid strong,.creative-format-grid small{display:block}.creative-format-grid strong{font:500 15px var(--font-technical)}.creative-format-grid small{color:#666;font:400 10px var(--font-editorial);white-space:nowrap;margin-top:3px}.creative-format-grid .active small{color:#d1d1d1}.creative-help{color:#666;font:400 12px/1.45 var(--font-editorial);margin-top:12px}.creative-toggles{flex-wrap:wrap;gap:8px;padding-top:16px;display:flex}.creative-toggles button{min-height:44px;font:500 12px var(--font-technical);border:1px solid #ccc;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;display:inline-flex}.creative-toggles button[aria-pressed=true]{color:#fff;background:#0c0c0c;border-color:#0c0c0c}.creative-preview-panel{overflow:hidden}.creative-preview-head{border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:end;gap:16px;padding:22px 26px;display:flex}.creative-preview-head h2{font:500 clamp(21px, 2.2vw, 30px)/1.1 var(--font-technical);letter-spacing:-.045em;margin-top:6px}.creative-preview-head h2 span{color:#777;font:400 14px var(--font-technical);letter-spacing:0;margin-left:8px}.creative-preview-badge{white-space:nowrap;color:#575757;font:500 11px var(--font-technical);border:1px solid #cfcfcf;border-radius:999px;padding:7px 10px}.creative-stage{background-color:#e8e8e6;background-image:radial-gradient(#c9c9c7 1px,#0000 1px);background-size:20px 20px;place-items:center;min-height:500px;padding:clamp(18px,3vw,40px);display:grid}.creative-art{background:#fff;width:100%;min-height:120px;transition:max-width .2s;position:relative;box-shadow:0 15px 55px #00000024}.creative-art img{object-fit:contain;width:100%;height:100%;display:block}.creative-art.reading-size{box-shadow:0 8px 28px #00000029}.creative-loading{color:#666;height:100%;font:500 13px var(--font-technical);text-align:center;place-items:center;padding:24px;display:grid}.creative-safe{pointer-events:none;background:#e47a2e0d;border:2px dashed #e47a2e;position:absolute}.creative-preview-foot{color:#666;font:400 11px/1.4 var(--font-technical);border-top:1px solid #e7e7e7;justify-content:space-between;gap:12px;padding:14px 26px;display:flex}.creative-warning{color:#733719;font:500 12px/1.5 var(--font-editorial);background:#fff4ee;border-left:3px solid #ae512a;margin:0 26px 16px;padding:12px 14px}.creative-export{border-top:1px solid #e7e7e7;flex-wrap:wrap;gap:8px;padding:16px 26px 22px;display:flex}.creative-export button{color:#111;min-height:44px;font:500 12px var(--font-technical);border:1px solid #111;border-radius:7px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.creative-export button:first-child{color:#fff;background:#111}.creative-export button:disabled{opacity:.45;cursor:not-allowed}.creative-editor{max-width:calc(1600px - 2*clamp(20px,4vw,64px));margin:24px auto 0;padding:clamp(20px,3vw,32px)}.creative-editor-heading{border-bottom:1px solid #e3e3e3;justify-content:space-between;align-items:end;gap:20px;padding-bottom:22px;display:flex}.creative-editor-heading h2{font:500 clamp(28px, 3vw, 40px) var(--font-technical);letter-spacing:-.05em;margin:8px 0}.creative-editor-heading p:last-child{color:#666;font:400 13px/1.5 var(--font-editorial)}.creative-reset{white-space:nowrap;min-height:44px;font:500 12px var(--font-technical);border:1px solid #bdbdbd;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.creative-editor-actions{flex-wrap:wrap;gap:8px;display:flex}.creative-editor-actions label{cursor:pointer;position:relative}.creative-editor-actions input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.creative-editor-actions label:focus-within{outline-offset:3px;outline:3px solid #727272}.creative-editor-error{color:#733719;font:500 12px/1.5 var(--font-editorial);background:#fff4ee;border-left:3px solid #ae512a;margin-top:16px;padding:12px 14px}.creative-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,40px);padding-top:24px;display:grid}.creative-edit-group h3{font:500 18px var(--font-technical);margin-bottom:18px}.creative-field{gap:6px;margin-bottom:15px;display:grid}.creative-field>span,.creative-step-fields>span{color:#666;font:500 11px var(--font-technical);letter-spacing:.025em}.creative-field input,.creative-field textarea{color:#0c0c0c;width:100%;min-height:44px;font:400 14px/1.4 var(--font-editorial);background:#fff;border:1px solid #c9c9c9;border-radius:6px;padding:11px 12px}.creative-field textarea{resize:vertical}.creative-step-fields{border-top:1px solid #ebebeb;padding-top:12px}.creative-step-fields:first-of-type{border-top:0;padding-top:0}.creative-step-fields>span{margin-bottom:12px;display:block}.creative-editor-foot{color:#666;font:400 12px/1.6 var(--font-editorial);border-top:1px solid #e3e3e3;margin-top:14px;padding-top:17px}@media (max-width:1100px){.creative-grid{grid-template-columns:1fr}.creative-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.creative-style{grid-template-columns:48px minmax(0,1fr) 18px}.creative-style-thumb{width:48px}}@media (max-width:760px){.creative-intro{display:block}.creative-note{max-width:440px;margin-top:24px}.creative-controls,.creative-editor-grid{grid-template-columns:1fr}.creative-stage{min-height:300px}.creative-preview-foot{flex-wrap:wrap}}@media (max-width:520px){.creative-header{flex-direction:column;align-items:start;gap:12px}.creative-intro h1{font-size:clamp(45px,11.5vw,64px)}.creative-preview-head{flex-direction:column;align-items:start}.creative-stage{padding:14px}.creative-export{grid-template-columns:1fr;display:grid}.creative-export button{justify-content:center}.creative-editor-heading{flex-direction:column;align-items:start}}