*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1e1e1e;min-height:100vh;font-family:JetBrains Mono,monospace}.app{max-width:600px;margin:0 auto;padding:40px 20px}h1{text-align:center;color:#fff;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;font-size:24px;font-weight:700;display:flex}.jb-logo{flex-shrink:0}.description{text-align:center;color:#aaa;margin-bottom:32px;font-size:13px;line-height:1.8}h2{color:#ccc;margin-bottom:16px;font-size:18px}.controls{flex-direction:column;gap:16px;margin-bottom:32px;display:flex}.control-group{align-items:center;gap:12px;display:flex}.control-group label{flex-shrink:0;min-width:130px;font-size:14px;font-weight:600}.control-group select{color:#e0e0e0;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.control-group select:focus{border-color:#5b9bd5;outline:none}.icon-preview-inline{justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-preview-inline svg{width:32px;height:32px}.download-btn{cursor:pointer;color:#fff;background:#4caf50;border:none;border-radius:6px;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;transition:background .2s}.download-btn:hover{background:#43a047}.result{text-align:center;background:#2d2d2d;border-radius:8px;padding:24px}.theme-toggle{background:#1e1e1e;border-radius:6px;gap:4px;margin-top:16px;margin-bottom:0;padding:3px;display:inline-flex}.toggle-btn{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.toggle-btn.active{color:#fff;background:#444}.toggle-btn:hover:not(.active){color:#ccc}.preview{border-radius:8px;justify-content:center;align-items:center;padding:16px;transition:background .2s;display:inline-flex}.preview-light{background:#fff}.preview-dark{background:#3c3f41}.auto-detected-hint{color:#888;white-space:nowrap;font-size:12px}.upload-btn{color:#999;cursor:pointer;background:#3a3a3a;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;height:24px;padding:2px 4px;font-size:12px;line-height:1;transition:background .2s,color .2s;display:inline-flex;min-width:40px!important}.upload-btn:hover{color:#fff;background:#5b9bd5}.file-input-hidden{display:none}.footer{text-align:center;color:#777;border-top:1px solid #333;margin-top:48px;padding-top:24px;font-size:12px;line-height:1.8}.footer a{color:#5b9bd5;text-decoration:none}.footer a:hover{text-decoration:underline}.footer-separator{color:#555;margin:0 6px}.grid-picker-btn{color:#999;cursor:pointer;background:#3a3a3a;border:1px solid #444;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:background .2s,color .2s;display:inline-flex}.grid-picker-btn:hover{color:#fff;background:#5b9bd5}.grid-picker-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.grid-picker-popup{background:#2d2d2d;border:1px solid #444;border-radius:8px;max-width:460px;max-height:80vh;padding:16px;overflow-y:auto;box-shadow:0 8px 32px #0006}.grid-picker-header{color:#ccc;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.grid-picker-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:background .2s,color .2s;display:inline-flex}.grid-picker-close:hover{color:#fff;background:#444}.grid-picker-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.grid-picker-item{cursor:pointer;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:6px 2px;transition:background .15s;display:flex}.grid-picker-item:hover{background:#3a3a3a;border-color:#555}.grid-picker-item.active{background:#3a4a5a;border-color:#5b9bd5}.grid-picker-icon{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.grid-picker-icon svg{width:24px;height:24px}.grid-picker-label{color:#999;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:76px;font-size:9px;overflow:hidden}