:root{--bg: #0d1117;--panel: #161b25;--line: #2a3140;--text: #e6e9ef;--dim: #8b93a3;--accent: #22d3ee;--accent2: #34d399}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#app{display:flex;flex-direction:column;height:100dvh}#topbar{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}#topbar .spacer{flex:1}#brand{display:flex;align-items:center;gap:8px;margin-right:4px;-webkit-user-select:none;user-select:none}#brand svg{flex:0 0 auto;display:block}.brand-text{font-weight:800;font-size:16px;letter-spacing:.5px;color:#fff;white-space:nowrap}.brand-text .lab{color:var(--accent)}.actions{display:contents}.menu-toggle{display:none}@media (max-width: 640px){.brand-text{display:none}.menu-toggle{display:inline-block}.actions{display:none;flex-basis:100%;flex-wrap:wrap;gap:8px;order:99}.actions.open{display:flex}}#title{background:#0e131c;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:8px 10px;font-size:14px;min-width:160px;flex:0 1 220px}select,.btn{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer}.btn:hover,select:hover{border-color:var(--accent)}a.btn{text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn.primary{background:var(--accent);color:#04222a;border-color:var(--accent);font-weight:700}.btn.cta{background:var(--neon, #ff2e88)!important;color:#fff!important;border:none!important;font-weight:700;padding:8px 14px;box-shadow:0 0 14px #ff2e8873}.btn.cta:hover{filter:brightness(1.08)}.btn.signedin{background:#34d39929!important;color:var(--accent2)!important;border:1px solid var(--accent2)!important;font-weight:700}.btn.active{background:var(--accent2);color:#043024;border-color:var(--accent2);font-weight:700}.steps{display:flex;align-items:center;gap:4px}.steplabel{font-size:10px;color:var(--dim);margin-right:2px;letter-spacing:1px}.stepbtn{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:12px;cursor:pointer;min-width:30px}.stepbtn:hover{border-color:var(--accent)}.stepbtn.active{background:var(--accent2);color:#043024;border-color:var(--accent2);font-weight:700}#palette{display:flex;gap:6px;padding:8px 10px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.tool{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:13px;cursor:pointer}.tool:hover{border-color:var(--accent)}.tool.active{background:var(--accent);color:#04222a;border-color:var(--accent);font-weight:700}#stage{flex:1;position:relative;min-height:0}#board{display:block;touch-action:none}#notespanel{position:fixed;left:0;right:0;bottom:0;z-index:15;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 10px calc(env(safe-area-inset-bottom,8px) + 8px);background:linear-gradient(to top,var(--panel) 70%,transparent);pointer-events:none}#notespanel>*{pointer-events:auto}#notes{width:min(100%,640px);max-height:32vh;background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:10px;font-size:13px;resize:none;overflow:auto}#help{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#05080edb;padding:24px}#help[hidden]{display:none}#help h3{margin:0;font-size:18px;color:var(--accent)}#help ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:13px;color:var(--text);max-width:420px}#help li{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px}#help b{color:var(--accent2)}#library,#session{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#05080ecc;padding:20px}#session{z-index:40}#library{z-index:50}#library[hidden],#session[hidden]{display:none}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;width:min(980px,96vw);max-height:90vh;display:flex;flex-direction:column;gap:12px;padding:16px;overflow:auto}.modal-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.modal-head h3{margin:0;color:var(--accent);font-size:18px}.modal-head .spacer{flex:1}.modal-head input{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px;min-width:160px}.muted{color:var(--dim);font-size:13px}.tilegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.tile{position:relative;background:#0e131c;border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px}.tile:hover{border-color:var(--accent)}.tile canvas{width:100%;height:auto;border-radius:6px;display:block;background:#0d1117}.tile .t-name{font-size:12px;color:var(--text);font-weight:600;line-height:1.2}.tile .t-tag{font-size:10px;color:var(--dim);text-transform:uppercase;letter-spacing:.5px}.tile .t-fav{position:absolute;top:12px;right:12px;color:#f5c518;font-size:16px;text-shadow:0 1px 3px rgba(0,0,0,.7);pointer-events:none;line-height:1}.libchips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}.libchips[hidden]{display:none}.chip{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12px;cursor:pointer}.chip:hover{border-color:var(--accent)}.chip.active{background:var(--accent);color:#04222a;border-color:var(--accent);font-weight:700}.lib-empty{color:var(--dim);font-size:13px;padding:12px 2px}#drillmeta{display:flex;align-items:center;gap:8px;width:min(100%,640px)}#drillmeta #tags{flex:1;min-width:0;background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:13px}.fav-btn.active,.fav-filter.active{color:#f5c518;border-color:#f5c518}.sessitems{display:flex;flex-direction:column;gap:10px}.sessrow{display:flex;gap:10px;align-items:stretch;background:#0e131c;border:1px solid var(--line);border-radius:10px;padding:8px}.sessrow canvas{width:120px;height:auto;border-radius:6px;flex:0 0 auto;background:#0d1117}.sessrow .s-main{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.sessrow .s-minrow{display:flex;align-items:center;gap:8px}.sessrow input,.sessrow textarea{background:#0b0f17;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;width:100%}.sessrow input.s-min{width:64px}.sessrow textarea.s-note{resize:vertical;min-height:36px}.sessrow .s-ctrls{display:flex;flex-direction:column;gap:4px}.sessrow .s-ctrls .btn{padding:4px 8px;font-size:12px}#importmodal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#05080ed1;padding:20px}#importmodal[hidden]{display:none}.imp-card{width:min(1040px,96vw)}.imp-file{max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-drop{border:2px dashed var(--line);border-radius:12px;padding:34px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.imp-drop.over{border-color:var(--accent);background:#22d3ee0f}.imp-drop[hidden]{display:none}.imp-drop p{margin:0}.small{font-size:11px}.imp-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 720px){.imp-compare{grid-template-columns:1fr}}.imp-pane{margin:0;background:#0e131c;border:1px solid var(--line);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:6px}.imp-pane figcaption{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--dim)}.imp-src{width:100%;height:auto;max-height:46vh;object-fit:contain;border-radius:6px;background:#fff}.imp-gen{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px}.imp-canvas{max-width:100%;height:auto;border-radius:6px;background:#0d1117}.imp-genmsg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px}.imp-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.imp-title{flex:1;min-width:180px;background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:14px}.badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);color:var(--dim)}.badge.ok{background:#34d39929;color:var(--accent2);border-color:var(--accent2)}.badge.warn{background:#eab30829;color:#eab308;border-color:#eab308}.badge.bad{background:#ef444429;color:#ef4444;border-color:#ef4444}.badge.muted-badge{opacity:.7}.imp-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imp-card{width:min(1180px,97vw);height:88vh}.imp-work{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.imp-work[hidden]{display:none}.imp-queuebar{display:flex;align-items:center;gap:10px}.imp-progress{width:160px;height:6px;background:#0e131c;border:1px solid var(--line);border-radius:999px;overflow:hidden}.imp-progfill{height:100%;width:0;background:var(--accent2);transition:width .25s}.imp-body{display:grid;grid-template-columns:210px 1fr;gap:12px;flex:1;min-height:0}@media (max-width: 760px){.imp-body{grid-template-columns:1fr}.imp-strip{max-height:120px}}.imp-strip{overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.imp-prow{display:grid;grid-template-columns:auto 54px 1fr;align-items:center;gap:8px;background:#0e131c;border:1px solid var(--line);border-radius:8px;padding:6px;cursor:pointer}.imp-prow:hover{border-color:var(--accent)}.imp-prow.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.imp-thumb{width:54px;height:40px;border-radius:4px;background:#fff center/cover no-repeat}.imp-pmeta{display:flex;flex-direction:column;gap:2px;min-width:0}.imp-plabel{font-size:12px;color:var(--text)}.imp-chip{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--dim)}.imp-prow.s-queued .imp-chip{color:var(--accent)}.imp-prow.s-analysing .imp-chip{color:#eab308}.imp-prow.s-done .imp-chip{color:var(--accent2)}.imp-prow.s-error .imp-chip{color:#ef4444}.imp-prow.s-done{border-left:3px solid var(--accent2)}.imp-prow.s-skipped{opacity:.55}.imp-main{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto}.imp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imp-main{padding-right:4px}.center{text-align:center}.imp-page-src img{width:100%;max-height:60vh;object-fit:contain;border-radius:8px;background:#fff}.imp-cardlist{display:flex;flex-direction:column;gap:14px}.imp-drillcard{background:#0e131c;border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}.imp-card-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imp-dtitle{flex:1;min-width:160px;background:#0b0f17;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:7px 9px;font-size:14px;font-weight:600}.imp-card-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 720px){.imp-card-cols{grid-template-columns:1fr}}.imp-dimg{width:100%;height:auto;max-height:34vh;object-fit:contain;border-radius:6px;background:#fff}.imp-dgen{min-height:180px;display:flex;align-items:center;justify-content:center;background:#0d1117;border-radius:6px}.imp-dgen canvas{max-width:100%;height:auto;border-radius:6px}.imp-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.imp-mainbar{display:flex;align-items:center;gap:10px;margin-bottom:8px}.imp-pagetitle{font-weight:600;color:var(--text)}.imp-two{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}@media (max-width: 780px){.imp-two{grid-template-columns:1fr}}.imp-src-col img{width:100%;height:auto;max-height:66vh;object-fit:contain;border-radius:6px;background:#fff}.imp-res-col{display:flex;flex-direction:column;gap:12px}.imp-card-head{display:flex;align-items:center;gap:10px}.imp-dthumb{width:76px;height:56px;object-fit:contain;border-radius:6px;background:#fff;flex:0 0 auto}.imp-card-headmeta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.imp-plan{border:1px solid var(--line);border-radius:8px;padding:6px 10px;background:#0b0f17}.imp-plan>summary{cursor:pointer;font-size:12px;color:var(--accent);font-weight:600;list-style:none}.imp-plan>summary::-webkit-details-marker{display:none}.imp-plan>summary:before{content:"▸ "}.imp-plan[open]>summary:before{content:"▾ "}.imp-plan[open]>summary{margin-bottom:8px}.pl-field{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--dim);margin-bottom:8px}.pl-field input,.pl-field textarea{background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:6px;padding:6px 8px;font-size:13px;font-family:inherit}.pl-field textarea{resize:vertical}.imp-plan-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}#gallery{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:radial-gradient(1200px 600px at 50% -10%,#14202e 0%,var(--bg) 60%);display:flex;justify-content:center}#gallery[hidden]{display:none}.gal-shell{width:min(1280px,96vw);display:flex;flex-direction:column;gap:14px;padding:18px 16px;height:100%}.gal-head{display:flex;align-items:center;gap:14px}.gal-brand{display:flex;align-items:baseline;gap:10px}.gal-title{font-size:24px;font-weight:800;letter-spacing:-.02em;color:#fff}.gal-count{font-size:13px}.gal-search{flex:1;max-width:460px;background:#0e131c;color:var(--text);border:1px solid var(--line);border-radius:999px;padding:10px 16px;font-size:14px}.gal-search:focus{outline:none;border-color:var(--accent)}.gal-head .spacer{flex:1}.gal-filters{display:flex;gap:8px;flex-wrap:wrap}.gal-chip{background:#0e131c;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:6px 13px;font-size:12px;cursor:pointer;white-space:nowrap}.gal-chip:hover{border-color:var(--accent);color:var(--text)}.gal-chip.on{background:var(--accent);color:#04222a;border-color:var(--accent);font-weight:700}.gal-grid{flex:1;overflow-y:auto;display:grid;gap:16px;padding:4px 2px 24px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start}.gal-loading{padding:40px;text-align:center}.gal-empty{padding:60px 20px;text-align:center;font-size:15px}.gal-card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.gal-card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 30px #0006}.gal-thumb{position:relative;aspect-ratio:4 / 3;background:#fff;overflow:hidden}.gal-thumb img{width:100%;height:100%;object-fit:contain;display:block}.gal-noimg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px}.gal-hover{position:absolute;top:0;right:0;bottom:0;left:0;background:#05080eeb;color:var(--text);padding:12px 14px;opacity:0;transition:opacity .14s ease;overflow:auto;font-size:12px}.gal-card:hover .gal-hover{opacity:1}.gal-obj{margin:0 0 8px;font-weight:600;color:#fff}.gal-hover ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.gal-meta{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px}.gal-name{font-weight:700;font-size:14px;color:var(--text);line-height:1.25}.gal-sub{font-size:12px}.gal-tags{font-size:11px}.gal-del{position:absolute;top:8px;right:8px;background:#05080eb3;border:1px solid var(--line);border-radius:8px;padding:4px 7px;font-size:12px;cursor:pointer;opacity:0}.gal-card:hover .gal-del{opacity:1}.gal-del:hover{border-color:#ef4444}.imp-bulkbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#0b0f17;border:1px solid var(--line);border-radius:10px;padding:8px 12px}.imp-bulklabel{font-size:12px;font-weight:700;color:var(--accent2);text-transform:uppercase;letter-spacing:.5px}.imp-bulkbar .spacer{flex:1}.imp-bulksize{padding:5px 8px;font-size:12px}@media (max-width: 640px){#palette{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}#palette::-webkit-scrollbar{display:none}#palette .tool{flex:0 0 auto}}