@layer components{.so-page{background:var(--color-body-bg);min-height:100dvh;color:var(--color-content-strong)}.so-bar{z-index:20;border-bottom:1px solid var(--color-line-soft);background:color-mix(in srgb, var(--color-body-bg) 88%, transparent);backdrop-filter:blur(8px);position:sticky;top:0}.so-bar-inner{justify-content:space-between;align-items:center;max-width:1080px;height:56px;margin:0 auto;padding:0 20px;display:flex}.so-logo{align-items:center;gap:8px;display:flex}.so-logo:after{content:"Blitz";font-size:var(--text-base);letter-spacing:-.02em;font-weight:650}.so-logo img,.so-logo svg{border-radius:var(--radius-md);width:26px;height:26px}.so-lang{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--color-line);background:var(--color-card);padding:2px;display:inline-flex}.so-lang-option{border-radius:calc(var(--radius-lg) - 2px);height:26px;color:var(--color-content-muted);font-size:var(--text-sm);padding:0 10px}.so-lang-option[aria-pressed=true]{background:var(--color-accent-bg);color:var(--color-content-strong);font-weight:500}.so-main{flex-direction:column;gap:20px;max-width:1080px;margin:0 auto;padding:28px 20px 64px;display:flex}.so-hero{flex-direction:column;gap:4px;display:flex}.so-eyebrow{color:var(--color-content-muted);font-size:var(--text-sm);margin:0}.so-title{font-family:var(--font-mono);font-size:var(--text-2xl);letter-spacing:-.01em;margin:0;font-weight:600}.so-subtitle{color:var(--color-content-muted);font-size:var(--text-base);margin:0 0 14px}.so-steps{border-radius:var(--radius-lg);background:var(--color-card);box-shadow:0 0 0 1px var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.so-step{border-left:1px solid var(--color-line-soft);align-items:center;gap:12px;min-width:0;padding:14px 16px;display:flex}.so-step:first-child{border-left:0}.so-step-dot{border-radius:var(--radius-full);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-content-muted);font-size:var(--text-2sm);font-variant-numeric:tabular-nums;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.so-step-dot svg{width:14px;height:14px}.so-step[data-step=done] .so-step-dot{background:var(--color-up);box-shadow:none;color:var(--color-card)}.so-step[data-step=current] .so-step-dot{box-shadow:inset 0 0 0 2px var(--color-content-strong);color:var(--color-content-strong);font-weight:600}.so-step-text{flex-direction:column;min-width:0;display:flex}.so-step-label{font-size:var(--text-sm);font-weight:500}.so-step[data-step=todo] .so-step-label{color:var(--color-content-muted)}.so-step-detail{color:var(--color-content-muted);font-size:var(--text-2sm);overflow-wrap:anywhere}.so-columns{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.so-col-main,.so-col-side{flex-direction:column;gap:20px;min-width:0;display:flex}.so-col-side{position:sticky;top:76px}.so-grid td{height:56px}.so-product{align-items:center;gap:12px;min-width:0;display:flex}.so-thumb{border-radius:var(--radius-md);background:var(--color-accent-bg);width:36px;height:36px;color:var(--color-content-muted);object-fit:cover;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.so-thumb svg{width:18px;height:18px}.so-product-text{flex-direction:column;min-width:0;display:flex}.so-product-name{text-overflow:ellipsis;font-weight:500;overflow:hidden}.so-product-sku{color:var(--color-content-muted);font-size:var(--text-2sm)}.so-address{font-size:var(--text-base);flex-direction:column;gap:4px;padding:14px 16px;line-height:1.5;display:flex}.so-address p{margin:0}.so-address-name{font-weight:600}.so-muted{color:var(--color-content-muted)}.so-mono{font-family:var(--font-mono)}.so-callout{border-radius:var(--radius-md);background:var(--color-accent-bg);color:var(--color-content-strong);font-size:var(--text-sm);gap:10px;margin:0 12px 12px;padding:10px 12px;line-height:1.45;display:flex}.so-callout svg{width:16px;height:16px;color:var(--color-content-muted);flex-shrink:0;margin-top:2px}.so-empty{color:var(--color-content-muted);font-size:var(--text-base);margin:0;padding:18px 16px}.so-shipments{flex-direction:column;display:flex}.so-shipment{border-top:1px solid var(--color-line-soft);flex-direction:column;gap:6px;padding:14px 16px;display:flex}.so-shipment:first-child{border-top:0}.so-shipment-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.so-shipment-title{align-items:center;gap:8px;display:flex}.so-shipment-name{font-weight:600}.so-shipment-actions{flex-wrap:wrap;gap:8px;display:flex}.so-confirm{justify-content:space-between;align-items:center;gap:var(--spacing-2) var(--spacing-3);margin-top:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-accent-bg);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.so-confirm-actions{gap:var(--spacing-2);display:flex}.so-shipment-sub{color:var(--color-content-muted);font-size:var(--text-sm);margin:0}.so-shipment-warn{color:var(--color-warning,var(--color-content-strong));font-size:var(--text-sm);margin:0}.so-carton-rows{flex-direction:column;gap:12px;display:flex}.so-carton-row{grid-template-columns:minmax(0,1fr) 120px 140px 28px;align-items:end;gap:10px;display:grid}.so-carton-remove{margin-bottom:2px}.so-total{border-top:1px solid var(--color-line-soft);font-size:var(--text-base);flex-wrap:wrap;justify-content:space-between;gap:8px;padding-top:12px;display:flex}.so-notfound{text-align:center;max-width:420px;margin:80px auto}.so-notfound h1{font-size:var(--text-lg);margin:0 0 6px;font-weight:600}.so-notfound p{color:var(--color-content-muted);margin:0}@media (width<=859px){.so-columns{grid-template-columns:minmax(0,1fr)}.so-col-side{order:-1;position:static}}@media (width<=639px){.so-main{padding:20px 16px 48px}.so-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.so-step:nth-child(3){border-left:0}.so-step:nth-child(n+3){border-top:1px solid var(--color-line-soft)}.so-wide{display:none}.so-grid td:has(>.so-product){white-space:normal;height:auto;padding-block:10px}.so-carton-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px}.so-carton-row>:first-child{grid-column:1/-1}}.so-destinations{flex-direction:column;display:flex}.so-destination+.so-destination{border-top:1px solid var(--color-line-soft)}.so-destination-head{justify-content:space-between;align-items:flex-start;gap:8px;padding-right:12px;display:flex}.so-destination-head .so-address{min-width:0}.so-destination-head>button{flex-shrink:0;margin-top:12px}.so-destination-part{padding:0 16px 14px}.so-destination-label{color:var(--color-content-muted);font-size:var(--text-2sm);margin:0 0 4px;font-weight:500}.so-destination-lines{font-size:var(--text-sm);flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.so-destination-lines li{justify-content:space-between;gap:12px;display:flex}.so-destination-units{font-variant-numeric:tabular-nums;white-space:nowrap}.so-shipment-to{color:var(--color-content-strong);font-weight:500}.approach-tag{border-radius:var(--radius-full);min-width:0;max-width:100%;height:22px;box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-content);font-size:var(--text-2sm);white-space:nowrap;align-items:center;gap:6px;padding:0 8px;font-weight:500;display:inline-flex}.approach-tag[data-approach]:before{content:"";border-radius:var(--radius-full);flex:none;width:7px;height:7px}.approach-tag[data-approach=imitation]:before{background:var(--color-approach-imitation)}.approach-tag[data-approach=iteration]:before{background:var(--color-approach-iteration)}.approach-tag[data-approach=ideation]:before{background:var(--color-approach-ideation)}.approach-tag-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.identity{background:oklch(.92 .06 var(--identity-hue));color:oklch(.38 .09 var(--identity-hue))}.identity-1{--identity-hue:75}.identity-2{--identity-hue:150}.identity-3{--identity-hue:230}.identity-4{--identity-hue:10}.identity-5{--identity-hue:300}.identity-6{--identity-hue:50}.identity-7{--identity-hue:190}.identity-8{--identity-hue:330}.dark .identity{background:oklch(.32 .05 var(--identity-hue));color:oklch(.86 .08 var(--identity-hue))}.concept-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}@media (width<=767px){.concept-grid{gap:var(--spacing-3);grid-template-columns:repeat(2,minmax(0,1fr))}}.concept-card{isolation:isolate;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-card);content-visibility:auto;contain-intrinsic-size:auto 20rem;transition:border-color var(--duration-fast) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}.concept-card:hover{border-color:var(--color-line-strong)}.concept-card-media{aspect-ratio:4/5;background:var(--color-border);border-bottom:1px solid var(--color-border);grid-auto-rows:minmax(0,1fr);gap:1px;min-height:0;display:grid}.concept-card-media-1{grid-template-columns:1fr}.concept-card-media-2{grid-template-columns:1fr 1fr}.concept-card-media-3{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr}.concept-card-media-3 .concept-card-tile:first-child{grid-row:span 2}.concept-card-media-4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.concept-card-tile{background:var(--color-surface-2);min-width:0;min-height:0;position:relative;overflow:hidden}.concept-card-still{object-fit:cover;background:var(--color-surface-2);width:100%;height:100%;display:block}.concept-card-still-gone{background:var(--color-surface-2)}.concept-card-media-empty{padding:var(--spacing-4);background:var(--color-surface-1);color:var(--color-muted-fg);font-size:var(--text-xs);text-align:center;justify-content:center;align-items:center;display:flex}.concept-card-more{right:var(--spacing-1_5);bottom:var(--spacing-1_5);padding:var(--spacing-0_5) var(--spacing-1_5);border-radius:var(--radius-md);background:var(--color-media-scrim);color:var(--color-on-media);font-size:var(--text-xs);font-variant-numeric:tabular-nums;pointer-events:none;font-weight:500;position:absolute}.concept-card-body{gap:var(--spacing-1);padding:var(--spacing-2_5) var(--spacing-3);flex-direction:column;flex:1;display:flex}.concept-card-title{-webkit-line-clamp:2;line-clamp:2;color:var(--color-foreground);font-size:var(--text-sm);-webkit-box-orient:vertical;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.concept-card-seq{margin-right:var(--spacing-1_5);color:var(--color-muted-fg);font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.concept-card-facts{color:var(--color-muted-fg);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;line-height:1.4;overflow:hidden}.concept-card-foot{justify-content:space-between;align-items:center;gap:var(--spacing-2);min-height:var(--spacing-8);padding:0 var(--spacing-3) var(--spacing-2_5);font-size:var(--text-xs);display:flex}.concept-card-dots{align-items:center;gap:var(--spacing-2);color:var(--color-muted-fg);font-variant-numeric:tabular-nums;display:flex}.concept-card-dot{align-items:center;gap:var(--spacing-1);display:inline-flex}.concept-card-dot i{width:var(--spacing-1_5);height:var(--spacing-1_5);border-radius:var(--radius-full);background:var(--color-content-strong)}.concept-card-dot[data-creative-status=live] i{background:var(--color-up)}.concept-card-dot[data-creative-status=issues] i{background:var(--color-down)}.concept-card-measure{align-items:baseline;gap:var(--spacing-1_5);font-variant-numeric:tabular-nums;margin-left:auto;display:inline-flex}.concept-card-measure-none{color:var(--color-muted-fg)}.concept-card-spend{color:var(--color-content)}.concept-card-roas{color:var(--color-foreground);align-items:baseline;gap:3px;font-weight:500;display:inline-flex}.concept-card-roas[data-level=strong]{color:var(--color-up)}.concept-card-roas[data-level=fine]{color:var(--color-foreground)}.concept-card-roas[data-level=weak]{color:var(--color-down)}.concept-card-roas-arrow{font-size:var(--text-xs);line-height:1}.concept-card-roas-arrow[data-trend=up]{color:var(--color-up)}.concept-card-roas-arrow[data-trend=down]{color:var(--color-down)}.concept-card-roas-none{color:var(--color-muted-fg)}.concept-group{gap:var(--spacing-3);flex-direction:column;display:flex}.concept-group-head{align-items:baseline;gap:var(--spacing-2);padding-bottom:var(--spacing-1_5);border-bottom:1px solid var(--color-border);display:flex}.concept-group-name{color:var(--color-foreground);font-size:var(--text-sm);font-weight:500}.concept-group-count{color:var(--color-muted-fg);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.concept-group-partial{color:var(--color-muted-fg);font-size:var(--text-xs)}.awareness-bars{flex:none;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.awareness-bars i{border-radius:var(--radius-md);background:var(--color-line-strong);width:3px}.awareness-bars i:first-child{height:4px}.awareness-bars i:nth-child(2){height:6px}.awareness-bars i:nth-child(3){height:8px}.awareness-bars i:nth-child(4){height:10px}.awareness-bars i:nth-child(5){height:12px}.awareness-bars i[data-on]{background:var(--color-content)}}