:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#e9e3d8;background:#1c2229;font-synthesis:none;font-size:14px;--ink: #e9e3d8;--muted: #b9ad97;--accent: #e9e3d8;--line: #1c2229;--paper: #1c2229}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled,.disabled{opacity:.5;cursor:wait}button:disabled{cursor:default}button:focus-visible,summary:focus-visible,label:has(input[type=file]:focus-visible){outline:3px solid #a8abb0;outline-offset:4px}button svg,.button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.1px;line-height:1.4}p{line-height:1.85;color:#b9ad97}button{border:0;background:none}button,input,textarea,select{transition:background .15s,border-color .15s,box-shadow .15s}input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}input,textarea,select{width:100%;display:block;border:1px solid #3c424a;background:#1c2229;border-radius:6px;padding:12px 14px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#b9ad97;box-shadow:0 0 0 3px #00000080}input::placeholder,textarea::placeholder{color:#a8abb0}textarea{resize:vertical;line-height:1.9;min-height:85px}label{display:block;font-weight:550;font-size:13px;line-height:1.6}label>input,label>textarea,label>select{margin-top:9px}label>small{font-weight:400;display:block;color:var(--muted);margin-top:8px}.button{display:inline-flex;gap:9px;align-items:center;justify-content:center;background:var(--paper);border:1px solid #3c424a;border-radius:9px;padding:10px 17px;font-size:13px;font-weight:550;white-space:nowrap;cursor:pointer;line-height:1.5}.button:hover{background:#1c2229;border-color:#3c424a}.button.primary{background:var(--accent);border-color:var(--accent);color:#1c2229}.button.primary:hover{background:#e9e3d8}.button.large{padding:14px 22px;font-size:14px;border-radius:6px}.button.quiet{background:transparent;border-color:transparent}.text-button{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:12px;font-weight:600;white-space:nowrap}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px}.icon-button:hover{background:#1c2229}.topbar{height:86px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#1c2229}.brand{display:flex;gap:11px;align-items:center;text-align:left;padding:0}.brand-icon{display:grid;place-items:center;width:41px;height:43px;background:#1c2229;border-radius:6px;color:#e9e3d8}.brand>span:last-child{font-size:18px;letter-spacing:.5px}.brand b{font-size:16px;font-weight:600}.brand small{display:block;font-size:10px;font-weight:400;letter-spacing:1.2px;margin-top:4px;color:#a8abb0}.top-actions{display:flex;align-items:center;gap:18px}.save-status{display:flex;gap:3px;align-items:center;color:#b9ad97;font-size:11px}.warn{color:#b9ad97}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:#b9ad97;margin-bottom:15px}.home{max-width:1120px;margin:0 auto;padding:44px 30px 28px}.welcome{min-height:360px;display:flex;justify-content:space-between;align-items:center;border-radius:6px;background:#1c2229;padding:44px 60px;position:relative;overflow:hidden}.welcome h1{font-size:38px;font-weight:600;margin-bottom:17px}.welcome p{font-size:14px;color:#b9ad97;margin-bottom:25px}.welcome-note{display:block;color:#a8abb0;font-size:11px;margin-top:14px}.welcome-art{width:350px;flex-shrink:0;height:300px;position:relative;display:grid;place-items:center}.section-title{display:flex;justify-content:space-between;align-items:center;margin:40px 0 22px}.section-title h2{font-size:20px;font-weight:600;margin-bottom:7px}.section-title p{font-size:12px;margin:0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.project-card{padding:0;text-align:left;border:1px solid #3c424a;background:var(--paper);border-radius:6px;overflow:hidden}.project-card:hover{box-shadow:0 8px 20px #0000000c;border-color:#3c424a}.project-cover{height:170px;background:#1c2229;position:relative;display:grid;place-items:center;overflow:hidden}.project-cover>img{width:100%;height:100%;object-fit:contain}.draft-label{position:absolute;top:12px;left:12px;background:#000000df;border:1px solid #1c2229;color:#b9ad97;font-size:10px;padding:4px 9px;border-radius:6px}.project-caption{padding:20px}.project-caption h3{font-size:17px;margin-bottom:8px}.project-caption p{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:18px}.project-caption>span{display:flex;justify-content:space-between;color:#b9ad97;font-size:11px}.new-card{border:1.5px dashed #3c424a;border-radius:6px;min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;background:#1c2229}.new-card:hover{background:#1c2229}.new-card>span{display:grid;place-items:center;background:#1c2229;border-radius:50%;width:48px;height:48px;margin-bottom:22px;color:#a8abb0}.new-card strong{font-size:13px;font-weight:500}.new-card p{font-size:11px;color:#a8abb0;margin:8px 0 0}.home-footer{display:flex;align-items:center;gap:9px;margin-top:36px;color:#a8abb0;font-size:10px}.home-footer small{display:block;margin-top:4px;word-break:break-all}.home-footer>span:last-child{margin-left:auto}.workspace{display:grid;grid-template-columns:230px minmax(0,1fr) 280px;min-height:calc(100vh - 86px);max-width:1700px;margin:auto}.sidebar{padding:28px 19px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#1c2229}.back-link{display:flex;align-items:center;gap:5px;color:#b9ad97;font-size:11px;padding:0 8px}.project-heading{padding:30px 12px 24px}.project-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}.project-heading h2{font-size:21px;overflow-wrap:anywhere;font-weight:600;margin:0 0 18px}.progress-track{height:4px;background:#3c424a;border-radius:4px}.progress-track>div{height:100%;background:#a8abb0;border-radius:4px;transition:width .3s}.project-heading>small{display:block;font-size:10px;color:#a8abb0;margin-top:10px}.step{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:14px 10px;border-radius:6px;margin:5px 0}.step.active{background:#1c2229}.step-number{font-size:11px;display:grid;place-items:center;background:#1c2229;border:1px solid #3c424a;width:28px;height:28px;border-radius:9px;color:#a8abb0;flex-shrink:0}.step.active .step-number{background:#b9ad97;color:#fff;border-color:#b9ad97}.step-number.done{background:#3c424a;color:#b9ad97}.step strong{font-size:13px;font-weight:600;display:block}.step small{font-size:10px;color:#a8abb0;display:block;margin-top:5px}.sidebar-help{margin:60px 7px 0;background:#1c2229;border:1px solid #3c424a;border-radius:6px;padding:19px 15px}.sidebar-help>svg{color:#a8abb0}.sidebar-help h3{font-size:12px;margin:12px 0 7px}.sidebar-help p{font-size:11px;color:#a8abb0;margin-bottom:14px}.sidebar-help .button{font-size:11px;padding:8px 10px;width:100%;justify-content:space-between;background:#1c2229}.editor{padding:36px 32px;min-width:0}.editor-title{margin-bottom:25px}.editor-title .eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:9px}.editor-title h1{font-size:25px;font-weight:600;margin-bottom:10px;letter-spacing:-.6px}.editor-title p{font-size:12px;margin:0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:25px}.basic-panel>label{margin-top:25px}.form-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px}.optional{color:#a8abb0;font-weight:400;font-size:10px;margin-left:8px}.gentle-tip{display:flex;align-items:flex-start;gap:9px;padding:16px 0 0;color:#a8abb0;line-height:1.8;font-size:11px}.gentle-tip>svg{flex-shrink:0;margin-top:2px}.gentle-tip>span{flex:1}.gentle-tip .text-button{margin-top:2px}.more-options{border-top:1px solid var(--line);padding-top:19px;margin-top:25px;font-size:12px}.more-options summary{color:#b9ad97;cursor:pointer;padding:3px 0}.more-options label{margin-top:17px}.more-options>p{margin:16px 0}.more-options .file-location{display:block;margin-top:20px;line-height:1.8;overflow-wrap:anywhere;color:#a8abb0}.step-footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px;padding-top:23px;border-top:1px solid var(--line);gap:10px}.step-footer>span{font-size:10px;color:#a8abb0;text-align:center}.preview-panel{padding:35px 23px;border-left:1px solid var(--line);background:#1c2229}.preview-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b9ad97;margin-bottom:17px}.preview-footnote{font-size:10px;text-align:center;color:#a8abb0;line-height:1.8;margin:13px 0 28px}.tiny-note{padding:17px 0;border-top:1px solid #3c424a}.tiny-note>span{font-size:10px;color:#a8abb0}.tiny-note p{font-size:11px;color:#a8abb0;margin:8px 0}.quick-upload{display:flex;gap:17px;padding:24px;border:1.5px dashed #3c424a;border-radius:6px;background:#1c2229;align-items:center;cursor:pointer;margin-bottom:25px}.quick-upload:hover{background:#1c2229}.upload-icon{background:#3c424a;width:53px;height:53px;display:grid;place-items:center;border-radius:6px;flex-shrink:0;color:#b9ad97}.quick-upload strong{font-size:14px}.quick-upload p{font-size:11px;font-weight:400;margin:7px 0}.quick-upload small{font-size:10px;font-weight:400;color:#a8abb0}.image-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.image-slot{min-width:0}.image-picker{display:block;position:relative;cursor:pointer}.image-well{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;height:165px;border:1px solid #3c424a;border-radius:6px;background-color:#1c2229;background-image:linear-gradient(45deg,#00000055 25%,transparent 25%),linear-gradient(-45deg,#00000055 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#00000055 75%),linear-gradient(-45deg,transparent 75%,#00000055 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;color:#a8abb0;font-size:10px}.image-well img{height:100%;width:100%;object-fit:contain}.image-action{position:absolute;bottom:8px;right:8px;font-size:10px;background:#000000e8;padding:4px 8px;border:1px solid #3c424a;border-radius:6px;color:#b9ad97}.image-slot h3{font-size:12px;margin:12px 0 5px;display:flex;align-items:center;gap:5px}.image-slot h3 svg{color:#a8abb0}.image-slot p{font-size:10px;color:#a8abb0;line-height:1.7;margin:0}.dialogue-intro{display:flex;justify-content:space-between;gap:12px;align-items:center}.dialogue-intro>span{font-size:11px;color:#a8abb0}.dialogue-intro b{font-size:19px;color:#b9ad97}.dialogue-intro .button{font-size:11px;padding:9px 12px}.microcopy{font-size:10px;text-align:right;color:#a8abb0;margin:7px 0 20px}.tabs{display:flex;gap:4px;padding:5px;border:1px solid #3c424a;background:#1c2229;border-radius:6px;margin-bottom:20px}.tabs button{flex:1;padding:8px 5px;font-size:11px;color:#b9ad97;border-radius:7px;white-space:nowrap}.tabs button.selected{background:#1c2229;box-shadow:0 1px 5px #00000010;color:#e9e3d8}.dialogue-list{display:grid;gap:16px}.dialogue-card{padding:20px}.dialogue-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.dialogue-heading h3{font-size:13px;margin-bottom:4px}.dialogue-heading p{font-size:11px;margin:0;color:#a8abb0}.dialogue-heading .icon-button{background:#1c2229;color:#b9ad97}.dialogue-card textarea{font-size:12px}.field-footer{display:flex;justify-content:space-between;font-size:10px;color:#a8abb0;margin-top:9px}.export-panel{text-align:center;padding:34px 24px}.export-badge{width:72px;height:72px;border-radius:6px;background:#1c2229;color:#b9ad97;display:grid;place-items:center;margin:0 auto 21px}.export-panel h2{font-size:20px;margin-bottom:12px}.export-panel p{font-size:12px;line-height:1.9}.export-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.success-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:11px;color:#b9ad97;margin-top:22px}.next-steps{margin-top:20px;padding:22px}.next-steps h3{font-size:13px}.next-steps ol,.assistant-guide ol{padding-left:20px;color:#b9ad97;font-size:12px;line-height:2.3}.next-steps p{font-size:11px;margin-bottom:0}.issues{margin-top:20px;padding:20px}.issues h3{font-size:13px;color:#b9ad97}.issue+.issue{border-top:1px solid #1c2229}.issue>button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;padding:13px 0;font-size:12px;line-height:1.7}.issue>button>span:nth-child(2){flex:1}.issue-dot{width:6px;height:6px;border-radius:50%;background:#a8abb0;flex-shrink:0}.issue details{font-size:11px;color:#b9ad97;margin:4px 0 15px}.issue pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto}.error-banner{display:flex;justify-content:space-between;gap:15px;padding:12px 30px;background:#1c2229;color:#b9ad97;font-size:12px;line-height:1.7}.error-banner button{display:flex;align-items:center}.conflict-banner{padding:16px 30px;background:#1c2229;font-size:12px;line-height:2}.conflict-banner>div{display:flex;gap:10px;margin-top:10px}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;background:#0000004d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:center;z-index:10;padding:20px}.modal{width:430px;max-width:100%;position:relative;background:#1c2229;border:1px solid #3c424a;border-radius:6px;padding:38px;box-shadow:0 20px 80px #00000020}.modal-close{position:absolute;right:13px;top:13px}.modal-flower{display:grid;place-items:center;width:60px;height:60px;background:#1c2229;color:#a8abb0;border-radius:6px;margin-bottom:23px}.modal h2{font-size:23px;margin-bottom:10px}.modal p{font-size:12px;margin-bottom:26px}.modal form>.button{margin-top:25px;width:100%}.drawer-backdrop{justify-content:flex-end;align-items:stretch;padding:0;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.assistant-drawer{width:480px;max-width:100%;height:100%;overflow:auto;background:#1c2229;padding:28px;box-shadow:-10px 0 60px #0000001a}.drawer-heading{display:flex;gap:12px;align-items:center;margin-bottom:29px}.drawer-heading h2{font-size:17px;margin:0 0 6px}.drawer-heading p{font-size:11px;color:#a8abb0;margin:0}.drawer-heading>.icon-button{margin-left:auto;flex-shrink:0}.assistant-symbol{width:43px;height:43px;display:grid;place-items:center;flex-shrink:0;background:#1c2229;border-radius:6px;color:#b9ad97}.assistant-drawer>label{margin-bottom:22px}.assistant-drawer>.button{width:100%;margin-bottom:24px}.prompt-label{font-size:11px!important;color:#a8abb0}.prompt-output{font-size:11px;color:#b9ad97;background:#1c2229;line-height:1.8;white-space:pre-wrap}.prompt-actions{display:flex;gap:10px;flex-wrap:wrap}.assistant-guide{border-top:1px solid var(--line);margin-top:27px;padding-top:23px}.assistant-guide h3{font-size:13px}.assistant-guide ol{font-size:11px}.assistant-guide>p{font-size:10px;color:#a8abb0}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);max-width:calc(100% - 30px);background:#e9e3d8;color:#1c2229;padding:13px 21px;box-shadow:0 5px 30px #00000020;border-radius:6px;font-size:12px;display:flex;align-items:center;gap:9px;z-index:30;line-height:1.7}.broken{padding:25px}.broken p{font-size:12px;overflow-wrap:anywhere}@media(min-width:1500px){.editor{padding:42px 50px}.workspace{grid-template-columns:250px minmax(0,1fr) 310px}}@media(max-width:1150px){.workspace{grid-template-columns:205px minmax(0,1fr) 230px}.editor{padding:28px 22px}.sidebar{padding:25px 12px}.preview-panel{padding:30px 17px}.gentle-tip{flex-wrap:wrap}.gentle-tip .text-button{margin-left:29px}.topbar{padding:0 25px}.step-footer>span{display:none}.welcome{padding:40px}.welcome-art{width:290px}.image-grid{gap:12px}.image-well{height:140px}}@media(max-width:920px){.workspace{grid-template-columns:185px minmax(0,1fr)}.preview-panel{display:none}.sidebar-help{margin-top:35px}.home{padding:30px 24px}.welcome{padding:32px}.welcome h1{font-size:32px}.welcome-art{width:240px}.project-grid{gap:16px}.project-caption{padding:17px}.editor-title h1{font-size:24px}.image-well{height:175px}}@media(max-width:620px){.topbar{height:74px;padding:0 18px}.brand>span:last-child{font-size:16px}.brand b{font-size:14px}.brand small{font-size:9px;letter-spacing:.5px}.brand-icon{width:35px;height:38px}.top-actions{gap:7px}.top-actions .button{padding:6px 9px}.save-status{font-size:10px}.home{padding:21px 17px}.welcome{padding:28px 25px;min-height:310px}.welcome h1{font-size:29px}.welcome-art{position:absolute;width:130px;height:150px;right:0;top:18px;opacity:.45}.art-orbit,.art-note,.welcome>div:first-child{position:relative;z-index:1}.welcome p{font-size:12px}.welcome .eyebrow,.welcome-note{font-size:10px}.section-title{margin-top:28px;gap:12px}.section-title h2{font-size:18px}.section-title p{font-size:10px}.section-title .button{font-size:11px;padding:8px 10px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.project-cover{height:140px}.project-caption{padding:14px}.project-caption h3{font-size:15px}.project-caption p{font-size:10px}.new-card{min-height:250px;padding:15px}.new-card strong{text-align:center;font-size:12px;line-height:1.8}.new-card p{font-size:10px}.home-footer>span:last-child{display:none}.workspace{display:block}.sidebar{padding:14px 17px 10px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .back-link{font-size:10px;padding:0}.project-heading{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin-top:11px}.step{flex-direction:column;text-align:center;gap:7px;padding:11px 2px;margin:0;border-radius:9px}.step-number{width:24px;height:24px;font-size:10px;border-radius:7px}.step strong{font-size:10px;font-weight:500}.step small,.sidebar-help{display:none}.editor{padding:25px 17px}.editor-title h1{font-size:23px}.editor-title p{font-size:11px}.panel{padding:20px 16px}.form-row{grid-template-columns:1fr;gap:22px}.basic-panel>label{margin-top:22px}.gentle-tip{font-size:10px}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}.image-well{height:165px}.quick-upload{padding:19px 15px;gap:12px}.upload-icon{width:40px;height:45px}.quick-upload strong{font-size:13px}.quick-upload p{font-size:10px}.quick-upload small{font-size:9px}.dialogue-intro{gap:8px}.dialogue-intro .button{font-size:10px;padding:8px}.dialogue-intro>span{font-size:10px}.dialogue-intro b{font-size:17px}.tabs button{font-size:10px}.dialogue-card{padding:17px}.export-panel h2{font-size:18px}.export-panel p{font-size:11px}.export-actions{gap:9px}.export-actions .button{padding:10px 13px;font-size:12px}.success-note{font-size:10px;align-items:flex-start;text-align:left}.success-note>svg{flex-shrink:0}.assistant-drawer{padding:24px 20px}.drawer-heading h2{font-size:15px}.assistant-symbol{width:36px;height:39px}.drawer-heading{gap:9px}.modal{padding:30px 24px}.modal h2{font-size:22px}.error-banner{padding:12px 17px}.conflict-banner{padding:14px 17px}.conflict-banner>div{flex-wrap:wrap}.toast{font-size:11px;padding:11px 15px}.home-footer small{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}:root{color-scheme:dark;--ink: #f0ece3;--muted: #a7aeb8;--accent: #d2b37c;--line: #363b43;--paper: #1c2229;color:var(--ink);background:#111519}body{background:radial-gradient(ellipse at 70% 0,#25302e66,transparent 55%),#111519}p{color:var(--muted)}a{color:#dbc38d;text-underline-offset:4px}input,textarea,select{background:#12171d;border-color:#414953;border-radius:4px}input:focus,textarea:focus,select:focus{border-color:#c9ad77;box-shadow:0 0 0 3px #c9ad771c}input::placeholder,textarea::placeholder{color:#7c8590}button:focus-visible,summary:focus-visible,label:has(input[type=file]:focus-visible){outline-color:#e0c38b}.button{border-radius:4px;border-color:#666052;background:#22272d;color:#e5ddce;min-height:40px}.button:hover{background:#35342f;border-color:#c3a675}.button.primary{border-color:#a17b66;background:#6d3039;color:#fff4e4;box-shadow:0 5px 15px #0003}.button.primary:hover{background:#88414a;border-color:#e0b98b}.button.large{border-radius:4px}.button.quiet{background:transparent}.icon-button:hover{background:#333b44}.topbar{background:#14181de8;border-bottom-color:#6c5b3f}.brand-icon{border:1px solid #b69b66;color:#ddc28a;background:#24231e;border-radius:4px;transform:rotate(-5deg)}.brand-suit{font-family:Georgia,serif;font-size:29px}.brand small{color:#b1a58e}.save-status{color:#95c4ac}.warn{color:#f0bf7e}.eyebrow{color:#c6aa76}.home{max-width:1260px;padding-top:36px}.welcome{min-height:430px;padding:52px 54px;border:1px solid #776248;border-radius:5px;background:linear-gradient(90deg,#141b21f5,#141b21ec 39%,#141b2144 80%),url(../art/table.png) center 52% / cover;box-shadow:0 18px 50px #0005}.welcome:after{content:"";position:absolute;inset:9px;border:1px solid #c9a96826;pointer-events:none}.welcome h1{font-size:clamp(32px,3.4vw,46px);line-height:1.35;font-weight:500;letter-spacing:1px;color:#f5ecdd}.welcome p{color:#c3c2bc}.welcome-note{color:#b5a68c}.welcome>div:first-child{position:relative;z-index:2}.welcome-art{width:310px;height:398px;margin:-30px -10px -30px 20px;transform:rotate(3deg);border:1px solid #c4a273;border-radius:4px;box-shadow:-12px 14px 30px #0008;overflow:hidden}.welcome-art img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.art-caption{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#0a1017f5);padding:45px 8px 14px;text-align:center;font-size:9px;letter-spacing:2px;color:#ebd6a9}.project-card{border:1px solid #4b4a43;background:#1c2229;border-radius:5px;box-shadow:0 10px 20px #0003}.project-card:hover{border-color:#c0a477;box-shadow:0 10px 25px #0006}.project-cover{background:radial-gradient(ellipse at center,#36433f,#161e24);border-bottom:1px solid #514c40}.draft-label{background:#16191de8;color:#d9c396;border:1px solid #8f7956;border-radius:3px}.new-card{background:#18202688;border:1px dashed #6f6757;border-radius:5px}.new-card:hover{background:#272d31;border-color:#ccb57e}.new-card>span{background:#2b302f;color:#cfb680;border:1px solid #76684d}.new-card strong{color:#d8c4a0}.home-footer{color:#aaa28e}.art-credits{color:#9f9e99;font-size:11px;line-height:1.8;border-top:1px solid #343a40;padding-top:16px}.art-credits summary{cursor:pointer;padding:6px 0}.art-credits p{margin:8px 0}.sidebar{background:linear-gradient(180deg,#1a2026,#141a20)}.preview-panel{background:#151d23}.step{border:1px solid transparent;border-radius:4px}.step.active{background:linear-gradient(90deg,#3a3027,#23272b);border-color:#7a6648}.step-number{background:#20272e;border-color:#4e5860;color:#c0b8a7;border-radius:3px}.step.active .step-number{color:#f7e8c7;background:#6d3039;border-color:#b59165}.step-number.done{color:#9bd5b7;background:#223e34;border-color:#487d65}.progress-track{background:#343b41}.progress-track>div{background:linear-gradient(90deg,#946e49,#d3b681)}.panel{background:#1a2129;border-color:#3a424c;border-radius:5px;box-shadow:0 9px 20px #0002}.sidebar-help{position:relative;background:#202831;border-color:#625d50;border-radius:4px;margin-top:45px;padding-top:14px}.sidebar-help .button{background:#322b28}.sidebar-help>.chibi{float:right;margin:-35px -6px 5px 8px;width:76px;height:76px}.gentle-tip{background:#26352f;border-color:#506a58}.chibi{display:block;width:160px;height:160px;flex-shrink:0;border:1px solid #bda16c;border-radius:50%;background-size:310% auto;background-position:53% 50%;box-shadow:0 5px 18px #0006}.chibi.small{width:90px;height:90px}.chibi-claude{background-position:8% 12%}.chibi-gemini{background-position:86% 16%}.chibi-chatgpt{background-position:6% 48%}.speech-bubble{background:#202c37;border-color:#51606d;border-radius:5px}.speech-bubble p{color:#d8dce0}.quick-upload{background:#1d302b;border:1px dashed #668771;border-radius:5px}.quick-upload:hover{background:#284039}.upload-icon{color:#d8bd81;background:#2e3c34}.image-well{background:#151d25;border-color:#424c56;border-radius:4px}.image-action{background:#131b23e8;color:#dac9a6}.tabs{border-color:#424750}.tabs button{color:#aeb3bb}.tabs button.selected{color:#f3dfb5;background:#493536}.dialogue-card{background:#1c232b;border-color:#3f4854;border-radius:5px}.dialogue-card textarea{background:#121920}.export-badge{background:#3d302b;color:#dbb983}.success-note{background:#223b31;color:#b7e0bd}.error-banner{background:#4c292e;color:#ffd4c2}.conflict-banner{background:#493b25;color:#ffe0a6}.modal-backdrop,.drawer-backdrop{background:#03080cbf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal,.assistant-drawer{background:#1a2129;border:1px solid #7c6849;box-shadow:0 15px 80px #0009}.modal-flower{background:#3b3027;color:#d8bc85}.assistant-symbol{width:56px;height:56px;background:transparent}.assistant-symbol .chibi{width:56px;height:56px}.prompt-output{background:#10171e;color:#d0d5dc}.toast{background:#2c3935;color:#f4ebd8;border:1px solid #9c8860}@media(max-width:1150px){.welcome-art{width:270px;height:378px}}@media(max-width:920px){.welcome{padding:35px}.welcome-art{width:230px;height:340px}}@media(max-width:620px){.topbar{height:auto;min-height:74px;gap:10px;flex-wrap:wrap;padding-block:14px}.top-actions{margin-left:auto}.welcome{display:flex;flex-direction:column;gap:28px;padding:30px 24px 23px;text-align:left}.welcome h1{font-size:29px}.welcome-art{position:relative;inset:auto;width:210px;height:266px;margin:0;opacity:1;transform:rotate(2deg)}.welcome .button{font-size:12px;padding:12px 14px}.welcome .eyebrow{letter-spacing:1px;font-size:9px}.home-footer{flex-wrap:wrap}.home-footer>span:last-child{margin-left:0}.sidebar-help>.chibi{display:none}}.sidebar-help>.chibi{float:none;position:absolute;top:-30px;right:12px;width:64px;height:64px;margin:0}.sidebar-help{padding-top:34px}@media(max-width:620px){.project-grid{grid-template-columns:1fr}.new-card{min-height:190px}}.authoring-heading{display:flex;align-items:start;justify-content:space-between;gap:14px;margin:26px 0 18px}.authoring-heading h2{font-size:17px;margin:0 0 8px}.authoring-heading p,.authoring-note{font-size:12px;color:#acaeaa;line-height:1.7}.authoring-heading>.button{flex-shrink:0}.media-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.media-item{min-width:0;border:1px solid var(--line);border-radius:5px;padding:10px;background:#172028}.media-item img{width:100%;height:110px;object-fit:contain;background:#0f181f}.media-item p{font-size:10px;overflow-wrap:anywhere;color:#b9ad97}.media-item .text-button{font-size:10px}.image-assignment{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-top:10px}.image-assignment select{width:100%;min-width:0;font-size:11px;padding:8px}.pool-toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin:18px 0}.pool-toolbar label{flex:1;min-width:150px}.pool-toolbar input,.rules-editor input,.rules-editor select{width:100%;min-width:0}.rules-editor{border-top:1px solid var(--line);margin-top:30px}.rule-card{padding:16px;margin:10px 0}.rule-card>summary{cursor:pointer;display:flex;justify-content:space-between;gap:10px;overflow-wrap:anywhere;font-size:12px;color:#dfc697}.rule-card summary small{color:#9bafa9}.rule-card label{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-top:14px;min-width:0}.rule-card textarea{font-family:ui-monospace,monospace;font-size:11px}.rule-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.rule-actions .button{padding:8px 10px;font-size:11px}.condition-node,.event-subscriptions{min-width:0;border:1px solid #465550;border-radius:5px;padding:12px;margin:18px 0 10px}.condition-node legend,.event-subscriptions legend{font-size:11px;color:#b9ad97;padding:0 6px}.condition-node>select{font-size:11px}.condition-child{border-left:2px solid #66755c;padding-left:10px}.condition-comparison,.condition-args{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.condition-args>details{grid-column:1 / -1}.condition-comparison input[type=checkbox]{width:auto;margin-right:5px}.rule-card details{margin-top:14px;font-size:11px;color:#b9ad97}.rule-card details>summary{cursor:pointer}.pool-rename{display:flex;gap:8px;align-items:end;margin-top:10px}.pool-rename label{flex:1;min-width:0}.example-card{border:1px solid #7c795a;background:#1b292a;border-radius:5px;padding:14px;display:flex;align-items:center;gap:18px;text-align:left;width:100%;margin:20px 0}.example-card img{width:90px;height:100px;object-fit:cover;border-radius:4px}.example-card strong{color:#e7ce9e;font-size:15px}.example-card p{color:#aebcb7;font-size:12px;line-height:1.7;margin:8px 0}.preview-settings .preview-rule-selector{grid-column:1 / -1}.preview-test{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.preview-test label{font-size:11px;display:block;margin:10px 0;color:#b9ad97}.preview-test select,.preview-test textarea{width:100%;font-size:11px}.preview-test textarea{min-height:70px;font-family:monospace}.preview-selection{color:#9bcebb;font-size:11px;line-height:1.7;overflow-wrap:anywhere}@media(max-width:1150px){.media-library{grid-template-columns:repeat(2,minmax(0,1fr))}.condition-comparison,.condition-args{grid-template-columns:minmax(0,1fr)}.authoring-heading{flex-wrap:wrap}}@media(max-width:620px){.rule-card{padding:12px}.condition-child{padding-left:5px}.example-card img{width:65px;height:90px}}.workbench-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:20px 0;padding-bottom:12px}.workbench-tabs button{border:1px solid var(--line);background:#17242c;color:#abbeb6;padding:11px 18px;border-radius:6px;cursor:pointer}.workbench-tabs button[aria-selected=true]{color:#ead1a1;background:#35463b;border-color:#6b8163}.workbench-tabs small{margin-left:7px;opacity:.7}.dialogue-workbench{display:grid;grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr);gap:18px;align-items:start}.dialogue-workbench>*{min-width:0}.module-library{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow:auto;background:#111e25;border:1px solid #34453f;border-radius:8px;padding:14px;scrollbar-width:thin}.module-library .eyebrow{font-size:9px;letter-spacing:2px;color:#9baa7f}.library-heading h3{font-size:17px;color:#e0d7b8;margin:8px 0}.library-heading p,.source-manager>small{font-size:11px;line-height:1.6;color:#99aaa3}.module-library input{width:100%;min-width:0;padding:9px;font-size:11px}.source-manager{padding:15px 0;border-bottom:1px solid #34453f}.source-manager summary,.palette-section>summary{font-size:12px;cursor:pointer;color:#b8cfbd}.source-tag{border-left:2px solid #7e9473;padding:7px 9px;margin:10px 0;font-size:11px;overflow-wrap:anywhere}.source-tag small{display:block;font-size:9px;color:#8caaa1;margin-top:5px}.import-source{font-size:11px;margin:8px 0;width:100%;justify-content:center}.import-source input{display:none}.palette-section{margin:16px 0}.palette-section h4{font-size:10px;color:#93a7a0;font-weight:500;margin:16px 0 8px}.palette-module{display:flex;align-items:center;gap:6px;padding:8px 6px;background:#21312e;border:1px solid #3d5146;border-radius:6px;margin:6px 0;min-width:0}.palette-event{background:#26303b;border-color:#46566b}.palette-group{background:#35362d;border-color:#626146}.palette-module>span:not(.module-grip){min-width:0;flex:1}.palette-module b{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.palette-module small{display:block;color:#8fa89a;font-size:8px;margin-top:4px;overflow-wrap:anywhere}.palette-add{flex-shrink:0;border:0;border-radius:4px;background:#405443;color:#e9dec0;cursor:pointer;padding:4px 6px}.palette-add:disabled{opacity:.4}.module-grip{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;color:#94ae94;padding:7px 3px;font-size:20px;line-height:1}.module-grip:active{cursor:grabbing}.module-ghost{position:fixed;z-index:10000;pointer-events:none;padding:12px 18px;color:#f0e1be;border:1px solid #aabd85;background:#334e40;box-shadow:0 8px 30px #0008;border-radius:7px;font-size:12px;max-width:240px;overflow-wrap:anywhere}[data-drag-over=true]{outline:2px solid #cccf87!important;outline-offset:3px;background-color:#3b533d!important}.dialogue-workbench .rules-editor{border:0;margin:0}.dialogue-workbench .authoring-heading{margin:0 0 12px}.dialogue-workbench .authoring-heading p{font-size:11px}.workbench-filter{display:flex;align-items:center;gap:10px}.workbench-filter input{font-size:11px;padding:10px}.workbench-filter>span{font-size:10px;flex-shrink:0;color:#9caf9e}.module-feedback{min-height:28px;font-size:10px;color:#9fae96;line-height:1.7;margin:10px 0}.dialogue-workbench .rule-card{padding:13px;border:1px solid #354c43;background:#14232a;border-radius:7px;margin:12px 0;box-shadow:0 6px 16px #0002}.dialogue-workbench .rule-card.selected-module{border-color:#8a9a6d}.dialogue-workbench .rule-card>summary{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:5px 8px}.rule-card>summary>small{grid-column:2;font-size:10px}.rule-overview{grid-column:2;display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0;margin-top:5px}.condition-overview{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px;color:#9cad9d}.event-bubble,.pool-bubble{display:inline-flex;flex-direction:column;border:1px solid #58647b;background:#27394b;color:#b9cce3;border-radius:14px;padding:5px 9px;font-size:10px;overflow-wrap:anywhere}.pool-bubble{background:#42382b;border-color:#776243;color:#daca9c}.rule-card .rule-actions{gap:6px;flex-wrap:wrap}.rule-card .rule-actions .button{padding:6px 9px;font-size:10px}.rule-flow{min-width:0;overflow:auto;padding:5px}.flow-events{padding:12px;border:1px dashed #53627a;border-radius:8px;background:#182c38}.flow-label{font-size:10px;color:#a6b6d0;display:block;margin-bottom:8px}.flow-events>div{display:flex;gap:6px;flex-wrap:wrap}.flow-events>small{display:block;color:#8298b1;font-size:9px;margin-top:9px}.event-bubble small{font-size:8px;opacity:.7;margin-top:5px}.flow-connector{display:block;color:#91a78d;font-size:10px;padding:10px 15px}.bubble-node{min-width:0;padding:10px;border:1px solid #52684a;border-radius:12px;background:#1f352c}.bubble-all{background:#23382d;border-color:#688460}.bubble-any{background:#32372c;border-color:#878459}.bubble-not{background:#3b2d35;border-color:#8b667e}.bubble-heading{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.condition-bubble{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;color:#cdddc0;background:#304b38;border:1px solid #6b855f;border-radius:20px;padding:9px 13px;font-size:11px;cursor:pointer;min-width:0;max-width:100%;overflow-wrap:anywhere;text-align:left}.condition-bubble b{font-weight:500}.condition-bubble span{font-size:10px;color:#e8dda9}.bubble-any>.bubble-heading .condition-bubble{background:#494b32;border-color:#9a955f;color:#e2deb5}.bubble-not>.bubble-heading .condition-bubble{background:#50364a;border-color:#9a7390;color:#e5c7dc}.bubble-arguments{display:flex;flex-wrap:wrap;gap:4px;margin:7px 0}.bubble-arguments span{font-size:9px;border-radius:4px;background:#10241e;color:#b9ccb7;padding:4px 7px;overflow-wrap:anywhere}.bubble-children{display:flex;flex-direction:column;gap:10px;border-left:1px solid #82967966;margin:12px 0 8px 6px;padding-left:10px}.bubble-branch{position:relative;min-width:0}.bubble-remove{border:1px solid #6c7c65;background:#28382b;color:#c7cfb7;border-radius:50%;padding:0;width:23px;height:23px;position:absolute;right:-5px;top:-7px;cursor:pointer}.bubble-add{background:transparent;color:#b8c9aa;border:1px dashed #7a8c65;border-radius:14px;font-size:10px;padding:8px 12px;cursor:pointer;margin-top:5px}.bubble-wrap{display:flex;flex-wrap:wrap;gap:8px;margin-top:7px;opacity:.8}.bubble-wrap .text-button{font-size:9px;padding:3px}.bubble-inspector{background:#101e24;border:1px solid #596950;border-radius:6px;padding:12px;margin:10px 0}.bubble-inspector .condition-node{margin:0;border:0;padding:0;background:transparent}.missing-source{font-size:9px;color:#d7ac89}.flow-outputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pool-output,.portrait-output{border:1px solid #776849;background:#373327;border-radius:8px;padding:12px;min-width:0;text-align:left;color:#dacfad}.pool-output{cursor:pointer}.flow-outputs b{display:block;font-weight:500;font-size:11px;overflow-wrap:anywhere;margin:8px 0}.flow-outputs small,.flow-outputs span{font-size:9px}.portrait-output{display:flex;align-items:center;gap:8px;background:#29333d;border-color:#536275}.portrait-output img{width:36px;height:60px;object-fit:contain;flex-shrink:0}.rule-parameters{border-top:1px solid #3a5045;padding-top:12px}.rule-parameters>summary{font-size:11px;cursor:pointer;color:#b9c6aa}.rule-parameters[open]>summary{margin-bottom:16px}.rule-parameters label{margin:12px 0}[hidden]{display:none!important}@media(max-width:1250px){.dialogue-workbench{grid-template-columns:1fr}.module-library{position:static;max-height:360px}}@media(max-width:600px){.dialogue-workbench{gap:12px}.module-library{max-height:300px}.bubble-node{padding:7px}.bubble-children{padding-left:5px;margin-left:3px}.flow-outputs{grid-template-columns:1fr}.dialogue-workbench .rule-card{padding:10px}.workbench-filter{flex-wrap:wrap}.condition-bubble{padding:8px}.workbench-tabs button{padding:10px 12px}}.rule-stack{max-height:74vh;overflow:auto;padding:3px 7px 10px 3px;scrollbar-width:thin;overscroll-behavior:contain}@media(max-width:600px){.rule-stack{max-height:70vh}}.extension-workspace{min-width:0}.extension-intro{display:flex;gap:16px;align-items:center;justify-content:space-between;color:#aabbaf;font-size:12px;line-height:1.8}.extension-intro .button{flex-shrink:0}.extension-intro input[type=file],.contract-upload input{display:none}.extension-create{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.extension-create select{flex:1;min-width:180px}.extension-layout{display:grid;grid-template-columns:155px minmax(0,1fr);gap:16px;align-items:start}.extension-list{position:sticky;top:20px;display:flex;flex-direction:column;gap:8px}.extension-list button{border:1px solid #40564a;background:#182a2d;color:#cbd9c5;border-radius:6px;padding:12px;text-align:left;cursor:pointer;overflow-wrap:anywhere}.extension-list button.selected{border-color:#a5aa76;background:#344738}.extension-list b{font-size:12px;font-weight:500}.extension-list small{display:block;font-size:10px;opacity:.7;margin-top:7px}.extension-detail{min-width:0}.extension-detail header h2{font-size:18px;margin:4px 0 8px;color:#e4d4ae}.extension-detail header p,.extension-detail header small{font-size:11px;color:#9caf9d;overflow-wrap:anywhere}.extension-fields{border:0;padding:0;margin:18px 0;min-width:0}.extension-fields>.contract-object{background:#15272b}.extension-fields input:not([type=checkbox]),.extension-fields select,.extension-fields textarea{width:100%;min-width:0}.contract-object,.contract-array{min-width:0;border:1px solid #41584b;border-radius:8px;margin:12px 0;padding:14px;background:#1a2e2d}.contract-object legend,.contract-array legend{color:#d5d9b9;font-size:12px;padding:0 6px}.contract-array legend small{margin-left:7px;opacity:.7}.contract-description{color:#99b0a2;font-size:11px;line-height:1.7}.contract-property{border-top:1px solid #50634c55;margin-top:14px;padding-top:10px;min-width:0}.contract-property-tools{display:flex;gap:8px;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:7px}.contract-property-tools small{color:#8da994;font-size:9px;overflow-wrap:anywhere}.contract-property-tools .text-button{font-size:10px}.contract-field{display:flex;flex-direction:column;gap:7px;margin:8px 0;min-width:0}.contract-field-heading{display:flex;flex-direction:column;gap:5px}.contract-field-heading span{font-size:12px;color:#e0d5b9}.contract-field-heading small,.contract-field>small{font-size:10px;line-height:1.7;color:#9bac9c}.contract-media img{width:100%;max-height:180px;object-fit:contain;border:1px solid #52654d;border-radius:6px;background:#102126}.contract-media audio{width:100%;min-width:0}.contract-media .button{font-size:10px;width:fit-content}.contract-array-item{border:1px solid #4c6453;border-radius:6px;padding:10px;margin:10px 0;background:#11242a;min-width:0}.contract-array-item>summary{display:flex;align-items:center;gap:8px;cursor:pointer;color:#c2d3ba;font-size:12px;overflow-wrap:anywhere}.contract-item-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.contract-item-actions .button{font-size:10px;padding:7px 10px}.contract-array>small{display:block;color:#9dad94;margin-top:8px;font-size:10px}.contract-add-item{font-size:11px}.contract-variant{padding:12px;border:1px solid #7b8357;background:#343b2a;border-radius:6px;margin:12px 0}.contract-variant label{display:flex;flex-direction:column;gap:8px;color:#e1d7ad;font-size:11px}.contract-variant small{display:block;font-size:9px;color:#aab39c;line-height:1.7;margin-top:7px}.contract-constant{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:#9caf9c;padding:7px 0}.contract-constant code{color:#dacfaa;overflow-wrap:anywhere}.extension-issues{color:#e4c896;background:#3b3026;border:1px solid #7d6948;padding:12px;border-radius:6px;font-size:11px;margin-top:16px}.extension-issues summary{cursor:pointer}.extension-issues p{margin:8px 0;overflow-wrap:anywhere}.extension-raw,.extension-guide,.extension-dependencies{border-top:1px solid #40594a;padding-top:12px;margin:16px 0;font-size:11px;color:#b3c4ab}.extension-raw summary,.extension-guide summary,.extension-dependencies summary{cursor:pointer;padding:6px 0}.extension-guide pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.8}.extension-dependencies label{display:flex;gap:8px;margin:10px 0;overflow-wrap:anywhere}.extension-dependencies input{flex-shrink:0}.contract-unknown,.contract-mismatch,.contract-unstructured{margin:12px 0;padding:10px;border:1px dashed #776d4f;border-radius:5px;font-size:11px;color:#d0c49b}@media(max-width:1250px){.extension-layout{grid-template-columns:1fr}.extension-list{position:static;flex-direction:row;flex-wrap:wrap}.extension-list button{flex:1 1 140px}}@media(max-width:620px){.extension-intro{flex-direction:column;align-items:stretch}.contract-object,.contract-array{padding:8px}.contract-array-item{padding:7px}.sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}}.preview-mode-tabs{display:flex;gap:8px;margin-bottom:18px;position:sticky;top:0;background:#17252c;padding:8px 0;z-index:2}.preview-mode-tabs button{flex:1;padding:9px;border:1px solid #65705a;background:#18282c;color:#c7cbb6;border-radius:5px;cursor:pointer}.preview-mode-tabs button[aria-selected=true]{background:#43503b;color:#f1dfb0}.plugin-live-preview{position:sticky;top:65px}.plugin-page-picker{display:flex;flex-direction:column;gap:7px;font-size:11px;color:#c8bfa6;margin:14px 0}.plugin-page-picker select{width:100%;min-width:0;font-size:11px;padding:9px}.plugin-preview-status{font-size:10px;color:#99b9a5}.plugin-runtime-frame{width:100%;aspect-ratio:390/700;overflow:hidden;position:relative;background:#111c27;border-radius:8px;outline:1px solid #6c715f}.plugin-runtime-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.plugin-preview-actions{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.plugin-live-preview .preview-error{overflow-wrap:anywhere}@media(max-width:920px){.plugin-live-preview{position:static;max-width:390px;margin:auto}}.preview-host:not([hidden]){display:contents}.plugin-live-preview.is-floating{position:fixed;inset:16px 16px auto auto;z-index:30;width:min(360px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;padding:14px;background:#15252b;border:1px solid #9b986a;border-radius:9px;box-shadow:0 10px 40px #0009;box-sizing:border-box}.workspace{grid-template-columns:215px minmax(0,1fr) 380px}.preview-panel{min-width:0;padding:28px 20px}.live-preview{position:sticky;top:24px}.preview-live-dot{display:flex;align-items:center;gap:6px;font-size:10px;color:#95c4ac}.preview-live-dot:before{content:"";width:5px;height:5px;border-radius:50%;background:#80d9b3;box-shadow:0 0 7px #80d9b366}.table-preview-frame{width:100%;aspect-ratio:390 / 700;position:relative;overflow:hidden;border-radius:8px;outline:1px solid #6c715f;background:#0f202b}.table-preview-frame iframe{position:absolute;inset:0;width:390px;height:700px;transform-origin:top left;border:0}.preview-error{font-size:11px;color:#f0bf7e;padding:12px 0}.preview-settings{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.preview-settings label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#b9ad97;min-width:0}.preview-settings select{width:100%;min-width:0;padding:9px 5px;font-size:11px}.preview-line-switch{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#aaa99f}.live-preview .preview-footnote{margin-bottom:0}@media(min-width:1500px){.workspace{grid-template-columns:230px minmax(0,1fr) 420px}}@media(max-width:1150px)and (min-width:921px){.workspace{grid-template-columns:175px minmax(0,1fr) 320px}.preview-panel{padding:28px 14px}}@media(max-width:920px){.workspace{grid-template-columns:185px minmax(0,1fr)}.preview-panel{display:block;grid-column:2;border-left:0;border-top:1px solid var(--line)}.live-preview{position:static;max-width:390px;margin:auto}}@media(max-width:620px){.preview-panel{padding:24px 20px}}