:root{color-scheme:light;--bg:#f5f6f8;--surface:#ffffff;--surface-muted:#fafafb;--border:#e7e9ee;--text:#14161a;--muted:#71757e;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--danger:#d13b3b;--danger-soft:#fdf3f3;--danger-border:#f3d6d6;--radius:14px;--radius-sm:9px;--shadow:0 1px 2px rgba(16,24,40,0.04),0 10px 28px rgba(16,24,40,0.05);--mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.page{max-width:880px;margin:0 auto;padding:2rem 1.25rem 3rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.brand{display:inline-flex;align-items:baseline;gap:.5rem;font-size:1.05rem;font-weight:600;letter-spacing:-.015em;color:var(--text);text-decoration:none}.brand span{font-size:.8rem;font-weight:400;color:var(--muted);letter-spacing:0}.card{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.bar,.card{background:var(--surface)}.bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.7rem .85rem;border-bottom:1px solid var(--border)}.bar+.bar{border-top:none}.body{padding:.85rem}.spacer{flex:1 1 auto;min-width:0}.field{display:inline-flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted);white-space:nowrap}select{padding:.35rem .5rem;background:var(--surface);color:var(--text);font-family:inherit}.toggle,select{border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.82rem;cursor:pointer}.toggle{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.toggle:hover{background:var(--surface-muted)}.toggle input{margin:0;accent-color:var(--danger);cursor:pointer}.toggle:has(input:checked){background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.tabs{display:inline-flex;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.tab{padding:.3rem .8rem;border:none;border-radius:7px;background:transparent;color:var(--muted);font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:background .15s ease,color .15s ease}.tab:hover{color:var(--text)}.tab--active{box-shadow:0 1px 2px rgba(16,24,40,.08)}.btn,.tab--active{background:var(--surface);color:var(--text)}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:.82rem;font-weight:500;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--surface-muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){opacity:.9;background:var(--danger)}:where(select,.btn,.toggle,textarea,a):focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{display:block;width:100%;height:clamp(260px,46vh,460px);resize:vertical;padding:.85rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--text);font-family:var(--mono);font-size:.83rem;line-height:1.65;-moz-tab-size:2;tab-size:2}textarea::placeholder{color:#a6aab3}.viewer{max-height:clamp(260px,58vh,560px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.viewer pre{margin:0;padding:.85rem;font-family:var(--mono);font-size:.83rem;line-height:1.65;white-space:pre-wrap;word-break:break-word}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;height:clamp(260px,46vh,460px);padding:1rem;border:1.5px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.dropzone--active,.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone strong{font-size:.95rem;font-weight:600}.dropzone span{font-size:.82rem;color:var(--muted)}.filecard{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-height:clamp(260px,46vh,460px);padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);align-content:center;justify-content:center;text-align:center}.filecard__info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex-basis:100%}.filecard__name,.fileview__name{font-weight:600;font-size:.95rem;word-break:break-all}.filecard__meta,.fileview__meta{font-size:.8rem;color:var(--muted);word-break:break-all}.progress{position:relative;width:min(320px,100%);height:26px;border:1px solid var(--border);border-radius:999px;background:var(--surface);overflow:hidden}.progress__bar{height:100%;background:var(--accent-soft);border-right:1px solid var(--accent);transition:width .2s ease}.progress__label{position:absolute;inset:0;display:grid;place-items:center;font-size:.76rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text)}.fileview{gap:.85rem;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.fileview,.fileview__head{display:flex;flex-direction:column}.fileview__head{gap:.15rem}.fileview__preview{display:block;max-width:100%;max-height:clamp(220px,46vh,460px);margin:0 auto;border-radius:8px;border:1px solid var(--border);background:var(--surface);object-fit:contain}.meta{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap;padding:.5rem .85rem;border-bottom:1px solid var(--border);background:var(--surface-muted);font-size:.78rem;color:var(--muted)}.meta .sep{color:#c9ccd3}.tag{display:inline-flex;align-items:center;gap:.3rem;padding:.1rem .45rem;border-radius:999px;background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);font-size:.72rem;font-weight:500}.counter{font-size:.78rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error{margin:.7rem 0 0;padding:.55rem .7rem;border:1px solid var(--danger-border);border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:.82rem}.hint{margin:1rem 0 0;font-size:.76rem;color:var(--muted);text-align:center}kbd{display:inline-block;padding:.05rem .35rem;border:solid var(--border);border-width:1px 1px 2px;border-radius:5px;background:var(--surface);font-family:var(--mono);font-size:.72rem;color:var(--text)}.notice{padding:2.75rem 1.5rem;text-align:center}.notice h2{margin:0 0 .4rem;font-size:1.05rem;font-weight:600;letter-spacing:-.01em}.notice p{max-width:46ch;margin:0 auto 1.4rem;color:var(--muted);font-size:.87rem}.notice .actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}.notice .icon{display:block;font-size:1.6rem;margin-bottom:.6rem}@media (max-width:560px){.page{padding:1.25rem .85rem 2rem}.bar{gap:.45rem}.bar .btn,.bar .toggle,.bar select{font-size:.8rem}.counter{display:none}}