:root{--bg: #f4f5f9;--card: #ffffff;--card-2: #f9fafc;--text: #0f172a;--muted: #64748b;--border: #e4e7ef;--grid: #eef1f6;--accent: #4f46e5;--accent-2: #7c3aed;--accent-soft: #eef0ff;--good: #059669;--ok: #d97706;--bad: #dc2626;--star: #f59e0b;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .05);--shadow-lg: 0 8px 30px rgba(15, 23, 42, .1);--radius: 14px;--tap: 44px;--bottom-nav: 64px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b0d12;--card: #151821;--card-2: #1a1e29;--text: #e8eaf0;--muted: #94a0b4;--border: #262b38;--grid: #1f2430;--accent: #8b8cff;--accent-2: #a78bfa;--accent-soft: #1f2140;--good: #34d399;--ok: #fbbf24;--bad: #f87171;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 16px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .45);color-scheme:dark}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:15px/1.55 Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;letter-spacing:-.01em}h2{font-size:16px;font-weight:650;margin-bottom:12px}a{color:var(--accent)}code{background:var(--grid);padding:1px 5px;border-radius:5px;font-size:13px}button,input,select,textarea{font:inherit;color:inherit;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 14px}input,select,textarea{min-height:40px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent)}button{cursor:pointer;font-weight:500;transition:background .15s,border-color .15s,transform .05s}button:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border))}button:active{transform:scale(.98)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--accent) 35%,transparent)}button.primary:hover{filter:brightness(1.06)}button.danger{color:var(--bad)}button.link{border:none;background:none;color:var(--accent);padding:0;min-height:0;box-shadow:none}button.link:hover{text-decoration:underline}button:disabled{opacity:.5;cursor:default;transform:none}a.button{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text);font-weight:500;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:8px 14px;font-size:14px}a.button:hover{border-color:var(--accent)}.big-button{font-size:16px;font-weight:600;padding:12px 24px}.big-input{font-size:17px;padding:12px 14px}input[type=color]{padding:3px;height:40px;width:56px}input[type=checkbox]{min-height:0;width:18px;height:18px;accent-color:var(--accent)}textarea{font-family:ui-monospace,monospace;font-size:13px;resize:vertical}input.invalid{border-color:var(--bad)}.app{max-width:1280px;margin:0 auto;padding:0 20px 56px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:18px;padding:14px 0;margin-bottom:14px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(180%) blur(10px);-webkit-backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border)}.logo{display:flex;align-items:center;gap:10px;cursor:pointer;flex:0 0 auto}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;font-size:18px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 3px 10px color-mix(in srgb,var(--accent) 40%,transparent)}.logo-text{font-weight:700;font-size:17px;letter-spacing:-.02em}.topbar nav{flex:1;display:flex;gap:2px;flex-wrap:wrap}.tab{border:none;background:none;color:var(--muted);font-weight:550;padding:8px 12px;border-radius:9px;display:inline-flex;align-items:center;min-height:38px}.tab:hover{background:var(--grid);color:var(--text)}.tab.active{background:var(--accent-soft);color:var(--accent)}.tab-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:6px;border-radius:999px;background:var(--bad);color:#fff;font-size:11px;font-weight:700}.add-btn{font-weight:600;padding:9px 16px;white-space:nowrap}.user-btn{display:flex;align-items:center;gap:8px;border:none;background:none;padding:4px 8px 4px 4px;border-radius:999px}.user-btn:hover,.user-btn.active{background:var(--grid)}.avatar{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:14px}.user-name{font-weight:550;font-size:14px}.brand-bar{display:flex;align-items:center;gap:8px;margin:0 0 20px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.brand-bar::-webkit-scrollbar{display:none}.brand-bar>.muted{flex:0 0 auto}.brand-pill{flex:0 0 auto;border-radius:999px;padding:6px 14px;font-weight:550;font-size:14px;display:inline-flex;align-items:center;min-height:36px;background:var(--card);box-shadow:var(--shadow)}.brand-pill.active{background:var(--bc, var(--text));border-color:var(--bc, var(--text));color:#fff}.brand-pill.active .dot{background:#fff!important}.brand-bar .brand-pill:first-of-type.active{background:var(--text);border-color:var(--text);color:var(--bg)}.brand-bar .link{flex:0 0 auto;white-space:nowrap}.brand-tag{display:inline-block;font-size:11px;font-weight:650;padding:1px 8px;margin-right:6px;border-radius:999px;color:var(--bc);background:color-mix(in srgb,var(--bc) 13%,transparent)}.bottom-nav{display:none}.stack{display:flex;flex-direction:column;gap:18px}.stack-sm{display:flex;flex-direction:column;gap:10px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;min-width:0;box-shadow:var(--shadow)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.card-head h2{margin:0}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.row-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}.title{font-size:24px;font-weight:700;margin:0;letter-spacing:-.02em}.subtitle{color:var(--muted);margin:4px 0 0}.left{align-self:flex-start}.center{text-align:center}.clickable{cursor:pointer}.kpi-label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:26px;font-weight:700;margin:4px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kpi-sub{color:var(--muted);font-size:13px}.big{font-size:34px;font-weight:750;letter-spacing:-.03em}.muted{color:var(--muted)}.small{font-size:13px}.strong{font-weight:600}.text-good{color:var(--good)}.text-bad{color:var(--bad)}.wrap{white-space:normal;max-width:360px}.truncate{max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate button{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;flex:0 0 auto}.danger-text{color:var(--bad)!important}.stars{position:relative;display:inline-block;font-size:18px;line-height:1;letter-spacing:2px}.stars-bg{color:var(--border)}.stars-fg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;white-space:nowrap;color:var(--star)}.badge{display:inline-block;min-width:48px;text-align:center;padding:3px 9px;border-radius:999px;font-weight:650;font-size:13px;background:var(--grid)}.badge.good{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.badge.ok{color:var(--ok);background:color-mix(in srgb,var(--ok) 12%,transparent)}.badge.bad{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:650;background:var(--grid);color:var(--muted)}.pill.ok{color:var(--good);background:color-mix(in srgb,var(--good) 12%,transparent)}.pill.blocked,.pill.error,.pill.parse_error{color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.pill.new{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad);margin-left:6px}.muted .pill{margin-left:6px}.optional-tag{font-weight:450;font-size:12px;color:var(--muted);background:var(--grid);padding:2px 9px;border-radius:999px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:8px;border-radius:999px}.table-wrap{overflow-x:auto;margin:0 -4px;padding:0 4px}table{width:100%;border-collapse:collapse}th,td{padding:12px 10px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none}tbody tr:last-child td{border-bottom:none}.num{text-align:right}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--card-2)}tr.carried td{opacity:.55}.form{display:flex;flex-direction:column;gap:12px}.form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:550;color:var(--muted);flex:1}.form label input,.form label select{color:var(--text);font-weight:400}.form .row{display:flex;gap:12px;flex-wrap:wrap}.form label.narrow{flex:0 0 80px}.form label.radio{flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;color:var(--text);font-size:14px}.flash{white-space:pre-wrap;cursor:pointer;border-radius:10px;padding:10px 14px}.flash.ok{border:1px solid color-mix(in srgb,var(--good) 40%,transparent);color:var(--good);background:color-mix(in srgb,var(--good) 8%,transparent)}.flash.err,.error{border:1px solid color-mix(in srgb,var(--bad) 40%,transparent);color:var(--bad);background:color-mix(in srgb,var(--bad) 7%,transparent)}.note{border-left:4px solid var(--ok)}.empty{text-align:center;padding:48px 16px}.spinner{display:inline-block;width:12px;height:12px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-1px;margin-right:5px}@keyframes spin{to{transform:rotate(360deg)}}.progress{height:6px;background:var(--grid);border-radius:999px;overflow:hidden;margin:8px 0}.progress div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s}.greeting h1{font-size:26px;font-weight:750;letter-spacing:-.02em}.greeting p{margin:4px 0 0;color:var(--muted)}.global-strip{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:linear-gradient(135deg,var(--card),color-mix(in srgb,var(--accent) 6%,var(--card)))}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.platform-card{text-align:left;display:flex;flex-direction:column;gap:8px;padding:18px;border-top:4px solid var(--pc);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s}.platform-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:var(--border);border-top-color:var(--pc)}.platform-name{font-size:17px;font-weight:700;color:var(--pc)}.platform-rating{display:flex;align-items:center;gap:10px;min-height:42px}.platform-meta{display:flex;gap:16px;color:var(--muted);font-size:13px}.platform-foot{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--border);padding-top:8px;margin-top:auto}.platform-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:4px solid var(--pc)}.mini-chart{flex:1 1 280px;max-width:480px}.welcome{max-width:640px;margin:24px auto;padding:36px}.welcome h2{font-size:22px;margin-bottom:16px}.welcome ol{padding-left:20px;line-height:1.9;margin:0 0 24px}.alert-banner{border-left:5px solid var(--bad);background:linear-gradient(90deg,color-mix(in srgb,var(--bad) 6%,var(--card)),var(--card))}.alert-banner h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--bad)}.alert-ok{border-left:5px solid var(--good);color:var(--good)}.alert-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.alert-chip{display:flex;align-items:center;gap:8px;text-align:left;min-width:0;min-height:var(--tap);background:var(--card)}.alert-chip .truncate{flex:1;max-width:none}.listing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;align-items:start}.listing{display:flex;flex-direction:column;gap:6px}.histogram{display:flex;flex-direction:column;gap:4px;margin:6px 0;font-size:12px}.hist-row{display:grid;grid-template-columns:28px 1fr 38px;gap:8px;align-items:center}.hist-bar{height:8px;background:var(--grid);border-radius:4px;overflow:hidden}.hist-bar div{height:100%;background:var(--star);border-radius:4px}.hist-bar div.low{background:var(--bad)}.review{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--card-2)}.review.negative{border-left:4px solid var(--bad)}.review p{margin:6px 0;white-space:pre-wrap}.review-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.review .stars{font-size:14px}.add-product{max-width:820px}.step{display:flex;align-items:center;gap:10px;font-weight:650;font-size:16px;flex-wrap:wrap}.step-num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:13px}.platform-rows{display:flex;flex-direction:column;gap:10px}.platform-row{display:grid;grid-template-columns:130px 1fr auto;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-left:4px solid var(--pc);border-radius:12px;background:var(--card-2)}.platform-row.ok{background:color-mix(in srgb,var(--good) 8%,var(--card))}.platform-row.error{background:color-mix(in srgb,var(--bad) 7%,var(--card))}.platform-row-name{font-weight:650;display:flex;align-items:center;gap:6px;padding-top:9px;flex-wrap:wrap}.platform-row-fields{display:flex;flex-direction:column;gap:6px;min-width:0}.platform-row-fields input{width:100%}.platform-row>.link{padding-top:11px}.manual-fields{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.manual-fields input{width:160px!important}.done-card{border-color:color-mix(in srgb,var(--good) 50%,var(--border))}.done-card h2{font-size:18px}.role-list{margin:0;padding-left:20px;line-height:1.9}.login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--card)}.login-hero{position:relative;overflow:hidden;color:#fff;padding:56px 56px 40px;display:flex;flex-direction:column;justify-content:space-between;gap:40px;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.16),transparent 40%),radial-gradient(circle at 85% 80%,rgba(255,255,255,.1),transparent 45%),linear-gradient(140deg,#312e81,#4f46e5 45%,#7c3aed)}.login-hero .logo-mark{background:#ffffff2e;box-shadow:none;width:40px;height:40px;font-size:20px}.login-hero .logo-text{font-size:19px}.login-hero h1{font-size:38px;line-height:1.15;font-weight:750;letter-spacing:-.03em;max-width:460px}.login-hero .lead{font-size:16px;opacity:.85;max-width:440px;margin:14px 0 0}.login-features{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:14px;max-width:440px}.login-features li{display:flex;gap:12px;align-items:flex-start;font-size:15px}.login-features .ico{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#ffffff29;font-size:15px}.login-features b{display:block}.login-features span.d{opacity:.78;font-size:14px}.login-platforms{display:flex;flex-wrap:wrap;gap:8px}.login-platforms span{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:550;background:#ffffff24;border:1px solid rgba(255,255,255,.2)}.login-panel{display:grid;place-items:center;padding:40px 24px;background:var(--bg)}.login-form{width:100%;max-width:400px;display:flex;flex-direction:column;gap:16px}.login-form h2{font-size:26px;font-weight:750;margin:0;letter-spacing:-.02em}.login-form .subtitle{margin:-8px 0 6px}.login-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}.login-form input{min-height:48px;font-size:16px;padding:10px 14px}.pw-field{position:relative;display:flex}.pw-field input{flex:1;padding-right:72px}.pw-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:none;color:var(--muted);font-size:13px;font-weight:600;padding:6px 10px;min-height:0}.pw-toggle:hover{color:var(--text);background:var(--grid)}.login-form button.primary{min-height:50px;font-size:16px;font-weight:650}.login-help{font-size:13px;color:var(--muted);text-align:center}.login-foot{font-size:12px;opacity:.7}.caps-warn{font-size:12px;color:var(--ok);font-weight:500}@media(max-width:1080px){.topbar{flex-wrap:wrap;row-gap:10px}.topbar nav{order:3;flex-basis:100%}.add-btn{margin-left:auto}}@media(max-width:900px){.login-page{grid-template-columns:1fr}.login-hero{padding:32px 24px 28px;gap:18px}.login-hero h1{font-size:26px}.login-hero .lead{font-size:15px}.login-features,.login-foot{display:none}.login-panel{align-items:start;padding:28px 20px 40px}}@media(max-width:720px){body{font-size:15px}.app{padding:0 14px calc(var(--bottom-nav) + 24px + env(safe-area-inset-bottom))}.topbar{padding:10px 0;margin-bottom:10px;gap:10px;flex-wrap:nowrap}.topbar nav,.topbar .add-btn,.user-name{display:none}.logo-text{font-size:16px}.user-btn{margin-left:auto}.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(var(--bottom-nav) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:color-mix(in srgb,var(--card) 92%,transparent);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-top:1px solid var(--border)}.bottom-nav button{position:relative;border:none;background:none;border-radius:0;padding:6px 0 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:11px;font-weight:600;min-height:var(--bottom-nav)}.bottom-nav button .ico{font-size:20px;line-height:1}.bottom-nav button.active{color:var(--accent)}.bottom-nav .fab .ico{display:grid;place-items:center;width:46px;height:46px;margin-top:-18px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:26px;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 45%,transparent)}.bottom-nav .tab-badge{position:absolute;top:4px;left:calc(50% + 6px);margin:0}.card{padding:14px;border-radius:12px}.title{font-size:21px}.greeting h1{font-size:22px}.big{font-size:30px}.grid-2{grid-template-columns:1fr}.kpis{grid-template-columns:1fr 1fr;gap:10px}.kpi-value{font-size:21px}.platform-grid{grid-template-columns:1fr 1fr;gap:10px}.platform-card{padding:14px;gap:6px}.platform-card .stars{font-size:13px;letter-spacing:1px}.platform-card .big{font-size:26px}.platform-meta{flex-direction:column;gap:0;font-size:12px}.platform-name{font-size:15px}.alert-chips{grid-template-columns:1fr}.welcome{padding:22px;margin:8px 0}.platform-row{grid-template-columns:1fr;gap:6px}.platform-row-name{padding-top:0}.manual-fields input{width:100%!important}button,a.button{min-height:var(--tap)}button.link{min-height:0}input,select{min-height:var(--tap);font-size:16px}.truncate{max-width:100%}table.responsive thead{display:none}table.responsive,table.responsive tbody,table.responsive tr,table.responsive td{display:block;width:100%}table.responsive tr{border:1px solid var(--border);border-radius:12px;padding:10px 12px;margin-bottom:10px;background:var(--card-2)}table.responsive td{border:none;padding:5px 0;white-space:normal;text-align:right;display:flex;justify-content:space-between;align-items:center;gap:12px}table.responsive td:before{content:attr(data-label);color:var(--muted);font-size:12px;font-weight:600;text-align:left;flex:0 0 auto}table.responsive td.cell-main{display:block;text-align:left;padding-bottom:8px;border-bottom:1px solid var(--border);margin-bottom:4px}table.responsive td.cell-main:before{content:none}table.responsive td:empty,table.responsive td.hide-sm{display:none}table.responsive tr.clickable:hover td{background:none}.table-wrap:has(table.responsive){overflow:visible;margin:0;padding:0}}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.shortcut-list button{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;text-align:left;padding:12px 14px;background:var(--card-2)}.shortcut-list button span{grid-row:span 2;font-size:18px;color:var(--accent)}.shortcut-list small{color:var(--muted);font-weight:400;font-size:12px}.bsr-badge{display:inline-flex;align-items:baseline;gap:2px;padding:3px 10px;border-radius:999px;font-weight:650;font-size:13px;background:var(--grid);color:var(--text);white-space:nowrap}.bsr-badge .bsr-cat{font-weight:500;color:var(--muted)}.bsr-badge.top100{background:color-mix(in srgb,var(--good) 13%,transparent);color:var(--good)}.bsr-badge.top10,.bsr-badge.top1{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#78350f;box-shadow:0 1px 4px #f59e0b59}.bsr-badge.top100 .bsr-cat,.bsr-badge.top10 .bsr-cat,.bsr-badge.top1 .bsr-cat{color:inherit;opacity:.8}.bsr-main{color:var(--muted);font-size:12px}.bsr-highlight{display:flex;flex-direction:column;gap:2px;padding:8px 10px;margin-top:2px;border-radius:10px;background:color-mix(in srgb,#f59e0b 10%,transparent);font-size:12px}.bsr-highlight b{font-size:13px}.bsr-list{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center;min-height:130px;padding:18px;border:2px dashed var(--border);border-radius:12px;cursor:pointer;background:var(--card-2);transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:color-mix(in srgb,var(--good) 50%,var(--border))}.dz-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:700}.dropzone.has-file .dz-icon{background:color-mix(in srgb,var(--good) 14%,transparent);color:var(--good)}.dz-title{font-weight:650}.map-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.map-grid label{min-width:0}.map-grid select{width:100%}select.invalid{border-color:var(--bad)}tr.total-row td{background:var(--accent-soft);border-top:2px solid var(--border)}@media(max-width:720px){.map-grid{grid-template-columns:1fr}}.seg{display:inline-flex;padding:3px;border-radius:11px;background:var(--grid);gap:2px}.seg button{border:none;background:none;padding:6px 14px;border-radius:8px;font-weight:600;color:var(--muted);min-height:34px}.seg button.active{background:var(--card);color:var(--text);box-shadow:var(--shadow)}.save-panel{border-left:4px solid var(--accent)}.save-panel .row label{min-width:150px}.link-text{color:var(--accent);font-weight:600;cursor:pointer}.link-text:hover{text-decoration:underline}.via-grid{display:flex;flex-direction:column;gap:8px}.via-row{display:grid;grid-template-columns:110px 80px auto;align-items:center;gap:10px}.checker-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-2)}.status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.status-dot.good{background:var(--good);box-shadow:0 0 0 3px color-mix(in srgb,var(--good) 25%,transparent)}.status-dot.bad{background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent)}.key-box{padding:14px;border-radius:12px;border:1px dashed var(--accent);background:var(--accent-soft)}.key-text{word-break:break-all;font-size:13px;padding:6px 10px;background:var(--card);border-radius:8px;flex:1;min-width:0}.pill.via-pc{margin-left:6px;background:var(--accent-soft);color:var(--accent)}.pill.queued{color:var(--accent);background:var(--accent-soft)}@media(max-width:720px){.via-row{grid-template-columns:1fr auto}.via-row .muted{display:none}}