:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#1a2a3a;background:#f5f7fa;--primary:#4a90d9;--muted:#7a8a9a}*{box-sizing:border-box}body{margin:0}header{max-width:720px;margin:0 auto;padding:26px 22px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}header a{font-size:10px;letter-spacing:1px;font-weight:700;color:#4a6a8a;text-decoration:none}header span{font-size:8px;letter-spacing:1px;color:#7a8a9a}main{max-width:640px;margin:auto;padding:30px 20px max(32px,env(safe-area-inset-bottom))}.intro{padding:14px 4px 22px}.eyebrow{font-size:12px;letter-spacing:1px;color:#4a90d9}h1{font-size:34px;letter-spacing:-1px;margin:14px 0 10px}h2{font-size:22px;margin:12px 0;font-weight:700}.intro p{font-size:14px;color:#7a8a9a}.card{background:#fff;border:1px solid #e8edf4;border-radius:26px;padding:26px 24px;margin:0 0 22px;box-shadow:0 8px 40px #00000005}.section-number{font-size:10px;letter-spacing:2px;color:#7a8a9a}.hint{font-size:14px;line-height:1.7;color:#7a8a9a;overflow-wrap:anywhere}label{display:block;font-size:14px;font-weight:500;margin:22px 0 10px}input:not([type=file]),textarea{font:inherit;font-size:16px;display:block;width:100%;margin-top:10px;padding:14px;border:1px solid #e8edf4;border-radius:14px;color:#1a2a3a;background:#f8faff}textarea{resize:vertical;line-height:1.65}button,.file-button,.file-pill{font:inherit;cursor:pointer;touch-action:manipulation;min-height:44px;border-radius:14px}button:active,.file-button:active,.file-pill:active{transform:scale(.97);transition:transform .15s ease}button:disabled{opacity:.45;cursor:not-allowed}.primary{padding:16px 20px;background:#4a90d9;border:0;color:white;width:100%;font-size:16px;font-weight:700;box-shadow:0 4px 14px #4a90d929;display:flex;justify-content:space-between;align-items:center}.field-meta{display:flex;justify-content:space-between;align-items:center;color:#7a8a9a;font-size:12px}.file-pill{padding:12px 18px;background:#f0f7ff;color:#3a7bc4;margin:8px 0}.file-button{padding:15px;text-align:center;color:#3a7bc4;background:#f0f7ff;border:1px solid #dceaf8}.connection{display:flex;align-items:center;gap:8px;padding:0 4px 20px;font-size:13px;color:#4a6a8a}.connection i{width:7px;height:7px;border-radius:50%;background:#9fb5c6}.connection i.online{background:#60a58b}.connection button{margin-left:auto;border:0;color:#4a90d9;background:transparent;padding:8px 12px}.poster-preview{display:grid;place-items:center;background:#f5f7fa;border:1px solid #e8edf4;min-height:130px;border-radius:16px;padding:12px;color:#7a8a9a;font-size:14px}.poster-preview img{max-width:100%;max-height:260px;object-fit:contain}.poster-preview:has(img:not([hidden]))>span{display:none}.history-item{border-top:1px solid #e8edf4;padding:18px 0 0;margin-top:18px}.history-item strong{display:block;font-size:15px}.history-item p{font-size:14px;color:#4a6a8a;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;max-height:100px;overflow:auto}.history-item small{color:#7a8a9a;font-size:12px}#notice{position:sticky;bottom:16px;background:#1a2a3a;color:white;border-radius:16px;padding:16px 20px;box-shadow:0 8px 40px #0002;font-size:14px;line-height:1.7;z-index:10}#notice:empty{display:none}footer{text-align:center;font-size:11px;color:#9aa8b5;padding:20px}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #4a90d9;outline-offset:4px}[hidden]{display:none!important}@media(max-width:380px){.card{padding:22px 18px}header span{display:none}main{padding-left:14px;padding-right:14px}}@media(prefers-reduced-motion:reduce){button:active,.file-button:active,.file-pill:active{transform:none;transition:none}}