:root{color-scheme:dark;--bg:#101114;--panel:#191a20;--line:#2b2c34;--muted:#999ba8;--text:#f4f4f7;--accent:#a6f36a;--accent-dark:#1b2b17}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -20%,#292c36 0,transparent 45%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell{max-width:900px;margin:auto;padding:0 24px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-size:19px;font-weight:800;letter-spacing:-.7px}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--accent);color:#10140d;font-size:23px}.brand-light{font-weight:500;color:#b9bbc5}.platform-pill{font-size:12px;color:#d4d5dc;border:1px solid #ffffff1c;border-radius:999px;padding:7px 12px}.platform-pill i{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:7px}.hero{text-align:center;padding:58px 0 34px}.eyebrow{font-size:11px;letter-spacing:1.9px;color:var(--accent);font-weight:800}.spark{font-size:15px;margin-right:6px}h1{font-size:clamp(38px,7vw,62px);line-height:1.04;letter-spacing:-2.7px;margin:17px 0 15px;font-weight:850}h1 span{color:var(--accent)}.intro{max-width:520px;margin:0 auto;color:var(--muted);font-size:16px}.workspace{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#1b1c23,#15161b);padding:26px;box-shadow:0 24px 70px #0003}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.panel-heading h2{font-size:18px;margin:0 0 4px;letter-spacing:-.4px}.panel-heading p,.hint{margin:0;color:var(--muted);font-size:12px}.count{font-size:12px;color:#d5d6df;background:#ffffff0b;border:1px solid #ffffff12;border-radius:8px;padding:5px 9px;white-space:nowrap}label{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#e6e6eb}.input-row{display:flex;gap:9px}input,textarea{width:100%;border:1px solid #353640;border-radius:10px;background:#111217;color:var(--text);padding:13px 14px;font:inherit;outline:none}input:focus,textarea:focus{border-color:#8bc95b;box-shadow:0 0 0 3px #a6f36a16}.add-btn,.primary-btn{border:0;border-radius:10px;background:var(--accent);color:#12170e;font-weight:800;padding:0 17px;white-space:nowrap;cursor:pointer}.add-btn:hover,.primary-btn:hover:not(:disabled){background:#b9ff80}.hint{margin-top:8px}.bulk-wrap{margin-top:17px;display:flex;align-items:stretch;gap:9px}.bulk-wrap textarea{resize:vertical;min-height:74px;font-size:13px}.secondary-btn{align-self:flex-end;border:1px solid #41424d;background:#24252d;color:#e8e8ed;border-radius:10px;padding:10px 13px;font-weight:700;cursor:pointer;white-space:nowrap}.secondary-btn:hover{background:#30313b}.list-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px;padding-top:19px;border-top:1px solid #ffffff12}.filters{display:flex;gap:5px}.filter{border:1px solid transparent;border-radius:8px;padding:7px 10px;background:transparent;color:#aeb0bb;font-size:12px;cursor:pointer}.filter span{margin-left:5px;color:#777986}.filter.active{color:var(--text);background:#2a2b33;border-color:#3a3b45}.filter.active span{color:var(--accent)}.text-btn,.clear-btn{background:none;border:0;color:#bfc0c9;font-size:12px;cursor:pointer}.text-btn:hover,.clear-btn:hover{color:var(--accent)}.empty-state{min-height:180px;border:1px dashed #3a3b45;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--muted);text-align:center;padding:24px}.empty-state strong{color:#e6e6ec;font-size:14px}.empty-state span{font-size:12px}.empty-icon{display:grid;place-items:center;border-radius:12px;width:42px;height:42px;background:#a6f36a14;color:var(--accent);font-size:25px;margin-bottom:5px}.media-list{display:grid;gap:8px}.media-item{display:flex;align-items:center;gap:12px;border:1px solid #30313b;border-radius:12px;padding:11px;background:#111217}.media-item input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;flex:0 0 auto}.file-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:9px;background:#a6f36a12;color:var(--accent);font-size:18px}.file-meta{min-width:0;flex:1}.file-name{font-size:13px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-url{font-size:11px;color:#888a96;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-kind{font-size:10px;border:1px solid #3b3c46;border-radius:6px;padding:3px 6px;color:#b8bac5}.remove-btn{background:none;border:0;color:#777986;font-size:18px;cursor:pointer;padding:3px 6px}.remove-btn:hover{color:#ff8c8c}.bottom-actions{display:flex;gap:12px;align-items:center;margin-top:18px}.primary-btn{min-height:47px;display:flex;align-items:center;justify-content:center;gap:10px;flex:1;font-size:13px}.primary-btn span{font-size:19px}.primary-btn b{font-size:11px;background:#111b0c24;border-radius:6px;padding:3px 7px}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.clear-btn{padding:10px}.status{font-size:12px;color:var(--muted);margin-top:12px;min-height:18px}.notice{display:flex;gap:13px;padding:19px 21px;margin-top:18px;border:1px solid #34342e;background:#1c1d19;border-radius:14px}.notice-icon{color:var(--accent);font-size:19px}.notice strong{font-size:12px}.notice p{font-size:12px;color:#a9aaa3;margin:5px 0 0;line-height:1.65}footer{text-align:center;color:#686a76;font-size:11px;padding:28px 0 35px}footer span{padding:0 5px;color:var(--accent)}
@media(max-width:600px){.shell{padding:0 14px}.topbar{height:65px}.platform-pill{font-size:10px;padding:6px 9px}.hero{padding:43px 0 27px}h1{letter-spacing:-1.8px}.intro{font-size:14px;max-width:340px}.workspace{padding:17px 13px;border-radius:15px}.panel-heading{gap:8px}.panel-heading p{max-width:260px;line-height:1.5}.bulk-wrap{display:block}.secondary-btn{width:100%;margin-top:8px;min-height:42px}.input-row{gap:6px}.input-row input{min-width:0;padding:12px 10px;font-size:13px}.add-btn{padding:0 11px;font-size:12px}.list-toolbar{align-items:flex-start;gap:6px}.filters{gap:0}.filter{padding:7px 6px;font-size:11px}.text-btn{padding:7px 0}.file-kind{display:none}.bottom-actions{gap:4px}.primary-btn{padding:0 8px;font-size:12px}.clear-btn{font-size:11px;padding:8px 5px}.notice{padding:15px 13px}.notice p{font-size:11px}}
.device-picker{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #3b4534;border-radius:14px;background:linear-gradient(120deg,#1b2618,#191b20);margin:22px 0 10px}
.device-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:13px;background:#a6f36a1b;color:var(--accent);font-size:28px}
.device-copy{min-width:0;flex:1}.device-copy h3{font-size:14px;margin:0 0 3px;letter-spacing:-.2px}.device-copy p{font-size:12px;color:var(--muted);margin:0 0 12px}
.hidden-file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pick-files-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:9px;background:var(--accent);color:#12170e;font-size:12px;font-weight:800;cursor:pointer;margin:0}
.pick-files-btn:hover{background:#b9ff80}.hidden-file-input:focus-visible+.pick-files-btn{outline:2px solid #fff;outline-offset:3px}
.or-divider{display:flex;align-items:center;gap:12px;margin:21px 0 17px;color:#777986;font-size:10px;font-weight:800;letter-spacing:1.4px}
.or-divider:before,.or-divider:after{content:"";height:1px;background:#ffffff16;flex:1}
@media(max-width:600px){.device-picker{align-items:flex-start;gap:12px;padding:14px 12px}.device-icon{width:40px;height:40px;flex-basis:40px;font-size:23px}.device-copy h3{font-size:13px}.device-copy p{font-size:11px;line-height:1.5}.pick-files-btn{width:100%;padding:0 10px}.or-divider{margin:18px 0 14px}}
.page-scanner{border:1px solid #353d4a;background:linear-gradient(135deg,#1c222d,#18191f);padding:18px;border-radius:14px;margin:21px 0 12px}
.scanner-heading{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.scanner-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:11px;background:#a6f36a1b;color:var(--accent);font-size:25px}
.scanner-copy{min-width:0;flex:1}.scanner-copy h3{font-size:14px;margin:0 0 3px}.scanner-copy p{font-size:12px;color:var(--muted);margin:0}
.scanner-row input{min-width:0}.scan-btn{border:0;border-radius:10px;background:var(--accent);color:#12170e;font-weight:800;padding:0 16px;white-space:nowrap;cursor:pointer;min-height:44px}.scan-btn:hover:not(:disabled){background:#b9ff80}.scan-btn:disabled{opacity:.6;cursor:wait}
.page-scanner .hint{line-height:1.6;margin-top:9px}
.file-thumb{width:44px;height:44px;flex:0 0 44px;border-radius:9px;object-fit:cover;background:#24252d;border:1px solid #ffffff12}
@media(max-width:600px){.page-scanner{padding:14px 12px}.scanner-row{align-items:stretch}.scanner-row input{font-size:12px;padding:12px 9px}.scan-btn{font-size:11px;padding:0 10px}.scanner-copy h3{font-size:13px}.scanner-copy p{font-size:11px;line-height:1.5}.file-thumb{width:38px;height:38px;flex-basis:38px}}
.media-preview{position:relative;width:76px;height:54px;flex:0 0 76px;border-radius:9px;overflow:hidden;background:#25262e;border:1px solid #ffffff12}
.media-preview .file-thumb{width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:0}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#090a0bcc;color:#fff;font-size:10px;box-shadow:0 1px 6px #0007}
.preview-missing{display:grid;place-items:center}
@media(max-width:600px){.media-preview{width:58px;height:44px;flex-basis:58px}.video-play{width:21px;height:21px;font-size:9px}}