@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#152029;background:#eef1f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#eef1f3}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #ff6b4a;outline-offset:2px}.app-shell{min-height:100vh}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#f7f8f9;border-bottom:1px solid #d9dfe2;position:sticky;top:0;z-index:10}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:220px}.brand-mark{width:30px;height:30px;display:grid;place-items:center;background:#ff6b4a;color:#fff;border-radius:8px}.brand-name{font-size:16px;font-weight:700;line-height:1.1}.brand-sub{margin-top:4px;font-size:9px;letter-spacing:.14em;color:#74818a;font-weight:600}.topbar-center{display:flex;align-items:center;gap:8px;font-size:12px;color:#43515b}.status-dot{width:7px;height:7px;border-radius:50%;background:#26a269;box-shadow:0 0 0 3px #d7f0e2}.topbar-divider{height:16px;width:1px;background:#d5dbde;margin:0 4px}.muted{color:#8a959d}.topbar-actions{display:flex;align-items:center;gap:9px;min-width:220px;justify-content:flex-end}.workbench{display:grid;grid-template-columns:minmax(270px,300px) minmax(440px,1fr) minmax(320px,360px);gap:14px;padding:14px;max-width:1920px;margin:0 auto;align-items:start}.panel{background:#f8fafb;border:1px solid #d9dfe2;border-radius:12px;min-height:calc(100vh - 96px)}.brief-panel,.inspector-panel{padding:20px}.results-panel{padding:20px;background:#f1f4f5}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.eyebrow{display:block;font-size:10px;letter-spacing:.13em;font-weight:700;color:#8a959d;margin-bottom:7px}.panel-heading h2{margin:0;font-size:20px;letter-spacing:-.02em}.step-badge,.delivery-status,.platform-chip{font-size:11px;font-weight:600;padding:5px 8px;border-radius:5px}.step-badge{color:#6f7c85;background:#edf0f2}.delivery-status.deliverable{background:#dff4e8;color:#20744a}.delivery-status.review{background:#fff0d8;color:#9a611b}.delivery-status.incomplete{background:#fde3e0;color:#b23d35}.panel-intro{margin:10px 0 20px;color:#6d7a83;font-size:12px;line-height:1.55}.form-stack{display:flex;flex-direction:column;gap:13px}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field-label{font-size:11px;font-weight:600;color:#47545e}.field-label em{color:#ff6b4a;font-style:normal;margin-left:3px}.field input,.field textarea,.field select{width:100%;border:1px solid #cfd7db;background:#fff;color:#152029;border-radius:6px;padding:9px 10px;font-size:12px;transition:border-color .18s,box-shadow .18s}.field textarea{resize:vertical;min-height:56px;line-height:1.45}.field input::placeholder,.field textarea::placeholder{color:#a1abb1}.field input:hover,.field textarea:hover,.field select:hover{border-color:#aab5bb}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ff6b4a;box-shadow:0 0 0 3px #ff6b4a1c;outline:none}.field-row,.tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.segmented{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #cfd7db;border-radius:6px;overflow:hidden;background:#fff}.segmented button{border:0;border-right:1px solid #e5e9eb;background:transparent;padding:8px 2px;font-size:11px;color:#6b7880}.segmented button:last-child{border-right:0}.segmented button.active{color:#152029;background:#e7ecee;font-weight:700}.ratio-segment{grid-template-columns:repeat(4,1fr)}.segmented.three{grid-template-columns:repeat(3,1fr)}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px}.select-wrap svg{position:absolute;right:9px;top:50%;transform:translateY(-50%);pointer-events:none;color:#7d8990}.asset-section{margin-top:22px;border-top:1px solid #e0e5e7;padding-top:16px}.section-label{display:flex;align-items:baseline;gap:7px;font-size:11px;font-weight:700;margin-bottom:12px}.section-label span{color:#9aa5ab;font-weight:400}.asset-row,.reference-upload,.color-field{min-height:42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebed;gap:10px}.asset-copy{display:flex;align-items:center;gap:7px}.asset-label{font-size:12px;font-weight:600}.asset-hint{color:#9ca7ad;font-size:10px;display:inline-flex;align-items:center;gap:3px}.asset-hint.success{color:#278155}.upload-mini{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #cfd7db;border-radius:5px;color:#55636b;background:#fff;font-size:11px;cursor:pointer}.upload-mini:hover{border-color:#ff6b4a;color:#ff6b4a}.upload-mini input{display:none}.asset-preview{width:42px;height:32px;border:1px solid #d7dee1;border-radius:4px;overflow:hidden;position:relative;background:#fff}.asset-preview img{width:100%;height:100%;object-fit:cover}.thumb-remove{position:absolute;right:2px;top:2px;display:grid;place-items:center;width:17px;height:17px;border:0;border-radius:3px;background:#152029cc;color:#fff;opacity:0;transition:opacity .15s}.asset-preview:hover .thumb-remove,.reference-thumb:hover .thumb-remove{opacity:1}.reference-upload{border-bottom:0}.reference-upload>div{display:flex;gap:8px;align-items:center}.reference-grid{display:flex;gap:7px;margin:2px 0 9px}.reference-thumb{width:46px;height:34px;position:relative;border-radius:4px;overflow:hidden;border:1px solid #d7dee1}.reference-thumb img{width:100%;height:100%;object-fit:cover}.color-field{padding-top:9px}.color-control{display:flex;align-items:center;gap:7px;cursor:pointer}.color-control>span{width:18px;height:18px;border-radius:4px;border:1px solid #cfd7db}.color-control input{position:absolute;opacity:0;width:1px;height:1px}.color-control code{font-size:10px;color:#6d7981}.generate-wrap{margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:600;transition:all .18s;white-space:nowrap}.button.primary{background:#ff6b4a;color:#fff;box-shadow:0 2px #d64f35}.button.primary:hover{background:#f45d3c;transform:translateY(-1px)}.button.primary:active{transform:translateY(0);box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.45;transform:none;box-shadow:none}.button.ghost{background:#fff;color:#40505a;border-color:#cfd7db}.button.ghost:hover{border-color:#aab5bb;background:#f6f8f9}.generate-button{width:100%;padding:12px;font-size:13px}.button-hint{text-align:center;color:#99a4aa;font-size:10px;margin-top:8px}.icon-button{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d3dade;background:#fff;color:#66747d;border-radius:6px}.icon-button:hover{border-color:#aab5bb;color:#152029}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.results-heading{align-items:center;margin-bottom:16px}.results-heading h2{display:flex;align-items:center;gap:7px}.count{font-size:12px;color:#8a969e;font-weight:500}.results-actions{display:flex;align-items:center;gap:8px}.platform-chip{background:#e3e9eb;color:#617079}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.variant-card{background:#f8fafb;border:1px solid #d8dfe2;border-radius:9px;overflow:hidden;transition:border-color .18s,box-shadow .18s,transform .18s}.variant-card:hover{border-color:#aeb9be;transform:translateY(-1px)}.variant-card.selected{border-color:#ff6b4a;box-shadow:0 0 0 2px #ff6b4a30}.variant-image{display:block;position:relative;width:100%;aspect-ratio:4 / 3;border:0;padding:0;background:#dce5e4;overflow:hidden}.variant-image img{width:100%;height:100%;object-fit:cover}.variant-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:6px;color:#fff;font-size:11px;background:#15202999;opacity:0;transition:opacity .18s}.variant-image:hover .variant-overlay{opacity:1}.variant-meta{display:flex;justify-content:space-between;align-items:flex-start;padding:11px 12px 0}.variant-title{font-size:13px;font-weight:700}.variant-direction{font-size:11px;color:#73818a;margin-top:3px}.favorite{border:0;background:transparent;width:25px;height:25px}.favorite.favorited{color:#ff6b4a}.tag-row{display:flex;flex-wrap:wrap;gap:5px;padding:9px 12px}.tag-row span{font-size:10px;color:#61717a;background:#e9eef0;border-radius:4px;padding:4px 6px}.variant-footer{display:flex;justify-content:space-between;align-items:center;padding:8px 12px 11px;border-top:1px solid #e8edef;color:#8a969c;font-size:10px}.text-button{display:inline-flex;align-items:center;gap:3px;border:0;background:transparent;color:#64737c;padding:2px;font-size:10px}.text-button:hover{color:#ff6b4a}.rotate{transform:rotate(180deg)}.empty-state,.generation-state{min-height:470px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#687780}.empty-state strong,.generation-state strong{display:block;margin-top:17px;color:#31414a;font-size:14px}.empty-state p,.generation-state p{margin:7px 0 17px;font-size:12px}.empty-art{width:145px;height:112px;border:1px dashed #b9c4c9;border-radius:10px;position:relative;display:flex;align-items:center;justify-content:center;color:#95a3aa;background:#f8fafb}.empty-line{position:absolute;left:20px;right:20px;height:7px;border-radius:3px;background:#dce4e6}.line-one{top:22px;width:55%;right:auto}.line-two{top:43px}.line-three{top:64px;width:75%;right:auto}.generation-state{align-items:flex-start;padding-left:18%;text-align:left;position:relative}.generation-orbit{width:58px;height:58px;border:1px solid #ffb6a7;border-radius:50%;display:grid;place-items:center;color:#ff6b4a}.phase-steps{display:flex;gap:9px;margin-top:18px;font-size:10px;color:#a0aab0}.phase-steps span:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#cbd4d8;margin-right:5px}.phase-steps span.current{color:#ff6b4a;font-weight:700}.phase-steps span.current:before{background:#ff6b4a}.phase-steps span.done{color:#3e8061}.phase-steps span.done:before{background:#3e8061}.service-note{margin-top:14px;display:flex;align-items:center;gap:8px;padding:9px 11px;border:1px solid #e7d8b7;background:#fff8e9;color:#876327;font-size:11px;border-radius:6px}.service-note button{margin-left:auto;border:0;background:transparent;color:inherit;display:grid;place-items:center}.inspector-empty{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:#8a979e;text-align:center;padding:25px}.inspector-empty strong{color:#52616a;font-size:13px}.inspector-empty span{font-size:11px;line-height:1.5;max-width:210px}.editor-preview{margin:18px auto 19px;max-width:255px}.preview-canvas{width:100%;position:relative;overflow:hidden;background:#d7e5e3;border-radius:6px;isolation:isolate;box-shadow:0 10px 24px #1d333018;aspect-ratio:1 / 1}.ratio-square{aspect-ratio:1 / 1}.ratio-portrait{aspect-ratio:4 / 5}.ratio-story{aspect-ratio:9 / 16}.ratio-wide{aspect-ratio:16 / 9}.preview-bg,.preview-wash{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.preview-bg{object-fit:cover;z-index:-3;filter:saturate(.88) contrast(.95)}.preview-wash{z-index:-2;background:linear-gradient(180deg,#ffffffaa 0%,transparent 40%,#15202933 100%)}.layout-editorial .preview-wash{background:linear-gradient(110deg,#fff8 0%,transparent 45%),#1520291c}.layout-burst .preview-wash{background:radial-gradient(circle at 70% 30%,#fff0 0,#fff0 20%,#ff6b4a55 80%),#15202929}.preview-brand{position:absolute;top:7%;left:8%;width:24%;max-width:70px;z-index:2}.preview-brand img{display:block;width:100%;height:auto}.logo-placeholder{display:inline-block;padding:4px 6px;color:var(--text);border:1px solid currentColor;font-size:7px;font-weight:700;letter-spacing:.12em}.preview-product{position:absolute;right:4%;bottom:4%;width:47%;max-width:190px;max-height:72%;object-fit:contain;filter:drop-shadow(0 12px 8px #15202925);z-index:1}.preview-copy{position:absolute;left:8%;right:8%;z-index:3;color:var(--text)}.title-top .preview-copy{top:22%}.title-middle .preview-copy{top:38%;transform:translateY(-10%)}.title-bottom .preview-copy{bottom:17%}.preview-kicker{font-size:7px;letter-spacing:.14em;font-weight:700;opacity:.7;margin-bottom:7px;text-transform:uppercase}.preview-copy h3{margin:0;max-width:90%;line-height:1.1;letter-spacing:-.04em;font-size:22px;font-weight:700}.preview-copy.size-sm h3{font-size:16px}.preview-copy.size-lg h3{font-size:28px}.preview-copy p{margin:8px 0 12px;font-size:9px;max-width:78%;line-height:1.45}.preview-copy button{border:0;background:var(--brand);color:#fff;border-radius:4px;padding:7px 10px;font-size:8px;font-weight:700}.preview-copy button span{margin-left:5px;font-size:11px}.preview-footer{position:absolute;bottom:4%;left:8%;right:8%;z-index:3;display:flex;justify-content:space-between;font-size:6px;color:var(--text);opacity:.65}.editor-tools{border-top:1px solid #e0e5e7;padding-top:16px;display:flex;flex-direction:column;gap:12px}.tool-heading{font-size:11px;font-weight:700}.unsaved-label{margin-left:8px;color:#b26b20;font-size:10px;font-weight:500}.template-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.template-picker button{display:flex;flex-direction:column;gap:5px;align-items:center;border:1px solid #d4dcdf;border-radius:5px;background:#fff;padding:6px 4px;color:#65747d;font-size:10px}.template-picker button.active{border-color:#ff6b4a;color:#d65338;background:#fff7f4}.template-thumb{width:100%;height:30px;border-radius:3px;background:#dbe6e4;position:relative;overflow:hidden}.clean-thumb:after{content:"";position:absolute;width:45%;height:3px;left:10%;top:30%;background:#617a78;box-shadow:0 6px #92a9a5}.editorial-thumb{background:linear-gradient(110deg,#283c42 0,#283c42 52%,#e3b468 52%)}.editorial-thumb:after{content:"";position:absolute;left:8%;top:20%;width:25%;height:3px;background:#fff;box-shadow:0 6px #fff8}.burst-thumb{background:#ff6b4a}.burst-thumb:after{content:"SALE";position:absolute;color:#fff;font-size:9px;font-weight:700;left:25%;top:32%}.color-row{display:flex;align-items:center;justify-content:space-between}.swatches{display:flex;gap:7px}.swatches button{width:22px;height:22px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #cbd4d7}.swatches button.selected{box-shadow:0 0 0 2px #ff6b4a}.editor-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:2px}.quality-section{border-top:1px solid #e0e5e7;margin-top:17px;padding-top:15px}.quality-heading{display:flex;align-items:center;justify-content:space-between}.quality-count{color:#819097;font-size:10px;margin-left:8px}.checks-list{margin-top:11px;display:flex;flex-direction:column;gap:8px}.check-row{display:grid;grid-template-columns:18px 1fr;column-gap:7px;align-items:center}.check-icon{width:18px;height:18px;border-radius:50%;display:grid;place-items:center}.check-icon.pass{color:#247a50;background:#dff3e8}.check-icon.warning{color:#a76c1c;background:#fff0d3}.check-icon.fail{color:#b64139;background:#fde3e1}.check-label{font-size:11px;font-weight:600}.check-detail{grid-column:2;font-size:10px;color:#87939a;margin-top:1px}.export-button{width:100%;margin-top:15px;background:#152029;color:#fff}.export-button:hover{background:#273943}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#152029bb;display:grid;place-items:center;padding:25px}.modal-content{position:relative;max-width:min(680px,90vw);max-height:90vh;background:#f8fafb;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #15202940}.modal-content img{display:block;max-width:100%;max-height:70vh;object-fit:contain;background:#dce5e4}.modal-close{position:absolute;top:10px;right:10px;z-index:1;width:30px;height:30px;border:0;border-radius:5px;background:#152029cc;color:#fff;display:grid;place-items:center}.modal-caption{padding:14px 17px 16px;display:flex;flex-direction:column;gap:5px}.modal-caption strong{font-size:14px}.modal-caption span{color:#728089;font-size:11px;line-height:1.5}@media (max-width: 1180px){.workbench{grid-template-columns:280px minmax(380px,1fr)}.inspector-panel{grid-column:1 / -1;min-height:auto}.inspector-panel>.panel-heading,.inspector-panel>.editor-preview,.inspector-panel>.editor-tools,.inspector-panel>.quality-section{max-width:720px;margin-left:auto;margin-right:auto}.inspector-panel>.panel-heading{margin-bottom:0}.inspector-empty{min-height:160px}.editor-preview{max-width:270px}}@media (max-width: 760px){.topbar{padding:0 14px;height:60px}.brand-lockup{min-width:auto}.topbar-center{display:none}.topbar-actions{min-width:auto}.topbar-actions .button{padding:8px 9px}.workbench{display:flex;flex-direction:column;padding:9px;gap:9px}.panel{width:100%;min-height:auto}.brief-panel,.results-panel,.inspector-panel{padding:15px}.results-panel{order:2}.brief-panel{order:1}.inspector-panel{order:3}.variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.variant-meta{padding:9px 9px 0}.tag-row{padding:7px 9px}.variant-footer{padding:7px 9px 9px}.empty-state,.generation-state{min-height:320px}.generation-state{padding-left:8%}.field-row{grid-template-columns:1fr}.topbar-actions .icon-button{display:none}}@media (max-width: 430px){.variant-grid{grid-template-columns:1fr}.results-actions .button{display:none}.platform-chip{font-size:10px}.panel-heading h2{font-size:18px}}.service-note .note-close{margin-left:0}.retry-button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;border:1px solid #d7bd88;background:#fffdf8;color:#76551e;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:600}.retry-button:hover{background:#fff5d8}.retry-button:disabled{opacity:.5;cursor:not-allowed}.mock-dot{background:#ff6b4a;box-shadow:0 0 0 3px #ffe2db}.preview-bg{filter:saturate(.88) contrast(.95) brightness(var(--brightness, 100%))}.preview-wash{background:linear-gradient(180deg,rgb(255 255 255 / var(--overlay, .18)) 0%,transparent 42%,rgb(21 32 41 / calc(var(--overlay, .18) * .8)) 100%)}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.align-center h3,.align-center p{margin-left:auto;margin-right:auto}.align-right h3,.align-right p,.align-right .preview-copy button{margin-left:auto}.editor-tools{gap:16px}.tool-group{border-top:1px solid #e0e5e7;padding-top:13px;display:flex;flex-direction:column;gap:10px}.tool-group:first-child{border-top:0;padding-top:0}.tool-heading{display:flex;align-items:center;gap:6px}.provider-label{margin-left:auto;color:#24745b;font-size:10px;font-weight:500}.visibility-row{display:flex;gap:7px;flex-wrap:wrap}.toggle{display:inline-flex;align-items:center;gap:5px;border:1px solid #d4dcdf;background:#fff;color:#6a7880;border-radius:5px;padding:6px 8px;font-size:10px}.toggle.on{color:#1d6d4a;border-color:#abd9be;background:#f2fbf5}.toggle-track{width:22px;height:12px;border-radius:10px;background:#cfd7db;padding:2px;display:flex;align-items:center}.toggle-track span{width:8px;height:8px;background:#fff;border-radius:50%;transition:transform .16s}.toggle.on .toggle-track{background:#2ca36b;justify-content:flex-end}.version-bar{display:flex;align-items:center;gap:6px;margin:-7px auto 13px;max-width:255px;color:#71808a;font-size:10px}.version-bar>span{margin-right:auto}.version-bar .icon-button{width:25px;height:25px}.text-button.active{color:#d65338;font-weight:700}.compare-strip{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:255px;margin:-4px auto 14px}.compare-strip div{position:relative;overflow:hidden;border:1px solid #d8dfe2;border-radius:5px;background:#e6ecec}.compare-strip span{position:absolute;top:4px;left:5px;z-index:1;font-size:9px;color:#fff;background:#152029aa;padding:2px 4px;border-radius:3px}.compare-strip img{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover}.ai-actions{display:flex;flex-wrap:wrap;gap:6px}.ai-actions .button{padding:6px 8px;font-size:10px}.ai-custom{display:flex;gap:6px}.ai-custom input{min-width:0;flex:1;border:1px solid #cfd7db;border-radius:5px;padding:8px;font-size:11px}.ai-custom .button{padding:7px 9px}input[type=range]{width:100%;accent-color:#ff6b4a}.inspector-panel{display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 96px);overflow:hidden}.inspector-panel>.panel-heading{flex:0 0 auto}.inspector-stage{flex:0 0 auto;background:#f8fafb;position:relative;z-index:2;padding-bottom:2px}.inspector-scroll{min-height:0;overflow-y:auto;margin:0 -20px -20px;padding:0 20px 20px;scrollbar-width:thin;scrollbar-color:#c1cbd0 transparent}.inspector-scroll .editor-tools{border-top:1px solid #e0e5e7}.editor-preview{max-width:220px;margin-top:8px;margin-bottom:10px}.quick-adjust{max-width:255px;margin:-3px auto 10px;padding:9px 11px 7px;border:1px solid #dce3e5;border-radius:7px;background:#f2f6f6;display:grid;grid-template-columns:1fr}.quick-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;color:#40525a;font-size:11px;font-weight:700}.quick-heading{grid-column:1 / -1}.quick-adjust .field:last-child{grid-column:auto}.quick-heading span:last-child{color:#8a979e;font-size:9px;font-weight:500}.quick-adjust .field{gap:4px;margin-bottom:7px}.quick-adjust .field:last-child{margin-bottom:0}.quick-adjust .field-label{font-size:10px}@media (max-width: 1180px){.inspector-panel{max-height:calc(100vh - 96px)}.inspector-scroll{max-width:720px;width:100%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0}}@media (max-width: 760px){.inspector-panel{display:block;max-height:none;overflow:visible}.inspector-stage{position:sticky;top:60px;padding:0 0 5px;margin-bottom:10px;box-shadow:0 8px 14px #15202910}.inspector-scroll{overflow:visible;margin:0;padding:0}.quick-adjust{max-width:none;margin-left:0;margin-right:0}.quick-adjust .field:last-child{grid-column:auto}.editor-preview{max-width:min(270px,68vw);margin-top:10px}.version-bar,.compare-strip{max-width:min(270px,68vw)}}.inspector-panel{display:block;max-height:none;overflow:visible}.inspector-stage{position:sticky;top:82px}.inspector-scroll{max-width:none;width:auto;overflow:visible;margin:0;padding:0}@media (max-width: 760px){.inspector-panel{display:block;max-height:none;overflow:visible}.inspector-stage{position:sticky;top:60px}.inspector-scroll{max-width:none;width:auto;overflow:visible;margin:0;padding:0}}@media (min-width: 1181px){html,body{overflow:hidden}.workbench{height:calc(100vh - 96px);overflow:hidden;align-items:stretch}.panel{height:100%;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#bdc7cc transparent}.panel::-webkit-scrollbar{width:6px}.panel::-webkit-scrollbar-track{background:transparent}.panel::-webkit-scrollbar-thumb{background:#bdc7cc;border-radius:6px}.inspector-panel{height:100%;max-height:none;overflow-y:auto}.inspector-stage{position:sticky;top:0}.inspector-scroll{overflow:visible}}@media (max-width: 1180px){html,body{overflow:auto}}.tool-note{margin:-3px 0 1px;color:#71808a;font-size:10px;line-height:1.5}.inspector-panel{display:flex;flex-direction:column;min-height:0;overflow:visible}.inspector-stage{position:sticky;top:0;z-index:4;padding:1px 0 8px;background:#f8fafb;border-bottom:1px solid #e0e5e7}.inspector-scroll{width:100%;margin:0;padding:12px 0 0;overflow:visible}.editor-preview{max-width:min(255px,100%);margin:12px auto 10px}.version-bar,.compare-strip,.quick-adjust{max-width:255px}.preview-canvas{background:#d7e5e3}.preview-copy h3{max-width:64%;overflow-wrap:anywhere}.preview-copy p{max-width:61%;overflow-wrap:anywhere}.align-center .preview-copy h3,.align-center .preview-copy p,.align-right .preview-copy h3,.align-right .preview-copy p{max-width:84%}.ai-actions .button{min-height:30px}@media (min-width: 1181px){.inspector-panel{overflow-y:auto}.inspector-stage{top:0}}@media (max-width: 1180px){.inspector-stage{top:68px}.inspector-scroll{max-width:720px;margin-left:auto;margin-right:auto}}@media (max-width: 760px){.inspector-stage{top:60px}.editor-preview,.version-bar,.compare-strip{max-width:min(270px,72vw)}.quick-adjust{max-width:none}}