*{box-sizing:border-box}
:root{--ink:#F2F2F2;--muted:#959284;--line:rgba(180,178,168,.16);--line-soft:rgba(180,178,168,.10);--bg:#1D1D1F;--surface:#282A2F;--panel:#282A2F;--accent:#E8B23D;--accent-ink:#1A1206;--white:#F2F2F2;--white-ink:#15130E;--soft:rgba(180,178,168,.08);--accent-soft:rgba(232,178,61,.14);--ok:#6FCF7A;--ok-soft:rgba(111,207,122,.14);--danger:#E8735F}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 Inter,Arial,sans-serif;padding:26px 20px 56px}
button,input,select,textarea{font:inherit}
.wrap{max-width:920px;margin:auto}
.app-head{margin-bottom:24px}
.app-head h1{font:600 clamp(24px,4vw,34px)/1.15 'Space Grotesk',sans-serif;letter-spacing:-.02em;margin:0 0 8px}
.app-head p{margin:0;color:#B4B1A7;max-width:640px}
.panel{background:transparent;border:0;border-top:1px solid var(--line-soft);padding:24px 0 0;box-shadow:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px}
.field{display:block;font-weight:600;font-size:13px;color:#C6C3BA}
.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;border:1px solid rgba(180,178,168,.28);border-radius:10px;padding:11px 12px;background:var(--surface);color:var(--ink);transition:border-color .15s ease,background .15s ease}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:rgba(232,178,61,.6)}
.field input[type=file]{
  padding:22px 14px;
  text-align:center;
  border:2px dashed rgba(232,178,61,.5);
  background:rgba(232,178,61,.07);
  cursor:pointer;
  color:#C6C3BA;
}
.field input[type=file]:hover{border-color:var(--accent);background:rgba(232,178,61,.13)}
.span-all{grid-column:1/-1}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.btn{border:1px solid transparent;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-weight:600;padding:12px 22px;cursor:pointer;transition:opacity .15s ease,transform .1s ease}
.btn:hover{opacity:.88}
.btn:active{transform:scale(.97)}
.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}
.btn.secondary:hover{background:var(--soft);opacity:1}
.btn:disabled{opacity:.4;cursor:not-allowed}
.result{display:none;margin-top:24px;border-top:1px solid var(--line-soft);padding-top:20px}
.result.show{display:block}
.big{font:600 24px/1.25 'Space Grotesk',sans-serif;margin-bottom:10px;letter-spacing:-.01em}
.row{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line-soft);padding:10px 0}
.row:first-of-type{border:0}
.row strong{text-align:right;font-weight:600}
.note,.status{font-size:13px;color:#A9A69C;margin-top:14px}
.status.error{color:var(--danger)}
.preview{display:none;max-width:100%;max-height:430px;margin:20px auto 0;border-radius:10px;border:1px solid var(--line-soft);background:var(--bg)}
.preview.show{display:block}
.file-list{margin-top:14px;padding:0;list-style:none}
.file-list li{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft);padding:8px 0;font-size:13px;color:var(--muted)}
.file-list li strong{color:var(--ink);font-weight:600}
.choice{display:flex;align-items:center;gap:7px;font-weight:600}
.choice input{margin:0}
.meter{height:4px;background:var(--line-soft);border-radius:99px;overflow:hidden;margin-top:12px}
.meter i{display:block;height:100%;background:var(--accent);width:0}
.privacy{font-size:12px;color:var(--ok);font-weight:600;margin-top:20px}
.personal-box{grid-column:1/-1;border-top:1px solid var(--line-soft);margin-top:4px;padding-top:16px}
.personal-title{font:600 13px 'Space Grotesk',sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}
.presets{display:flex;gap:8px;flex-wrap:wrap}
.preset{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:999px;padding:8px 13px;font-size:12px;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}
.preset:hover{border-color:rgba(232,178,61,.45)}
.preset.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}
.file-count{display:inline-block;margin-top:10px;color:var(--muted);border:1px solid var(--line-soft);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}
.result .personal-result{margin-top:14px;border-top:1px solid var(--line-soft);padding-top:14px}
.result .personal-result h3{font:600 13px 'Space Grotesk',sans-serif;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px}
.warning{color:#F2C744;font-weight:600}
@media(max-width:560px){body{padding:20px 16px 44px}.panel{padding:20px}.row{display:block}.row strong{display:block;text-align:left;margin-top:2px}}