:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#292c28;background:#f7f7f2;font-synthesis:none;--line:#e3e5dd;--muted:#7b8277;--accent:#526546;--soft:#edf0e6;--ink:#292c28}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button,a,input,textarea,select,summary{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}[hidden]{display:none!important}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;background:#fcfcf8}.brand{display:flex;align-items:center;gap:14px;font-size:20px;font-weight:600;letter-spacing:-.5px}.brand-mark{width:43px;height:43px;background:var(--ink);color:white;display:grid;place-items:center;font:italic 28px Georgia;border-radius:50%}.brand small{display:block;font-size:8px;letter-spacing:2.5px;margin-top:5px;font-weight:500;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}nav a:hover{color:var(--accent)}nav span{font-size:10px;padding:3px 6px;background:var(--soft);border-radius:4px;margin-left:4px}.local-badge{font-size:9px;letter-spacing:1.6px;color:#646d5e;display:flex;gap:8px;align-items:center}.local-badge i{width:6px;height:6px;border-radius:50%;background:#748a60}main{max-width:1560px;margin:auto;padding:0 4.5%}.page-intro{padding:48px 0 35px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--muted)}h1{font-size:40px;font-weight:500;letter-spacing:-1.3px;margin:14px 0 12px}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--accent)}.page-intro p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0}.edition{color:var(--muted);font-size:9px;letter-spacing:1.5px;line-height:2;text-align:right}.studio-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(330px,1fr);gap:30px;align-items:start}.surface{background:#fff;border:1px solid var(--line);border-radius:12px;padding:25px;margin-bottom:18px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px}.section-heading>div{display:flex;align-items:center;gap:12px}h2{font-size:17px;letter-spacing:-.4px;font-weight:600;margin:0}.step{color:#8a927f;font-size:10px;min-width:24px}.muted{color:var(--muted);font-size:11px}.section-heading>.muted{font-size:10px}.mode-switch{display:flex;background:#f4f5f0;padding:4px;border-radius:8px;margin-bottom:20px}.mode-switch button{flex:1;background:none;border-radius:6px;padding:11px;font-size:12px;color:var(--muted)}.mode-switch button[aria-pressed=true]{background:white;box-shadow:0 2px 5px #252d1e12;color:#333c2a}.reference-inputs{display:flex;gap:10px}.upload-card{border:1px dashed #cdd3c5;border-radius:8px;flex:1;min-width:0;background:#fafbf7;transition:.15s}.upload-card.dragging{border-color:var(--accent);background:#e8eedf}.upload-card.loading{opacity:.5}.upload-target{background:transparent;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;width:100%;min-height:131px;padding:14px 6px}.upload-symbol{font-size:25px;color:#8e9a83}.upload-target strong{font-size:11px;font-weight:500}.upload-target small{font-size:8px;color:var(--muted)}.reference-thumbs{display:flex;gap:4px;padding:6px;flex-wrap:wrap}.reference-thumb{position:relative;flex:1;min-width:45px}.reference-thumb img{display:block;width:100%;height:64px;object-fit:cover;border-radius:4px}.remove-reference{position:absolute;right:-3px;top:-5px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0002;width:19px;height:19px;padding:0;font-size:15px}.field-hint{color:var(--muted);font-size:10px;line-height:1.8;margin:10px 0 18px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;margin:17px 0}.field>span{font-weight:500}.field small{font-weight:400;font-size:9px;color:var(--muted);margin-left:4px}input:not([type=checkbox]),textarea,select{border:1px solid #dde1d6;border-radius:6px;width:100%;background:#fff;padding:11px 12px;font-size:12px;min-width:0}input::placeholder,textarea::placeholder{color:#a0a69b;font-size:11px}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:#819271;outline:2px solid #e9efdf}select{height:39px;padding-right:25px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px}.two-columns,.three-columns{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.two-columns .field,.three-columns .field{margin:9px 0}.checkbox{display:flex;align-items:center;gap:8px;font-size:11px;margin:18px 0}.scene-preview{display:flex;gap:16px;padding:12px;background:#f6f7f2;border-radius:6px;margin-top:12px}.scene-preview img{width:84px;height:75px;object-fit:cover;border-radius:4px}.scene-preview p{font-size:10px;line-height:1.6;margin:0;color:#697360}.style-grid{display:grid;grid-auto-flow:column;grid-auto-columns:83px;gap:10px;overflow-x:auto;padding:2px 2px 10px;scrollbar-width:thin;scrollbar-color:#c7cfbb transparent}.style-card{background:none;padding:0;text-align:left;min-width:0}.style-card img,.style-placeholder{height:99px;width:100%;object-fit:cover;object-position:center top;border-radius:6px;border:2px solid transparent;padding:1px}.style-placeholder{display:grid;place-items:center;background:#f0f1ea;font:26px Georgia;color:#99a38d}.style-card>span:last-child{display:block;margin:7px 2px 0;font-size:9px;color:#6a7262}.style-card.selected img,.style-card.selected .style-placeholder{border-color:var(--accent)}.style-card.selected>span:last-child{color:#39492f;font-weight:600}.style-detail{background:#f6f8f1;border-radius:7px;padding:16px;margin-top:9px;position:relative}.style-detail strong{font-size:12px}.style-detail p{font-size:11px;line-height:1.6;margin:6px 0}.style-detail small{font-size:9px;color:var(--muted);display:block;line-height:1.6}.style-detail button{font-size:10px;margin-top:9px;padding:0}.text-button{background:none;color:var(--accent);font-size:11px;padding:5px 0;font-weight:500}.text-button:hover{text-decoration:underline}.style-footer{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:15px}.style-footer small{font-size:9px;color:var(--muted)}.import-label{cursor:pointer;white-space:nowrap}.advanced{border-top:1px solid var(--line);margin-top:15px;padding-top:16px}.advanced summary,.prompt-details summary{font-size:11px;color:#727c68;cursor:pointer}.advanced-content{padding-top:9px}.additions{margin-top:22px}.connection{font-size:10px;color:#8d7755;line-height:1.6}.connection.ready{color:#4c7445}.connection:before{content:'●';font-size:7px;margin-right:6px}.prompt-details{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.prompt-tools{display:flex;justify-content:space-between;margin:10px 0;gap:10px}#prompt-error{font-size:10px;color:#9b593f}#prompt-preview{font-family:Consolas,monospace;font-size:10px;background:#f8f9f5;line-height:1.6}.generate-button,.primary{display:flex;justify-content:space-between;align-items:center;background:#526546;border-radius:7px;color:#fff;padding:16px 20px;width:100%;font-size:12px;font-weight:500;margin-top:23px;transition:background .2s}.generate-button:hover,.primary:hover{background:#3e5034}.generation-hint{font-size:9px;line-height:1.7;color:var(--muted);text-align:center;margin:11px 0 0}.results-column{position:sticky;top:24px;min-width:0}.result-panel{border:1px solid var(--line);background:#fcfcf8;border-radius:12px;padding:24px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.result-heading .eyebrow{font-size:8px}.status{font-size:8px;letter-spacing:.5px;background:#e9ece2;color:#6f7b64;padding:5px 7px;border-radius:4px;white-space:nowrap}.status.running{background:#e5ecdf;color:#506a3e}.status.failed,.status.interrupted,.status.partial{background:#f6e9dc;color:#956743}.status.completed{background:#e1eadb;color:#49613b}#result-title{font-size:20px;font-weight:500}#result-meta{font-size:10px;margin:10px 0 20px}.result-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:#f0f1e9;border-radius:7px;padding:24px;color:#758268;min-height:360px}.result-placeholder.initial{background:radial-gradient(ellipse at 50% 25%,#fafbf4 0,#edf0e3 50%,#e3e7d8 100%)}.orb{width:90px;height:90px;border:1px solid #b5c1a4;border-radius:50%;display:grid;place-items:center;font-size:43px;color:#94a57d;margin-bottom:24px;box-shadow:0 0 0 13px #e6ebde77,0 0 0 14px #ced6be33}.result-placeholder h3{font:italic 28px/1.3 Georgia,serif;color:#566549;margin:18px 0 12px;font-weight:400}.result-placeholder p{font-size:11px;line-height:1.9;color:#87907e;max-width:280px}.placeholder-rule{width:35px;height:1px;background:#bcc5b0;margin:23px 0}.result-placeholder small{font-size:7px;letter-spacing:1.9px}.result-image{width:100%;display:block;border-radius:6px;max-height:660px;object-fit:contain;background:#f1f2ec}figure{margin:0 0 18px}figcaption{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-top:10px;gap:9px}figcaption a{color:var(--accent);font-weight:500}.result-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.secondary{display:inline-flex;align-items:center;border:1px solid #d4dcc8;background:transparent;border-radius:6px;padding:10px 13px;font-size:11px;color:#61744f}.error-text{font-size:11px;color:#955d3e;line-height:1.65}.error-text:empty{display:none}.note-card{display:flex;align-items:center;padding:20px 10px;gap:15px;color:#7e8c71}.note-card>span{font-size:24px}.note-card p{font-size:11px;line-height:1.6}.note-card small{font-size:9px;color:var(--muted)}.history-section{border-top:1px solid var(--line);margin-top:30px;padding:32px 0 20px}.history-section .section-heading{margin-bottom:20px}.history-item{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:7px;background:#fff;width:100%;text-align:left;padding:10px 15px;margin-bottom:9px}.history-item img,.history-icon{height:45px;width:45px;border-radius:4px;object-fit:cover}.history-icon{display:grid;place-items:center;background:#f0f2e9;color:#879a71}.history-item>span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}.history-item strong{font-size:11px;font-weight:500}.history-item small{font-size:9px;color:var(--muted)}footer{display:flex;justify-content:space-between;padding:25px 0 35px;font-size:8px;letter-spacing:1.2px;color:#8c9583}footer span{letter-spacing:0}dialog{border:1px solid var(--line);border-radius:14px;max-width:620px;width:calc(100% - 36px);padding:30px;max-height:90vh;box-shadow:0 20px 80px #26321b33}dialog::backdrop{background:#19241355;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.dialog-heading h2{font-size:24px}.dialog-heading .eyebrow{font-size:8px}.close-dialog{background:none;font-size:25px;color:#85917a;padding:0 5px}.style-image-upload{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:20px 0}.style-image-upload img{width:100%;height:160px;object-fit:contain;border-radius:8px;background:#f0f2e9}.inspector-image{width:140px;max-height:190px;object-fit:cover;float:right;border-radius:7px;margin:0 0 15px 20px}#style-inspector-content>p{font-size:12px;line-height:1.8}#style-inspector-content>small{font-size:10px;color:var(--muted)}#style-inspector-content .field{clear:both}#style-inspector-content h2{font-size:26px;margin-bottom:20px}.dialog-actions{display:flex;gap:20px;align-items:center}.dialog-actions .primary{width:auto;margin:0;padding:11px 18px}.notice-wrap{position:sticky;top:0;z-index:5}.notice-wrap:has([hidden]){display:none}#notice{background:#fbebde;border:1px solid #eed7c2;color:#8c5330;padding:15px 55px 15px 4.5%;margin:0;font-size:12px}.notice-wrap button{position:absolute;right:4.5%;top:9px;font-size:22px}#style-progress{font-size:11px;color:var(--accent);line-height:1.7}.boot{padding:50px;text-align:center;color:var(--muted)}
@media(min-width:1500px){.studio-layout{gap:38px;grid-template-columns:minmax(0,1.6fr) minmax(380px,1fr)}.surface{padding:30px}.style-grid{grid-auto-columns:92px}.style-card img,.style-placeholder{height:111px}}
@media(max-width:1050px){.studio-layout{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(285px,1fr)}.surface{padding:18px}.section-heading>.muted{display:none}.three-columns{gap:9px}.reference-inputs{gap:5px}.upload-target small{display:none}.upload-target{min-height:105px}.upload-target strong{font-size:9px}.style-footer{align-items:flex-start}.result-panel{padding:18px}.result-placeholder{min-height:330px}.local-badge{display:none}}
@media(max-width:780px){.topbar{height:76px;padding:0 5%}nav{gap:16px;font-size:11px}.brand{font-size:16px}.brand-mark{width:35px;height:35px}.brand small{font-size:6px}.studio-layout{display:flex;flex-direction:column}.creative-panel,.results-column{width:100%}.results-column{position:static}.page-intro{padding:32px 0 25px}.page-intro h1{font-size:31px}.edition{display:none}.page-intro p:not(.eyebrow){font-size:11px}.surface{padding:20px}.result-placeholder{aspect-ratio:4/3;min-height:300px}.result-image{max-height:600px}.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.three-columns>.field:last-child:nth-child(3){grid-column:1/-1}.section-heading h2{font-size:16px}.style-footer{font-size:8px}.history-item{padding:9px}.history-item small{max-width:200px}.reference-inputs{flex-wrap:wrap}.upload-card{min-width:70px}.upload-target{min-height:104px}.two-columns{gap:10px}footer span{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.scale-guide{background:var(--soft);border:1px solid var(--line);padding:18px;border-radius:9px;margin-bottom:20px;font-size:12px;line-height:1.65}.scale-guide strong{font-size:14px}.scale-guide>small{display:block;color:#596452;margin-top:12px}.scale-guide details{margin:10px 0}.mode-switch{flex-wrap:wrap}.mode-switch button{min-width:120px}.connection{min-height:18px}

.setup-dialog{max-width:760px}.setup-steps{padding-left:22px;font-size:13px;line-height:1.75}.setup-steps li{margin-bottom:14px}.setup-results{list-style:none;padding:0}.setup-results li{border:1px solid var(--line);border-radius:7px;padding:12px;margin:8px 0;font-size:12px}.setup-results p{margin:6px 0 0;line-height:1.5;overflow-wrap:anywhere}.setup-ok strong{color:var(--accent)}.setup-action strong{color:#9c622a}.setup-status{font-size:12px;line-height:1.6;white-space:pre-line}.setup-dialog input{width:100%}.setup-dialog .field small{overflow-wrap:anywhere}nav .text-button{font-size:13px}@media(max-width:700px){.topbar{height:auto;min-height:90px;flex-wrap:wrap;gap:14px;padding-top:18px;padding-bottom:18px}nav{flex-wrap:wrap;gap:16px}.mode-switch button{font-size:12px}.section-heading>#workflow-caption{max-width:170px;text-align:right}}

.setup-dialog{max-width:1080px}.setup-tabs{display:flex;gap:6px;padding:4px;background:var(--soft);border-radius:9px;margin-bottom:22px}.setup-tabs button{flex:1;padding:12px 16px;border-radius:6px;background:transparent;font-size:13px}.setup-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 4px #252d1e12;font-weight:600}.setup-tools-intro,.guide-introduction{font-size:13px;line-height:1.65;color:#687260}.guide-introduction{margin-bottom:22px}.guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:26px;align-items:start}.guide-navigation{display:flex;flex-direction:column;gap:5px;min-width:0}.guide-navigation button{text-align:left;font-size:12px;line-height:1.5;padding:11px 13px;background:#f7f8f3;border:1px solid transparent;border-radius:7px}.guide-navigation button[aria-current=step]{color:var(--accent);background:var(--soft);border-color:#cdd6c3;font-weight:600}.guide-content{min-width:0;max-height:52vh;overflow:auto;padding-right:8px;font-size:13px;line-height:1.8;scrollbar-gutter:stable}.guide-content h3{font-size:21px;line-height:1.35;margin:0 0 18px;font-weight:600;letter-spacing:-.4px}.guide-content p{margin:0 0 16px}.guide-content ul,.guide-content ol{padding-left:22px;margin-top:0;margin-bottom:18px}.guide-content li{padding-left:3px;margin-bottom:9px}.guide-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.guide-content code{font:12px Consolas,monospace;overflow-wrap:anywhere;background:var(--soft);border-radius:3px;padding:2px 4px}.guide-code{background:#f5f7f0;border:1px solid var(--line);border-radius:9px;margin:18px 0}.guide-code-toolbar{display:flex;align-items:center;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--line);font-size:11px;color:var(--muted)}.guide-code pre{margin:0;padding:14px;overflow:auto;line-height:1.8}.guide-code pre code{background:none;padding:0;overflow-wrap:normal}.guide-copy-status{display:block;padding:0 14px;font-size:11px;color:var(--accent)}.guide-copy-status:empty{display:none}.guide-table-scroll{overflow:auto}.guide-content table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.6}.guide-content th,.guide-content td{padding:12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.guide-content th{background:var(--soft)}.guide-content td:first-child{min-width:145px;font-weight:600}.guide-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:18px;margin-top:22px}.guide-pagination .primary{width:auto;margin:0;padding:10px 18px}.guide-progress{font-size:12px;color:var(--muted)}
@media(max-width:700px){.setup-dialog{padding:20px}.setup-tabs button{padding:10px;font-size:12px}.guide-layout{grid-template-columns:minmax(0,1fr);gap:20px}.guide-navigation{display:grid;grid-template-columns:1fr 1fr;gap:5px}.guide-navigation button{padding:8px;font-size:11px}.guide-content{max-height:43vh;padding-right:2px}.guide-content h3{font-size:18px}.guide-introduction{font-size:12px}.guide-pagination{gap:8px}.guide-pagination button{font-size:12px;padding:9px}.guide-progress{font-size:11px}}

.network-dialog{width:min(960px,94vw);max-height:90vh;padding:32px;border:1px solid var(--line);border-radius:18px;overflow:auto}.network-connectors{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:20px 0}.network-connector{padding:18px;border:1px solid #e2e0da;border-radius:12px}.network-connector h3{margin-top:0}.network-key{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #e2e0da}.network-message{color:#43604d}.network-dialog textarea{width:100%;margin:12px 0}.login-card{max-width:520px;margin:12vh auto;padding:36px}.login-card h1{font-size:42px}.login-card .primary{margin-top:16px}.network-dialog .field{margin-bottom:12px}.network-dialog input[type=checkbox]{width:20px;height:20px}.topbar nav{flex-wrap:wrap}