*,::before,::after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}:root{--navy:#0B1D2E;--navy-deep:#06121E;--blue:#0A7F6A;--blue-light:#1FC4A2;--blue-pale:rgba(14, 159, 132, .09);--gold:#F4B63F;--gold-light:#F8CB6B;--bg:#F8FAFC;--bg2:#FFFFFF;--bg3:#F1F5F9;--bg4:#E2E8F0;--tx:#1E293B;--tx2:#64748B;--tx3:#94A3B8;--border:#E2E8F0;--border2:#CBD5E1;--green:#10B981;--red:#EF4444;--amber:#F59E0B;--r:8px;--rl:12px;--shadow-sm:0 1px 3px rgba(11, 29, 46, .06);--shadow:0 4px 16px rgba(11, 29, 46, .10);--shadow-lg:0 10px 34px rgba(11, 29, 46, .16);--glass:rgba(255, 255, 255, .86);--ease:cubic-bezier(.4, 0, .2, 1);--font:'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--mono:'JetBrains Mono', 'Fira Code', Consolas, monospace;--hdr:60px;--ftr:40px;--side:372px}body.dark-mode{--bg:#0A1622;--bg2:#112233;--bg3:#0D1C2A;--bg4:#23384C;--tx:#EEF3F7;--tx2:#A6B6C6;--tx3:#71849A;--border:#203549;--border2:#3A5168;--blue:#0E9F84;--blue-pale:rgba(14, 159, 132, .16);--glass:rgba(13, 28, 42, .9);--shadow:0 4px 16px rgba(0, 0, 0, .35);--shadow-lg:0 10px 34px rgba(0, 0, 0, .45)}html,body{height:100%;overflow:hidden}body{font-family:var(--font);font-size:13px;background:var(--bg);color:var(--tx);overflow:hidden;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:0 0}a{color:var(--blue)}::selection{background:var(--blue);color:#fff}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--blue)}:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);grid-template-rows:var(--hdr) minmax(0,1fr) var(--ftr);height:100vh;height:100dvh;overflow:hidden}.hdr{grid-column:1/-1;display:flex;align-items:center;gap:14px;padding:0 18px;background:var(--navy);color:#fff;position:relative;z-index:1000;min-width:0}.hdr::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--gold));opacity:.85}.hdr-home{display:flex;align-items:center;flex-shrink:0}.hdr-logo{height:30px;width:auto;display:block}.hdr-local{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:30px;padding:0 11px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6ee7b7;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);transition:all .2s var(--ease)}.hdr-local svg{width:13px;height:13px}.hdr-local:hover{background:rgba(16,185,129,.24);color:#fff}.hdr-sep{width:1px;height:22px;background:rgba(255,255,255,.15);flex-shrink:0}.brand{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}.brand>span{font-size:10px;line-height:1.35;color:rgba(255,255,255,.55)}.search{flex:1 1 260px;max-width:460px;min-width:150px;position:relative;margin-left:auto}.search input{width:100%;padding:8px 64px 8px 34px;border-radius:var(--r);font-size:12.5px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.08);color:#fff;transition:all .2s var(--ease)}.search input::placeholder{color:rgba(255,255,255,.45)}.search input:focus{outline:0;background:rgba(255,255,255,.14);border-color:rgba(14,159,132,.7);box-shadow:0 0 0 3px rgba(14,159,132,.18)}.search>svg{position:absolute;left:11px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:rgba(255,255,255,.5)}.search-kbd{position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:9.5px;padding:1px 5px;border-radius:4px;color:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.2);background:0 0;font-family:var(--mono)}.search input:focus~.search-kbd{display:none}.search-res{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:2000;max-height:70vh;overflow-y:auto;background:var(--bg2);color:var(--tx);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);padding:6px}.sr-g{padding:8px 8px 4px;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}.sr-i{display:grid;grid-template-columns:64px 1fr auto;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:6px 8px;border-radius:8px;cursor:pointer}.sr-i:hover,.sr-i.on{background:var(--blue-pale)}.sr-t{grid-row:1/3;font-size:9.5px;font-weight:700;text-transform:uppercase;color:var(--blue);letter-spacing:.04em}.sr-n{font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-s{grid-column:2;font-size:11px;color:var(--tx3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sr-i .icon-btn{grid-column:3;grid-row:1/3}.hdr-stats{display:flex;gap:6px;flex-shrink:0}.st{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;white-space:nowrap;font-size:11.5px;color:rgba(255,255,255,.6);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.07)}.st b{font-family:var(--mono);font-size:11.5px;color:var(--blue-light)}.st.g b{color:#34d399}.st.a b{color:var(--amber)}.hdr-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.hdr-btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:#fff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);transition:all .2s var(--ease)}.hdr-btn svg{width:17px;height:17px}.hdr-btn:hover:not(:disabled){background:var(--blue);border-color:var(--blue)}.hdr-btn:disabled{opacity:.35;cursor:default}.hdr-sep-sm{height:18px;margin:0 2px}.hdr-btn.on{background:var(--blue);border-color:var(--blue)}.hdr-back{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;white-space:nowrap;font-size:11px;font-weight:600;text-decoration:none;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.12);transition:all .2s var(--ease)}.hdr-back svg{width:13px;height:13px}.hdr-back:hover{color:#fff;background:rgba(255,255,255,.1)}.side-toggle{display:none}.side{background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;z-index:900}.steps{display:flex;flex-shrink:0;padding:10px 8px 0;background:var(--bg3);border-bottom:1px solid var(--border);position:relative}.step{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;padding:0 2px 10px;font-size:10.5px;font-weight:600;color:var(--tx3)}.step::before{content:"";position:absolute;top:15px;left:calc(-50% + 19px);right:calc(50% + 19px);height:2px;border-radius:1px;background:var(--border2);z-index:0}.step:first-child::before{display:none}.step i{position:relative;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:var(--bg2);border:2px solid var(--border2);color:var(--tx3);transition:all .2s var(--ease)}.step i svg{width:15px;height:15px}.step:hover i{border-color:var(--blue);color:var(--blue)}.step.done i{background:#e7f8f1;border-color:var(--green);color:var(--green)}body.dark-mode .step.done i{background:#0f2e2a}.step.done i::after{content:"✓";position:absolute;top:-4px;right:-6px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:800;line-height:1;color:#fff;background:var(--green);box-shadow:0 0 0 2px var(--bg3)}.step.done::before{background:var(--green)}.step.on{color:var(--navy)}body.dark-mode .step.on{color:#fff}.step.on i{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 0 0 4px var(--blue-pale)}.step.on::after{content:"";position:absolute;left:22%;right:22%;bottom:0;height:2.5px;border-radius:2px 2px 0 0;background:var(--blue)}.side-close{display:none}.side-backdrop{display:none}.panel{display:none;flex:1;min-height:0;flex-direction:column}.panel.on{display:flex;animation:fade-in .18s var(--ease)}.panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:14px;display:flex;flex-direction:column;gap:12px}.panel-body>div[id$=Body]{display:flex;flex-direction:column;gap:12px}.panel-head h2{font-size:16px;font-weight:700;color:var(--navy)}body.dark-mode .panel-head h2{color:#fff}.panel-head p{font-size:12px;color:var(--tx3);margin-top:2px}.panel-foot{flex-shrink:0;padding:10px 14px;border-top:1px solid var(--border);background:var(--bg2)}@keyframes fade-in{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.ftr{grid-column:1/-1;position:relative;z-index:1000;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 16px;font-size:12px;color:rgba(255,255,255,.35);background:var(--navy-deep)}.ftr-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#1fc4a2,#0a7f6a 60%,#f4b63f)}.ftr b{color:var(--blue);font-weight:600}.ftr a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}.ftr a:hover{color:#fff}.ftr-link{font-size:12px;color:rgba(255,255,255,.5);transition:color .2s}.ftr-link:hover{color:#fff}.ftr-osm{font-size:11px}.ftr i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.2)}@media (max-width:1540px){.st span{display:none}}@media (max-width:1360px){.hdr-local span{display:none}.hdr-local{padding:0;width:30px;justify-content:center}}@media (max-width:1080px){.hdr-back span{display:none}.hdr-stats .st:nth-child(4){display:none}}@media (max-width:900px){:root{--side:0px;--hdr:56px}.app{grid-template-columns:1fr}.side-toggle{display:grid}.hdr{gap:8px;padding:0 10px}.hdr-sep,.brand>span,.hdr-stats,.hdr-back,.search-kbd{display:none}.hdr-logo{height:24px}.side{position:fixed;top:var(--hdr);bottom:0;left:0;width:min(92vw,380px);transform:translateX(-102%);transition:transform .25s var(--ease);box-shadow:var(--shadow-lg)}body.side-open .side{transform:none}.side-backdrop{position:fixed;inset:var(--hdr)0 0 0;background:rgba(6,18,30,.35);z-index:850;display:none}body.side-open .side-backdrop{display:block}.side-close{display:block;width:34px;flex-shrink:0;color:var(--tx3);font-size:14px}.main{grid-column:1}.ftr{display:none}.app{grid-template-rows:var(--hdr) minmax(0,1fr)0}}@media (max-width:520px){.hdr-actions #btnUndo,.hdr-actions #btnRedo,.brand{display:none}.search{min-width:0}.search input{padding-right:10px}.hdr:has(.search:focus-within) .hdr-home,.hdr:has(.search:focus-within) .hdr-local{display:none}.hdr-logo{height:26px}}.hdr-save{position:relative}.hdr-save.dirty::after{content:"";position:absolute;top:3px;right:3px;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 2px var(--navy)}