@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,.info-panel-group{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}.preview-panel{grid-area:preview;padding:10px}.info-panel{grid-area:inspector;display:grid;gap:12px;grid-template-columns:1fr}@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}}.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-input-wrap{position:relative}.location-input-wrap input{padding-right:34px}.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}.theme-active-label,.layout-active-label{margin:0 0 8px;font-size:.84rem;font-weight:600;color:#d9e7f2}button.theme-card{width:100%;margin:0 0 10px;padding:10px;text-align:left;border:1px solid rgba(151,183,207,.34);border-radius:12px;background:#09121bdb}button.theme-card.is-selected{border-color:#70b8decc;box-shadow:0 0 0 2px #4b95ba38}button.theme-card:not(:disabled):hover,button.theme-card:focus-visible{transform:none;filter:none;border-color:#70b8dec7;background:#142634f0}.theme-card-name{margin:0 0 8px;font-size:.82rem;font-weight:700;color:#e7f2fb}.theme-card-palette{display:flex;flex-wrap:nowrap;gap:4px;margin-bottom:8px}.theme-card-swatch{flex:1 1 0;min-width:0;aspect-ratio:1 / 1;border-radius:4px;border:1px solid rgba(214,233,247,.3)}.theme-card-description{margin:0;font-size:.78rem;line-height:1.42;color:#b9cfde}.layout-card{width:100%;margin:0 0 10px;padding:10px;text-align:left;border:1px solid rgba(151,183,207,.34);border-radius:12px;background:#09121bdb}.layout-card.is-selected{border-color:#70b8decc;box-shadow:0 0 0 2px #4b95ba38}.layout-card:not(:disabled):hover,.layout-card:focus-visible{transform:none;filter:none;border-color:#70b8dec7;background:#142634f0}.layout-card-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.layout-card-copy{min-width:0}.layout-card-name{margin:0;font-size:.82rem;font-weight:700;color:#e7f2fb}.layout-card-meta{margin:5px 0 0;font-family:Spline Sans Mono,monospace;font-size:.72rem;letter-spacing:.03em;color:#9fbcd0;text-transform:uppercase}.layout-card-symbol{width:76px;height:48px;flex:0 0 auto;border-radius:6px;border:1px solid rgba(151,183,207,.24);background:#081118e6;padding:3px}.layout-card-description{margin:8px 0 0;font-size:.78rem;line-height:1.42;color:#b9cfde}.picker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;justify-content:center;align-items:center;padding:14px;background:#02080ebd;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.picker-modal{width:min(560px,100%);max-height:86vh;display:flex;flex-direction:column;border:1px solid rgba(151,183,207,.42);border-radius:14px;padding:12px;background:#081018fa;box-shadow:0 28px 52px #0000008c}.picker-modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.picker-modal-header h3{margin:0;font-family:Spline Sans Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:#8cb6d0}button.picker-modal-close{width:28px;height:28px;margin:0;padding:0;border:1px solid rgba(151,183,207,.42);border-radius:999px;background:#142634f0;color:#d8e8f4;font-size:.8rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}button.picker-modal-close:not(:disabled):hover,button.picker-modal-close:focus-visible{transform:none;filter:none;background:#2f4f66f2}.picker-modal-body{overflow-y:auto;display:block;padding-right:3px}.picker-option-list{display:grid;gap:8px}.picker-option-list .theme-card,.picker-option-list .layout-card{margin:0}.layout-picker-groups{display:grid;gap:12px}.layout-picker-group h4{margin:0 0 7px;font-family:Spline Sans Mono,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#87adc4}.picker-modal-footer{margin-top:10px;display:flex;justify-content:flex-end}button.picker-modal-done{border:1px solid rgba(151,183,207,.42);background:#142634f0;color:#e6f2fb;padding:8px 12px}button.picker-modal-done:not(:disabled):hover,button.picker-modal-done:focus-visible{transform:none;filter:none;background:#2f4f66f2}.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}button.location-clear-btn{position:absolute;top:50%;right:8px;transform:translateY(-50%);z-index:1;width:20px;height:20px;margin:0;padding:0;border:1px solid rgba(151,183,207,.34);border-radius:999px;background:#1e3547e6;color:#d2e3ef;font-size:.7rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}button.location-clear-btn:not(:disabled):hover,button.location-clear-btn:focus-visible{transform:translateY(-50%);filter:none;background:#2f4f66f2}.ghost{background:#ff844f24;border-color:#ff8e5e52;color:#ffc6aa}.status,.error{margin:10px 0 0;font-size:.8rem}.status{color:var(--positive)}.error{color:var(--negative)}@media (max-width: 760px){.field-grid,.field-grid.triple{grid-template-columns:1fr}.action-row{flex-direction:column}.picker-modal-backdrop{padding:8px}.picker-modal{max-height:92vh;padding:10px}}.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}@media (max-width: 980px){.poster-viewport{min-height:400px}.poster-viewport canvas{max-height:68vh}}.inspector-card{padding:12px}.info-panel-group{padding:14px;display:grid;gap:12px}.info-panel-section+.info-panel-section{border-top:1px solid var(--line);padding-top:12px}.inspector-card h3,.info-panel-section 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,.info-panel-section p{margin:0;font-size:.83rem;line-height:1.45;opacity:.9;color:#c5d9e8}.inspector-card p+p,.info-panel-section 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}.footer-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.footer-link{display:inline-flex;align-items:center;padding:6px 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}.footer-link:hover,.footer-link:focus-visible{border-color:#78b3d6bf;background:#142736f2;color:#ecf8ff}.footer-links-note{margin:0;font-family:Spline Sans Mono,monospace;font-size:.76rem;color:#9bb3c5;opacity:.8}.app-footer{margin-top:14px;padding:0 2px;display:grid;gap:8px;justify-items:center;text-align:center}.source-note{margin:0;font-size:.8rem;font-family:Spline Sans Mono,monospace;opacity:.74;color:#9bb3c5}.source-link{color:#cbe8ff;text-decoration:underline;text-underline-offset:2px}.source-link:hover,.source-link:focus-visible{color:#ecf8ff}.made-note{margin:0;text-align:center;font-size:.82rem;color:#b8cedd}.heart{color:#ffb38f}