:root {
  --navy-950: #08182e;
  --navy-900: #0b203d;
  --navy-800: #12315a;
  --blue-600: #2764e7;
  --blue-500: #3b82f6;
  --blue-100: #e8f0ff;
  --cyan: #31c5dc;
  --ink: #14233a;
  --muted: #68758a;
  --line: #e5eaf1;
  --surface: #ffffff;
  --background: #f4f6f9;
  --green: #13a673;
  --green-bg: #e8f8f2;
  --orange: #e8882e;
  --orange-bg: #fff4e7;
  --red: #d94b55;
  --shadow: 0 8px 30px rgba(20, 35, 58, .06);
  --radius: 14px;
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--background); font: 14px/1.5 Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(39,100,231,.2); outline-offset: 2px; }
.app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; display: flex; flex-direction: column; width: 244px; padding: 24px 16px 18px; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #355376 transparent; scrollbar-width: thin; color: #d5dfed; background: linear-gradient(180deg, var(--navy-950), #0c2242 70%, #0a1d37); }
.sidebar::-webkit-scrollbar { width: 5px; }
.sidebar::-webkit-scrollbar-track { background: transparent; }
.sidebar::-webkit-scrollbar-thumb { border-radius: 5px; background: #355376; }
.sidebar::-webkit-scrollbar-thumb:hover { background: #496d98; }
.brand { display: flex; flex: 0 0 auto; align-items: center; gap: 11px; min-height: 44px; padding: 0 8px; color: #fff; text-decoration: none; }
.brand-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; color: white; background: linear-gradient(145deg, #3578f5, #27b9d2); font-size: 20px; font-weight: 800; box-shadow: 0 8px 22px rgba(39,100,231,.35); }
.brand strong, .brand small { display: block; letter-spacing: .04em; }
.brand strong { font-size: 14px; }
.brand small { margin-top: 1px; color: #8195b2; font-size: 8px; letter-spacing: .14em; }
.nav-groups { flex: 1 0 auto; margin-top: 30px; }
.nav-group { margin-bottom: 25px; }
.nav-label { margin: 0 10px 8px; color: #7085a2; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
.nav-item { position: relative; display: flex; align-items: center; width: 100%; height: 42px; margin: 3px 0; padding: 0 11px; border: 0; border-radius: 9px; color: #aebdd1; background: transparent; text-align: left; transition: .2s; }
.nav-item:hover { color: white; background: rgba(255,255,255,.06); }
.nav-item.active { color: white; background: linear-gradient(90deg, rgba(53,120,245,.34), rgba(53,120,245,.12)); box-shadow: inset 3px 0 #4d8afd; }
.nav-icon { width: 28px; color: #7f96b6; font-size: 18px; }
.nav-item.active .nav-icon { color: #69a0ff; }
.nav-item em { margin-left: auto; padding: 1px 7px; border-radius: 20px; color: #a9c6ff; background: rgba(53,120,245,.25); font-size: 10px; font-style: normal; }
.nav-item i { margin-left: auto; padding: 1px 5px; border: 1px solid #49617e; border-radius: 4px; color: #7187a3; font-size: 8px; font-style: normal; }
.nav-muted .nav-item { opacity: .72; }
.sidebar-card { margin: auto 5px 18px; padding: 14px; border: 1px solid rgba(92,139,203,.2); border-radius: 10px; background: rgba(39,100,231,.1); }
.sidebar-card span, .sidebar-card small { display: block; color: #7f94b0; font-size: 10px; }
.sidebar-card strong { display: block; margin: 4px 0 9px; color: #e1ebf8; font-size: 12px; }
.mini-progress { height: 4px; margin-bottom: 7px; overflow: hidden; border-radius: 4px; background: #243b5b; }
.mini-progress i { display: block; width: 86%; height: 100%; background: linear-gradient(90deg, #3979f1, #31c5dc); }
.sidebar-user { display: flex; align-items: center; gap: 9px; width: 100%; padding: 11px 8px 0; border: 0; border-top: 1px solid rgba(255,255,255,.08); color: #d7e1ef; background: transparent; text-align: left; }
.avatar { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; color: #d9e7ff; background: #26466e; font-weight: 700; }
.sidebar-user strong, .sidebar-user small { display: block; font-size: 11px; }
.sidebar-user small { color: #6f86a4; font-size: 9px; }
.sidebar-user b { margin-left: auto; }
.main-shell { min-height: 100vh; margin-left: 244px; }
.topbar { position: sticky; top: 0; z-index: 20; display: flex; align-items: center; justify-content: space-between; height: 66px; padding: 0 32px; border-bottom: 1px solid var(--line); background: rgba(255,255,255,.92); backdrop-filter: blur(14px); }
.menu-toggle { display: none; border: 0; background: transparent; font-size: 20px; }
.global-search { display: flex; align-items: center; width: min(390px, 45vw); height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 9px; background: #f8fafc; }
.global-search span { color: #8d99ab; font-size: 20px; }
.global-search input { min-width: 0; flex: 1; padding: 0 9px; border: 0; outline: 0; color: var(--ink); background: transparent; }
kbd { padding: 2px 6px; border: 1px solid #dde3eb; border-radius: 5px; color: #8c98a9; background: white; font: 10px inherit; }
.top-actions { display: flex; align-items: center; gap: 10px; }
.demo-badge { padding: 4px 9px; border: 1px solid #cfe0ff; border-radius: 20px; color: var(--blue-600); background: #f0f5ff; font-size: 10px; font-weight: 700; }
.icon-button, .help-button { position: relative; display: grid; place-items: center; width: 33px; height: 33px; border: 1px solid var(--line); border-radius: 8px; color: #67758a; background: white; }
.icon-button i { position: absolute; top: 6px; right: 7px; width: 5px; height: 5px; border: 1px solid white; border-radius: 50%; background: var(--red); }
.content-shell { max-width: 1500px; margin: 0 auto; padding: 28px 32px 45px; }
.view { display: none; animation: fade-in .28s ease; }
.view.active { display: block; }
@keyframes fade-in { from { opacity: 0; transform: translateY(4px); } }
.page-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 25px; }
.page-head.compact { align-items: center; }
.page-head h1 { margin: 2px 0 4px; color: #11233d; font-size: 27px; line-height: 1.25; letter-spacing: -.02em; }
.page-head h1 span { font-size: 22px; }
.page-head p { margin: 0; color: var(--muted); }
.page-head p strong { color: var(--blue-600); }
.eyebrow { color: var(--blue-600) !important; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.head-actions { display: flex; gap: 9px; }
.button { min-height: 37px; padding: 0 15px; border: 1px solid transparent; border-radius: 8px; font-weight: 650; transition: .2s; }
.button:hover { transform: translateY(-1px); box-shadow: 0 6px 15px rgba(20,35,58,.1); }
.button:disabled { cursor: not-allowed; opacity: .6; transform: none; }
.button.primary { color: white; background: var(--blue-600); }
.button.secondary { border-color: var(--line); color: #41516a; background: white; }
.button.light { color: var(--blue-600); background: white; }
.text-button { padding: 0 8px; border: 0; color: #c3d9ff; background: transparent; }
.insight-hero { position: relative; display: flex; min-height: 230px; margin-bottom: 28px; overflow: hidden; border-radius: 17px; color: white; background: radial-gradient(circle at 80% 45%, #164d89 0, #102f58 24%, transparent 48%), linear-gradient(110deg, #0d2546, #123866); box-shadow: 0 15px 40px rgba(10,32,61,.16); }
.insight-hero::before { position: absolute; inset: 0; content: ""; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.2) 1px, transparent 1px); background-size: 36px 36px; mask-image: linear-gradient(90deg, transparent, #000); }
.hero-copy { z-index: 1; width: 58%; padding: 30px 35px; }
.pill { display: inline-flex; align-items: center; padding: 3px 8px; border-radius: 20px; font-size: 9px; font-weight: 750; }
.pill.cyan { color: #baf6ff; background: rgba(49,197,220,.15); }
.hero-copy h2 { margin: 11px 0 8px; font-size: 28px; line-height: 1.28; }
.hero-copy h2 em { color: #63d9ea; font-style: normal; }
.hero-copy p { max-width: 600px; margin: 0; color: #aebfd5; font-size: 13px; }
.hero-actions { display: flex; gap: 10px; margin-top: 20px; }
.signal-orbit { position: relative; flex: 1; min-width: 360px; }
.orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(104,189,255,.22); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-1 { width: 140px; height: 140px; }
.orbit-2 { width: 230px; height: 230px; }
.orbit-3 { width: 320px; height: 320px; }
.orbit-core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 108px; height: 108px; border: 1px solid rgba(107,204,255,.4); border-radius: 50%; background: radial-gradient(circle, rgba(35,112,188,.88), rgba(14,47,86,.85)); transform: translate(-50%,-50%); box-shadow: 0 0 35px rgba(53,153,245,.28); }
.orbit-core small, .orbit-core strong, .orbit-core i { display: block; line-height: 1.1; }
.orbit-core small { color: #a4bad2; font-size: 9px; }
.orbit-core strong { font-size: 31px; }
.orbit-core i { color: #64dfc2; font-size: 9px; font-style: normal; }
.orbit-tag { position: absolute; padding: 6px 10px; border: 1px solid rgba(102,180,245,.25); border-radius: 7px; color: #9db3ce; background: rgba(7,31,59,.75); font-size: 9px; }
.orbit-tag b { margin-left: 4px; color: #65e0c0; }
.tag-one { top: 32px; left: 34%; }.tag-two { right: 15%; bottom: 35px; }.tag-three { top: 45%; right: 7%; }
.section-heading { display: flex; align-items: center; justify-content: space-between; margin: 0 2px 13px; }
.section-heading h2 { margin: 0; font-size: 17px; }
.section-heading p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.updated { color: #8090a5; font-size: 9px; }
.updated::first-letter { color: var(--green); }
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 16px; }
.kpi-card { position: relative; min-height: 145px; overflow: hidden; padding: 18px; border: 1px solid var(--line); border-radius: var(--radius); color: var(--ink); background: var(--surface); box-shadow: var(--shadow); text-align: left; transition: .2s; }
.kpi-card:hover { transform: translateY(-2px); border-color: #cbdafa; box-shadow: 0 12px 32px rgba(20,35,58,.1); }
.kpi-icon { float: left; display: grid; place-items: center; width: 31px; height: 31px; margin-right: 10px; border-radius: 8px; font-size: 16px; }
.kpi-icon.blue, .metric-symbol.blue { color: var(--blue-600); background: #edf3ff; }.kpi-icon.purple, .metric-symbol.purple { color: #8058d4; background: #f2edff; }.kpi-icon.green, .metric-symbol.green { color: var(--green); background: var(--green-bg); }.kpi-icon.orange, .metric-symbol.orange { color: var(--orange); background: var(--orange-bg); }
.kpi-title { display: flex; align-items: center; height: 31px; color: #617086; font-size: 10px; font-weight: 700; }
.kpi-title i { margin-left: 6px; padding: 1px 5px; border-radius: 5px; color: var(--green); background: var(--green-bg); font-size: 8px; font-style: normal; }.kpi-title i.warn { color: var(--orange); background: var(--orange-bg); }
.kpi-card > strong { display: inline-block; margin-top: 12px; font-size: 27px; line-height: 1; }.kpi-card > strong small { font-size: 11px; }
.kpi-trend { margin-left: 7px; font-size: 9px; font-weight: 750; }.kpi-trend.up { color: var(--green); }.kpi-trend.warning { color: var(--orange); }
.kpi-card > p { margin: 7px 0 0; color: var(--muted); font-size: 9px; }
.sparkline { position: absolute; right: 15px; bottom: 14px; width: 80px; height: 35px; opacity: .6; clip-path: polygon(0 75%, 14% 60%, 27% 70%, 41% 39%, 56% 54%, 70% 19%, 84% 28%, 100% 0, 100% 100%, 0 100%); }.sparkline.blue-line { background: linear-gradient(#76a5ff, transparent); }.sparkline.green-line { background: linear-gradient(#56d6ad, transparent); }
.spark-bars { position: absolute; right: 15px; bottom: 14px; display: flex; align-items: end; gap: 4px; height: 35px; }.spark-bars i { width: 7px; border-radius: 2px 2px 0 0; background: #a890df; }.spark-bars i:nth-child(1){height:30%}.spark-bars i:nth-child(2){height:45%}.spark-bars i:nth-child(3){height:40%}.spark-bars i:nth-child(4){height:68%}.spark-bars i:nth-child(5){height:57%}.spark-bars i:nth-child(6){height:90%}
.risk-meter { position: absolute; right: 16px; bottom: 20px; width: 65px; height: 5px; border-radius: 5px; background: #f5e9dc; }.risk-meter i { display: block; width: 62%; height: 100%; border-radius: inherit; background: var(--orange); }
.dashboard-grid { display: grid; grid-template-columns: 1.42fr 1fr; gap: 16px; }
.card { border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow); }
.card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 15px; }
.card-head h3 { margin: 0; font-size: 14px; }.card-head p { margin: 2px 0 0; color: var(--muted); font-size: 9px; }.card-head select, .select-control, .filters select { padding: 7px 28px 7px 9px; border: 1px solid var(--line); border-radius: 7px; color: #536177; background: white; font-size: 10px; }
.market-chart-card, .recommendation-card { min-height: 337px; padding: 19px; }
.chart-legend { display: flex; justify-content: flex-end; gap: 15px; color: var(--muted); font-size: 9px; }.chart-legend span { display: flex; align-items: center; gap: 5px; }.chart-legend i { width: 14px; height: 2px; }.legend-blue { background: var(--blue-600); }.legend-gray { background: #a9b4c2; }
.line-chart { position: relative; height: 235px; margin-top: 4px; padding: 0 10px 20px 30px; }.line-chart svg { position: absolute; inset: 4px 8px 25px 27px; width: calc(100% - 35px); height: calc(100% - 29px); overflow: visible; }.line { fill: none; stroke-width: 2.2; vector-effect: non-scaling-stroke; }.primary-line { stroke: var(--blue-600); }.secondary-line { stroke: #aeb8c6; stroke-dasharray: 5 4; }.area { fill: url(#area); }.grid-line { position: absolute; right: 8px; left: 27px; border-top: 1px dashed #edf0f4; }.l1{top:28px}.l2{top:94px}.l3{top:160px}.y-label { position: absolute; left: 0; color: #9ba7b6; font-size: 8px; }.y1{top:20px}.y2{top:86px}.y3{top:152px}.x-labels { position: absolute; right: 8px; bottom: 0; left: 27px; display: flex; justify-content: space-between; color: #96a2b3; font-size: 8px; }
.chart-tip { position: absolute; top: 35px; right: 5px; z-index: 2; padding: 7px 9px; border: 1px solid var(--line); border-radius: 7px; background: white; box-shadow: var(--shadow); }.chart-tip small,.chart-tip strong,.chart-tip span{display:block}.chart-tip small{color:var(--muted);font-size:7px}.chart-tip strong{font-size:15px}.chart-tip span{color:var(--green);font-size:8px}
.more-button { border: 0; color: var(--muted); background: transparent; }
.recommendation-list { margin-top: 11px; }.recommendation { display: grid; grid-template-columns: 31px 1fr 15px; align-items: center; gap: 9px; width: 100%; padding: 12px 0; border: 0; border-bottom: 1px solid #edf0f4; color: var(--ink); background: transparent; text-align: left; }.rec-rank { display: grid; place-items: center; width: 29px; height: 29px; border-radius: 8px; font-size: 9px; font-weight: 800; }.rec-rank.high{color:#dc684c;background:#fff0eb}.rec-rank.mid{color:#7756cf;background:#f1edff}.rec-rank.low{color:var(--blue-600);background:#edf3ff}.recommendation strong,.recommendation small,.recommendation em{display:block}.recommendation strong{font-size:10px}.recommendation small{margin:2px 0;color:var(--muted);font-size:8px}.recommendation em{color:#9aa5b4;font-size:7px;font-style:normal}.recommendation em i{margin-right:5px;color:var(--red);font-style:normal}.recommendation em i.medium{color:var(--orange)}.recommendation>b{color:#9eabba}.all-link { width: 100%; margin-top: 8px; border: 0; color: var(--blue-600); background: transparent; font-size: 9px; font-weight: 700; }
.subnav { display: flex; gap: 5px; margin-bottom: 18px; padding: 4px; border: 1px solid var(--line); border-radius: 10px; background: white; width: fit-content; }.intel-tab { min-width: 105px; padding: 8px 13px; border: 0; border-radius: 7px; color: var(--muted); background: transparent; font-size: 10px; font-weight: 700; }.intel-tab.active { color: var(--blue-600); background: var(--blue-100); }
.intel-panel { display: none; }.intel-panel.active { display: block; animation: fade-in .25s ease; }
.search-panel { position: relative; display: flex; align-items: center; min-height: 58px; margin-bottom: 16px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: white; }.search-mark { margin: 0 8px; color: #95a2b3; font-size: 20px; }.search-panel>input { min-width: 250px; flex: 1; border: 0; outline: 0; font-weight: 650; }.quick-brands { position: absolute; bottom: -26px; left: 12px; display: flex; gap: 5px; color: #98a4b4; font-size: 8px; }.quick-brands button { padding: 0; border: 0; color: #78879b; background: transparent; font-size: inherit; }
.brand-summary { display: grid; grid-template-columns: 80px 1fr; margin-top: 38px; padding: 20px; }.brand-logo { grid-row: span 2; display: grid; place-items: center; width: 64px; height: 64px; border: 1px solid #dce3ec; border-radius: 13px; color: #b52e38; font: 800 19px Georgia,serif; }.brand-logo span { color: #1c3e70; }.brand-main { display: flex; align-items: center; justify-content: space-between; }.brand-main h2 { display: inline; margin: 0 8px 0 0; font: 700 17px Georgia,serif; }.brand-main p { margin: 3px 0 0; color: var(--muted); font-size: 9px; }.pill.verified { color: var(--green); background: var(--green-bg); vertical-align: 2px; }.watch-button { padding: 7px 10px; border: 1px solid #bfe7d7; border-radius: 7px; color: var(--green); background: var(--green-bg); font-size: 9px; }.brand-meta { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--line); }.brand-meta span { padding-left: 14px; border-left: 1px solid var(--line); }.brand-meta span:first-child { padding-left: 0; border: 0; }.brand-meta small,.brand-meta strong{display:block}.brand-meta small{color:var(--muted);font-size:8px}.brand-meta strong{margin-top:3px;font-size:10px}
.metric-strip { display: grid; grid-template-columns: repeat(4, 1fr); margin: 14px 0; border: 1px solid var(--line); border-radius: var(--radius); background: white; box-shadow: var(--shadow); }.metric-strip>div { position: relative; min-height: 98px; padding: 17px 17px 13px 57px; border-right: 1px solid var(--line); }.metric-strip>div:last-child{border:0}.metric-symbol { position:absolute;left:16px;top:18px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;font-weight:800}.metric-strip p{margin:0;color:var(--muted);font-size:8px}.metric-strip strong{display:block;margin:4px 0 2px;font-size:20px}.metric-strip strong small{font-size:9px}.metric-strip em{color:var(--green);font-size:8px;font-style:normal}
.intel-grid { display:grid;grid-template-columns:1.1fr .9fr;gap:14px}.intel-grid>.card{padding:18px}.ai-finding{grid-column:1/-1;display:flex;align-items:center;gap:18px;color:white;background:linear-gradient(110deg,#0f2b51,#153f70)}.ai-glow{display:grid;place-items:center;flex:0 0 50px;height:50px;border-radius:14px;color:#8ee8f4;background:rgba(49,197,220,.13);font-size:24px}.ai-finding h3{margin:8px 0 4px}.ai-finding p{margin:0;color:#aebed1;font-size:9px}.finding-tags{display:flex;gap:6px;margin:11px 0}.finding-tags span{padding:4px 8px;border-radius:5px;background:rgba(255,255,255,.08);color:#cbd8e7;font-size:8px}.ai-finding .button{position:absolute;right:54px;margin-top:-43px}.bar-chart{display:flex;align-items:end;gap:7%;height:155px;padding:20px 10px 0;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 39px,#f2f4f7 40px)}.bar-chart>div{position:relative;display:flex;flex:1;align-items:end;height:100%}.bar-chart i{display:block;width:100%;height:var(--h);border-radius:4px 4px 0 0;background:#b9cef7}.bar-chart .active i{background:linear-gradient(#4180f0,#2863dc)}.bar-chart span{position:absolute;bottom:-19px;width:100%;color:var(--muted);font-size:8px;text-align:center}.bar-chart b{position:absolute;bottom:calc(var(--h) + 2px);width:100%;color:var(--blue-600);font-size:8px;text-align:center}.donut-wrap{display:flex;align-items:center;justify-content:center;gap:30px;height:168px}.donut{display:grid;place-items:center;width:115px;height:115px;border-radius:50%;background:conic-gradient(var(--blue-600) 0 52%,#65bdd4 52% 76%,#8770d3 76% 90%,#dce3ed 90%)}.donut:before{position:absolute;width:73px;height:73px;border-radius:50%;background:white;content:""}.donut span{z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut strong{font-size:19px}.donut small{color:var(--muted);font-size:8px}.donut-wrap ul{width:145px;padding:0;list-style:none}.donut-wrap li{display:flex;align-items:center;gap:7px;margin:8px 0;font-size:8px}.donut-wrap li i{width:7px;height:7px;border-radius:2px}.donut-wrap li span{flex:1;color:var(--muted)}.donut-wrap .c1{background:var(--blue-600)}.donut-wrap .c2{background:#65bdd4}.donut-wrap .c3{background:#8770d3}.donut-wrap .c4{background:#dce3ed}
.analysis-layout{display:grid;grid-template-columns:370px 1fr;gap:16px}.upload-card,.analysis-card{min-height:550px;padding:22px}.step-number{display:grid;place-items:center;float:left;width:28px;height:28px;margin-right:9px;border-radius:7px;color:var(--blue-600);background:var(--blue-100);font-size:9px;font-weight:800}.field-label{display:block;margin:24px 0 7px;color:#526178;font-size:9px;font-weight:750}.link-input{display:flex;align-items:center;height:39px;padding:0 11px;border:1px solid var(--line);border-radius:8px}.link-input span{color:#8c99aa}.link-input input{min-width:0;flex:1;padding-left:8px;border:0;outline:0;font-size:9px}.divider{display:flex;align-items:center;gap:9px;margin:15px 0;color:#a1acba;font-size:8px}.divider:before,.divider:after{flex:1;border-top:1px solid var(--line);content:""}.upload-zone{display:grid;place-items:center;min-height:125px;border:1px dashed #b9c9df;border-radius:10px;background:#f8faff;cursor:pointer}.upload-zone:hover{border-color:var(--blue-500);background:#f1f6ff}.upload-zone input{display:none}.upload-zone strong{font-size:10px}.upload-zone small{color:var(--muted);font-size:8px}.upload-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:6px;border-radius:9px;color:var(--blue-600);background:var(--blue-100);font-size:17px}.sample-product{display:flex;align-items:center;gap:10px;margin:14px 0;padding:9px;border:1px solid var(--line);border-radius:9px}.sample-product>span{flex:1}.sample-product small,.sample-product strong{display:block}.sample-product small{color:var(--muted);font-size:7px}.sample-product strong{font-size:9px}.sample-product>i{color:var(--blue-600);font-size:8px;font-style:normal}.full{width:100%}.secure-tip,.credit-tip{color:#8a97a8;font-size:8px;text-align:center}.polo-visual{position:relative;width:115px;height:125px;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#243b5e,#10243f)}.polo-visual:before,.polo-visual:after{position:absolute;top:18px;width:40px;height:95px;border-radius:30px 7px 10px 10px;background:#18304f;content:""}.polo-visual:before{left:-22px;transform:rotate(22deg)}.polo-visual:after{right:-22px;transform:rotate(-22deg)}.polo-visual .collar{position:absolute;z-index:2;top:-6px;left:36px;width:43px;height:36px;border:8px solid #405777;border-top:0;clip-path:polygon(0 0,50% 75%,100% 0,84% 100%,16% 100%)}.polo-visual b{position:absolute;z-index:3;top:55px;left:68px;color:#d7aa65;font:6px Georgia}.polo-visual.small{width:48px;height:50px;border-radius:7px}.polo-visual.small .collar{left:14px;width:20px;height:15px;border-width:4px}.polo-visual.small b{top:25px;left:28px;font-size:4px}.polo-visual.tiny{width:53px;height:58px}.polo-visual.tiny .collar{left:16px;width:21px;height:16px;border-width:4px}.polo-visual.tiny b{top:28px;left:31px;font-size:4px}.analysis-card{position:relative}.analysis-empty,.analysis-loading{display:grid;place-items:center;align-content:center;height:455px;text-align:center}.analysis-empty h3,.analysis-loading h3{margin:15px 0 2px}.analysis-empty p{margin:0;color:var(--muted);font-size:9px}.ai-placeholder{position:relative;display:grid;place-items:center;width:115px;height:115px;border:1px dashed #b8c9e0;border-radius:50%;color:var(--blue-600);background:#f5f8ff;font-size:28px}.ai-placeholder i{position:absolute;width:7px;height:7px;border-radius:50%;background:#6b99ec}.ai-placeholder i:nth-child(2){top:7px}.ai-placeholder i:nth-child(3){right:2px;bottom:25px}.ai-placeholder i:nth-child(4){left:1px;bottom:30px}.scanner{position:relative;padding:15px;border:1px solid #bdd2fa;border-radius:14px;background:#f5f8ff}.scanner:after{position:absolute;top:15px;right:15px;left:15px;height:2px;background:#56b9f2;box-shadow:0 0 12px #56b9f2;content:"";animation:scan 1.3s ease-in-out infinite}@keyframes scan{50%{transform:translateY(120px)}}.loading-steps{display:flex;gap:8px;margin-top:12px}.loading-step{padding:5px 8px;border-radius:7px;color:#9da8b6;background:#f0f2f5;font-size:8px;transition:.3s}.loading-step.done{color:var(--green);background:var(--green-bg)}.analysis-result{padding-top:22px}.result-product{display:grid;grid-template-columns:115px 1fr 80px;align-items:center;gap:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.result-product h2{margin:7px 0 2px;font-size:17px}.result-product p{margin:0;color:var(--muted);font-size:9px}.result-product>div>strong{display:block;margin-top:12px;font-size:20px}.pill.blue{color:var(--blue-600);background:var(--blue-100)}.score-ring{display:grid;place-items:center;width:74px;height:74px;border-radius:50%;background:conic-gradient(var(--blue-600) 0 86%,#e6ebf2 86%)}.score-ring:before{position:absolute;width:60px;height:60px;border-radius:50%;background:#fff;content:""}.score-ring span{z-index:1;text-align:center}.score-ring b,.score-ring small{display:block}.score-ring b{font-size:19px}.score-ring small{color:var(--muted);font-size:7px}.attribute-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:18px 0;background:var(--line)}.attribute-grid span{padding:13px;background:white}.attribute-grid small,.attribute-grid strong{display:block}.attribute-grid small{color:var(--muted);font-size:8px}.attribute-grid strong{margin-top:3px;font-size:10px}.color-dot{display:inline-block;width:8px;height:8px;margin-right:4px;border-radius:50%;background:#1e3456}.strategy-box{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #cfe0ff;border-radius:10px;background:#f2f7ff}.strategy-box>span{font-size:23px;color:var(--blue-600)}.strategy-box>div{flex:1}.strategy-box small,.strategy-box strong{display:block}.strategy-box small{color:var(--blue-600);font-size:8px}.strategy-box strong{font-size:12px}.strategy-box p{margin:3px 0 0;color:var(--muted);font-size:8px}.price-header{display:flex;align-items:end;justify-content:space-between;margin:7px 0 18px}.price-header h2{margin:7px 0 2px}.price-header p{margin:0;color:var(--muted);font-size:9px}.filters{display:flex;gap:7px}.price-layout{display:grid;grid-template-columns:1fr 330px;gap:16px}.price-map{padding:24px}.price-axis{display:flex;justify-content:space-between;margin:0 55px 10px 145px;color:var(--muted);font-size:8px}.price-row{display:grid;grid-template-columns:130px 1fr 40px;align-items:center;min-height:82px;padding:8px;border:1px solid transparent;border-bottom-color:var(--line);cursor:pointer;transition:.2s}.price-row:hover,.price-row.selected{border-color:#c9dafc;border-radius:9px;background:#f7faff}.price-label strong,.price-label small{display:block}.price-label strong{font-size:14px}.price-label small{color:var(--muted);font-size:8px}.price-row>div{position:relative;height:34px}.price-row>div i{display:block;width:var(--w);height:100%;border-radius:5px;background:linear-gradient(90deg,#d4e2fa,#86aef2)}.price-row.selected>div i{background:linear-gradient(90deg,#3a79e8,#2862df)}.price-row>div b{position:absolute;top:9px;left:12px;color:#355173;font-size:8px}.price-row.selected>div b{color:white}.price-row em{color:var(--muted);font-size:9px;font-style:normal;text-align:right}.price-scale{display:flex;justify-content:space-between;margin:9px 38px 0 138px;color:#a0aaba;font-size:7px}.price-side{display:flex;flex-direction:column;gap:12px}.opportunity-card{position:relative;padding:23px;overflow:hidden}.ai-badge{display:grid;place-items:center;width:35px;height:35px;margin-bottom:14px;border-radius:9px;color:#9aedf7;background:#103d6a}.opportunity-card>small{color:var(--blue-600);font-size:8px;font-weight:800}.opportunity-card h3{min-height:64px;margin:6px 0 16px;font-size:16px}.opportunity-score{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:9px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.opportunity-score small,.opportunity-score strong{display:block}.opportunity-score small{color:var(--muted);font-size:7px}.opportunity-score strong{font-size:20px}.opportunity-score>div{height:5px;border-radius:5px;background:#e7edf4}.opportunity-score i{display:block;width:88%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue-600),var(--cyan))}.opportunity-score em{color:var(--green);font-size:8px;font-style:normal}.opportunity-card ul{padding:8px 0;list-style:none}.opportunity-card li{margin:8px 0;color:#57657a;font-size:9px}.opportunity-card li span{margin-right:7px;color:var(--green)}.launch-tip{display:flex;gap:12px;padding:15px}.launch-tip>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--orange);background:var(--orange-bg)}.launch-tip small,.launch-tip strong{display:block}.launch-tip small{color:var(--muted);font-size:7px}.launch-tip strong{font-size:10px}.launch-tip p{margin:2px 0;color:var(--muted);font-size:8px}
.trend-hero{display:flex;min-height:245px;margin-bottom:16px;overflow:hidden;color:white;background:linear-gradient(115deg,#0d2749,#123b6b)}.trend-summary{z-index:1;width:62%;padding:30px}.pill.cyan-solid{color:#83ebf7;background:rgba(49,197,220,.14)}.trend-summary h2{margin:12px 0 7px;font-size:25px}.trend-summary>p{max-width:610px;margin:0;color:#afc1d6;font-size:11px}.data-sources{display:flex;gap:36px;margin-top:25px}.data-sources span{padding-right:35px;border-right:1px solid rgba(255,255,255,.13)}.data-sources span:last-child{border:0}.data-sources b,.data-sources small{display:block}.data-sources b{font-size:17px}.data-sources small{color:#8099b7;font-size:7px}.trend-radar{position:relative;flex:1;min-width:330px;background:radial-gradient(circle at center,rgba(53,128,222,.17),transparent 55%)}.radar-ring{position:absolute;top:50%;left:50%;border:1px solid rgba(115,174,233,.23);transform:translate(-50%,-50%) rotate(45deg)}.radar-ring.r1{width:80px;height:80px}.radar-ring.r2{width:140px;height:140px}.radar-ring.r3{width:200px;height:200px}.radar-shape{position:absolute;top:50%;left:50%;width:164px;height:164px;background:rgba(48,142,235,.25);clip-path:polygon(50% 0,95% 34%,82% 91%,24% 86%,2% 36%);transform:translate(-50%,-50%)}.radar-shape:after{position:absolute;inset:10px;background:rgba(69,185,225,.18);clip-path:inherit;content:""}.radar-label{position:absolute;color:#b6cbe1;font-size:8px;font-style:normal}.rl1{top:8%;left:43%}.rl2{top:46%;right:3%}.rl3{bottom:5%;left:42%}.rl4{top:46%;left:2%}.trend-grid{display:grid;grid-template-columns:1.2fr .85fr .85fr;gap:16px;margin-bottom:16px}.trend-grid>.card{min-height:295px;padding:20px}.pill.green{color:var(--green);background:var(--green-bg)}.trend-bars{margin-top:23px}.trend-bar{display:grid;grid-template-columns:73px 1fr 35px;align-items:center;gap:8px;margin:15px 0;font-size:9px}.trend-bar>div{height:8px;border-radius:8px;background:#edf1f6}.trend-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3477ec,#42b9da);transition:.5s}.trend-bar strong{font-size:9px;text-align:right}.chart-note{display:flex;gap:9px;margin-top:23px;padding:10px;border-radius:8px;background:#f2f7ff}.chart-note>span{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;color:var(--blue-600);background:#dfeaff}.chart-note p{margin:0}.chart-note strong,.chart-note small{display:block}.chart-note strong{font-size:9px}.chart-note small{color:var(--muted);font-size:7px}.color-list{margin-top:15px}.color-list>div{display:flex;align-items:center;gap:9px;padding:11px 0;border-bottom:1px solid var(--line)}.swatch{width:28px;height:28px;border-radius:8px}.forest{background:#335c4c}.cream{background:#e8ddc5}.navy{background:#263d60}.clay{background:#aa6c5d}.sky{background:#8baeba}.color-list p{flex:1;margin:0}.color-list strong,.color-list small{display:block}.color-list strong{font-size:9px}.color-list small{color:var(--muted);font-size:7px}.color-list b{color:var(--green);font-size:9px}.palette{display:flex;height:20px;margin-top:15px;overflow:hidden;border-radius:5px}.palette i{flex:1}.bubble-cloud{position:relative;height:220px;margin-top:5px}.bubble-cloud span{position:absolute;display:grid;place-items:center;border-radius:50%;color:#30527a;background:#e7f0ff;font-size:9px}.bubble-cloud b{display:block;color:var(--blue-600);font-size:8px}.bubble-cloud .b1{top:30px;left:28%;width:90px;height:90px}.bubble-cloud .b2{top:15px;right:4%;width:72px;height:72px;background:#e7f7f5}.bubble-cloud .b3{bottom:17px;left:8%;width:68px;height:68px;background:#f1edff}.bubble-cloud .b4{right:8%;bottom:20px;width:76px;height:76px;background:#fff2e8}.bubble-cloud .b5{top:103px;left:47%;width:52px;height:52px}.action-plan{display:flex;align-items:center;gap:18px;padding:21px 24px;border-radius:14px;color:white;background:linear-gradient(105deg,#12325a,#174b7b);box-shadow:0 10px 28px rgba(14,46,84,.16)}.action-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:11px;color:#7de8f5;background:rgba(49,197,220,.13);font-size:21px}.action-plan>div:nth-child(2){flex:1}.action-plan span{color:#77dbe9;font-size:8px;font-weight:800}.action-plan h2{margin:2px 0;font-size:16px}.action-plan p{margin:0;color:#aebfd3;font-size:8px}.impact{padding:0 22px;border-left:1px solid rgba(255,255,255,.13)}.impact small,.impact strong,.impact i{display:block}.impact small{color:#90a7c0;font-size:7px}.impact strong{font-size:21px}.impact i{color:#62d7ba;font-size:7px;font-style:normal}
.studio-layout{display:grid;grid-template-columns:350px 1fr;gap:16px}.studio-settings,.studio-output{min-height:650px}.studio-settings{padding:21px}.studio-title{display:flex;gap:9px;padding-bottom:15px;border-bottom:1px solid var(--line)}.studio-title>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;color:var(--blue-600);background:var(--blue-100);font-size:9px;font-weight:800}.studio-title h3,.studio-title p{margin:0}.studio-title h3{font-size:14px}.studio-title p{color:var(--muted);font-size:8px}.selected-product{display:flex;align-items:center;gap:9px;padding:8px;border:1px solid var(--line);border-radius:9px}.selected-product>div:nth-child(2){flex:1}.selected-product strong,.selected-product small{display:block}.selected-product strong{font-size:9px}.selected-product small{color:var(--green);font-size:7px}.selected-product button{border:0;color:var(--muted);background:transparent}.platform-select{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.platform-select input{display:none}.platform-select label{display:flex;align-items:center;justify-content:center;gap:5px;height:37px;border:1px solid var(--line);border-radius:8px;color:#526077;font-size:9px;cursor:pointer}.platform-select label:has(input:checked){border-color:#90b4f8;color:var(--blue-600);background:#f3f7ff}.platform-select label span{font-size:8px}.wide-select,.two-fields select{width:100%;height:38px;padding:0 8px;border:1px solid var(--line);border-radius:8px;color:#4b5a70;background:white;font-size:9px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.two-fields label>span{display:block;margin-bottom:6px;color:#526178;font-size:8px;font-weight:700}.tag-editor{display:flex;flex-wrap:wrap;gap:5px;min-height:40px;padding:7px;border:1px solid var(--line);border-radius:8px}.tag-editor span{padding:4px 7px;border-radius:5px;color:#45628a;background:#eef4ff;font-size:8px}.tag-editor b{margin-left:4px;color:#8ca0bb}.tag-editor button{border:0;color:var(--blue-600);background:transparent;font-size:8px}.generate-button{height:44px;margin-top:25px}.studio-output{overflow:hidden}.output-head{display:flex;align-items:center;justify-content:space-between;height:70px;padding:0 21px;border-bottom:1px solid var(--line)}.output-head>div{display:grid;grid-template-columns:28px 1fr;column-gap:9px}.output-head .step-number{grid-row:span 2}.output-head h3,.output-head p{margin:0}.output-head h3{font-size:14px}.output-head p{color:var(--muted);font-size:8px}.output-status{color:var(--green);font-size:8px}.marketing-idle,.marketing-loading{display:grid;place-items:center;align-content:center;min-height:550px;text-align:center}.magic-visual{position:relative;display:grid;place-items:center;width:130px;height:130px;border:1px solid #cedcf2;border-radius:50%;color:var(--blue-600);background:radial-gradient(circle,#fff,#eef4ff);font-size:29px}.magic-visual:before,.magic-visual:after{position:absolute;border:1px dashed #c6d6ed;border-radius:50%;content:""}.magic-visual:before{inset:-18px}.magic-visual:after{inset:-36px}.magic-visual i{position:absolute;width:7px;height:7px;border-radius:50%;background:#67a1f4}.magic-visual i:nth-child(2){top:-22px}.magic-visual i:nth-child(3){right:-25px;bottom:15px}.magic-visual i:nth-child(4){left:-30px;bottom:31px}.marketing-idle h2{margin:50px 0 4px;font-size:18px}.marketing-idle>p{max-width:390px;margin:0;color:var(--muted);font-size:9px}.feature-chips{display:flex;gap:6px;margin-top:18px}.feature-chips span{padding:5px 8px;border-radius:6px;color:#65748a;background:#f3f5f8;font-size:8px}.generating-orb{position:relative;display:grid;place-items:center;width:90px;height:90px;border-radius:50%;color:white;background:linear-gradient(145deg,#3678ef,#3ebbd5);font-size:25px;box-shadow:0 0 0 15px #edf4ff}.generating-orb i{position:absolute;inset:-15px;border:2px solid transparent;border-top-color:#3a7df0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.marketing-loading h2{margin:35px 0 2px}.marketing-loading p{margin:0;color:var(--muted);font-size:9px}.generation-progress{width:280px;height:5px;margin:20px 0 10px;overflow:hidden;border-radius:5px;background:#eaf0f7}.generation-progress i{display:block;width:78%;height:100%;background:linear-gradient(90deg,var(--blue-600),var(--cyan));animation:progress 1.8s ease}@keyframes progress{from{width:5%}}.generation-steps{display:flex;gap:20px;color:#8b98aa;font-size:8px}.generation-steps span:first-child{color:var(--green)}.marketing-results{padding:0 20px 20px}.result-tabs{display:flex;border-bottom:1px solid var(--line)}.result-tab{position:relative;display:flex;align-items:center;gap:5px;min-height:51px;padding:0 16px;border:0;color:#768498;background:transparent;font-size:9px;font-weight:700}.result-tab.active{color:var(--blue-600)}.result-tab.active:after{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;background:var(--blue-600);content:""}.result-tab i{padding:1px 4px;border-radius:4px;color:var(--green);background:var(--green-bg);font-size:6px;font-style:normal}.red-icon{color:#d84e62}.blue-icon{color:var(--blue-600);font-size:7px}.result-content{display:none}.result-content.active{display:block}.content-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 0;color:var(--muted);font-size:8px}.content-toolbar button{padding:5px 8px;border:1px solid var(--line);border-radius:6px;color:#5a687c;background:white;font-size:8px}.content-title{padding:15px;border-radius:10px;background:#f6f8fb}.content-title small{color:var(--blue-600);font-size:7px}.content-title h2{margin:3px 0 8px;font-size:15px}.content-title span,.hashtags{margin-right:5px;color:var(--blue-600);font-size:7px}.script-table{margin-top:12px;border:1px solid var(--line);border-radius:9px;overflow:hidden}.script-table>div{display:grid;grid-template-columns:55px 1.1fr 1fr;align-items:center;min-height:65px;border-bottom:1px solid var(--line)}.script-table>div:last-child{border:0}.script-table .script-head{min-height:30px;color:#7b889a;background:#f5f7fa;font-size:7px;font-weight:700}.script-table>div>*{padding:8px}.script-table time{color:var(--blue-600);font-size:8px;font-weight:800}.script-table>div>span{display:flex;align-items:center;gap:8px}.script-table p{margin:0;font-size:8px}.script-table strong,.script-table small{display:block}.script-table strong{font-size:8px}.script-table small{color:var(--muted);font-size:7px}.shot{display:block;flex:0 0 36px;height:32px;border-radius:5px}.shot-1{background:linear-gradient(145deg,#7891aa,#203b5c)}.shot-2{background:repeating-linear-gradient(45deg,#1b3555,#1b3555 3px,#294868 3px,#294868 6px)}.shot-3{background:linear-gradient(145deg,#d1b990,#536b72)}.content-footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px;padding:10px;border-radius:8px;color:#4f6f9c;background:#f0f6ff;font-size:8px}.content-footer button{border:0;color:var(--blue-600);background:transparent;font-size:8px;font-weight:700}.note-preview{display:grid;grid-template-columns:220px 1fr;gap:20px;padding-top:10px}.note-cover{position:relative;display:grid;place-items:center;min-height:380px;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#e9e3d8,#b9c4c5)}.note-cover:after{position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(8,24,46,.65));content:""}.note-cover>strong{position:absolute;z-index:2;bottom:25px;left:18px;color:white;font-size:20px}.note-copy{padding:15px}.note-copy small{color:var(--blue-600);font-size:8px}.note-copy h2{font-size:17px}.note-copy p{color:#526178;font-size:10px;line-height:1.9}.hashtags{margin-top:20px}.ads-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:15px}.ads-grid article{min-height:245px;padding:18px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(145deg,#fff,#f4f7fb)}.ads-grid article:nth-child(2){background:linear-gradient(145deg,#102d50,#1c527c);color:white}.ads-grid span{color:var(--blue-600);font-size:8px}.ads-grid h3{margin:22px 0 12px;font-size:17px}.ads-grid p{min-height:80px;color:var(--muted);font-size:9px;line-height:1.8}.ads-grid article:nth-child(2) p{color:#b2c2d4}.ads-grid button{padding:6px 9px;border:1px solid var(--line);border-radius:6px;color:var(--blue-600);background:white;font-size:8px}.spinner{display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid rgba(255,255,255,.4);border-top-color:white;border-radius:50%;vertical-align:-2px;animation:spin 1s linear infinite}.empty-state{padding:70px;text-align:center}.empty-state>span{font-size:35px}.empty-state h3{margin:10px 0 3px}.empty-state p{margin:0;color:var(--muted);font-size:9px}.toast{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid #cce8dc;border-radius:9px;color:#23664e;background:white;box-shadow:0 15px 40px rgba(20,35,58,.18);font-size:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:none}.toast>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;color:white;background:var(--green)}.toast.info{border-color:#ccdcf8;color:#355b91}.toast.info>span{background:var(--blue-600)}.mobile-nav{display:none}
@media (max-width: 1180px){
  .sidebar{width:210px}.main-shell{margin-left:210px}.content-shell{padding:24px 22px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.signal-orbit{min-width:320px}.trend-grid{grid-template-columns:1fr 1fr}.material-card{grid-column:1/-1}.studio-layout{grid-template-columns:310px 1fr}.analysis-layout{grid-template-columns:330px 1fr}.price-layout{grid-template-columns:1fr 290px}
}
@media (max-width: 900px){
  .sidebar{transform:translateX(-100%);transition:.25s}.nav-open .sidebar{transform:none;box-shadow:15px 0 40px rgba(5,20,40,.25)}.nav-open:after{position:fixed;z-index:25;inset:0;background:rgba(8,24,46,.38);content:""}.main-shell{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 20px}.content-shell{padding:22px 20px}.insight-hero{min-height:240px}.hero-copy{width:62%;padding:27px}.signal-orbit{min-width:260px}.analysis-layout,.price-layout,.studio-layout{grid-template-columns:1fr}.upload-card,.analysis-card,.studio-settings,.studio-output{min-height:auto}.analysis-empty,.analysis-loading{height:390px}.trend-hero{min-height:260px}.trend-summary{width:60%;padding:25px}.price-side{display:grid;grid-template-columns:1fr 1fr}.launch-tip{align-items:center}.studio-settings{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}.studio-title,.selected-product,.generate-button,.credit-tip{grid-column:1/-1}.studio-settings>.field-label{margin-top:14px}.result-product{grid-template-columns:100px 1fr 75px}
}
@media (max-width: 680px){
  body{padding-bottom:61px}.topbar{height:56px;padding:0 14px}.global-search{width:auto;flex:1;margin-left:8px}.global-search kbd,.demo-badge{display:none}.top-actions{margin-left:7px}.help-button{display:none}.content-shell{padding:18px 13px 28px}.page-head,.page-head.compact{align-items:flex-start;flex-direction:column;margin-bottom:18px}.page-head h1{font-size:22px}.page-head p{font-size:11px}.head-actions{width:100%;overflow:auto}.head-actions .button,.head-actions select{white-space:nowrap}.insight-hero{display:block;min-height:360px}.hero-copy{width:100%;padding:24px}.hero-copy h2{font-size:24px}.signal-orbit{position:absolute;right:-70px;bottom:-125px;width:320px;height:320px}.orbit-tag{display:none}.orbit-core{top:38%;left:42%}.section-heading{align-items:flex-end}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi-card{min-height:135px;padding:14px}.kpi-card>strong{font-size:23px}.sparkline,.spark-bars,.risk-meter{display:none}.dashboard-grid{gap:11px}.market-chart-card,.recommendation-card{min-height:auto;padding:15px}.line-chart{height:210px}.recommendation{grid-template-columns:28px 1fr 10px}.subnav{width:100%;overflow:auto}.intel-tab{min-width:103px}.search-panel{flex-wrap:wrap;gap:8px}.search-panel>input{min-width:180px}.search-panel .button{width:100%}.quick-brands{display:none}.brand-summary{grid-template-columns:58px 1fr;margin-top:0;padding:14px}.brand-logo{width:48px;height:48px;font-size:14px}.brand-main{align-items:flex-start}.brand-main h2{display:block;font-size:14px}.brand-meta{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px}.brand-meta span:nth-child(3){padding-left:0;border:0}.metric-strip{grid-template-columns:1fr 1fr}.metric-strip>div:nth-child(2){border-right:0}.metric-strip>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.intel-grid{grid-template-columns:1fr}.ai-finding{display:block}.ai-glow{margin-bottom:10px}.ai-finding .button{position:static;margin:2px 0 0}.finding-tags{flex-wrap:wrap}.analysis-layout{gap:11px}.upload-card,.analysis-card{padding:16px}.analysis-card{min-height:500px}.analysis-empty,.analysis-loading{height:390px}.result-product{grid-template-columns:85px 1fr}.result-product .polo-visual{width:85px;height:100px}.score-ring{grid-column:1/-1;position:absolute;top:70px;right:17px;width:58px;height:58px}.score-ring:before{width:47px;height:47px}.attribute-grid{grid-template-columns:1fr 1fr}.strategy-box{align-items:flex-start;flex-wrap:wrap}.strategy-box .button{width:100%}.price-header{align-items:flex-start;flex-direction:column;gap:12px}.filters{width:100%}.filters select{flex:1}.price-map{padding:15px;overflow-x:auto}.price-axis{min-width:500px}.price-row{grid-template-columns:110px 360px 35px;min-width:520px}.price-scale{min-width:360px}.price-side{display:flex}.trend-hero{display:block;min-height:530px}.trend-summary{width:100%;padding:23px}.trend-radar{height:260px}.data-sources{gap:18px}.data-sources span{padding-right:18px}.trend-grid{grid-template-columns:1fr}.material-card{grid-column:auto}.action-plan{align-items:flex-start;flex-wrap:wrap}.action-plan>div:nth-child(2){min-width:calc(100% - 70px)}.impact{margin-left:62px;padding-left:0;border:0}.action-plan .button{width:100%}.studio-settings{display:block}.studio-title,.selected-product,.generate-button,.credit-tip{grid-column:auto}.studio-output{min-height:600px}.output-head{padding:0 14px}.marketing-idle,.marketing-loading{min-height:510px;padding:20px}.feature-chips{flex-wrap:wrap;justify-content:center}.marketing-results{padding:0 12px 14px}.result-tabs{overflow:auto}.result-tab{min-width:105px;padding:0 8px}.script-table{overflow-x:auto}.script-table>div{grid-template-columns:50px 190px 180px;min-width:420px}.content-footer{align-items:flex-start;gap:8px}.note-preview{grid-template-columns:1fr}.note-cover{min-height:320px}.ads-grid{grid-template-columns:1fr}.ads-grid article{min-height:190px}.ads-grid p{min-height:auto}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);height:61px;border-top:1px solid var(--line);background:rgba(255,255,255,.96);backdrop-filter:blur(12px)}.mobile-nav button{display:grid;place-items:center;padding:6px 0;border:0;color:#8290a3;background:transparent;font-size:8px}.mobile-nav span{display:block;font-size:17px;line-height:1}.mobile-nav button.active{color:var(--blue-600)}.toast{right:12px;bottom:74px;left:12px;justify-content:center}.top-actions .icon-button{display:none}
}
@media (max-width: 400px){.kpi-grid{grid-template-columns:1fr}.brand-meta{grid-template-columns:1fr}.brand-meta span{padding-left:0;border:0}.metric-strip{grid-template-columns:1fr}.metric-strip>div{border-right:0;border-bottom:1px solid var(--line)!important}.platform-select{grid-template-columns:1fr}.two-fields{grid-template-columns:1fr}}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}