.quick{border:1px solid var(--line);background:#141a22;color:#98a4b3;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:800;white-space:nowrap}.quick:hover{color:#fff;border-color:#4c5868}.filebox{border:1px dashed #3a4553;border-radius:11px;padding:13px;margin-bottom:14px;background:#0b0f15}.filebox input{width:100%;font-size:13px;color:#9ca8b6}.filebox small{display:block;color:#687585;margin-top:7px}.tool-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.mini-btn{border:1px solid var(--line);background:#181e27;color:#aeb8c5;border-radius:8px;padding:7px 10px;font-size:12px;font-weight:750}.mini-btn.on{color:#13170d;background:var(--lime);border-color:var(--lime)}.palette-backdrop{position:fixed;inset:0;background:#000b;z-index:80;display:none;align-items:flex-start;justify-content:center;padding-top:10vh}.palette-backdrop.open{display:flex}.palette-panel{width:min(680px,calc(100% - 24px));max-height:74vh;background:#11161e;border:1px solid #333d4a;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px #000}.palette-panel input{width:100%;border:0;border-bottom:1px solid var(--line);background:#0b0f14;color:#fff;padding:17px 19px;font-size:16px;outline:0}.palette-list{max-height:60vh;overflow:auto;padding:8px}.palette-item{width:100%;border:0;background:transparent;color:#dbe3ec;text-align:left;padding:11px 12px;border-radius:9px;display:flex;justify-content:space-between;gap:15px}.palette-item:hover,.palette-item.active{background:#202833}.palette-item small{color:#6f7b8b}.preview-frame{width:100%;height:300px;border:1px solid var(--line);border-radius:10px;background:#fff}.color-chips{display:flex;gap:8px;flex-wrap:wrap}.color-chip{width:72px;height:72px;border-radius:10px;border:1px solid #ffffff22;display:flex;align-items:end;padding:6px;font:10px ui-monospace,monospace;text-shadow:0 1px 2px #000;color:#fff}.download{display:inline-block;margin-top:10px;color:#12170d;background:var(--lime);padding:9px 12px;border-radius:8px;font-weight:800;text-decoration:none}.tool-note{border-left:3px solid #ffc267;padding:9px 11px;background:#211b10;color:#d7bd86;margin-bottom:13px;font-size:12px;line-height:1.5}.badge.new{color:var(--lime)}
.badge.remote{color:#ffc267}.iconbtn{border:1px solid var(--line);background:#181e27;color:#abb5c2;width:38px;height:38px;border-radius:10px;font-size:18px;flex:none}.iconbtn:hover{color:#fff;border-color:#536171}.ghost{border:1px solid var(--line);background:#181e27;color:#dbe2e9;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:800}.download-link{display:inline-block;margin:10px 8px 0 0;color:#11160b;background:var(--lime);padding:9px 12px;border-radius:8px;font-weight:800;text-decoration:none}.command-overlay{position:fixed;inset:0;background:#000b;z-index:90;display:grid;place-items:start center;padding-top:10vh}.command-overlay[hidden]{display:none}.command-panel{width:min(680px,calc(100% - 24px));max-height:78vh;background:#11161e;border:1px solid #333d4a;border-radius:15px;overflow:hidden;box-shadow:0 30px 100px #000}.command-head{display:flex;border-bottom:1px solid var(--line);padding:10px}.command-head input{flex:1;border:0;background:transparent;color:#fff;padding:8px 10px;font-size:16px;outline:0}.command-list{max-height:62vh;overflow:auto;padding:8px}.command-list button{width:100%;border:0;background:transparent;color:#dbe3ec;text-align:left;padding:11px 12px;border-radius:9px;display:flex;justify-content:space-between;gap:15px}.command-list button:hover{background:#202833}.command-list strong,.command-list small{display:block}.command-list small{color:#6f7b8b;margin-top:3px}.result img{max-width:100%;height:auto;border-radius:8px}.result table{width:100%;border-collapse:collapse;font:12px ui-monospace,monospace}.result th,.result td{border-bottom:1px solid var(--line);padding:7px;text-align:left}.result .ok{color:#a9d86d}.result .warn{color:#ffc267}.result .bad{color:#ff7a86}
.language-picker{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:#111720;border-radius:9px;padding:0 9px;color:#98a4b3;white-space:nowrap}.language-picker select{height:36px;border:0;background:transparent;color:#dbe3ec;outline:0;font-size:13px}.language-picker option{background:#111720;color:#eef3f7}.seo-header .language-picker{margin-left:auto}@media(max-width:760px){.quick{order:2;margin-left:auto}.language-picker{order:2}.privacy{display:none}.palette-backdrop,.command-overlay{padding-top:4vh}}@media(max-width:470px){.language-picker span{display:none}.language-picker{padding:0 5px}.language-picker select{max-width:105px}}
.field-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#bdc6d1;font-size:13px;font-weight:700}.field-label small{font-weight:500;color:#687484}
.filebox.invalid{border-color:var(--red);background:#201116}.filebox.invalid small{color:var(--red)}