:root{--bg: #0b0c10;--bg-2: #0e1014;--surface: #14161d;--surface-2: #181b23;--surface-3: #1e222c;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--text: #edeef2;--muted: #9aa1b1;--faint: #626a7c;--ember-1: #ff7a18;--ember-2: #ffae4d;--ember-3: #ffd27a;--accent: #ff9a3d;--glow: rgba(255, 138, 40, .45);--ok: #46d39a;--bad: #ff5d6c;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--rail-w: 248px;--radius: 14px;--radius-sm: 9px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(900px 520px at 16% -8%,rgba(255,122,24,.1),transparent 60%),radial-gradient(800px 600px at 100% 0%,rgba(255,174,77,.06),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden}::selection{background:#ff8a2847}button{font-family:inherit;cursor:pointer}a{color:var(--accent);text-decoration:none}.app{display:grid;grid-template-columns:var(--rail-w) 1fr;height:100vh}.rail{border-right:1px solid var(--border);background:linear-gradient(180deg,#14161d99,#0b0c104d);display:flex;flex-direction:column;min-height:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.rail__brand{display:flex;align-items:center;gap:11px;padding:18px 18px 14px}a.rail__brand{text-decoration:none;color:inherit;border-radius:12px;margin:6px 8px 4px;transition:background .15s}a.rail__brand:hover{background:#ffffff0a}.rail__title{font-weight:800;font-size:18px;letter-spacing:-.2px}.rail__title b{background:linear-gradient(95deg,var(--ember-3),var(--ember-1));-webkit-background-clip:text;background-clip:text;color:transparent}.rail__tag{font-size:10.5px;color:var(--faint);letter-spacing:.3px;margin-top:1px}.rail__search{margin:4px 14px 10px;display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#0003;color:var(--muted);font-size:12.5px;width:calc(100% - 28px);transition:border-color .2s,background .2s}.rail__search:hover{border-color:var(--border-strong)}.rail__search kbd{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--faint);border:1px solid var(--border);border-radius:5px;padding:1px 6px;background:#ffffff08}.rail__scroll{overflow-y:auto;flex:1;padding:4px 10px 18px}.rail__group{margin-bottom:14px}.rail__grouplabel{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--faint);padding:6px 10px}.tool-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);font-size:13.5px;transition:color .15s,background .15s}.tool-item:hover{background:#ffffff0a;color:var(--text)}.tool-item.active{color:var(--text);background:#ff8a281a}.tool-item .ico{color:var(--faint);flex:none;transition:color .15s}.tool-item.active .ico{color:var(--accent)}.tool-item__bar{position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:linear-gradient(180deg,var(--ember-3),var(--ember-1));box-shadow:0 0 12px var(--glow)}.workspace{display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px 20px 16px}.ws-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:14px}.ws-head__title{font-size:21px;font-weight:750;letter-spacing:-.3px}.ws-head__desc{color:var(--muted);font-size:13px;margin-top:3px;max-width:70ch}.ws-head__right{margin-left:auto;display:flex;align-items:center;gap:10px}.ghost-btn{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .18s,color .18s,transform .06s}.ghost-btn:hover{border-color:var(--border-strong);color:var(--text)}.ghost-btn:active{transform:translateY(1px)}.ghost-btn.primary{color:#1a1206;background:linear-gradient(180deg,var(--ember-3),var(--ember-1));border-color:transparent;font-weight:600}.ghost-btn.primary:hover{filter:brightness(1.06);border-color:transparent;color:#1a1206;box-shadow:0 0 16px var(--glow)}.panes-single{flex:1;min-height:0;display:flex}.panes-single .pane{flex:1}.ghost-btn kbd{font-family:var(--mono);font-size:10.5px}.options{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:12px;min-height:22px}.opt{display:flex;align-items:center;gap:9px}.opt__label{font-size:12px;color:var(--muted)}.segmented{display:inline-flex;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:2px}.segmented button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:4px 11px;border-radius:6px;transition:color .15s,background .15s}.segmented button.on{color:#1a1206;background:linear-gradient(180deg,var(--ember-3),var(--ember-1));font-weight:600}.switch{width:38px;height:21px;border-radius:999px;border:1px solid var(--border);background:var(--surface);position:relative;transition:background .2s,border-color .2s;flex:none}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:var(--faint);transition:transform .2s,background .2s}.switch.on{background:#ff8a2838;border-color:#ff8a2880}.switch.on:after{transform:translate(17px);background:linear-gradient(180deg,var(--ember-3),var(--ember-1))}.panes{display:grid;grid-template-columns:1fr 56px 1fr;gap:0;flex:1;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;min-width:0;background:linear-gradient(180deg,var(--surface),var(--bg-2));border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,box-shadow .2s}.pane:focus-within{border-color:#ff8a2866;box-shadow:0 0 0 3px #ff8a2814}.pane.error{border-color:#ff5d6c66}.pane__head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--border);background:#ffffff04}.pane__label{font-size:11px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--faint)}.pane__count{margin-left:auto;font-family:var(--mono);font-size:10.5px;color:var(--faint)}.pane__actions{display:flex;gap:4px}.icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:26px;padding:0 8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:11.5px;transition:all .15s}.icon-btn:hover{background:#ffffff0d;color:var(--text);border-color:var(--border)}.pane__body{flex:1;min-height:0;position:relative}.pane__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--faint);font-size:13px;pointer-events:none}.pane__body .cm-theme,.pane__body .cm-editor{height:100%}.cm-editor{background:transparent!important}.cm-editor.cm-focused{outline:none!important}.cm-scroller{font-family:var(--mono)!important;font-size:13px;line-height:1.6}.cm-gutters{background:transparent!important;border:none!important}.error-banner{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);border-radius:9px;color:#ffc2c8;font-family:var(--mono);font-size:12px;line-height:1.5}.status-line{padding:7px 12px;border-top:1px solid var(--border);font-size:11.5px;color:var(--muted);display:flex;gap:10px;align-items:center}.status-line .dot{width:7px;height:7px;border-radius:50%}.status-line .dot.ok{background:var(--ok);box-shadow:0 0 8px #46d39a99}.status-line .dot.bad{background:var(--bad);box-shadow:0 0 8px #ff5d6c99}.forge{display:flex;align-items:center;justify-content:center}.forge__btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,138,40,.4);background:radial-gradient(circle at 50% 35%,#ffae4d40,#ff7a1814);color:var(--ember-2);display:grid;place-items:center;position:relative}.forge__btn.lit{box-shadow:0 0 20px var(--glow);animation:forgePulse .5s ease}@keyframes forgePulse{0%{box-shadow:0 0 0 0 var(--glow)}50%{box-shadow:0 0 26px 4px var(--glow)}to{box-shadow:0 0 14px 0 var(--glow)}}.spark{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;border-radius:50%;background:var(--ember-3);box-shadow:0 0 6px var(--ember-2);pointer-events:none}@keyframes sparkFly{0%{transform:translate(0);opacity:1}to{transform:translate(var(--dx),var(--dy));opacity:0}}.diff-layout{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px;flex:0 0 38%;min-height:0}.diff-result{flex:1;min-height:0}.diff-summary{margin-left:auto;display:flex;gap:12px;font-family:var(--mono);font-size:12px;font-weight:600}.diff-summary .add{color:var(--ok)}.diff-summary .del{color:var(--bad)}.diff{height:100%;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.55}.diff-row{display:grid;grid-template-columns:1fr 1fr}.diff-cell{display:grid;grid-template-columns:46px 1fr;border-bottom:1px solid rgba(255,255,255,.025)}.diff-row .diff-cell:first-child{border-right:1px solid var(--border)}.diff-cell .ln{text-align:right;padding:1px 8px;color:var(--faint);-webkit-user-select:none;user-select:none}.diff-cell .tx{padding:1px 10px;white-space:pre-wrap;word-break:break-word;color:var(--text)}.diff-cell.add{background:#46d39a1f}.diff-cell.add .tx{color:#c7f3dd}.diff-cell.add .ln{color:#46d39ab3}.diff-cell.del{background:#ff5d6c1f}.diff-cell.del .tx{color:#ffccd1}.diff-cell.del .ln{color:#ff5d6cb3}.diff-cell.empty{background:#ffffff03}.ut-input-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.ut-input{flex:1;font-family:var(--mono);font-size:18px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;outline:none;transition:border-color .18s,box-shadow .18s}.ut-input:focus{border-color:#ff8a2873;box-shadow:0 0 0 3px #ff8a2814}.ut-badge{font-family:var(--mono);font-size:11.5px;color:var(--accent);background:#ff8a281a;border:1px solid rgba(255,138,40,.3);border-radius:999px;padding:5px 11px;white-space:nowrap}.ut-hero{font-size:26px;font-weight:750;letter-spacing:-.4px;margin:6px 0 18px;background:linear-gradient(95deg,#fff,#ffd9a8);-webkit-background-clip:text;background-clip:text;color:transparent}.ut-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.ut-card{position:relative;display:flex;flex-direction:column;gap:5px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;cursor:pointer;transition:border-color .15s,transform .06s,background .15s}.ut-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.ut-card:active{transform:translateY(1px)}.ut-card__label{font-size:10.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;color:var(--faint)}.ut-card__value{font-family:var(--mono);font-size:14px;color:var(--text);word-break:break-word}.ut-card__copy{position:absolute;top:12px;right:12px;color:var(--faint);opacity:0;transition:opacity .15s}.ut-card:hover .ut-card__copy{opacity:1}.tz-convert{display:grid;grid-template-columns:1fr 48px 1fr;gap:12px;align-items:stretch;margin-bottom:14px}.tz-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.tz-card--out{background:linear-gradient(180deg,rgba(91,214,255,.06),var(--surface));border-color:#5bd6ff40}.tz-card__label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--faint);display:flex;align-items:center;gap:8px}.tz-live{color:var(--ok);font-size:9.5px;border:1px solid rgba(70,211,154,.4);border-radius:999px;padding:1px 7px;letter-spacing:.5px}.tz-card__meta{font-family:var(--mono);font-size:12px;color:var(--muted);margin-top:auto}.tz-select,.tz-time-input{width:100%;font-family:var(--mono);font-size:13px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:9px 11px;outline:none;color-scheme:dark}.tz-select:focus,.tz-time-input:focus{border-color:#ff8a2873}.tz-text{width:100%;font-family:var(--mono);font-size:16px;color:var(--text);background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:11px 12px;outline:none;transition:border-color .15s}.tz-text:focus{border-color:#ff8a2873}.tz-text.bad{border-color:#ff5d6c8c}.tz-calendar{display:flex;align-items:center;gap:9px;color:var(--accent)}.tz-calendar .tz-time-input{flex:1;font-size:12.5px}.tz-time-input::-webkit-calendar-picker-indicator{filter:invert(72%) sepia(64%) saturate(1200%) hue-rotate(330deg) brightness(1.05);cursor:pointer;opacity:.95}.tz-bigtime{font-family:var(--mono);font-size:40px;font-weight:700;letter-spacing:-1px;color:#cdeeff}.tz-swap{display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--accent);align-self:center;width:42px;height:42px}.tz-swap:hover{border-color:var(--accent);box-shadow:0 0 14px var(--glow)}.tz-diff{color:var(--muted);font-size:13px;margin-bottom:14px}.tz-diff b{color:var(--text);font-weight:600}.globe3d{position:relative;flex:1;min-height:360px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#05080e}.globe3d canvas{display:block}.globe3d--loading{display:grid;place-items:center;color:var(--muted);font-size:13px}.worldmap{position:relative;flex:1;min-height:200px;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0a1018}.worldmap__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.wm-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:none}.wm-pin__dot{display:block;width:11px;height:11px;border-radius:50%;background:var(--pin);box-shadow:0 0 0 3px color-mix(in srgb,var(--pin) 30%,transparent),0 0 14px var(--pin)}.wm-pin__label{position:absolute;left:16px;top:-7px;white-space:nowrap;font-size:11px;color:var(--text);background:#0a0e16c7;border:1px solid var(--border);border-radius:7px;padding:3px 8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.wm-pin__label b{color:var(--pin);margin-left:6px;font-family:var(--mono)}.palette-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#05060999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;display:grid;place-items:start center;padding-top:14vh}.palette{width:min(560px,92vw);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 80px -20px #000c}.palette__input{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}.palette__input input{flex:1;background:transparent;border:0;outline:none;color:var(--text);font-size:15px;font-family:var(--sans)}.palette__list{max-height:52vh;overflow-y:auto;padding:6px}.palette__item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--muted);cursor:pointer}.palette__item .ico{color:var(--faint);flex:none}.palette__item.active{background:#ff8a281f;color:var(--text)}.palette__item.active .ico{color:var(--accent)}.palette__item small{color:var(--faint);font-size:11.5px}.palette__cat{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-left:auto}.toaster{position:fixed;bottom:26px;left:50%;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;align-items:center}.toast{display:flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);font-size:13px;box-shadow:0 14px 40px -12px #000000b3}.toast .ico{color:var(--ok)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff29;background-clip:padding-box}.topbar,.rail__close{display:none}@media (max-width: 820px){.topbar{display:flex;align-items:center;gap:12px;height:54px;padding:0 14px;position:fixed;top:0;left:0;right:0;z-index:30;background:#0b0c10eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar__brand{display:flex;align-items:center;gap:9px;color:var(--text);font-weight:800;font-size:16px}.topbar__brand b{background:linear-gradient(95deg,var(--ember-3),var(--ember-1));-webkit-background-clip:text;background-clip:text;color:transparent}.topbar__tool{margin-left:auto;color:var(--muted);font-size:13px}.topbar .icon-btn{height:34px;width:34px;padding:0}.app{grid-template-columns:1fr}.workspace{padding-top:68px}.rail{position:fixed;top:0;left:0;height:100vh;width:280px;z-index:45;transform:translate(-102%);transition:transform .25s ease;border-right:1px solid var(--border-strong)}.rail.open{transform:none;box-shadow:0 0 60px #0009}.rail__close{display:grid;place-items:center;position:absolute;top:16px;right:12px;width:30px;height:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted)}.rail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0506098c;z-index:44;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.panes{grid-template-columns:1fr;grid-auto-rows:1fr;gap:12px}.forge{display:none}.diff-inputs{grid-template-columns:1fr}.diff-row{font-size:11.5px}}