:root{color:#e2e4f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0c0e17;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;font-weight:400;line-height:1.6}*,:before,:after{box-sizing:border-box}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#252b3d;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#333d55}body{background:radial-gradient(110% 45% at 50% 0,#5b4cdb29 0%,#0000 65%),#0c0e17;min-height:100vh;margin:0}#app{max-width:54rem;margin:0 auto;padding:2.75rem 1.5rem 4rem}.header{margin-bottom:2rem}.header h1{letter-spacing:-.04em;background:linear-gradient(115deg,#fff 0%,#c4b5fd 50%,#7c5cfc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .45rem;font-size:2.1rem;font-weight:750;line-height:1.1}.lede{color:#555e7a;align-items:center;gap:.4rem;margin:0;font-size:.9rem;display:inline-flex}.lede:before{content:"";background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block;box-shadow:0 0 7px #22c55eb3}.panel{-webkit-backdrop-filter:blur(20px);background:#101320b8;border:1px solid #ffffff0f;border-radius:16px;margin-bottom:.875rem;padding:1.4rem 1.6rem;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff0d,0 8px 32px #00000052}.panel:hover{border-color:#ffffff17;box-shadow:inset 0 1px #ffffff12,0 12px 40px #00000061}.panel h2{letter-spacing:.09em;text-transform:uppercase;color:#4a5270;margin:0 0 .8rem;font-size:.72rem;font-weight:600}.meta{color:#c4c9e0;margin:.6rem 0 0;font-size:.9rem;font-weight:500}.meta.muted{color:#3d4460;font-weight:400}.status{color:#a78bfa;background:#5b4cdb1a;border:1px solid #a78bfa2e;border-radius:99px;align-items:center;gap:.45rem;margin-top:.8rem;padding:.22rem .85rem;font-size:.81rem;display:inline-flex}.status:empty{display:none}.hint{color:#464f6a;margin:0 0 .85rem;font-size:.83rem;line-height:1.55}.mode-row{flex-wrap:wrap;gap:.5rem;display:flex}.mode-row label{cursor:pointer;color:#7a8098;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9px;align-items:center;gap:.45rem;padding:.38rem .85rem;font-size:.86rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.mode-row label:has(input:checked){color:#c4b5fd;background:#5b4cdb21;border-color:#7c5cfc4d}.mode-row label:has(input:not(:disabled)):hover{color:#9aa0b8;background:#ffffff0a;border-color:#ffffff14}.mode-row input[type=radio]{accent-color:#7c5cfc}.depth-label{color:#7a8098;align-items:center;gap:.55rem;font-size:.87rem;display:flex}select{color:#e2e4f0;cursor:pointer;background:#080a14b3;border:1px solid #ffffff17;border-radius:8px;padding:.38rem .75rem;font-size:.87rem;transition:border-color .15s,box-shadow .15s}select:hover{border-color:#ffffff24}select:focus{border-color:#7c5cfc;outline:none;box-shadow:0 0 0 3px #7c5cfc38}.file-label{cursor:pointer;align-items:center;display:inline-flex}.btn{color:#b0b7d0;cursor:pointer;white-space:nowrap;background:#202538b3;border:1px solid #ffffff17;border-radius:10px;align-items:center;gap:.4rem;padding:.52rem 1.1rem;font-size:.87rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;display:inline-flex}.btn:hover{color:#dde0f0;background:#2c334ae6;border-color:#ffffff24}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:linear-gradient(135deg,#5b4cdb 0%,#7c5cfc 100%);border:1px solid #7c5cfc73;box-shadow:0 4px 16px #5b4cdb61,inset 0 1px #ffffff2e}.btn.primary:hover{background:linear-gradient(135deg,#6d5ef0 0%,#8b6fff 100%);transform:translateY(-1px);box-shadow:0 6px 24px #5b4cdb85,inset 0 1px #ffffff38}.btn.primary:active{transform:translateY(0)scale(.99);box-shadow:0 3px 10px #5b4cdb4d}.btn.primary:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.btn.secondary{margin-top:.75rem}.btn-small{color:#555e7a;cursor:pointer;background:#161a2a99;border:1px solid #ffffff12;border-radius:7px;justify-content:center;align-items:center;padding:.25rem .5rem;font-size:.78rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn-small:hover{color:#9aa0b8;background:#282e44cc;border-color:#ffffff1f}.btn-small.danger:hover{color:#fdba74;background:#b453091a;border-color:#b453098c}.btn-small.active{color:#c4b5fd;background:#5b4cdb38;border-color:#7c5cfc73}.panel-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.panel-header h2{margin:0}.filename-cell{align-items:center;gap:.35rem;display:flex}.filename-cell .filename-input{flex:1;min-width:0}.dl-btn{color:#353c56;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.dl-btn:hover{color:#a78bfa;background:#5b4cdb1f;border-color:#7c5cfc66}.preview-expand-cell{background:#0608108c;border-bottom:2px solid #ffffff0a;padding:.8rem 1rem 1rem}.preview-focused .preview-expand-cell{border-bottom-color:#7c5cfc8c;box-shadow:inset 3px 0 #7c5cfc}.preview-expand{display:block}.preview-expand canvas{background:#090b14;border:1px solid #ffffff0f;border-radius:10px;width:100%;height:auto;display:block;box-shadow:0 6px 24px #00000073}.preview-nav{color:#3d4460;justify-content:center;align-items:center;gap:.55rem;margin-top:.65rem;font-size:.78rem;display:flex}.preview-btn{color:#7a8098;cursor:pointer;background:#0e111ecc;border:1px solid #ffffff14;border-radius:7px;padding:.15rem .6rem;font-size:1rem;line-height:1.4;transition:background .15s,border-color .15s,color .15s}.preview-btn:hover:not(:disabled){color:#c4b5fd;background:#5b4cdb26;border-color:#7c5cfc66}.preview-btn:disabled{opacity:.2;cursor:default}.preview-pg{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2rem}.actions{margin-top:1.25rem}.actions-title{margin:0 0 .65rem;font-size:1rem;font-weight:600}.action-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.action-row .btn.primary{text-decoration:none}.table-wrap{border:1px solid #ffffff0d;border-radius:11px;margin-top:.6rem;overflow-x:auto}table.data{border-collapse:collapse;width:100%;font-size:.84rem}table.data th,table.data td{text-align:left;vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.55rem .75rem}table.data thead tr{background:#080a1480}table.data th{color:#3d4460;letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:600}table.data tbody tr{transition:background .12s}table.data tbody tr:hover{background:#5b4cdb0a}table.data tbody tr:last-child td{border-bottom:none}table.data input[type=text],table.data input[type=number]{color:#e2e4f0;background:#060812a6;border:1px solid #ffffff12;border-radius:7px;width:100%;min-width:4rem;padding:.35rem .5rem;font-size:.84rem;transition:border-color .15s,box-shadow .15s}table.data input[type=text]:hover,table.data input[type=number]:hover{border-color:#ffffff1f}table.data input:focus{border-color:#7c5cfc;outline:none;box-shadow:0 0 0 3px #7c5cfc33}tr.row-dup{background:#b4530914}tr.row-dup input{border-color:#b4530973}tr.row-invalid{background:#b91c1c12}tr.row-invalid input[type=number]{border-color:#dc262673}.range-warn{color:#fbbf24;cursor:help;margin-right:.35rem;font-size:.9rem;display:inline-block}
