:root,:root[data-theme=light]{--bg:#f4f5fb;--bg-grad-top:#e9ebff;--bg-card:#fff;--input-bg:#f0f2fb;--border:#d9dcec;--text:#1a1e33;--muted:#5a6080;--primary:#6c5ce7;--primary-hover:#5a4bd6;--danger:#d64545;--notice:#b07a12;--info-bg:#6c5ce714;--radius:12px}:root[data-theme=dark]{--bg:#0f1220;--bg-grad-top:#1b1f3a;--bg-card:#1a1e33;--input-bg:#0f1426;--border:#2a2f4a;--text:#e7e9f3;--muted:#9aa0bd;--primary:#6c5ce7;--primary-hover:#5a4bd6;--danger:#ff6b6b;--notice:#ffd479;--info-bg:#6c5ce71f}*{box-sizing:border-box}body{background:radial-gradient(circle at top, var(--bg-grad-top), var(--bg));color:var(--text);min-height:100vh;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{flex-direction:column;max-width:960px;min-height:100vh;margin:0 auto;padding:2rem 1rem 4rem;display:flex}.header{flex-wrap:wrap;align-items:baseline;gap:.75rem;margin-bottom:2rem;display:flex}.logo{color:var(--text);font-size:1.5rem;font-weight:700;text-decoration:none}.tagline{color:var(--muted);font-size:.9rem}.theme-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:999px;align-self:center;margin-left:auto;padding:.4rem .6rem;font-size:1.1rem;line-height:1;transition:background .15s,border-color .15s}.theme-toggle:hover{border-color:var(--primary)}.main{flex:1}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:2rem}.card h1{margin-top:0;font-size:1.4rem}.form{border-radius:var(--radius);flex-direction:column;gap:1.25rem;transition:outline-color .15s,background .15s;display:flex;position:relative}.form-dragover{outline:2px dashed var(--primary);outline-offset:10px;background:var(--info-bg)}.field{flex-direction:column;gap:.5rem;display:flex}.field-label{color:var(--muted);font-size:.85rem;font-weight:600}.grid-2{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.grid-2{grid-template-columns:1fr}}.textarea,.input,.select,.link-input{background:var(--input-bg);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:.7rem .85rem;font-family:inherit;font-size:.95rem}.input-masked{-webkit-text-security:disc;text-security:disc}.textarea:focus,.input:focus,.select:focus{border-color:var(--primary);outline:none}.textarea:disabled{opacity:.5}.btn{background:var(--border);color:var(--text);cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.7rem 1.2rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s,opacity .15s;display:inline-block}.btn:hover{opacity:.9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);opacity:1}.btn-secondary{border:1px solid var(--border);background:0 0;align-self:flex-start}.link-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.85rem}.link-btn-muted{color:var(--primary);padding:0;font-weight:600}.field-label-row{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.field-label-actions{gap:.75rem;display:flex}.file-chip{background:var(--input-bg);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;padding:.7rem .85rem;display:flex}.link-row{gap:.5rem;margin:1rem 0;display:flex}.link-input{flex:1}.meta-list{color:var(--muted);flex-direction:column;gap:.4rem;margin:1rem 0 1.5rem;padding:0;list-style:none;display:flex}.secret-output{background:var(--input-bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:320px;margin:1rem 0;padding:1rem;overflow:auto}.file-reveal{flex-direction:column;align-items:flex-start;gap:.75rem;margin:1rem 0;display:flex}.muted{color:var(--muted)}.error{color:var(--danger);margin:0;font-size:.9rem}.notice{color:var(--notice);font-size:.9rem}.info-banner{background:var(--info-bg);border:1px solid var(--primary);color:var(--text);border-radius:8px;margin:0 0 1.5rem;padding:.75rem .9rem;font-size:.85rem;line-height:1.45}.footer{text-align:center;color:var(--muted);margin-top:2rem;font-size:.8rem}
