@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Instrument+Sans:wght@400;500;600;700&family=Spline+Sans+Mono:wght@400;500&display=swap";:root{--ink: #e6edf4;--panel: rgba(10, 20, 31, .92);--line: rgba(146, 176, 200, .24);--strong-line: rgba(166, 199, 223, .45);--positive: #6bd8a0;--negative: #ff8372}*,*:before,*:after{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Instrument Sans,sans-serif;background:radial-gradient(circle at 84% 14%,rgba(255,132,79,.2),transparent 42%),radial-gradient(circle at 12% 86%,rgba(64,154,192,.22),transparent 38%),repeating-linear-gradient(90deg,rgba(164,195,219,.05) 0,rgba(164,195,219,.05) 1px,transparent 1px,transparent 24px),linear-gradient(160deg,#09121c,#0d1a27 45%,#0a1824);min-height:100vh}#root{min-height:100vh}.app-shell{max-width:1780px;margin:0 auto;padding:24px}.app-header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-bottom:14px}.brand-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.brand-copy{min-width:0}.brand-logo{width:clamp(64px,7vw,102px);height:auto;flex:0 0 auto;margin-left:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.35))}.app-kicker{margin:0;font-family:Spline Sans Mono,monospace;text-transform:uppercase;font-size:.76rem;letter-spacing:.16em;opacity:.74}.app-header h1{margin:6px 0;font-family:Bebas Neue,sans-serif;font-size:clamp(2.35rem,6.2vw,4.7rem);line-height:.9;letter-spacing:.03em;color:#ecf5ff;text-shadow:0 12px 26px rgba(0,0,0,.45)}.app-copy{margin:0;max-width:1000px;opacity:.86;font-size:1rem;color:#c3d4e2}.app-grid{display:grid;gap:14px;align-items:start;grid-template-columns:minmax(340px,410px) minmax(0,1fr);grid-template-areas:"config preview" "inspector preview"}.settings-panel,.preview-panel,.inspector-card{border:1px solid var(--line);border-radius:16px;background:var(--panel);box-shadow:0 20px 42px #0000005c,inset 0 1px #ffffff0a}.settings-panel{grid-area:config;padding:14px;position:sticky;top:16px}.panel-block+.panel-block{margin-top:12px}.panel-block h2{margin:0 0 8px;font-family:Spline Sans Mono,monospace;text-transform:uppercase;letter-spacing:.1em;font-size:.76rem;color:#88b7d5}label{display:block;margin-bottom:9px;font-size:.84rem;font-weight:600;color:#d9e7f2}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.field-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}input,select,button{font:inherit}input,select{width:100%;margin-top:4px;border:1px solid rgba(151,183,207,.26);border-radius:10px;background:#09121bd6;padding:9px 10px;color:#ebf3fa;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input::placeholder{color:#8ca8bc}input:focus,select:focus{border-color:#66aed1d1;box-shadow:0 0 0 3px #4b95ba3d}.location-autocomplete{position:relative;margin-top:4px}.location-autocomplete input{margin-top:0}.location-suggestions{position:absolute;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;border:1px solid rgba(151,183,207,.36);border-radius:10px;background:#09121bfa;box-shadow:0 16px 28px #00000070;max-height:220px;overflow-y:auto;z-index:30}.location-suggestion{width:100%;border:none;background:transparent;color:#dfebf6;border-radius:8px;text-align:left;padding:8px 10px;font-size:.82rem;font-weight:500}.location-suggestion:hover,.location-suggestion:focus-visible{background:#4585a933}.location-suggestion:not(:disabled):hover{transform:none;filter:none}.location-suggestion-status{padding:8px 10px;font-size:.78rem;color:#8fb0c6}.theme-note{margin:0 0 8px;font-size:.8rem;opacity:.74;color:#a8bfd1}.action-row{display:flex;gap:8px;margin-top:10px}button{border:1px solid transparent;border-radius:11px;padding:10px 12px;cursor:pointer;font-weight:700;transition:transform .14s ease,filter .14s ease}button:not(:disabled):hover{transform:translateY(-1px);filter:brightness(1.05)}button:disabled{opacity:.52;cursor:not-allowed}button[type=submit]{background:linear-gradient(135deg,#1a6f8c,#2f8eaf);color:#f4fbff}.ghost{background:#ff844f24;border-color:#ff8e5e52;color:#ffc6aa}.status,.error,.source-note{margin:10px 0 0;font-size:.8rem}.status{color:var(--positive)}.error{color:var(--negative)}.source-note{font-family:Spline Sans Mono,monospace;opacity:.74;color:#9bb3c5}.preview-panel{grid-area:preview;padding:10px}.preview-head{margin-bottom:9px;border-bottom:1px solid var(--line);padding:6px 6px 9px}.preview-head h2{margin:0;font-family:Spline Sans Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.82rem;color:#8db9d4}.preview-head p{margin:5px 0 0;font-size:.83rem;opacity:.72;color:#a7bfd1}.poster-viewport{position:relative;min-height:850px;border-radius:14px;border:1px solid var(--strong-line);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 28%),radial-gradient(circle at 82% 16%,rgba(77,161,201,.28),transparent 32%),linear-gradient(145deg,#0e212ef5,#0b1a26e6);display:grid;place-items:center;overflow:hidden}.poster-viewport:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgba(130,170,197,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(130,170,197,.1) 1px,transparent 1px);background-size:26px 26px}.poster-viewport canvas{position:relative;z-index:1;max-width:100%;max-height:82vh;width:auto;height:auto;border-radius:4px;border:1px solid rgba(179,210,230,.28);box-shadow:0 24px 34px #00000080,0 8px 14px #0000006b;background:var(--poster-bg, #1a3a5c)}.preview-placeholder{position:absolute;z-index:2;background:#0a1722e6;border:1px solid rgba(137,176,200,.24);border-radius:10px;padding:9px 12px;font-family:Spline Sans Mono,monospace;font-size:.8rem;color:#d5e7f5}.preview-loading{position:absolute;z-index:3;width:min(420px,calc(100% - 32px));padding:12px 14px;border-radius:12px;border:1px solid rgba(137,176,200,.36);background:#091723eb;box-shadow:0 16px 28px #00000061}.loading-title{margin:0;font-family:Spline Sans Mono,monospace;font-size:.8rem;color:#dcecf9}.loading-track{position:relative;margin-top:9px;width:100%;height:9px;border-radius:999px;overflow:hidden;background:#59809857;border:1px solid rgba(121,162,188,.32)}.loading-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#37abcb,#53d4a4);transition:width .25s ease}.loading-meta{margin:8px 0 0;text-align:right;font-size:.75rem;color:#9cc3da;font-family:Spline Sans Mono,monospace}.info-panel{grid-area:inspector;display:grid;gap:12px;grid-template-columns:1fr}.inspector-card{padding:12px}.inspector-card h3{margin:0 0 8px;font-family:Spline Sans Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;color:#88b7d5}.swatch-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin-bottom:8px}.swatch{aspect-ratio:1 / 1;border-radius:7px;border:1px solid rgba(214,233,247,.3)}.inspector-copy,.inspector-card p{margin:0;font-size:.83rem;line-height:1.45;opacity:.9;color:#c5d9e8}.inspector-card p+p{margin-top:7px}.repo-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.github-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;border:1px solid rgba(151,183,207,.34);background:#09121be6;color:#d5e8f7;text-decoration:none;font-size:.78rem;font-weight:600;line-height:1;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.github-badge:hover,.github-badge:focus-visible{border-color:#78b3d6bf;background:#142736f2;color:#ecf8ff}.stars-badge{color:#ffd985;border-color:#ffd06961}.stars-badge:hover,.stars-badge:focus-visible{color:#ffe7b1;border-color:#ffdc8ac7;background:#2f2310e6}.badge-icon{width:14px;height:14px;flex:0 0 auto}@media (max-width: 1320px){.app-grid{grid-template-columns:minmax(320px,390px) minmax(0,1fr)}.settings-panel{position:static}}@media (max-width: 980px){.app-header{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr;grid-template-areas:"config" "preview" "inspector"}.info-panel{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{padding:14px}.brand-logo{width:72px}.field-grid,.field-grid.triple{grid-template-columns:1fr}.action-row{flex-direction:column}.poster-viewport canvas{max-height:68vh}}