:root{color-scheme:dark;--bg:#111314;--panel:#171a1b;--line:#2b3032;--muted:#8e999d;--text:#edf0ef;--accent:#bcdfa6;--accentdark:#1c3214}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif;font-size:14px}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}a{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);gap:18px}.brand{display:flex;align-items:center;gap:16px;font-size:13px}.brand strong{font-size:16px;font-weight:600;letter-spacing:-.3px}.brandmark{font-size:28px;color:var(--accent)}.divider{color:#465055}.connection{font-size:12px;color:var(--muted);white-space:nowrap}.connection.online{color:var(--accent)}.connection:before{content:'●';font-size:9px;margin-right:8px}main{display:grid;grid-template-columns:390px minmax(0,1fr);max-width:1800px;margin:auto}.controls{border-right:1px solid var(--line);padding:30px 28px;align-self:start}.intro{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}h1{font-size:25px;letter-spacing:-.7px;margin:10px 0 8px;font-weight:600}.intro p{font-size:12px;color:var(--muted);margin:0}h2{font-size:14px;font-weight:600;margin:0}h3{font-size:19px;font-weight:500}.field{display:flex;flex-direction:column;gap:9px;margin:0 0 20px;font-size:12px;font-weight:600}.hint{font-size:11px;color:var(--muted);font-weight:400;line-height:1.65;margin:0}.field .hint{margin-top:-4px}input,textarea,select{border:1px solid #343a3d;background:#1e2224;border-radius:6px;color:var(--text);padding:11px 12px;min-width:0;width:100%;font-weight:400;outline:none;transition:border-color .15s,background .15s}textarea{resize:vertical;line-height:1.55;font-size:13px}input:focus,textarea:focus,select:focus{border-color:var(--accent);background:#222729}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin:25px 0 18px}.section-head span{font-size:10px;color:var(--muted)}details{border-top:1px solid var(--line);padding-top:16px;margin:6px 0 20px}summary{font-size:12px;color:#b7c1c5;margin-bottom:18px}details[open]{animation:reveal .18s ease-out}.check{display:flex;gap:9px;align-items:center;font-size:12px;margin-bottom:16px}.check input{width:16px;height:16px;accent-color:var(--accent)}.textbutton{background:none;border:0;padding:6px 0;color:#aebbbf;font-size:11px}.textbutton:hover{color:var(--accent)}.secondary-actions{display:flex;gap:15px;justify-content:space-between}.generatebar{padding-top:20px;border-top:1px solid var(--line);margin-top:16px}.primary{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;border:0;border-radius:6px;background:var(--accent);color:#152010;font-size:14px;font-weight:600;width:100%;transition:background .15s,transform .15s}.primary:hover{background:#d0efbc;transform:translateY(-1px)}.generatebar .hint{text-align:center;margin-top:11px}.workspace{padding:32px 40px;min-width:0}.workspace-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:23px}.workspace-head h2{font-size:19px;margin-top:8px;font-weight:500;letter-spacing:-.3px}.buttonlink{border:1px solid var(--line);border-radius:5px;text-decoration:none;font-size:12px;padding:10px 14px}.buttonlink:hover{border-color:var(--accent)}.canvas{display:flex;align-items:center;justify-content:center;min-height:480px;height:calc(100vh - 245px);max-height:760px;background:#1b1f20;border:1px solid #2b3031;border-radius:8px;overflow:hidden;padding:16px;position:relative}.canvas img{width:100%;height:100%;object-fit:contain;animation:reveal .25s ease-out}.empty{text-align:center;color:var(--muted);padding:24px}.empty h3{color:#bac4c7;margin:20px 0 11px;font-size:18px}.empty p{font-size:12px;line-height:1.8;margin-bottom:48px}.canvas-symbol{font-size:55px;color:#647966}.canvas-caption{font-size:9px;letter-spacing:2px;color:#596669}.notice{margin-bottom:16px;border-left:2px solid #e6b477;background:#28221b;color:#efd5b3;padding:12px 16px;font-size:12px;line-height:1.6;white-space:pre-wrap}.progress-panel{padding:20px 0;border-bottom:1px solid var(--line)}.progress-head{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:12px}progress{width:100%;height:5px;display:block;accent-color:var(--accent);border:0;border-radius:4px;background:#313839}progress::-webkit-progress-bar{background:#313839;border-radius:4px}progress::-webkit-progress-value{background:var(--accent);border-radius:4px;transition:width .3s}.progress-info{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;font-size:11px;color:#b9c5c8;margin:11px 0}.history{display:flex;gap:12px;overflow:auto;padding-bottom:12px;min-height:36px}.history-item{background:none;border:0;padding:0;color:var(--muted);flex:0 0 92px;text-align:left;transition:opacity .15s}.history-item:hover{opacity:.75}.history-item img,.history-placeholder{width:92px;height:92px;object-fit:cover;border-radius:4px;background:#252b2d;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:10px}.history-item span{display:block;font-size:10px;margin-top:7px;line-height:1.5}.flow-guide{margin-top:22px}.flow-guide ol{padding-left:20px;font-size:12px;color:#b1bdc1;line-height:2}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 20px;background:#cee9bc;color:#162312;border-radius:6px;font-size:12px;box-shadow:0 8px 40px #0005;z-index:10;animation:reveal .15s}.warning{color:#e6b477;margin:-10px 0 18px}@keyframes reveal{from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}@media(min-width:1300px){main{grid-template-columns:420px minmax(0,1fr)}.controls{padding:35px 35px}.workspace{padding:35px 55px}}@media(max-width:850px){.topbar{padding:0 18px}.brand{gap:10px}.brand strong{font-size:14px}.brand>span:last-child{font-size:11px}main{grid-template-columns:340px minmax(0,1fr)}.controls{padding:24px 20px}.workspace{padding:25px 20px}.canvas{min-height:330px;height:450px}.connection{font-size:10px}.workspace-head{align-items:flex-start;flex-direction:column;gap:12px}}@media(max-width:650px){.topbar{height:60px;padding:0 16px}.brand .divider,.brand>span:last-child{display:none}main{display:flex;flex-direction:column}.controls{border-right:0;padding:25px 20px;width:100%}.workspace{padding:25px 20px;border-top:1px solid var(--line)}.workspace-head{flex-direction:row;align-items:center}.workspace-head h2{font-size:17px}.canvas{height:470px;min-height:300px}.intro{margin-bottom:23px}.generatebar{padding-top:16px}.primary{min-height:48px}.secondary-actions{gap:10px}.flow-guide{padding-bottom:20px}.buttonlink{font-size:11px;padding:9px 10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}