:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;background:#121d29;color:#eaf3ff;--panel:#1a2736;--edge:#344b61;--mint:#9be9dc;--muted:#b8cbe0}*{box-sizing:border-box}body{margin:0}main{max-width:1240px;margin:auto;padding:24px clamp(14px,4vw,48px) 54px}header,header div,.result-actions{display:flex;align-items:center;gap:14px}header{justify-content:space-between;margin-bottom:24px}h1{font-size:clamp(2.35rem,6vw,3.5rem);letter-spacing:-.05em;margin:0}h2{margin:0 0 16px;font-size:1.35rem}.card{background:var(--panel);border:1px solid var(--edge);border-radius:20px;padding:clamp(14px,3vw,24px);margin:0 0 18px}.pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(14px,3vw,24px);align-items:start}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}label{display:block;font-size:.86rem;color:var(--muted);margin:0 0 12px}input,select,textarea{display:block;width:100%;margin-top:6px;border:1px solid #4c6075;border-radius:10px;background:#121d29;color:#eaf3ff;padding:10px;font:inherit}textarea{resize:vertical;min-height:62px}input[type=range]{padding:5px;accent-color:var(--mint)}output{display:block;text-align:right}button,.secondary,.login a{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;padding:11px 15px;border-radius:12px;font:inherit;font-weight:700;background:var(--mint);color:#142631;cursor:pointer;text-decoration:none;min-height:42px}button:disabled{opacity:.55;cursor:wait}.secondary{background:#203447;color:#eaf3ff;border-color:#48627a}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:3px}details{padding:10px 0;color:var(--muted)}summary{cursor:pointer;margin-bottom:7px;font-size:.9rem}.estimate,.status{font-size:.86rem;color:var(--muted);min-height:1.35em}.status[data-error]{color:#ffb6a8}figure{margin:0}figcaption{font-size:.86rem;color:var(--muted);margin-bottom:6px}.frame{width:100%;aspect-ratio:16/10;border:1px solid #4c6075;border-radius:13px;background:#121d29;display:grid;place-items:center;overflow:hidden}.frame img{width:100%;height:100%;max-height:100%;min-height:0;object-fit:contain;grid-area:1/1}.frame p{grid-area:1/1;text-align:center;color:#a8b9ce;padding:12px;font-size:.9rem}.result-actions,.source{margin-top:12px}.login main{margin:min(14vh,100px) auto;max-width:500px}.login a{margin-top:12px}[hidden]{display:none!important}@media(max-width:720px){.pair{grid-template-columns:minmax(0,1fr)}.frame{aspect-ratio:16/10}}.source{margin-top:0}#redraw{margin-bottom:16px}.result-actions{flex-wrap:wrap}#redraw output{min-height:1em}html,body{width:100%;min-width:0}main,.card,form,.pair>*,.fields>*{min-width:0}input,select,textarea{min-width:0;max-width:100%}input[type=file]{white-space:normal;overflow:hidden}@media(max-width:480px){.fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fields label:last-child:nth-child(odd){grid-column:1/-1}main{padding-inline:14px}.frame{min-width:0}}