:root{--bg: #0f172a;--bg-grad: radial-gradient(1200px 600px at 50% -10%, #1e293b 0%, #0f172a 55%);--card: #ffffff;--text: #0f172a;--muted: #64748b;--primary: #4f46e5;--primary-dark: #4338ca;--border: #e2e8f0;--ok: #16a34a;--warn: #b45309}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg-grad);min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.card{background:var(--card);width:100%;max-width:520px;border-radius:16px;padding:32px;box-shadow:0 20px 50px #00000059}.title{margin:0 0 4px;font-size:1.6rem}.subtitle{margin:0 0 24px;color:var(--muted)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed var(--border);border-radius:14px;padding:44px 20px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s}.dropzone--over{border-color:var(--primary);background:#eef2ff}.dropzone__input{display:none}.dropzone__icon{font-size:2.2rem;color:var(--primary)}.dropzone__text{color:var(--muted)}.progress-wrap{margin-top:8px}.progress{height:12px;background:var(--border);border-radius:999px;overflow:hidden}.progress__bar{height:100%;background:var(--primary);transition:width .2s ease}.progress__label{margin-top:8px;color:var(--muted);font-size:.9rem;text-align:center}.result__ok{color:var(--ok);font-weight:600;margin-bottom:16px}.meta{display:grid;gap:10px;margin:0 0 20px}.meta>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);padding-bottom:8px}.meta dt{color:var(--muted);margin:0}.meta dd{margin:0;font-weight:500;text-align:right;word-break:break-word}.share-label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}.share-row{display:flex;gap:8px;margin-bottom:16px}.share-input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:8px;font-size:.9rem;background:#f8fafc}.btn{border:1px solid var(--border);background:#f1f5f9;color:var(--text);padding:10px 16px;border-radius:8px;font-size:.95rem;cursor:pointer;text-decoration:none;display:inline-block;transition:background .15s,border-color .15s}.btn:hover{background:#e2e8f0}.btn--primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-dark)}.btn--ghost{background:transparent}.btn--block{display:block;width:100%;text-align:center;padding:14px;font-size:1rem}.error{color:#dc2626;margin-top:14px}.notice{text-align:center;padding:20px 8px}.notice--warn h2{color:var(--warn);margin:8px 0}.notice__icon{font-size:2.6rem}.notice p{color:var(--muted)}.footer{margin-top:20px;color:#94a3b8;font-size:.85rem}