.splitter-page{--biolum: #00d4aa;--ocean-deep: #061325;--ocean-mid: #0d2137;--text-primary: #e8f4f8;--text-muted: #7faec8;--card-bg: rgba(20,52,80,.55);--card-border: rgba(0,212,170,.2);background:linear-gradient(180deg,var(--ocean-deep) 0%,var(--ocean-mid) 100%)!important;color:var(--text-primary);min-height:100vh}.splitter-page header{background:#061325eb!important;backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);box-shadow:none!important}.splitter-page header nav a{color:var(--text-primary)!important}.splitter-page header nav a.active{border-bottom-color:var(--biolum)!important}.splitter-page header h2 a,.splitter-page header h2 a.active{color:var(--biolum)!important}.splitter-page footer{background:#040e1c!important;border-top:1px solid rgba(0,180,216,.12);color:var(--text-muted)!important}.splitter-page main{width:100%;padding:1.5rem .75rem 4rem;box-sizing:border-box}.page-header{margin-bottom:1.5rem;padding:0 .25rem}.page-tag{display:inline-block;font-size:.75rem;letter-spacing:.14em;color:var(--biolum);background:#00d4aa14;border:1px solid rgba(0,212,170,.3);border-radius:20px;padding:.25em .9em;margin-bottom:.6rem;text-transform:uppercase}.page-header h1{font-size:1.6rem;font-weight:800;color:var(--text-primary)!important;margin:0 0 .3rem!important}.page-desc{color:var(--text-muted)!important;font-size:.85rem;margin:0!important}.tool-layout{display:grid;grid-template-columns:280px 1fr;gap:1rem;align-items:start}.control-panel{display:flex;flex-direction:column;gap:.75rem}.ctrl-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:.9rem 1rem;backdrop-filter:blur(6px)}.ctrl-title{font-size:.7rem!important;letter-spacing:.14em;text-transform:uppercase;color:var(--biolum)!important;margin:0 0 .7rem!important}.ctrl-hint{font-size:.68rem;color:var(--text-muted);margin:0 0 .5rem!important}.ctrl-row{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.55rem;font-size:.84rem}.ctrl-row:last-child{margin-bottom:0}.ctrl-row label{flex-shrink:0;color:var(--text-muted);font-size:.82rem}.drop-zone{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;border:2px dashed rgba(0,212,170,.35);border-radius:10px;cursor:pointer;transition:border-color .2s,background .2s;text-align:center}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--biolum);background:#00d4aa0f}.drop-icon{font-size:1.4rem}.drop-text{font-size:.82rem;color:var(--text-primary)}.drop-sub{font-size:.68rem;color:var(--text-muted)}.spinner-wrap{display:flex;align-items:center;gap:.2rem}.spin-btn{width:26px;height:26px;background:#00d4aa1f;border:1px solid rgba(0,212,170,.3);border-radius:6px;color:var(--biolum);font-size:.88rem;cursor:pointer;line-height:1;transition:background .15s}.spin-btn:hover{background:#00d4aa40}.spin-input{width:46px;text-align:center;background:#ffffff0d;border:1px solid rgba(0,212,170,.25);border-radius:6px;color:var(--text-primary);font-size:.86rem;padding:.28em;outline:none}.spin-input::-webkit-inner-spin-button{display:none}.color-wrap{display:flex;align-items:center;gap:.3rem}.eyedrop-btn{background:#00d4aa1f;border:1px solid rgba(0,212,170,.3);border-radius:6px;width:28px;height:28px;color:var(--biolum);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.eyedrop-btn:hover,.eyedrop-btn.active{background:#00d4aa4d}.color-input{width:30px;height:28px;border-radius:6px;border:1px solid rgba(0,212,170,.25);padding:2px;background:transparent;cursor:pointer}.hex-input{width:68px;background:#ffffff0d;border:1px solid rgba(0,212,170,.25);border-radius:6px;color:var(--text-primary);font-size:.8rem;padding:.28em .45em;outline:none;font-family:monospace}.range-input{flex:1;accent-color:var(--biolum)}.text-input{flex:1;background:#ffffff0d;border:1px solid rgba(0,212,170,.25);border-radius:6px;color:var(--text-primary);font-size:.83rem;padding:.32em .55em;outline:none}.text-input::placeholder{color:#7faec873}.btn-primary{width:100%;padding:.68em;background:var(--biolum);color:#061325;border:none;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.4;cursor:default}.btn-secondary{width:100%;padding:.5em;background:#00d4aa1a;border:1px solid rgba(0,212,170,.3);border-radius:8px;color:var(--biolum);font-size:.8rem;cursor:pointer;transition:background .15s;margin-top:.35rem}.btn-secondary:hover{background:#00d4aa33}.btn-reset{width:100%;padding:.45em;background:transparent;border:1px solid rgba(255,100,100,.35);border-radius:8px;color:#ff7878d9;font-size:.78rem;cursor:pointer;transition:background .15s,border-color .15s;margin-top:.5rem}.btn-reset:hover{background:#ff50501a;border-color:#ff6464a6}.ctrl-row--stack{flex-direction:column;align-items:flex-start;gap:.25rem}.ctrl-row--stack .text-input{width:100%;box-sizing:border-box}.preview-area{display:flex;flex-direction:column;gap:.5rem;min-width:0}.file-list{display:none;flex-wrap:wrap;gap:.5rem;padding:.5rem;background:#040e1c80;border-radius:10px;border:1px solid var(--card-border);max-height:140px;overflow-y:auto}.file-tab{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .5rem;border-radius:8px;cursor:pointer;background:#ffffff0a;border:1px solid rgba(0,212,170,.15);transition:background .15s,border-color .15s;color:var(--text-muted);font-size:.65rem;max-width:72px}.file-tab canvas{border-radius:4px}.file-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.file-tab:hover{background:#00d4aa1a;border-color:#00d4aa66}.file-tab.active{background:#00d4aa26;border-color:var(--biolum);color:var(--biolum)}.canvas-wrap{background:#040e1cb3;border:1px solid var(--card-border);border-radius:12px;min-height:400px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:.75rem}#previewCanvas{max-width:100%;max-height:820px;border-radius:4px;display:none}.canvas-placeholder{color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;justify-content:center;height:240px}.status-bar{font-size:.78rem;color:var(--text-muted);min-height:1.2em;padding:0 .2rem}.status-error{color:#ff8080}.result-section{margin-top:2rem;border-top:1px solid var(--card-border);padding-top:1.5rem}.result-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;gap:.75rem;flex-wrap:wrap}.result-title{font-size:.95rem!important;font-weight:700;color:var(--text-primary)!important;margin:0!important;display:flex;align-items:center;gap:.5rem}.result-count{font-size:.78rem;color:var(--text-muted);font-weight:400}.dl-group{display:flex;gap:.6rem;flex-wrap:wrap}.btn-dl{padding:.5em 1.2em;background:var(--biolum);color:#061325;border:none;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:opacity .2s;white-space:nowrap}.btn-dl:hover{opacity:.85}.btn-dl:disabled{opacity:.4;cursor:default}.btn-dl--line{background:transparent;color:#06c755;border:1.5px solid #06c755}.btn-dl--line:hover{background:#06c7551f;opacity:1}.line-assets-row{margin-bottom:1.25rem}.line-assets-title{font-size:.8rem!important;letter-spacing:.1em;text-transform:uppercase;color:var(--biolum)!important;margin:0 0 .7rem!important}.line-assets-cards{display:flex;gap:1rem;flex-wrap:wrap}.line-asset-card{display:flex;flex-direction:column;align-items:center;gap:.4rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:.8rem 1rem}.la-badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;padding:.2em .7em;border-radius:20px}.la-badge--main{background:#06c75526;color:#06c755;border:1px solid rgba(6,199,85,.35)}.la-badge--tab{background:#00b4d826;color:#00b4d8;border:1px solid rgba(0,180,216,.35)}.la-img-wrap{width:120px;height:120px;border-radius:8px;overflow:hidden;background:repeating-conic-gradient(#444 0% 25%,#666 0% 50%) 0 0/12px 12px;display:flex;align-items:center;justify-content:center}.la-img-wrap img{width:100%;height:100%;object-fit:contain}.la-info{font-size:.65rem;color:var(--text-muted);text-align:center}.ad-slot{background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#ffffff26;font-size:.72rem;letter-spacing:.1em;margin-bottom:1rem}.ad-slot--leaderboard{height:90px}.ad-slot--rectangle{width:300px;height:250px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.6rem}.result-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.4rem}.result-card img{width:100%;aspect-ratio:1/1;object-fit:contain;border-radius:4px}.result-label{font-size:.66rem;color:var(--text-muted);font-family:monospace;word-break:break-all;text-align:center}.result-dl{font-size:.68rem;color:var(--biolum);text-decoration:none;padding:.18em .6em;border:1px solid rgba(0,212,170,.3);border-radius:4px;transition:background .15s}.result-dl:hover{background:#00d4aa26}@media(max-width:720px){.tool-layout{grid-template-columns:1fr}.result-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.tool-about{max-width:820px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid var(--card-border)}.tool-about h2{font-size:1.25rem;color:var(--text-bright, #e8f4f8);margin:2rem 0 .8rem}.tool-about h2:first-child{margin-top:0}.tool-about h3{font-size:1rem;color:var(--biolum);margin:1.4rem 0 .4rem}.tool-about p,.tool-about ol,.tool-about ul{color:var(--text-muted);line-height:1.9;font-size:.92rem;margin:0 0 1rem}.tool-about ol,.tool-about ul{padding-left:1.3rem}.tool-about li{margin-bottom:.4rem}.tool-about strong{color:var(--text-bright, #e8f4f8)}