:root{--page: #1a1917;--window: rgba(43, 41, 36, .97);--band: #222222;--row-dark: rgba(17, 17, 17, .3);--row-light: rgba(247, 235, 225, .04);--row-section: rgba(247, 235, 225, .07);--backing: rgba(0, 0, 0, .3);--divider: rgba(201, 192, 184, .1);--bone: #f7ebe1;--body: #e4dad1;--secondary: #c9c0b8;--sec-60: rgba(201, 192, 184, .6);--sec-70: rgba(201, 192, 184, .7);--hint: rgba(186, 177, 168, .55);--olive: #738d45;--olive-hover: #7e9a4b;--lime: #9dcf45;--lime-text: #aaee31;--danger: #cd412b;--info: #1f6ba0;--info-text: #6cc1fd;--gold: #eeb436;--font: "Roboto Condensed", "Arial Narrow", sans-serif;--mono: "Roboto Mono", Consolas, monospace;--shadow: 0 -2px 0 rgba(0, 0, 0, .3)}*{box-sizing:border-box;border-radius:0!important}html,body{margin:0;padding:0;background:var(--page);color:var(--body);font-family:var(--font);font-size:14px}#root{min-height:100vh;display:flex;flex-direction:column}::placeholder{color:#bab1a873}::selection{background:var(--olive);color:var(--bone)}a{color:var(--lime);text-decoration:none}a:hover{color:var(--lime-text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#111}::-webkit-scrollbar-thumb{background:#413f3d}::-webkit-scrollbar-thumb:hover{background:#4e4b47}.ts{text-shadow:var(--shadow)}.mono{font-family:var(--mono)}.appheader{background:var(--band);height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{font-size:14px;font-weight:700;letter-spacing:.12em;text-shadow:var(--shadow);color:var(--bone);display:inline-flex;align-items:center;gap:10px}.brand-mark{width:22px;height:22px;object-fit:contain}.brand .vx{color:var(--olive)}.hdr-actions{display:flex;align-items:center;gap:8px}button{font-family:var(--font);font-weight:700;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:none;cursor:pointer;color:var(--bone);background:#f7ebe11f;height:34px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center}button:hover{background:#f7ebe133}button:disabled{opacity:.45;cursor:default}.btn-olive{background:var(--olive);text-shadow:var(--shadow)}.btn-olive:hover{background:var(--olive-hover)}.chip{background:linear-gradient(180deg,#413f3d,#2f2d2b)}.chip:hover{background:linear-gradient(180deg,#4c4a47,#383634)}.btn-ghost{background:transparent;color:var(--sec-70)}.btn-ghost:hover{background:transparent;color:var(--bone)}.btn-ghost.hover-red:hover{color:var(--danger)}.btn-danger-outline{background:transparent;border:1px solid rgba(205,65,43,.7);color:var(--danger)}.btn-danger-outline:hover{background:var(--danger);color:var(--bone)}.btn-info{background:var(--info);white-space:nowrap}.btn-info:hover{filter:brightness(1.15)}.h28{height:28px;padding:0 14px}.h30{height:30px;padding:0 18px}.h32{height:32px;padding:0 18px}.h46{height:46px}.btn-x{width:24px;height:24px;padding:0;font-size:11px;line-height:1;flex:none}.btn-download{padding:0 34px;font-size:12px}input[type=text],input[type=email],input[type=password],textarea{font-family:var(--mono);font-size:12.5px;color:var(--bone);background:var(--backing);border:1px solid var(--divider);padding:0 10px;outline:none}textarea{padding:12px;line-height:1.65;color:var(--body);resize:vertical}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{border-color:var(--olive)}input.invalid{border-color:var(--danger)}.badge{height:20px;display:inline-flex;align-items:center;padding:0 8px;background:#0006;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.badge-gold{border:1px solid var(--gold);color:var(--gold)}.badge-olive{border:1px solid var(--olive);color:var(--lime-text)}.view-wrap{flex:1;display:flex;flex-direction:column}.page-body{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:26px 24px 90px}.window{background:var(--window)}.window-band{height:46px;background:var(--band);display:flex;align-items:center;gap:14px;padding:0 14px}.window-band .wtitle{font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--bone);text-shadow:var(--shadow);text-transform:uppercase}.label-caps{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--sec-60);text-transform:uppercase}.divider{height:1px;background:var(--divider)}.gate-wrap{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:48px 20px}.gate-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;display:block}.gate-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 38%,rgba(0,0,0,.5) 100%)}.gate{position:relative;z-index:1}.gate{width:470px;background:var(--window)}.gate-band{height:46px;background:var(--band);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.gate-band .left{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--bone);text-shadow:var(--shadow)}.gate-band .right{font-family:var(--mono);font-size:11px;color:var(--hint)}.gate-body{padding:44px 44px 30px}.gate-mark{display:block;width:76px;height:76px;margin:0 auto 20px;object-fit:contain}.gate-title{text-align:center;font-size:29px;font-weight:700;letter-spacing:.07em;line-height:1.1;text-shadow:var(--shadow);color:var(--bone)}.gate-title .vx{color:var(--olive)}.gate-sub{text-align:center;margin-top:10px;font-size:11px;font-weight:700;letter-spacing:.22em;color:var(--sec-60)}.gate .divider{margin:30px 0}.gate-key-input{width:100%;height:48px;font-size:17px!important;letter-spacing:.18em;text-align:center;padding:0 12px}.gate-error{margin-top:12px;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--danger);text-align:center;text-transform:uppercase}.gate-unlock{width:100%;height:46px;margin-top:18px;font-size:14px}.gate-foot{margin-top:26px;text-align:center;font-size:12px;line-height:1.6;color:var(--hint)}.gate-foot .cmd{font-family:var(--mono);color:var(--lime)}.boot{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.boot .text{font-size:13px;font-weight:700;letter-spacing:.22em;color:#bab1a873;text-transform:uppercase}.loader{display:flex;flex-direction:column;align-items:center}.loader-mascot{width:110px;transform-origin:50% 100%;animation:mascot-bounce .48s cubic-bezier(.36,0,.66,1) infinite alternate}@keyframes mascot-bounce{0%{transform:translateY(0) scaleY(.95) scaleX(1.03) rotate(-2.5deg)}to{transform:translateY(-16px) scaleY(1.03) scaleX(.99) rotate(2.5deg)}}.loader-run{height:150px}.loader-shadow{width:74px;height:12px;margin-top:2px;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),transparent 70%);animation:shadow-squash .48s cubic-bezier(.36,0,.66,1) infinite alternate}.loader-shadow.static{animation:none;width:90px;opacity:.6}@keyframes shadow-squash{0%{transform:scaleX(1);opacity:.8}to{transform:scaleX(.62);opacity:.45}}.boot .bar{width:220px;height:4px;background:var(--backing);overflow:hidden}.boot .bar .fill{width:45%;height:100%;background:var(--olive);animation:boot-slide 1.2s ease-in-out infinite alternate}@keyframes boot-slide{0%{margin-left:0}to{margin-left:55%}}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:260px;cursor:pointer;border:1px dashed rgba(201,192,184,.35);background:var(--row-light)}.dz-mascot{position:absolute;right:26px;bottom:6px;width:132px;pointer-events:none}.dz-mascot{animation:none}@media (max-width: 760px){.dz-mascot{display:none}}.dropzone.over{border-color:var(--olive);background:#738d451f}.dropzone .big{font-size:20px;font-weight:700;letter-spacing:.14em;color:var(--bone);text-shadow:var(--shadow);text-transform:uppercase}.dropzone .sub{margin-top:8px;font-size:13px;color:#bab1a899}.dropzone .chip{margin-top:22px}.paste-panel{margin-top:14px;background:var(--window);padding:14px}.paste-panel textarea{width:100%;height:150px;font-size:12px;line-height:1.6}.paste-panel .actions{display:flex;justify-content:flex-end;margin-top:10px}.home-divider{margin:34px 0 16px}.rows{display:flex;flex-direction:column;gap:2px}.lib-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:0 16px;background:var(--row-light)}.lib-row.alt{background:var(--row-dark)}.lib-row .name{font-size:14px;font-weight:700;letter-spacing:.08em;color:var(--bone);text-transform:uppercase}.lib-row .meta{font-family:var(--mono);font-size:11px;color:var(--hint);margin-top:3px}.lib-row .actions{display:flex;align-items:center;gap:6px}.empty-state{padding:60px 20px 70px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.16em;color:#bab1a866;text-transform:uppercase}.empty-mascot{width:150px;margin-bottom:22px}.tabs{display:flex;gap:2px;margin-left:10px}.tab{height:30px;padding:0 16px;background:#00000040;color:var(--sec-70);border-bottom:2px solid transparent}.tab:hover{background:#00000059}.tab.active{background:#33312b;color:var(--bone);border-bottom:2px solid var(--olive)}.searchbox{margin-left:auto;width:230px;height:28px;font-family:var(--font)!important;font-size:13px!important;color:var(--body)!important}.cfg-body{padding:12px 14px 22px}.cfg-colheads{display:flex;align-items:center;justify-content:space-between;padding:0 14px 8px}.cfg-rows{display:flex;flex-direction:column;gap:2px}.cfg-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;padding:0 12px;border-left:3px solid transparent}.cfg-row.deep{border-left-color:#c9c0b81a}.cfg-row.edited{border-left-color:var(--gold)}.cfg-row.alt{background:var(--row-dark)}.cfg-row.even{background:var(--row-light)}.cfg-row.section{background:var(--row-section);min-height:42px;cursor:pointer;-webkit-user-select:none;user-select:none}.cfg-row.section:hover{background:#f7ebe11a}.cfg-row .left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.cfg-row .right{display:flex;align-items:center;gap:8px}.cfg-row .chev{font-size:11px;color:var(--lime);width:10px;flex:none}.cfg-row .skey{font-size:12.5px;font-weight:700;letter-spacing:.1em;color:var(--bone);text-shadow:var(--shadow);text-transform:uppercase}.cfg-row .key{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cfg-row.edited .key{color:var(--bone)}.cfg-row .hint-caps{font-size:10px;font-weight:700;letter-spacing:.12em;color:#c9c0b880;text-transform:uppercase;white-space:nowrap}.cfg-row .breadcrumb{font-family:var(--mono);font-size:10px;color:#bab1a866;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field{width:160px;height:26px}.field.wide{width:260px}.add-chip{height:26px;padding:0 14px;font-size:10px}.null-chip{height:26px;display:inline-flex;align-items:center;padding:0 12px;background:var(--backing);font-family:var(--mono);font-size:12px;color:#bab1a880}.cfg-empty{padding:54px 20px 60px;display:flex;flex-direction:column;align-items:center;gap:6px}.cfg-empty img{height:170px;margin-bottom:14px}.cfg-empty .etext{font-size:14px;font-weight:700;letter-spacing:.16em;color:var(--secondary);text-transform:uppercase;text-shadow:var(--shadow)}.cfg-empty .esub{font-size:12px;color:var(--text-hint, rgba(186, 177, 168, .55));color:var(--hint)}.toggle{width:44px;height:22px;padding:3px;cursor:pointer;background:var(--backing);border:1px solid rgba(201,192,184,.15);display:flex;align-items:center;justify-content:flex-start;flex:none}.toggle.on{background:var(--olive);border-color:var(--olive)}.toggle .knob{width:16px;height:14px;background:#c9c0b866;transform:translate(0);transition:transform .12s ease}.toggle.on .knob{transform:translate(20px)}.toggle.on .knob{background:var(--lime)}.swatch{width:22px;height:22px;flex:none;border:1px solid rgba(201,192,184,.2);background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%),linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.12) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.filter-bar{display:flex;align-items:center;gap:6px;padding:12px 28px 0}.filter-chip{height:20px;padding:0 10px;font-size:10px;letter-spacing:.12em;background:#00000040;color:var(--sec-70)}.filter-chip:hover{background:#0006;color:var(--bone)}.filter-chip.active{background:var(--olive);color:var(--bone)}.rel{position:relative;display:inline-flex}.pop-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.pop{position:absolute;right:0;top:28px;z-index:71;background:#2b2924;border:1px solid rgba(201,192,184,.25);padding:10px}.cp-sv{position:relative;width:200px;height:140px;cursor:crosshair;touch-action:none}.cp-sv .white{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,#fff0);pointer-events:none}.cp-sv .black{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000,#0000);pointer-events:none}.cp-dot{position:absolute;width:10px;height:10px;border:2px solid #fff;outline:1px solid rgba(0,0,0,.6);transform:translate(-5px,-5px);pointer-events:none}.cp-hue,.cp-alpha{position:relative;width:200px;height:14px;margin-top:10px;cursor:pointer;touch-action:none}.cp-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.15) 75%),linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 75%,rgba(255,255,255,.15) 75%);background-size:8px 8px;background-position:0 0,4px 4px}.cp-alpha .fillbar{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cp-mark{position:absolute;top:-2px;width:4px;height:18px;background:#fff;outline:1px solid rgba(0,0,0,.5);transform:translate(-2px);pointer-events:none}.item-trigger{background:transparent;padding:0;height:auto}.item-trigger:hover{background:transparent}.item-icon{width:22px;height:22px;object-fit:contain;background:var(--backing);border:1px solid var(--divider);flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.item-trigger:hover .item-icon{border-color:var(--olive)}.noicon{font-family:var(--mono);font-size:12px;color:var(--hint)}.item-pop{width:364px}.item-search{width:100%;height:28px;margin-bottom:8px}.item-grid{display:grid;grid-template-columns:repeat(6,52px);gap:4px;max-height:320px;overflow-y:auto;overflow-x:hidden}.item-cell{width:52px;height:52px;background:var(--backing);display:flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;padding:0}.item-cell:hover{border-color:var(--olive);background:#738d4526}.item-cell img{width:44px;height:44px;object-fit:contain}.item-more{margin-top:8px;font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--hint);text-transform:uppercase;text-align:center}.raw-body{padding:14px}.raw-body textarea{width:100%;height:520px;white-space:pre}.raw-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.error-card{padding:12px 14px;background:var(--backing);border:1px solid var(--danger)}.error-card .etitle{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--danger);text-transform:uppercase}.error-card .emsg{font-family:var(--mono);font-size:12px;color:var(--body);margin-top:5px}.raw-body .error-card{margin-bottom:12px}.info-card{padding:12px 14px;background:var(--backing);border:1px solid var(--info);display:flex;align-items:center;justify-content:space-between;gap:16px}.info-card .ititle{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--info-text);text-transform:uppercase}.info-card .imsg{font-size:13px;color:var(--body);margin-top:4px}.meter{margin-top:14px;height:8px;background:var(--backing)}.meter .fill{height:100%;background:var(--olive)}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes bar-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dash-pulse{0%,to{border-color:var(--olive)}50%{border-color:var(--lime)}}@keyframes mascot-float{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.view-anim{animation:fade-up .22s ease-out both}.gate{animation:rise-in .34s cubic-bezier(.22,.9,.3,1) both}.cfg-row{animation:fade-up .26s ease-out backwards}.savebar{animation:bar-up .24s cubic-bezier(.22,.9,.3,1) both}.pop{animation:pop-in .13s ease-out both}.dropzone.over{animation:dash-pulse .9s ease-in-out infinite}.dz-mascot,.empty-mascot{animation:mascot-float 2.8s ease-in-out infinite alternate}button,.tab,.filter-chip{transition:background .1s ease,color .1s ease,border-color .1s ease}input[type=text],input[type=email],input[type=password],textarea{transition:border-color .12s ease}.lib-row,.cfg-row.section{transition:background .1s ease}@media (prefers-reduced-motion: reduce){.dz-mascot,.empty-mascot,.dropzone.over{animation:none}}.savebar{position:fixed;left:0;right:0;bottom:0;height:60px;background:var(--band);border-top:1px solid var(--divider);z-index:60}.savebar .inner{max-width:1200px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.savebar .status{font-size:13px;font-weight:700;letter-spacing:.14em;text-shadow:var(--shadow);text-transform:uppercase;color:var(--gold)}.savebar .status.lime{color:var(--lime-text)}.savebar .actions{display:flex;align-items:center;gap:8px}
