:root,[data-theme=dark]{--bg: #0A0B0D;--s1: #111214;--s2: #1a1b1f;--s3: #222328;--bdr: #2a2b30;--bdr2: #3a3b42;--grn: #40FF78;--grn-d: rgba(64,255,120,.1);--grn-g: rgba(64,255,120,.25);--gld: #FFDB40;--gld-d: rgba(255,219,64,.1);--pur: #7A30FF;--pur-d: rgba(122,48,255,.1);--blu: #00C8FF;--blu-d: rgba(0,200,255,.1);--red: #FF4060;--txt: #E8E8EC;--txt-m: #9A9AA6;--txt-d: #6A6A76;--r: 12px;--rs: 8px;--nav-h: 64px}[data-theme=light]{--bg: #F5F6F8;--s1: #FFFFFF;--s2: #F0F1F3;--s3: #E4E5E9;--bdr: #D0D1D6;--bdr2: #B8B9C0;--grn: #00B847;--grn-d: rgba(0,184,71,.08);--grn-g: rgba(0,184,71,.18);--gld: #E5A800;--gld-d: rgba(229,168,0,.08);--pur: #6020D0;--pur-d: rgba(96,32,208,.08);--blu: #0098CC;--blu-d: rgba(0,152,204,.08);--red: #E03050;--txt: #1A1B1E;--txt-m: #5A5B66;--txt-d: #8A8B96}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:var(--bg);color:var(--txt);min-height:100vh;min-height:100dvh;overflow-x:hidden;padding-bottom:var(--nav-h);transition:background-color .3s ease,color .3s ease}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(64,255,120,.03) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(122,48,255,.03) 0%,transparent 50%);pointer-events:none;z-index:0}[data-theme=light] body:before{background:radial-gradient(ellipse at 20% 0%,rgba(0,184,71,.04) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(96,32,208,.03) 0%,transparent 50%)}.bnav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-h);background:#111214eb;border-top:1px solid var(--bdr);display:flex;z-index:100;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:background .3s ease}[data-theme=light] .bnav{background:#ffffffeb}.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:none;color:var(--txt-d);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:9px;font-weight:500;letter-spacing:.3px;transition:color .15s,transform .15s}.bnav-btn:hover{color:var(--txt-m)}.bnav-btn.active{color:var(--grn)}.bnav-btn:active{transform:scale(.92)}.bnav-btn svg{width:20px;height:20px}.page{display:none;padding:16px 16px calc(var(--nav-h) + 16px);max-width:600px;margin:0 auto;position:relative;z-index:1;animation:fadeIn .25s ease}.page.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pg-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;padding-top:6px}.logo-box{width:30px;height:30px;border:2px solid var(--grn);border-radius:6px;display:flex;align-items:center;justify-content:center;background:var(--grn-d);box-shadow:0 0 14px var(--grn-g);flex-shrink:0}.logo-box:after{content:"";width:11px;height:11px;background:var(--grn);border-radius:2px}.pg-title{font-size:18px;font-weight:700;letter-spacing:-.3px}.pg-title span{color:var(--grn)}.pg-sub{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt-d);letter-spacing:.5px;text-transform:uppercase;margin-top:1px}.theme-btn{margin-left:auto;background:var(--s2);border:1px solid var(--bdr);border-radius:8px;color:var(--txt-m);cursor:pointer;width:34px;height:34px;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;flex-shrink:0}.theme-btn:hover{border-color:var(--grn);color:var(--grn);transform:rotate(15deg)}.card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);padding:18px;margin-bottom:12px;transition:background .3s ease,border-color .3s ease,transform .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--bdr2)}.card-t{font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:var(--txt-d);margin-bottom:12px;display:flex;align-items:center;gap:6px}.card-t:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--grn)}label{display:block;font-family:JetBrains Mono,monospace;font-size:9px;text-transform:uppercase;letter-spacing:.7px;color:var(--txt-d);margin-bottom:6px}input[type=text],input[type=url],input[type=email],input[type=tel],input[type=password],textarea,select{width:100%;background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);color:var(--txt);font-family:JetBrains Mono,monospace;font-size:12px;padding:9px 11px;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--grn);box-shadow:0 0 0 3px var(--grn-d)}input::placeholder,textarea::placeholder{color:var(--txt-d);opacity:.5}textarea{resize:vertical;min-height:56px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236A6A76' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.field{margin-bottom:10px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chips{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.chip{background:var(--s2);border:1px solid var(--bdr);border-radius:5px;color:var(--txt-d);font-family:JetBrains Mono,monospace;font-size:10px;padding:6px 10px;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:3px}.chip:hover{border-color:var(--bdr2);color:var(--txt-m)}.chip.on{background:var(--grn-d);border-color:var(--grn);color:var(--grn)}.clr-wrap{display:flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);padding:5px 9px;cursor:pointer}input[type=color]{-webkit-appearance:none;border:none;width:22px;height:22px;border-radius:4px;cursor:pointer;padding:0;background:none}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:1px solid var(--bdr);border-radius:3px}.clr-v{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt-d)}.dot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.dot-opt{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);padding:7px 3px;cursor:pointer;text-align:center;transition:all .2s ease}.dot-opt:hover{border-color:var(--bdr2);transform:translateY(-1px)}.dot-opt.on{background:var(--grn-d);border-color:var(--grn)}.dot-opt svg{width:18px;height:18px;margin:0 auto 2px;display:block}.dot-opt .dl{font-family:JetBrains Mono,monospace;font-size:7px;text-transform:uppercase;color:var(--txt-d)}.dot-opt.on .dl{color:var(--grn)}.ecl-row{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.ecl-b{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);color:var(--txt-d);font-family:JetBrains Mono,monospace;font-size:10px;padding:7px 3px;cursor:pointer;transition:all .2s ease;text-align:center}.ecl-b:hover{border-color:var(--bdr2);color:var(--txt-m)}.ecl-b.on{background:var(--grn-d);border-color:var(--grn);color:var(--grn)}.logo-drop{border:2px dashed var(--bdr);border-radius:var(--rs);padding:12px;text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.logo-drop:hover{border-color:var(--bdr2);background:var(--s2)}.logo-drop.has{border-color:var(--grn);border-style:solid}.logo-drop input{display:none}.up-txt{font-size:11px;color:var(--txt-d)}.up-txt strong{color:var(--grn)}.logo-prev{display:none;align-items:center;gap:8px}.logo-prev.vis{display:flex}.logo-prev img{width:36px;height:36px;border-radius:5px;object-fit:contain;background:#fff;padding:2px}.logo-info{text-align:left;flex:1;min-width:0}.logo-nm{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logo-sz{font-size:9px;color:var(--txt-d);font-family:JetBrains Mono,monospace}.logo-warn{font-size:8px;color:var(--gld);font-family:JetBrains Mono,monospace;margin-top:6px;opacity:.8}.rm-logo{background:var(--s2);border:1px solid var(--bdr);border-radius:4px;color:var(--red);font-size:9px;padding:4px 7px;cursor:pointer;flex-shrink:0}.tog{display:flex;align-items:center;gap:8px;cursor:pointer;margin-bottom:8px}.tog-track{width:32px;height:17px;background:var(--s3);border-radius:9px;position:relative;transition:background .2s;flex-shrink:0}.tog-track.on{background:var(--grn)}.tog-track:after{content:"";position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s}.tog-track.on:after{transform:translate(15px)}.tog-lbl{font-size:11px;color:var(--txt-m)}.pw-row{display:flex;gap:5px}.pw-row input{flex:1}.pw-toggle{background:var(--s2);border:1px solid var(--bdr);border-radius:var(--rs);color:var(--txt-d);font-size:10px;padding:0 8px;cursor:pointer;font-family:JetBrains Mono,monospace}.btn-g{width:100%;background:var(--grn);color:var(--bg);border:none;border-radius:var(--rs);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;padding:11px;cursor:pointer;transition:all .2s;letter-spacing:.3px;margin-top:4px}.btn-g:hover{transform:translateY(-1px);box-shadow:0 4px 16px var(--grn-g)}.btn-g:active{transform:translateY(0)}.btn-g:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.generate-btn{font-size:16px;padding:16px;margin-bottom:14px;border-radius:var(--r);box-shadow:0 2px 12px var(--grn-g);text-transform:uppercase;letter-spacing:1px}.btn-s{background:var(--s2);border:1px solid var(--bdr);border-radius:var(--rs);color:var(--txt);font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;padding:8px 12px;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:4px}.btn-s:hover{border-color:var(--grn);color:var(--grn);transform:translateY(-1px)}.btn-s:active{transform:translateY(0)}.btn-s svg{width:13px;height:13px;flex-shrink:0}.preview-card{border-color:var(--grn);border-width:1px;position:relative;overflow:hidden}.preview-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--grn-d) 0%,transparent 50%);pointer-events:none}.prev-empty{padding:32px 14px;text-align:center}.prev-ghost{width:80px;height:80px;margin:0 auto 10px;border:2px dashed var(--bdr);border-radius:8px;display:flex;align-items:center;justify-content:center;opacity:.3;animation:ghostPulse 2s ease-in-out infinite}@keyframes ghostPulse{0%,to{opacity:.2}50%{opacity:.4}}.prev-ghost-inner{width:52px;height:52px;background:linear-gradient(var(--bdr) 1px,transparent 1px),linear-gradient(90deg,var(--bdr) 1px,transparent 1px);background-size:7px 7px;border-radius:2px}.prev-txt{font-size:11px;color:var(--txt-d)}.prev-live{text-align:center;animation:qrAppear .4s cubic-bezier(.34,1.56,.64,1)}@keyframes qrAppear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.qr-frame{display:inline-block;border-radius:10px;padding:14px;margin-bottom:10px;box-shadow:0 6px 20px #0000004d;transition:transform .3s ease}.qr-frame:hover{transform:scale(1.02)}#qr-canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.qr-meta{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt-d);line-height:1.5;margin-bottom:12px}.qr-meta b{color:var(--grn);font-weight:500}.dl-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;margin-bottom:6px}.save-row{margin-bottom:6px}.save-row input{margin-bottom:5px}.save-btn{width:100%;background:var(--gld-d);border:1px solid rgba(255,219,64,.2);border-radius:var(--rs);color:var(--gld);font-family:Space Grotesk,sans-serif;font-weight:600;font-size:12px;padding:9px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:5px}.save-btn:hover{background:#ffdb402e}.save-btn:disabled{opacity:.4;cursor:not-allowed}.badge-f{display:inline-block;background:var(--grn-d);color:var(--grn);font-family:JetBrains Mono,monospace;font-size:8px;padding:3px 9px;border-radius:14px;letter-spacing:.5px;text-transform:uppercase;margin-top:5px}.lib-bar{display:flex;gap:6px;margin-bottom:12px;align-items:center;flex-wrap:wrap}.lib-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.lib-stat{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--rs);padding:10px;text-align:center}.lib-stat .sv{font-size:20px;font-weight:700;color:var(--grn)}.lib-stat .sl{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-d);text-transform:uppercase;letter-spacing:.4px;margin-top:1px}.lib-search{margin-bottom:10px;position:relative}.lib-search input{padding-left:32px}.lib-search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--txt-d)}.lib-filters{display:flex;gap:4px;margin-bottom:10px;overflow-x:auto;padding-bottom:3px}.lib-filt{background:var(--s2);border:1px solid var(--bdr);border-radius:14px;color:var(--txt-d);font-family:JetBrains Mono,monospace;font-size:9px;padding:4px 10px;cursor:pointer;white-space:nowrap;transition:all .15s}.lib-filt:hover{color:var(--txt-m)}.lib-filt.on{background:var(--grn-d);border-color:var(--grn);color:var(--grn)}.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.lib-card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--rs);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.lib-card:hover{border-color:var(--bdr2);transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.lib-card.selected{border-color:var(--grn);box-shadow:0 0 0 2px var(--grn-d)}.lib-card-thumb{width:100%;aspect-ratio:1;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;position:relative}.lib-card-thumb img{width:100%;height:100%;image-rendering:pixelated;object-fit:contain}.lib-card-fav{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:all .15s}.lib-card-fav.faved{color:var(--gld);background:#ffdb4033}.lib-card-sel{position:absolute;top:5px;left:5px;width:22px;height:22px;border-radius:50%;background:var(--s2);border:2px solid var(--bdr);display:none;align-items:center;justify-content:center;font-size:12px;color:var(--grn)}.batch-mode .lib-card-sel{display:flex}.lib-card.selected .lib-card-sel{background:var(--grn);border-color:var(--grn);color:var(--bg)}.lib-card-body{padding:8px}.lib-card-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:1px}.lib-card-type{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-d);text-transform:uppercase}.lib-empty{text-align:center;padding:40px 16px}.lib-empty-icon{font-size:40px;margin-bottom:10px;opacity:.3}.lib-empty-text{font-size:13px;color:var(--txt-d);margin-bottom:3px}.lib-empty-sub{font-size:11px;color:var(--txt-d);opacity:.6}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:200;align-items:center;justify-content:center;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-bg.vis{display:flex}.modal{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);max-width:400px;width:100%;max-height:90vh;overflow-y:auto;padding:20px;animation:fadeIn .2s ease}.modal-close{background:none;border:none;color:var(--txt-d);cursor:pointer;font-size:18px;float:right;padding:0 0 6px 6px}.modal-close:hover{color:var(--txt)}.modal-qr{text-align:center;margin-bottom:14px}.modal-qr canvas{max-width:180px;width:100%;height:auto;image-rendering:pixelated;border-radius:6px}.modal-name{font-size:16px;font-weight:700;text-align:center;margin-bottom:3px}.modal-type{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--grn);text-transform:uppercase;text-align:center;margin-bottom:6px}.modal-data{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);padding:8px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt-m);word-break:break-all;margin-bottom:10px;max-height:80px;overflow-y:auto}.modal-date{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--txt-d);text-align:center;margin-bottom:10px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.modal-del{grid-column:1 / -1;background:#ff406014;border:1px solid rgba(255,64,96,.2);border-radius:var(--rs);color:var(--red);font-family:Space Grotesk,sans-serif;font-size:11px;padding:8px;cursor:pointer;margin-top:3px;text-align:center}.modal-del:hover{background:#ff406026}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-top:10px}.preset-card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--rs);padding:12px;cursor:pointer;transition:all .2s ease;position:relative}.preset-card:hover{border-color:var(--bdr2);transform:translateY(-2px)}.preset-card-colors{display:flex;gap:3px;margin-bottom:6px}.preset-card-swatch{width:22px;height:22px;border-radius:4px;border:1px solid var(--bdr)}.preset-card-name{font-size:11px;font-weight:600;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preset-card-info{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-d);text-transform:uppercase}.preset-del{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--txt-d);cursor:pointer;font-size:13px;opacity:0;transition:opacity .15s}.preset-card:hover .preset-del{opacity:1}.preset-del:hover{color:var(--red)}.preset-empty{text-align:center;padding:28px;color:var(--txt-d);font-size:12px}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;margin-bottom:14px}.tpl-card{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--rs);padding:12px;cursor:pointer;transition:all .2s ease;text-align:center}.tpl-card:hover{border-color:var(--grn);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.tpl-icon{font-size:24px;margin-bottom:4px}.tpl-name{font-size:11px;font-weight:600;margin-bottom:2px}.tpl-desc{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-d)}.scan-area{position:relative;border-radius:var(--r);overflow:hidden;background:#000;aspect-ratio:1;max-width:360px;margin:0 auto 14px}.scan-area video{width:100%;height:100%;object-fit:cover}.scan-area canvas{display:none}.scan-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scan-corners{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;border:2px solid var(--grn);border-radius:8px;box-shadow:0 0 0 9999px #0006}.scan-line{position:absolute;width:60%;height:2px;background:var(--grn);box-shadow:0 0 8px var(--grn);left:20%;top:50%;animation:scanLine 2s ease-in-out infinite}@keyframes scanLine{0%,to{top:25%}50%{top:70%}}.scan-result{background:var(--s1);border:1px solid var(--grn);border-radius:var(--rs);padding:14px;margin-top:10px;word-break:break-all}.scan-result-label{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--grn);text-transform:uppercase;margin-bottom:6px}.scan-result-data{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--txt);line-height:1.4}.scan-actions{display:flex;gap:6px;margin-top:8px}.bulk-info{font-size:11px;color:var(--txt-d);line-height:1.4;margin-bottom:10px}.bulk-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:12px}.bulk-item{background:var(--bg);border:1px solid var(--bdr);border-radius:var(--rs);padding:8px;text-align:center}.bulk-item canvas{width:100%;height:auto;image-rendering:pixelated}.bulk-lbl{font-family:JetBrains Mono,monospace;font-size:8px;color:var(--txt-d);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bulk-dl{background:var(--grn-d);border:none;border-radius:3px;color:var(--grn);font-size:9px;font-family:JetBrains Mono,monospace;padding:3px 5px;margin-top:4px;cursor:pointer;width:100%}.bulk-dl:hover{background:#40ff782e}.toast{position:fixed;bottom:calc(var(--nav-h) + 14px);left:50%;transform:translate(-50%) translateY(80px);background:var(--s2);border:1px solid var(--grn);color:var(--grn);font-family:JetBrains Mono,monospace;font-size:11px;padding:9px 16px;border-radius:8px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);z-index:300;pointer-events:none;white-space:nowrap;display:flex;align-items:center;gap:10px}.toast.show{transform:translate(-50%) translateY(0);pointer-events:auto}.toast-undo{background:var(--grn);color:var(--bg);border:none;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;padding:3px 8px;cursor:pointer}.kb-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:250;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.kb-overlay.vis{display:flex}.kb-panel{background:var(--s1);border:1px solid var(--bdr);border-radius:var(--r);padding:24px;max-width:360px;width:90%}.kb-title{font-size:16px;font-weight:700;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}.kb-title button{background:none;border:none;color:var(--txt-d);cursor:pointer;font-size:16px}.kb-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--bdr)}.kb-row:last-child{border:none}.kb-key{background:var(--bg);border:1px solid var(--bdr);border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--grn)}.kb-desc{font-size:11px;color:var(--txt-m)}.pwa-banner{display:none;background:var(--grn-d);border:1px solid rgba(64,255,120,.15);border-radius:var(--rs);padding:10px 14px;margin-bottom:12px;align-items:center;gap:8px;font-size:11px;color:var(--grn)}.pwa-banner.vis{display:flex}.pwa-banner button{background:var(--grn);color:var(--bg);border:none;border-radius:4px;padding:5px 10px;font-family:Space Grotesk,sans-serif;font-weight:600;font-size:10px;cursor:pointer;margin-left:auto;flex-shrink:0}.pwa-dismiss{background:none!important;color:var(--txt-d)!important;font-size:14px!important;padding:2px 6px!important}.app-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;flex-direction:column;gap:10px}.spinner{width:28px;height:28px;border:3px solid var(--bdr);border-top-color:var(--grn);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-text{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--txt-d)}.offline-bar{display:none;background:var(--gld-d);border-bottom:1px solid rgba(255,219,64,.2);color:var(--gld);font-family:JetBrains Mono,monospace;font-size:10px;text-align:center;padding:5px;position:fixed;top:0;left:0;right:0;z-index:150}.offline-bar.vis{display:block}@media(max-width:480px){.field-row{grid-template-columns:1fr}.dl-grid{grid-template-columns:1fr 1fr}.lib-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.page{max-width:640px;padding:24px 24px calc(var(--nav-h) + 24px)}.card{padding:22px;margin-bottom:16px}}