.studio-grow{max-width:760px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-grow{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.studio-grow__list{gap:var(--space-sm);display:grid}
.studio-experiments{max-width:760px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-experiments{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.studio-experiments__content{gap:var(--space-md);display:grid}.studio-experiments__section{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);display:grid}.studio-experiments__section--variants{flex-direction:column;gap:0;display:flex}.studio-experiments__section-body{gap:var(--space-md);display:grid}.exp-weight-warning-wrap{padding-top:var(--space-md)}.studio-experiments__section-title{letter-spacing:-.015em;color:var(--token-text-primary);margin:0;font-size:16px;font-weight:600;line-height:1.3}.studio-experiments__desc{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.4}.studio-experiments__actions{align-items:center;gap:0;display:flex}.exp-save-status{color:var(--token-text-secondary);align-items:center;gap:6px;min-height:20px;font-size:13px;font-weight:500;display:inline-flex}.exp-save-status--saved{color:var(--status-success-text,#30d158)}.exp-save-status--error{color:var(--red,#ff453a)}.studio-experiments__skeleton{gap:var(--space-md);display:grid}.exp-status-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.exp-status-info{gap:var(--space-xs);display:grid}.exp-status-badge{border-radius:var(--radius-full);align-items:center;width:fit-content;min-height:20px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.exp-status-badge.active{background:color-mix(in srgb, var(--status-success) 16%, transparent);color:var(--status-success-text)}.exp-status-badge.inactive{background:var(--token-fill-subtle);color:var(--token-text-secondary)}.exp-switch{border-radius:var(--radius-full);background:var(--token-fill-light);border:1px solid var(--token-border);cursor:pointer;width:52px;height:32px;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);-webkit-tap-highlight-color:transparent;flex:none;position:relative}.exp-switch__thumb{border-radius:var(--radius-full);width:26px;height:26px;transition:left var(--dur-micro) var(--ease-out);background:#fff;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #00000047}.exp-switch[aria-checked=true]{background:var(--status-success);border-color:var(--status-success)}.exp-switch[aria-checked=true] .exp-switch__thumb{left:23px}.exp-switch:disabled{opacity:.5;cursor:default}.exp-switch:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.exp-bar-wrap{border-radius:var(--radius-full);background:var(--token-fill-subtle);height:8px;display:flex;overflow:hidden}.exp-bar-segment{min-width:2px;transition:width var(--dur-micro) var(--ease-out)}.exp-bar-segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.exp-bar-segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.exp-bar-segment:only-child{border-radius:var(--radius-full)}.exp-bar-legend{gap:var(--space-sm);margin-top:calc(var(--space-xs) - var(--space-md));flex-wrap:wrap;display:flex}.exp-bar-legend-item{align-items:center;gap:var(--space-2xs);color:var(--token-text-secondary);font-size:12px;display:flex}.exp-legend-dot{border-radius:var(--radius-full);flex:none;width:8px;height:8px}.exp-legend-pct{font-variant-numeric:tabular-nums;color:var(--token-text-primary);font-weight:600}.exp-variants-header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.exp-add-variant-row{align-items:end;gap:var(--space-sm);grid-template-columns:1fr auto;display:grid}.exp-add-variant-field{gap:var(--space-2xs);min-width:0;display:grid}.exp-add-variant-field .exp-input{min-width:0}.exp-add-label{color:var(--token-text-primary);letter-spacing:-.01em;font-size:13px;font-weight:500}.exp-input{height:40px;padding:0 var(--space-md);border:1px solid var(--token-border);border-radius:var(--radius-full);background:var(--token-surface);color:var(--token-text-primary);transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);font-family:inherit;font-size:15px;line-height:1}.exp-input:focus{border-color:var(--token-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--token-accent) 20%, transparent);outline:none}.exp-input::placeholder{color:var(--token-text-tertiary)}.exp-variants-grid{gap:var(--space-sm);display:grid}@media (min-width:520px){.exp-variants-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.exp-variant-card{border-radius:var(--radius-md);background:var(--token-fill-subtle);border:none;grid-template-columns:4px 1fr;display:grid;overflow:hidden}.exp-variant-accent{border-radius:var(--radius-full) 0 0 var(--radius-full)}.exp-variant-body{gap:var(--space-sm);padding:var(--space-md);display:grid}.exp-variant-title-row{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.exp-variant-name{color:var(--token-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.exp-variant-remove{color:var(--token-text-secondary);cursor:pointer;border-radius:var(--radius-full);transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;border:0;padding:4px 10px;font-size:13px;font-weight:400}.exp-variant-remove:hover{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, transparent)}.exp-variant-remove:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--status-error);outline:none}.exp-variant-desc{color:var(--token-text-secondary);font-size:13px;line-height:1.45}.exp-variant-code{font-size:12px;font-family:var(--font-mono,"SF Mono", ui-monospace, monospace);color:var(--token-text-secondary);background:color-mix(in srgb, var(--token-text-primary) 5%, transparent);border-radius:var(--radius-xs,4px);word-break:break-all;justify-self:start;padding:2px 6px;display:inline-block}.exp-variant-weight-row{gap:var(--space-2xs);padding-top:4px;display:grid}.exp-variant-weight-row .exp-add-label{color:var(--token-text-secondary);font-size:11px;font-weight:500}.exp-weight-input-wrap{align-items:center;gap:var(--space-sm);display:flex}.exp-weight-slider{cursor:pointer;flex:1;height:4px}.exp-weight-number{background:var(--token-surface);border:1px solid var(--token-border);border-radius:var(--radius-full);height:32px;transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:2px;padding:0 12px;display:inline-flex}.exp-weight-number:focus-within{border-color:var(--token-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--token-accent) 20%, transparent)}.exp-pct-input{box-sizing:content-box;width:3ch;height:100%;color:var(--token-text-primary);font:inherit;text-align:center;font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;border:0;padding:0;font-size:13px;font-weight:600}.exp-pct-input:focus{outline:none}.exp-pct-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.exp-pct-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.exp-pct-suffix{color:var(--token-text-tertiary);font-size:12px;font-weight:500}.exp-weight-warning{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-warning) 12%, var(--token-surface));border:1px solid color-mix(in srgb, var(--status-warning) 32%, transparent);color:var(--status-warning);font-size:13px;font-weight:500}@media (pointer:coarse){.exp-switch{min-height:var(--tap-min);min-width:52px}.exp-input{min-height:var(--tap-min)}}
.studio-exp{max-width:760px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-exp{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.studio-exp--detail{max-width:1040px}.studio-exp--wide{max-width:960px}.studio-exp__create{gap:var(--space-md);display:grid}.studio-exp__builder-card{appearance:none;border:1px solid color-mix(in srgb, var(--token-accent) 34%, var(--token-border));border-radius:var(--radius-lg);background:radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--token-accent) 18%, transparent), transparent 28%), linear-gradient(135deg, color-mix(in srgb, var(--token-accent) 9%, var(--token-surface)), var(--token-surface));color:var(--token-text-primary);cursor:pointer;align-items:center;gap:var(--space-md);padding:var(--space-lg);text-align:left;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.studio-exp__builder-icon{border-radius:var(--radius-md);background:color-mix(in srgb, var(--token-accent) 16%, #fff);width:52px;height:52px;color:var(--token-accent);box-shadow:0 10px 24px color-mix(in srgb, var(--token-accent) 18%, transparent);justify-content:center;align-items:center;display:inline-flex}.studio-exp__builder-copy{gap:var(--space-3xs);min-width:0;display:grid}.studio-exp__builder-action{color:var(--token-accent);white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.studio-exp__template-head{justify-content:space-between;align-items:flex-end;gap:var(--space-md);padding-inline:2px;display:flex}.studio-exp__grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.studio-exp__card{gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);color:var(--token-text-primary);cursor:pointer;text-align:left;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);align-content:start;display:grid}.studio-exp__card:disabled{cursor:default;opacity:.66}.studio-exp__card--published-layout{border-color:color-mix(in srgb, var(--token-accent) 22%, var(--token-border))}.studio-exp__card-top{justify-content:space-between;align-items:center;display:flex}.studio-exp__icon{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--token-accent) 14%, transparent);width:44px;height:44px;color:var(--token-accent);flex:none;justify-content:center;align-items:center;display:inline-flex}.studio-exp__chev{color:var(--token-text-tertiary)}.studio-exp__soon{text-transform:uppercase;letter-spacing:.05em;color:var(--token-text-tertiary);border-radius:var(--radius-pill,999px);background:var(--token-fill-subtle);padding:4px 8px;font-size:11px;font-weight:600}.studio-exp__published{text-transform:uppercase;letter-spacing:.05em;color:var(--token-accent);border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--token-accent) 10%, transparent);padding:4px 8px;font-size:11px;font-weight:700}.studio-exp__card-text{gap:var(--space-3xs);display:grid}@media (hover:hover){.studio-exp__card:not(:disabled):hover{background:var(--token-fill-subtle);border-color:var(--token-border-medium)}.studio-exp__builder-card:hover{border-color:var(--token-accent);background:radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--token-accent) 22%, transparent), transparent 28%), var(--token-fill-subtle)}}@media (max-width:680px){.studio-exp__builder-card{grid-template-columns:1fr}.studio-exp__builder-action{justify-content:space-between}.studio-exp__template-head{display:grid}}.studio-exp__compose{align-items:start;gap:var(--space-md);grid-template-columns:minmax(0,1fr) auto;display:grid}.studio-exp__compose-fields{gap:var(--space-sm);min-width:0;display:grid}.studio-exp__field{gap:var(--space-2xs);flex:1;min-width:260px;display:grid}.studio-exp__input{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);width:100%;color:var(--token-text-primary);transition:border-color var(--dur-micro) var(--ease-out);outline:none;padding:12px 14px;font-size:15px}.studio-exp__input:focus{border-color:var(--token-accent)}.studio-exp__generate{margin-top:calc(13px * 1.3 + var(--space-2xs))}@media (max-width:680px){.studio-exp__compose{grid-template-columns:1fr}.studio-exp__generate{justify-content:center;width:100%;margin-top:0}}.studio-exp__warn,.studio-exp__error{margin:0;font-size:14px}.studio-exp__warn{color:var(--token-text-secondary)}.studio-exp__error{color:var(--token-danger,#ef4444)}.studio-exp__link-card{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);background:var(--token-fill-subtle);border:1px solid var(--token-border);flex-wrap:wrap;display:flex}.studio-exp__link-meta{gap:2px;min-width:0;display:grid}.studio-exp__link{color:var(--token-accent);word-break:break-all;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.studio-exp__link-actions{align-items:center;gap:var(--space-xs);display:flex}.studio-exp__preview-wrap{border-radius:var(--radius-md);border:1px solid var(--token-border);background:#fff;overflow:hidden}.studio-exp__preview-bar{justify-content:space-between;align-items:center;gap:var(--space-sm);background:var(--token-surface);border-bottom:1px solid var(--token-border);padding:8px 14px;display:flex}.studio-exp__preview-tools{align-items:center;gap:var(--space-xs);flex-wrap:wrap;justify-content:flex-end;display:inline-flex}.preview-viewport-toggle{border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-fill-subtle);gap:2px;padding:2px;display:inline-flex}.preview-viewport-toggle__btn{appearance:none;border-radius:var(--radius-pill,999px);color:var(--token-text-secondary);cursor:pointer;background:0 0;border:0;padding:5px 10px;font-size:12px;font-weight:700}.preview-viewport-toggle__btn.is-active{background:var(--token-surface);color:var(--token-text-primary);box-shadow:0 1px 2px #0f172a14}.studio-exp__preview{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;max-height:70vh;overflow:auto}.studio-exp__preview--mobile{background:#f6f7f8;justify-items:center;max-height:none;padding:18px;display:grid;overflow:visible}.studio-exp__preview--mobile>:not(.experience-live-preview){border-radius:30px;width:min(100%,390px);box-shadow:0 18px 50px #0f172a29}.experience-live-preview{background:#fff;height:70vh;min-height:620px}.experience-live-preview--mobile{border:1px solid #d9dde2;border-radius:30px;width:min(100%,390px);height:844px;min-height:0;margin:18px auto;overflow:hidden;box-shadow:0 18px 50px #0f172a29}.experience-live-preview__frame{background:#fff;border:0;width:100%;height:100%;display:block}@media (max-width:680px){.studio-exp__preview-bar,.studio-exp__preview-tools{align-items:flex-start}.studio-exp__preview-bar{flex-direction:column}.studio-exp__preview-tools{justify-content:flex-start}}.quiz-preview{background:radial-gradient(circle at 18% 12%,#2f95ec24,#0000 26%),radial-gradient(circle at 88% 18%,#7d27731a,#0000 24%),#f6f7f8;place-items:start center;padding:24px;display:grid}.quiz-phone{color:#121417;background:#eef1f2;border:1px solid #d9dde2;border-radius:34px;width:min(100%,390px);min-height:680px;font-family:Arial,Helvetica,sans-serif;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a29}.quiz-phone__handle{z-index:2;background:#1118272e;border-radius:999px;width:44px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.quiz-phone__close{color:#111827;background:#ffffffd1;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:24px;line-height:1;display:grid;position:absolute;top:25px;right:22px}.quiz-phone__logo{object-fit:contain;max-width:148px;max-height:34px;margin:48px 20px 12px;display:block}.quiz-phone__brand{letter-spacing:.08em;text-transform:uppercase;color:#6a7077;margin:50px 20px 12px;font-size:13px;font-weight:800}.quiz-phone__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6a7077;margin:42px 20px 8px;font-size:13px;font-weight:800}.quiz-phone__logo+.quiz-phone__eyebrow,.quiz-phone__brand+.quiz-phone__eyebrow{margin-top:8px}.quiz-phone__rule{background:#1118271c;height:1px;margin:0 20px 20px}.quiz-phone h2{letter-spacing:-.04em;margin:0 20px 18px;font-size:30px;font-weight:900;line-height:1.12}.quiz-phone p{color:#70757c;margin:0 20px 24px;font-size:18px;line-height:1.45}.quiz-phone__image{background:radial-gradient(circle at 34% 42%,#fffc 0 8%,#0000 9%),radial-gradient(circle at 64% 28%,#1118272e 0 9%,#0000 10%),linear-gradient(140deg,#b8aa9b 0%,#d7dce0 42%,#8d9aa5 100%);height:245px;position:relative}.quiz-phone__image span{filter:blur(1px);background:#49342461;border-radius:55% 45% 60% 40%;width:120px;height:78px;position:absolute;bottom:34px;left:34px}.quiz-card{background:#fffffff0;border-radius:22px;margin:-42px 12px 16px;padding:18px 14px 16px;position:relative;box-shadow:0 -4px 24px #0f172a1f}.quiz-card h3{letter-spacing:-.035em;margin:0 0 18px;font-size:24px;line-height:1.18}.quiz-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.quiz-options button{color:#2a2f36;text-align:left;background:#fff;border:1px solid #e4e6ea;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:10px 12px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #0f172a0a}.quiz-option-icon{border-radius:50%;flex:none;place-items:center;width:25px;height:25px;font-size:13px;font-weight:900;display:grid}.quiz-option-icon.green{color:#38a56a;background:#eaf8ef}.quiz-option-icon.orange{color:#e07925;background:#fff0e4}.quiz-option-icon.blue{color:#2587cf;background:#e8f4ff}.quiz-option-icon.pink{color:#cf4f80;background:#ffeaf3}.quiz-live-preview{background:radial-gradient(circle at 18% 12%,#2f95ec24,#0000 26%),radial-gradient(circle at 88% 18%,#7d27731a,#0000 24%),#f6f7f8;place-items:start center;padding:24px;display:grid}.quiz-live-phone{background:#fff;border:1px solid #d9dde2;border-radius:34px;width:min(100%,390px);height:720px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0f172a29}.quiz-live-phone__handle{z-index:2;background:#1118272e;border-radius:999px;width:44px;height:5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.quiz-live-phone__frame{background:#fff;border:0;width:100%;height:100%}.quiz-live-phone__state{color:#6f7680;text-align:center;place-items:center;height:100%;padding:32px;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;display:grid}.ai-vibe-composer{gap:var(--space-xs);border:1px solid var(--token-border);background:var(--token-surface);border-radius:28px;padding:12px;display:grid;box-shadow:0 12px 34px #0f172a14}.ai-vibe-composer--preview{margin-top:var(--space-md);border-radius:20px;box-shadow:0 4px 18px #0f172a0f}.ai-vibe-composer__prompt-row{align-items:start;gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto;display:grid}.ai-vibe-composer__input{resize:vertical;width:100%;min-height:118px;color:var(--token-text-primary);font:inherit;background:0 0;border:0;outline:0;padding:8px 10px;font-size:15px;line-height:1.5}.ai-vibe-composer__input::placeholder{color:var(--token-text-tertiary)}.ai-vibe-composer__send{white-space:nowrap;margin-top:6px}.ai-vibe-composer__bar{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ai-vibe-composer__select{border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-fill-subtle);min-width:190px;max-width:280px;color:var(--token-text-secondary);outline:0;padding:8px 12px;font-size:13px;font-weight:600}.ai-vibe-composer__draft-group{align-items:center;gap:var(--space-xs);flex-wrap:wrap;min-width:0;display:inline-flex}.ai-vibe-composer__draft{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--token-text-tertiary);font-size:12px;font-weight:600;overflow:hidden}.ai-vibe-composer__actions{align-items:center;gap:var(--space-xs);flex-wrap:wrap;margin-left:auto;display:flex}.ai-vibe-composer.is-dragging-image{border-color:var(--token-accent);background:linear-gradient(0deg, color-mix(in srgb, var(--token-accent) 8%, transparent), color-mix(in srgb, var(--token-accent) 8%, transparent)), var(--token-surface)}.ai-vibe-composer__references{gap:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--token-border);display:grid}.ai-vibe-composer__references-head,.ai-vibe-composer__reference-actions,.ai-vibe-composer__reference-row,.ai-vibe-composer__reference-list{align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ai-vibe-composer__references-head{justify-content:space-between}.ai-vibe-composer__file{display:none}.ai-vibe-composer__reference-row{align-items:stretch}.ai-vibe-composer__reference-input{resize:vertical;border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);min-width:260px;min-height:54px;color:var(--token-text-primary);outline:none;flex:1;padding:9px 11px;font-size:13px;line-height:1.4}.ai-vibe-composer__reference-input:focus{border-color:var(--token-accent)}.ai-vibe-composer__drop-hint{border:1px dashed color-mix(in srgb, var(--token-accent) 60%, var(--token-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--token-accent) 10%, var(--token-surface));min-height:46px;color:var(--token-accent);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ai-reference-chip{border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-fill-subtle);min-width:0;max-width:100%;color:var(--token-text-secondary);align-items:center;gap:6px;padding:5px 8px;font-size:12px;font-weight:600;display:inline-flex}.ai-reference-chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-reference-chip button{appearance:none;color:var(--token-text-tertiary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.ai-reference-chip button:hover:not(:disabled){color:var(--token-danger,#ef4444)}.ai-reference-chip button:disabled{cursor:not-allowed;opacity:.45}.ai-layout-library{gap:var(--space-xs);border-radius:var(--radius-lg);border:1px solid var(--token-border);background:var(--token-surface);padding:12px;display:grid}.ai-layout-library__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.ai-layout-library__list{gap:6px;display:grid}.ai-layout-library__item{border:1px solid var(--token-border);border-radius:var(--radius-md);background:var(--token-fill-subtle);color:inherit;transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);align-items:center;gap:0;display:flex}.ai-layout-library__item.is-active{border-color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 8%, var(--token-surface))}.ai-layout-library__select{appearance:none;color:inherit;justify-content:space-between;align-items:center;gap:var(--space-sm);text-align:left;cursor:pointer;background:0 0;border:none;flex:1;min-width:0;padding:10px 12px;display:flex}.ai-layout-library__select[aria-disabled=true]{cursor:not-allowed;opacity:.65}.ai-layout-library__delete{appearance:none;color:var(--token-text-tertiary);border-radius:0 var(--radius-md) var(--radius-md) 0;cursor:pointer;transition:color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 10px;display:flex}.ai-layout-library__delete:hover{color:var(--token-danger,#e53e3e);background:color-mix(in srgb, var(--token-danger,#e53e3e) 10%, transparent)}.ai-layout-library__delete:disabled{cursor:not-allowed;opacity:.4}.ai-layout-library__meta{gap:2px;min-width:0;display:grid}.ai-layout-library__name{appearance:none;color:var(--token-text-primary);cursor:text;font:inherit;text-align:left;overflow-wrap:anywhere;background:0 0;border:0;padding:0;font-size:14px;font-weight:700}.ai-layout-library__name:disabled{cursor:not-allowed}.ai-layout-library__rename-input{border:1px solid var(--token-accent);border-radius:var(--radius-sm);background:var(--token-surface);width:min(100%,360px);min-width:180px;color:var(--token-text-primary);font:inherit;outline:none;padding:4px 6px;font-size:14px;font-weight:700}.ai-layout-library__meta span,.ai-layout-library__empty{color:var(--token-text-tertiary);font-size:12px}.ai-layout-library__status-actions{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;flex-shrink:0;display:inline-flex}.ai-layout-library__empty{margin:0}.ai-layout-preview-bar,.ai-layout-flags{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.ai-layout-flags{flex-wrap:wrap;justify-content:flex-end}.ai-layout-preview-empty{align-content:center;place-items:center;gap:var(--space-xs);min-height:100%;padding:var(--space-xl);color:var(--token-text-secondary);text-align:center;background:radial-gradient(circle at 18% 16%, color-mix(in srgb, var(--token-accent) 12%, transparent), transparent 28%), #fff;display:grid}.ai-layout-preview-empty strong{color:var(--token-text-primary)}.ai-layout-preview-empty span{max-width:360px;font-size:14px;line-height:1.5}.ai-layout-history{gap:var(--space-xs);border-top:1px solid var(--token-border);background:var(--token-surface);padding:12px;display:grid}.ai-layout-history__head{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ai-layout-history__title{color:var(--token-text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.ai-layout-history__list{gap:6px;display:grid}.ai-layout-history__item{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-fill-subtle);gap:3px;padding:8px 10px;display:grid}.ai-layout-history__item-main{justify-content:space-between;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.ai-layout-history__item-main strong{color:var(--token-text-primary);font-size:13px}.ai-layout-history__item-main span,.ai-layout-history__note,.ai-layout-history__empty{color:var(--token-text-tertiary);font-size:12px}.ai-layout-history__note{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ai-layout-history__empty{margin:0}@media (max-width:680px){.ai-vibe-composer__prompt-row{grid-template-columns:1fr}.ai-vibe-composer__send{justify-content:center;width:100%;margin-top:0}.ai-vibe-composer__select,.ai-vibe-composer__actions{width:100%}.ai-vibe-composer__actions{justify-content:stretch}.ai-vibe-composer__reference-input{width:100%;min-width:0}}@media (max-width:520px){.quiz-preview,.quiz-live-preview{padding:12px}.quiz-phone{border-radius:28px}.quiz-live-phone{border-radius:28px;height:680px}.quiz-options{grid-template-columns:1fr}}.studio-exp__modes{width:fit-content}.art-list-wrap{gap:var(--space-md);display:grid}.art-list-toolbar{justify-content:space-between;align-items:center;display:flex}.art-list-skeleton{gap:var(--space-xs);display:grid}.art-table{border:1px solid var(--token-border);border-radius:var(--radius-md);background:var(--token-surface);display:grid;overflow:hidden}.art-table__head,.art-table__row{align-items:center;gap:var(--space-sm);padding:12px var(--space-md);grid-template-columns:minmax(0,2.4fr) 1fr .7fr 1.1fr .9fr 156px;display:grid}.art-table__row{align-items:start}.art-table__head{text-transform:uppercase;letter-spacing:.05em;color:var(--token-text-tertiary);background:var(--token-fill-subtle);border-bottom:1px solid var(--token-border);font-size:11px;font-weight:700}.art-table__row{border-bottom:1px solid var(--token-border);cursor:pointer;transition:background var(--dur-micro) var(--ease-out)}.art-table__row:last-child{border-bottom:0}@media (hover:hover){.art-table__row:hover{background:var(--token-fill-subtle)}}.art-table__row:focus-visible{outline:2px solid var(--token-accent);outline-offset:-2px}.art-table__title{gap:2px;min-width:0;display:grid}.art-table__title-text{color:var(--token-text-primary);overflow-wrap:anywhere;font-weight:600}.art-table__slug{color:var(--token-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.art-table__muted{color:var(--token-text-secondary);font-size:13px}.art-table__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.art-preview-link{border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-surface);width:fit-content;color:var(--token-text-primary);white-space:nowrap;transition:border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.art-preview-link:hover{border-color:var(--token-accent);color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 7%, var(--token-surface))}.art-preview-link--table{padding:5px 9px;font-size:12px}.art-preview-link--compact{flex:none;padding:5px 9px;font-size:12px}.art-action-button,.art-delete-button{border-radius:var(--radius-pill,999px);background:var(--token-surface);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), opacity var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:5px;padding:5px 9px;font-size:12px;font-weight:700;display:inline-flex}.art-action-button{border:1px solid var(--token-border);color:var(--token-text-primary)}.art-action-button:hover:not(:disabled){border-color:var(--token-accent);color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 7%, var(--token-surface))}.art-delete-button{border:1px solid color-mix(in srgb, var(--token-danger,#ef4444) 24%, var(--token-border));color:var(--token-danger,#ef4444)}.art-delete-button:hover:not(:disabled){border-color:var(--token-danger,#ef4444);background:color-mix(in srgb, var(--token-danger,#ef4444) 8%, var(--token-surface))}.art-action-button:disabled,.art-delete-button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:760px){.art-table__head{display:none}.art-table__row{grid-template-columns:1fr auto;grid-template-areas:"title open""meta1 meta1""meta2 meta2""meta3 meta3""meta4 meta4";row-gap:6px}.art-table__title{grid-area:title}.art-table__actions{grid-area:open}.art-table__muted:nth-of-type(2){grid-area:meta1;justify-self:start}.art-table__muted:nth-of-type(2):before{content:"Variants "}.art-table__muted:nth-of-type(3){grid-area:meta2;justify-self:start}.art-table__muted:nth-of-type(3):before{content:"Segments "}.art-table__muted:nth-of-type(4){grid-area:meta3;justify-self:start}.art-table__muted:nth-of-type(4):before{content:"Ordering "}.art-table__muted:before{color:var(--token-text-secondary);font-weight:600}.art-table__row>[role=cell]:nth-child(5){grid-area:meta4;justify-self:start;align-items:center;gap:6px;display:flex}.art-table__row>[role=cell]:nth-child(5):before{content:"Images";color:var(--token-text-secondary);font-size:13px;font-weight:600}.art-detail__title-row,.art-tab-desc-row{justify-content:stretch;display:grid}.art-preview-link,.art-preview-link--compact,.art-action-button,.art-delete-button{justify-self:start}}.art-status{border-radius:var(--radius-pill,999px);background:var(--token-fill-subtle);color:var(--token-text-secondary);align-items:center;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.art-status--complete{color:var(--status-success-text);background:#16a34a29}@media (prefers-color-scheme:light){.art-status--complete{color:#0e6e34}}.art-status--running{color:var(--status-warning-text);background:#f59e0b2e}.art-status--failed{color:var(--status-error-text);background:#ef444429}.art-detail{gap:var(--space-md);display:grid}.art-detail__head{gap:4px;display:grid}.art-detail__title-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.art-detail__title{margin:0}.art-detail__url{color:var(--token-accent);word-break:break-all;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.art-layouts{gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--token-border);border-radius:var(--radius-md);background:var(--token-surface-subtle,transparent);display:grid}.art-layouts__head{flex-wrap:wrap;align-items:baseline;gap:6px 12px;display:flex}.art-layouts__title{color:var(--token-text-primary);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.art-layouts__hint{color:var(--token-text-tertiary);font-size:12px}.art-layouts__hint code{font-size:11px}.art-layouts__list{gap:var(--space-xs);flex-wrap:wrap;display:flex}.art-layout-chip{border:1px solid var(--token-border);border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:inline-flex}.art-layout-chip.is-default{border-color:var(--token-accent)}.art-layout-chip__label{color:var(--token-text-primary);font-weight:600}.art-layout-chip__badge{letter-spacing:.04em;text-transform:uppercase;background:var(--token-accent);color:#fff;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:700}.art-overview{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.art-stat{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--token-border);background:var(--token-surface);gap:4px;display:grid}.art-stat__label{text-transform:uppercase;letter-spacing:.05em;color:var(--token-text-tertiary);font-size:11px;font-weight:700}.art-stat__value{color:var(--token-text-primary);font-size:16px;font-weight:600}.art-stat__value--sm{color:var(--token-text-secondary);font-size:13px;font-weight:500}.art-stat-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.art-weights{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.art-weight-chip{border-radius:var(--radius-pill,999px);background:var(--token-fill-subtle);border:1px solid var(--token-border);color:var(--token-text-secondary);padding:4px 10px;font-size:12px;font-weight:600}.art-tabs{gap:var(--space-2xs);border-bottom:1px solid var(--token-border);display:flex}.art-tab{appearance:none;color:var(--token-text-secondary);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:5px;margin-bottom:-1px;padding:10px 4px;font-size:14px;font-weight:600;display:inline-flex}.art-tab+.art-tab{margin-left:var(--space-md)}.art-tab.is-active{color:var(--token-text-primary);border-bottom-color:var(--token-accent)}.art-tab-desc{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.55}.art-tab-desc-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);display:flex}.art-panel{gap:var(--space-md);padding-top:var(--space-xs);display:grid}.art-panel__note{color:var(--token-text-secondary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);background:var(--token-fill-subtle);border:1px solid var(--token-border);font-size:13px;line-height:1.5}.art-panel__actions{justify-content:flex-end;display:flex}.art-section{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--token-border);background:var(--token-surface);display:grid}.art-section--template-title-card,.art-section--template-slots{background:0 0;border:0;padding:0}.art-section__head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.art-section__title{color:var(--token-text-primary);align-items:center;gap:5px;margin:0;font-size:15px;font-weight:700;display:inline-flex}.art-info{color:var(--token-text-tertiary);cursor:help;outline-offset:2px;transition:color var(--dur-micro) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.art-info:hover,.art-info:focus-visible{color:var(--token-accent)}.art-row{justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.art-row--toggle{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--token-border);background:var(--token-surface)}.art-row__title{color:var(--token-text-primary);font-weight:600}.art-row__sub{color:var(--token-text-tertiary);margin-top:2px;font-size:13px;display:block}.art-empty-note,.art-hint{color:var(--token-text-tertiary);margin:0;font-size:13px}.art-input,.art-select{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);width:100%;color:var(--token-text-primary);transition:border-color var(--dur-micro) var(--ease-out);outline:none;padding:9px 11px;font-size:14px}.art-input:focus,.art-select:focus{border-color:var(--token-accent)}.art-input--num{text-align:right;width:90px}.art-input--sm{padding:6px 9px;font-size:13px}.art-field{gap:4px;display:grid}.art-field__label{color:var(--token-text-tertiary);font-size:12px;font-weight:600}.art-content-meta{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));display:grid}.art-target-pills{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.art-content-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.art-content-field{align-content:start}.art-template-editor{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:#111;background:#fff;display:grid}.art-template-hero{gap:var(--space-lg);grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:start;display:grid}.art-template-hero__copy,.art-template-hero__media{gap:var(--space-sm);display:grid}.art-template-title-card{gap:var(--space-sm);background:#f5f5f5;border:0;border-radius:2px;align-items:center;min-height:130px;padding:18px 24px;display:grid}.art-inline-editable{cursor:text;min-width:0;transition:box-shadow var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);border-radius:8px;outline:none;position:relative}.art-inline-editable:after{content:"Double click to edit";background:var(--token-accent);color:#fff;opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);border-radius:999px;padding:2px 6px;font-size:10px;font-weight:800;position:absolute;top:-10px;right:8px;transform:translateY(3px)}.art-inline-editable:hover,.art-inline-editable:focus-visible{background:color-mix(in srgb, var(--token-accent) 8%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--token-accent) 34%, transparent)}.art-inline-editable:hover:after,.art-inline-editable:focus-visible:after{opacity:1;transform:translateY(0)}.art-inline-editable--text{white-space:pre-wrap}.art-inline-editable--image{cursor:pointer}.art-inline-editable--image img{object-fit:cover;border-radius:12px;width:100%;display:block}.art-inline-placeholder{color:var(--token-text-tertiary);font-style:italic}.art-content-field--headline .art-content-textarea{letter-spacing:-.02em;min-height:92px;font-size:24px;font-weight:800;line-height:1.18}.art-content-field--intro .art-content-textarea,.art-content-field--reason-body .art-content-textarea{min-height:150px}.art-content-field--section-heading .art-input,.art-content-field--section-heading .art-content-textarea{font-size:20px;font-weight:800;line-height:1.25}.art-content-field--cta .art-input{background:var(--token-accent);border-color:var(--token-accent);color:#fff;text-align:center;border-radius:8px;max-width:280px;font-weight:800}.art-content-field--hero-image .art-content-image-preview{min-height:240px}.art-content-field--headline.art-inline-editable{letter-spacing:-.02em;color:#000;font-size:36px;font-weight:800;line-height:42px}.art-content-field--intro.art-inline-editable{color:#333;max-width:820px;font-size:15px;line-height:23px}.art-content-field--cta.art-inline-editable{color:#fff;background:#2f95ec;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:max-content;min-width:240px;padding:12px 20px;font-size:15px;font-weight:800;display:inline-flex;box-shadow:0 3px 8px #2f95ec40}.art-content-field--cta.art-inline-editable:before{content:""}.art-content-field--cta.art-inline-editable:after{top:-18px}.art-content-field--hero-image.art-inline-editable img{max-height:310px}.art-content-field--section-heading.art-inline-editable{color:#000;font-size:31px;font-weight:800;line-height:36px}.art-template-title-card .art-inline-editable:not(.art-content-field--section-heading){color:#666;max-width:680px;font-size:14px;line-height:21px}.art-template-slots{border-radius:var(--radius-md);border:1px solid var(--token-border);color:#111;background:#fff;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:28px 24px;display:grid}.art-slot-field--heading{color:#111;grid-column:1/-1;font-size:28px;font-weight:800;line-height:34px}.art-slot-field--body{color:#222;grid-column:span 2;font-size:16px;line-height:1.62}.art-slot-field--blurb{color:#222;font-size:16px;line-height:1.5}.art-slot-field--image img{object-fit:cover;min-height:220px;max-height:360px}.art-slot-field--cta{color:#fff;background:#111;border-radius:6px;justify-content:center;align-items:center;width:max-content;padding:11px 18px;font-weight:800;display:inline-flex}.art-onepager-readmore{border-radius:var(--radius-md);border:1px solid var(--token-border);color:#111;background:#fff;gap:22px;padding:28px 24px;display:grid}.art-onepager-readmore__top{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.art-slot-field--readmore-label{color:#fff;background:#111;border-radius:999px;justify-content:center;align-items:center;width:max-content;padding:10px 16px;font-size:13px;font-weight:800;display:inline-flex}.art-slot-field--trust{color:#555;text-align:right;justify-self:end;max-width:360px;font-size:15px;line-height:1.45}.art-slot-field--readmore-note{color:#222;max-width:760px;font-size:18px;font-weight:700;line-height:1.45}.art-slot-field--readmore-text{color:#222;max-width:760px;font-size:16px;line-height:1.68}@media (max-width:860px){.art-template-slots{grid-template-columns:1fr}.art-slot-field--body{grid-column:auto}.art-onepager-readmore__top{grid-template-columns:1fr}.art-slot-field--trust{text-align:left;justify-self:start}}.art-content-textarea{resize:vertical;min-height:112px;line-height:1.5}.art-content-image-preview{border-radius:var(--radius-sm);border:1px solid var(--token-border);background-color:var(--token-fill-subtle);background-position:50%;background-size:cover;width:100%;min-height:160px}.art-content-file{border:1px dashed var(--token-border-medium,var(--token-border));border-radius:var(--radius-sm);width:fit-content;color:var(--token-text-secondary);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;display:inline-flex}.art-content-file:hover{border-color:var(--token-accent);color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 7%, var(--token-surface))}.art-content-file input{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.art-content-reasons{gap:var(--space-md);display:grid}.art-content-reason{background:#fff;border:1px solid #e1e5ea;border-radius:10px;grid-template-columns:58px minmax(0,1fr) minmax(260px,38%);align-items:center;gap:22px;padding:18px 24px;display:grid;box-shadow:0 2px 9px #0000000d}.art-content-reason__number,.art-content-reason__copy,.art-content-reason__media{gap:var(--space-sm);display:grid}.art-content-reason__number{color:#d9d9d9}.art-content-reason__number .art-field__label{display:none}.art-content-field--reason-number .art-input{color:color-mix(in srgb, var(--token-text-tertiary) 70%, transparent);text-align:center;background:0 0;border-color:#0000;padding-inline:0;font-size:30px;font-weight:800}.art-content-field--reason-number.art-inline-editable{color:#d9d9d9;text-align:center;font-size:36px;font-weight:800;line-height:40px}.art-content-field--reason-title .art-input{font-size:18px;font-weight:800;line-height:1.25}.art-content-field--reason-title.art-inline-editable{color:#111;margin-bottom:2px;font-size:21px;font-weight:800;line-height:26px}.art-content-field--reason-subtitle .art-input{font-weight:800}.art-content-field--reason-subtitle.art-inline-editable{color:#333;font-size:14px;font-weight:800}.art-content-field--reason-body.art-inline-editable{color:#444;font-size:14px;line-height:22px}.art-content-field--reason-image .art-content-image-preview{background-repeat:no-repeat;background-size:contain;min-height:190px}.art-content-field--reason-image.art-inline-editable img{object-fit:contain;background:0 0;max-height:260px}.art-content-field.is-editing{padding:var(--space-sm);border:1px solid var(--token-border);border-radius:var(--radius-sm);background:var(--token-surface)}@media (max-width:860px){.art-template-hero,.art-content-reason{grid-template-columns:1fr}.art-content-reason__number{max-width:92px}}.art-uploaded-list{gap:var(--space-xs);display:grid}.art-uploaded-link{padding:var(--space-xs) var(--space-sm);border:1px solid var(--token-border);border-radius:var(--radius-sm);color:var(--token-text-secondary);overflow-wrap:anywhere;gap:2px;text-decoration:none;display:grid}.art-uploaded-link span:first-child{color:var(--token-text-primary);font-weight:700}.art-inline-field{gap:4px;display:grid}.art-switch{background:var(--token-border-medium,#cbd5e1);cursor:pointer;width:44px;height:26px;transition:background var(--dur-micro) var(--ease-out);border:0;border-radius:999px;flex:none;position:relative}.art-switch[aria-checked=true]{background:var(--token-accent)}.art-switch__thumb{width:20px;height:20px;transition:transform var(--dur-micro) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a4d}.art-switch[aria-checked=true] .art-switch__thumb{transform:translate(18px)}.art-variant-list{gap:var(--space-xs);display:grid}.art-variant-row{align-items:center;gap:var(--space-sm);grid-template-columns:minmax(0,1fr) auto auto;display:grid}.art-variant-row--bucket{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-fill-subtle);grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:10px 12px}.art-bucket-meta{gap:2px;min-width:0;display:grid}.art-bucket-name{color:var(--token-text-primary);font-weight:600}.art-weight-input{align-items:center;gap:4px;display:inline-flex}.art-weight-suffix{color:var(--token-text-tertiary);font-size:13px}.art-weight-total{color:var(--token-text-tertiary);font-size:12px;font-weight:600}.art-weight-total.is-ok{color:#15803d}.art-decl-list{gap:var(--space-sm);display:grid}.art-decl-card{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-fill-subtle);display:grid}.art-decl-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.art-option-grid{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.art-option{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);gap:6px;padding:8px 10px;display:grid}.art-option.is-on{border-color:var(--token-accent)}.art-option__check{color:var(--token-text-primary);cursor:pointer;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.art-served-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.art-served-item{justify-content:space-between;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border);padding:8px 10px;font-size:13px;display:flex}.art-served-meta{color:var(--token-text-tertiary);font-size:12px}.art-meta-pill{color:var(--token-text-tertiary);font-size:12px;font-weight:600}.art-preset-row{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.art-preset-row__label{color:var(--token-text-tertiary);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.art-seg-list{gap:var(--space-sm);display:grid}.art-seg-card{gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-fill-subtle);display:grid}.art-seg-head{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.art-seg-title{color:var(--token-text-secondary);font-size:13px;font-weight:600}.art-seg-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.art-seg-options{align-items:center;gap:10px var(--space-md);flex-wrap:wrap;display:flex}.art-seg-options>.art-field__label{width:100%}.art-checkbox-row{color:var(--token-text-primary);cursor:pointer;align-items:flex-start;gap:10px;font-size:13px;font-weight:600;display:flex}.art-checkbox-row input{margin-top:2px}.art-seg-actions{justify-content:flex-end;display:flex}.art-actions-row{align-items:flex-end;gap:var(--space-md);flex-wrap:wrap;display:flex}.art-reorder-group{align-items:flex-end;gap:var(--space-sm);display:flex}.art-product-refresh-field{min-width:150px}.art-product-refresh-field--query{flex:260px;min-width:min(320px,100%)}.art-order-table{border-collapse:collapse;width:100%;font-size:13px}.art-order-table th,.art-order-table td{text-align:left;border-bottom:1px solid var(--token-border);padding:8px 10px}.art-order-table th{text-transform:uppercase;letter-spacing:.05em;color:var(--token-text-tertiary);font-size:11px;font-weight:700}.art-order-table--products{table-layout:fixed;width:100%}.art-order-table--products td{vertical-align:top}.art-order-table--products th:first-child,.art-order-table--products td:first-child{width:36px}.art-order-table--products th:nth-child(2),.art-order-table--products td:nth-child(2){width:42%}.art-order-table--products th:last-child,.art-order-table--products td:last-child{width:16%}.art-order-rank{width:36px;color:var(--token-text-primary);font-weight:700}.art-order-ref{color:var(--token-text-tertiary)}.art-product-previews{gap:var(--space-md);display:grid}.art-product-preview{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--token-border);background:var(--token-fill-subtle);display:grid}.art-product-preview__head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);flex-wrap:wrap;display:flex}.art-product-preview__meta{color:var(--token-text-tertiary);margin-top:2px;font-size:12px;display:block}.art-product-preview__switcher{flex-wrap:wrap;gap:6px;display:flex}.art-product-preview__tab{border:1px solid var(--token-border);border-radius:var(--radius-pill,999px);background:var(--token-surface);color:var(--token-text-secondary);cursor:pointer;padding:6px 10px;font-size:12px;font-weight:700}.art-product-preview__tab.is-active{border-color:color-mix(in srgb, var(--token-accent) 42%, var(--token-border));background:color-mix(in srgb, var(--token-accent) 10%, var(--token-surface));color:var(--token-accent)}.art-product-cell{vertical-align:top;gap:3px;display:grid}.art-product-cell strong{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.art-product-cell code{color:var(--token-text-tertiary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.art-product-url{color:var(--token-text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:0;font-size:12px;overflow:hidden}.art-icon-btn{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);width:32px;height:32px;color:var(--token-text-tertiary);cursor:pointer;transition:color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.art-icon-btn:hover{color:var(--token-danger,#ef4444);border-color:var(--token-border-medium)}.art-matrix-badge{border-radius:var(--radius-pill,999px);background:var(--token-fill-subtle);color:var(--token-text-secondary);white-space:nowrap;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.art-matrix-badge.is-ok{color:#15803d;background:#16a34a29}.art-matrix-badge.is-warn{color:#b45309;background:#f59e0b2e}.art-matrix-badge.is-generating{color:#1d4ed8;background:#3b82f629}.art-matrix-cell.is-generating{background:#3b82f61a;box-shadow:inset 0 0 0 1px #3b82f638}.art-matrix-cell__generating{color:#1d4ed8;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.art-spin{animation:.9s linear infinite art-matrix-spin}@keyframes art-matrix-spin{to{transform:rotate(360deg)}}.art-matrix-warning{color:#b45309;margin:0;font-size:13px;font-weight:600}.art-matrix-scroll{overflow-x:auto}.art-matrix-derived-note{margin-bottom:var(--space-sm)}.art-matrix-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.art-matrix-table th,.art-matrix-table td{border-bottom:1px solid var(--token-border);border-right:1px solid var(--token-border);text-align:left;vertical-align:middle;padding:8px 10px}.art-matrix-table thead th{text-transform:uppercase;letter-spacing:.04em;color:var(--token-text-tertiary);background:var(--token-fill-subtle);white-space:nowrap;font-size:11px;font-weight:700}.art-matrix-table th:last-child,.art-matrix-table td:last-child{border-right:0}.art-matrix-corner,.art-matrix-row-head{text-align:left;color:var(--token-text-primary);background:var(--token-surface);white-space:nowrap;font-weight:700;position:sticky;left:0}.art-matrix-corner{background:var(--token-fill-subtle)}.art-matrix-cell.is-filled{background:#16a34a14}.art-matrix-cell.is-missing{background:#f59e0b14}.art-matrix-table tr.is-missing td{background:#f59e0b12}.art-matrix-cell__body{justify-items:center;gap:5px;display:inline-grid}.art-matrix-cell__count{color:#15803d;align-items:center;gap:4px;font-weight:700;display:inline-flex}.art-matrix-cell__gen{border-radius:var(--radius-pill,999px);border:1px solid color-mix(in srgb, var(--token-accent) 42%, var(--token-border));background:color-mix(in srgb, var(--token-accent) 10%, var(--token-surface));min-width:82px;min-height:26px;color:var(--token-accent);cursor:pointer;transition:background var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.art-matrix-cell__gen:hover:not(:disabled){background:color-mix(in srgb, var(--token-accent) 18%, var(--token-surface))}.art-matrix-cell__gen:disabled{opacity:.55;cursor:not-allowed}.art-matrix-cell__regen{border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-surface);min-height:24px;color:var(--token-text-secondary);cursor:pointer;transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);justify-content:center;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.art-matrix-cell__regen:hover:not(:disabled){background:color-mix(in srgb, var(--token-accent) 12%, var(--token-surface));border-color:color-mix(in srgb, var(--token-accent) 40%, var(--token-border));color:var(--token-accent)}.art-matrix-cell__regen:disabled{opacity:.55;cursor:not-allowed}.art-matrix-cell__preview{color:var(--token-accent);align-items:center;gap:3px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.art-matrix-cell__preview:hover{text-decoration:underline}.art-matrix-stack{gap:3px;display:grid}.art-matrix-stack strong{color:var(--token-text-primary);font-weight:700}.art-matrix-stack code,.art-matrix-params code,.art-matrix-token{color:var(--token-text-tertiary);word-break:break-word;font-size:12px}.art-matrix-empty{gap:var(--space-sm);display:grid}.art-matrix-dimensions{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.art-matrix-dimensions span{color:var(--token-text-secondary);border-radius:var(--radius-pill,999px);border:1px solid var(--token-border);background:var(--token-fill-subtle);padding:4px 10px;font-size:12px}.art-matrix-weight-input{color:var(--token-text-secondary);grid-template-columns:48px 56px auto;align-items:center;gap:4px;font-size:12px;display:grid}.art-matrix-weight-input input{border-radius:var(--radius-sm);border:1px solid var(--token-border);background:var(--token-surface);width:56px;color:var(--token-text-primary);padding:5px 7px;font-size:12px}.art-matrix-actions{align-items:center;gap:8px;display:inline-flex}.art-matrix-table--grid{table-layout:fixed;min-width:520px}.art-matrix-table--grid th,.art-matrix-table--grid td{text-align:center;vertical-align:middle}.art-matrix-col-head{width:150px;min-width:150px;max-width:150px;overflow:hidden}.art-matrix-col-head__inner{flex-direction:column;align-items:center;gap:4px;max-width:100%;padding:2px 0;display:flex;position:relative}.art-matrix-col-head__label{color:var(--token-text-primary);text-transform:none;letter-spacing:normal;text-overflow:ellipsis;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.art-matrix-col-head__id{color:var(--token-text-tertiary);word-break:break-all;font-size:10px;font-weight:400}.art-matrix-col-head__meta{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.art-matrix-col-head__chip{border-radius:var(--radius-pill,999px);background:color-mix(in srgb, var(--token-accent) 12%, transparent);color:var(--token-accent);white-space:nowrap;padding:1px 6px;font-size:10px;font-weight:600}.art-matrix-row-head__inner{align-items:center;gap:6px;display:flex}.art-matrix-row-head__label{color:var(--token-text-primary);font-size:12px;font-weight:700}.art-matrix-remove-btn{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--token-text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.art-matrix-col-head__inner:hover .art-matrix-remove-btn,.art-matrix-row-head__inner:hover .art-matrix-remove-btn,.art-matrix-remove-btn:focus-visible{opacity:1}.art-matrix-remove-btn:hover{color:var(--token-danger,#ef4444)}.art-matrix-add-col{text-align:center;vertical-align:middle;width:44px}.art-matrix-add-row{text-align:left;padding:10px}.art-matrix-add-row__btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.art-matrix-add-btn{border-radius:var(--radius-pill,999px);border:1px dashed var(--token-border-medium);color:var(--token-text-secondary);cursor:pointer;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);background:0 0;align-items:center;gap:4px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.art-matrix-add-btn--icon{padding:5px 8px}.art-matrix-add-btn:hover:not(:disabled){background:color-mix(in srgb, var(--token-accent) 10%, transparent);border-color:var(--token-accent);color:var(--token-accent)}.art-matrix-add-btn:disabled{opacity:.4;cursor:not-allowed}.art-matrix-layout-cell{border-right:2px solid var(--token-border-medium);background:var(--token-fill-subtle)}.art-matrix-cell--spacer{border-bottom:0;width:44px}.art-matrix-cell__empty{color:#b45309;font-size:11px;font-weight:600}.art-matrix-cell__actions{flex-direction:column;align-items:center;gap:4px;display:flex}.art-matrix-corner__label{color:var(--token-text-tertiary);text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:600}.art-matrix-add-form{border:1px solid var(--token-border);border-radius:var(--radius-md);padding:var(--space-sm);margin-top:var(--space-sm);background:var(--token-fill-subtle)}.art-matrix-add-form__head{color:var(--token-text-secondary);margin-bottom:var(--space-2xs);align-items:center;gap:6px;font-size:13px;display:flex}.art-matrix-add-form__body{align-items:flex-end;gap:var(--space-xs);flex-wrap:wrap;display:flex}.art-matrix-add-form__field{color:var(--token-text-secondary);gap:3px;min-width:140px;font-size:12px;display:grid}.art-matrix-add-form__field--wide{min-width:220px}.art-matrix-add-form__field .art-select,.art-matrix-add-form__field .art-input{width:100%}.art-matrix-add-form__detail{flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:flex}.art-matrix-detail-chip{border-radius:var(--radius-pill,999px);background:var(--token-fill-subtle);border:1px solid var(--token-border);color:var(--token-text-secondary);white-space:nowrap;align-items:center;gap:3px;padding:3px 8px;font-size:11px;display:inline-flex}.art-matrix-detail-chip strong{color:var(--token-text-primary);font-weight:700}.art-matrix-generate-all{margin-top:var(--space-sm);align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}
.studio-shell.view-store .studio-content,.studio-shell.view-canvas .studio-content{flex-direction:column;display:flex}.studio-shell .site-canvas{flex:1 0 auto;min-height:0}.studio-shell .store-nav-wrap{display:contents}@media (min-width:640px){.studio-shell{--bleed-left:var(--nav-rail-width-collapsed);--bleed-right:0px}.studio-shell .site-canvas{overflow:visible}.studio-shell.view-store .studio-content,.studio-shell.view-canvas .studio-content{overscroll-behavior:contain}.studio-shell .store-nav,.studio-shell .sub-nav,.studio-shell .promo-scroll,.studio-shell .home-section .store-content{max-width:none;margin-left:calc(-1 * var(--bleed-left,0px));margin-right:calc(-1 * var(--bleed-right,0px));padding-left:calc(var(--bleed-left,0px) + var(--studio-gutter));padding-right:calc(var(--bleed-right,0px) + var(--studio-gutter));scroll-padding-left:calc(var(--bleed-left,0px) + var(--studio-gutter));scroll-padding-right:calc(var(--bleed-right,0px) + var(--studio-gutter));transition:margin var(--dur-route) var(--ease-in-out), padding var(--dur-route) var(--ease-in-out)}}@media (min-width:1024px){.studio-shell{--bleed-left:var(--nav-rail-width)}.studio-shell.is-editing{--bleed-left:var(--nav-rail-width-collapsed);--bleed-right:calc(var(--studio-inspector-width) + 16px)}.studio-shell.is-marti-open{--bleed-left:var(--nav-rail-width-collapsed);--bleed-right:calc(var(--studio-marti-width) + 16px)}}@media (max-width:639.98px){.studio-shell .store-nav{top:56px}}@media (min-width:640px){.studio-shell .store-nav{top:0}}.studio-store__empty{padding:var(--space-2xl) var(--space-lg);flex:1;place-items:center;display:grid}.store-customize{border-radius:var(--radius-full);background:var(--token-fill-subtle);border:1px solid var(--glass-border);min-height:44px;color:var(--token-text-secondary);cursor:pointer;transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);flex:none;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:500;display:inline-flex}.store-customize:hover{background:var(--token-fill-light);color:var(--token-text-primary)}.store-customize:focus-visible{outline:2px solid var(--token-accent);outline-offset:2px}.store-customize svg{flex:none}@media (max-width:639.98px){.store-customize{justify-content:center;width:44px;padding:0}.store-customize span{display:none}}.studio-store-skeleton{gap:var(--space-lg);padding:var(--space-lg) var(--studio-gutter,var(--space-lg)) var(--space-3xl);flex-direction:column;display:flex}.studio-store-skeleton__header{justify-content:center;display:flex}.studio-store-skeleton__nav{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.studio-store-skeleton__grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));width:100%;max-width:1100px;margin-inline:auto;display:grid}.studio-store-skeleton__card{gap:var(--space-2xs);flex-direction:column;display:flex}
.studio-settings{max-width:1040px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-settings{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.studio-settings__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.studio-settings__header-text{gap:var(--space-3xs);display:grid}.studio-settings__account-link{border:1px solid var(--token-border);border-radius:var(--radius-full);background:var(--token-fill-subtle);color:var(--token-text-primary);letter-spacing:-.01em;cursor:pointer;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);flex-shrink:0;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-family:inherit;font-size:13px;font-weight:590;display:inline-flex}@media (hover:hover){.studio-settings__account-link:hover{background:var(--token-fill-light);border-color:var(--token-border-strong)}}.studio-settings__account-link:focus-visible{outline:2px solid var(--brand-color,var(--token-accent));outline-offset:2px}.studio-settings__eyebrow{color:var(--token-accent-text)}.studio-settings__title{color:var(--token-text-primary)}.studio-settings__subtitle{max-width:58ch;color:var(--token-text-secondary)}.studio-settings__content{gap:var(--space-md);min-width:0;display:grid}@media (min-width:960px){.studio-settings__content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.studio-settings__content>.sb-section:first-child,.studio-settings__content>.brand-danger-zone,.studio-settings__content>.studio-settings__loading,.studio-settings__content>.studio-settings__save,.studio-settings__content>.studio-settings__card-wrap--full{grid-column:1/-1}}.studio-settings__card-wrap{min-width:0;display:grid}.studio-settings__card-wrap>.sb-section{min-width:0}.studio-settings .sb-section{gap:var(--space-md);min-width:0;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);box-shadow:none;align-content:start;margin:0;display:grid}.studio-settings .sb-section-title{align-items:center;gap:var(--space-sm);letter-spacing:-.01em;color:var(--token-text-primary);margin:0;font-size:15px;font-weight:600;line-height:1.3;display:flex}.studio-settings .settings-section-icon{width:24px;height:24px;color:var(--token-accent);flex:none;display:inline-flex}.studio-settings .settings-section-icon svg{width:24px;height:24px}.studio-settings .settings-title-label{align-items:center;gap:var(--space-sm);display:inline-flex}.studio-settings .settings-group,.studio-settings .footer-field{gap:var(--space-xs);min-width:0;display:grid}.studio-settings .settings-group{gap:var(--space-sm)}.studio-settings .footer-field{margin-bottom:4px}.studio-settings .sb-label{letter-spacing:-.01em;color:var(--token-text-secondary);margin:0;font-size:13px;font-weight:590;line-height:1.3;display:block}.studio-settings .sb-input{width:100%;height:44px;padding:0 var(--space-sm);color:var(--token-text-primary);background:var(--token-fill-subtle);border:1px solid var(--token-border);border-radius:var(--radius-sm);transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);outline:none;font-family:inherit;font-size:15px;line-height:1.4;display:block}.studio-settings textarea.sb-input{height:auto;min-height:92px;padding:10px var(--space-sm);resize:vertical}.studio-settings select.sb-input{appearance:none;padding-right:calc(var(--space-sm) + 22px);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238E8E93' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center}.studio-settings .sb-input::placeholder{color:var(--token-text-tertiary)}.studio-settings .sb-input:focus{border-color:var(--token-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--token-accent) 14%, transparent)}.studio-settings .brand-settings-muted{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.45}.studio-settings .studio-button--success{background:var(--status-success);transition:background var(--dur-micro) var(--ease-out)}.studio-settings .sb-btn-danger{background:var(--status-error-text);color:#fff;filter:none;border-color:#0000;font-weight:400;transform:none}@media (hover:hover){.studio-settings .sb-btn-danger:not(:disabled):hover{background:var(--status-error);filter:none;transform:none;box-shadow:inset 0 0 0 999px #0000000f}}.studio-settings .radio-option:focus-visible,.studio-settings .brand-ledger-range-btn:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}@media (pointer:coarse){.studio-settings .radio-option,.studio-settings .brand-ledger-range-btn{min-height:var(--tap-min)}}.studio-settings__loading{place-items:center;min-height:160px}.settings-skeleton-card,.settings-card-loading{gap:var(--space-sm);display:grid}.settings-skeleton-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.settings-card-loading{padding-block:var(--space-xs)}.studio-settings__save{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}@media (min-width:720px){.studio-settings__save{justify-content:flex-start}}.studio-settings__save-action{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.studio-settings__save-message{align-items:center;gap:var(--space-2xs);color:var(--token-text-secondary);font-size:12px;font-weight:500;display:inline-flex}.studio-settings__save-message svg{flex:none}.studio-settings__save-message--error{color:var(--status-error-text)}.studio-settings .settings-help{margin-top:0;font-size:12px}.studio-settings .settings-note{margin-top:var(--space-xs)}.studio-settings .settings-warning{color:var(--status-warning-text)}.studio-settings .team-access-add{width:100%;min-height:44px;padding:10px var(--space-sm);border:1px dashed var(--token-border-strong);border-radius:var(--radius-sm);color:var(--token-accent);font:inherit;letter-spacing:-.01em;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:590;display:flex}@media (hover:hover){.studio-settings .team-access-add:hover{border-color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 8%, transparent)}}.studio-settings .team-access-add:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.studio-settings .team-access-members{gap:var(--space-xs);min-width:0;margin-top:var(--space-xs);display:grid}.studio-settings .team-access-loading{gap:var(--space-xs);width:100%;display:grid}.studio-settings .team-access-member{align-items:center;gap:var(--space-sm);width:100%;min-width:0;min-height:44px;padding:10px var(--space-sm);border:1px solid var(--token-border);border-radius:var(--radius-sm);background:var(--token-fill-subtle);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);display:flex}@media (hover:hover){.studio-settings .team-access-member:hover{border-color:var(--token-border-strong);background:var(--token-fill-light)}.studio-settings .team-access-member:hover .team-access-member__chevron{color:var(--token-text-secondary);transform:translate(1px)}}.studio-settings .team-access-member:active{background:var(--token-fill-light)}.studio-settings .team-access-member:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.studio-settings .team-access-member__main{flex:auto;gap:1px;min-width:0;display:grid}.studio-settings .team-access-member__name{align-items:center;gap:var(--space-xs);min-width:0;color:var(--token-text-primary);letter-spacing:-.01em;font-size:14px;font-weight:590;display:flex}.studio-settings .team-access-member__name-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-settings .team-access-member__sub{text-overflow:ellipsis;white-space:nowrap;color:var(--token-text-secondary);font-size:13px;overflow:hidden}.studio-settings .team-access-member__chevron{color:var(--token-text-tertiary);transition:color var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex:none}.studio-settings .team-access-you,.studio-settings .team-access-pending{letter-spacing:.01em;border-radius:999px;flex:none;padding:1px 7px;font-size:11px;font-weight:640}.studio-settings .team-access-you{color:var(--token-accent);background:color-mix(in srgb, var(--token-accent) 12%, transparent)}.studio-settings .team-access-pending{color:var(--token-text-secondary);background:var(--token-fill-light)}.team-access-sheet{gap:var(--space-md);flex-direction:column;display:flex}.team-access-sheet-sections{gap:var(--space-2xs) var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.team-access-sheet-meta{color:var(--token-text-tertiary);margin:0;font-size:13px;line-height:1.45}.team-access-sheet-actions{align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.team-access-sheet-remove{padding-inline:var(--space-sm)}.studio-settings .billing-summary,.studio-settings .brand-ledger-summary{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(132px,1fr));display:grid}.studio-settings .billing-box,.studio-settings .brand-ledger-box{gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--radius-md);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);text-align:left;display:grid}.studio-settings .billing-box.earned{background:color-mix(in srgb, var(--status-success) 10%, var(--token-fill-subtle))}.studio-settings .billing-box.balance,.studio-settings .brand-ledger-box.accent{background:color-mix(in srgb, var(--token-accent) 10%, var(--token-fill-subtle));border-color:color-mix(in srgb, var(--token-accent) 30%, var(--token-border))}.studio-settings .bill-value,.studio-settings .brand-ledger-value{letter-spacing:-.02em;color:var(--token-text-primary);font-variant-numeric:tabular-nums;font-size:22px;font-weight:700;line-height:1.15}.studio-settings .bill-label,.studio-settings .brand-ledger-label{letter-spacing:0;text-transform:none;color:var(--token-text-secondary);font-size:12px;font-weight:500}.studio-settings .payout-row,.studio-settings .brand-ledger-row{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding-block:var(--space-sm);border-bottom:1px solid var(--token-border-subtle);color:var(--token-text-primary);display:flex}.studio-settings .payout-row:last-child,.studio-settings .brand-ledger-row:last-child{border-bottom:0}.studio-settings .payout-row__period,.studio-settings .brand-ledger-order{color:var(--token-text-primary);font-weight:600}.studio-settings .payout-row__meta{color:var(--token-text-secondary);margin-top:2px;font-size:12px}.studio-settings .payout-row__amount,.studio-settings .brand-ledger-row-amounts{color:var(--token-text-primary);text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.studio-settings .payout-status,.studio-settings .brand-store-status,.studio-settings .brand-ledger-capture{border-radius:var(--radius-full);background:var(--token-fill-subtle);width:fit-content;min-height:20px;color:var(--token-text-secondary);letter-spacing:0;text-transform:none;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.studio-settings .payout-status.pending,.studio-settings .brand-ledger-capture.pending{background:color-mix(in srgb, var(--status-warning) 16%, transparent);color:var(--status-warning-text)}.studio-settings .payout-status.paid,.studio-settings .brand-store-status.connected,.studio-settings .brand-ledger-capture.captured{background:color-mix(in srgb, var(--status-success) 16%, transparent);color:var(--status-success-text)}.studio-settings .payout-status.failed,.studio-settings .brand-store-status.error{background:color-mix(in srgb, var(--status-error) 16%, transparent);color:var(--status-error-text)}.studio-settings .radio-group,.studio-settings .brand-ledger-range{border-radius:var(--radius-full);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);gap:2px;width:100%;margin:0;padding:3px;display:inline-flex}@media (min-width:520px){.studio-settings .radio-group,.studio-settings .brand-ledger-range{width:fit-content}}.studio-settings .radio-option,.studio-settings .brand-ledger-range-btn{white-space:nowrap;min-height:36px;padding:0 var(--space-md);border-radius:var(--radius-full);color:var(--token-text-secondary);letter-spacing:-.01em;cursor:pointer;transition:background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);background:0 0;border:0;flex:1;justify-content:center;align-items:center;font-family:inherit;font-size:13px;font-weight:590;display:inline-flex}.studio-settings .radio-option.selected,.studio-settings .brand-ledger-range-btn.active{background:var(--token-surface);color:var(--token-text-primary);box-shadow:var(--elevation-1)}.studio-settings .brand-stores-empty{justify-items:center;gap:var(--space-xs);padding:var(--space-xl) var(--space-md);border:1px dashed var(--token-border-medium);border-radius:var(--radius-md);text-align:center;display:grid}.studio-settings .settings-empty-icon{border-radius:var(--radius-full);background:var(--token-fill-subtle);width:48px;height:48px;color:var(--token-accent);place-items:center;display:grid}.studio-settings .settings-empty-title{margin-top:var(--space-2xs);color:var(--token-text-primary);letter-spacing:-.01em;font-size:15px;font-weight:600}.studio-settings .brand-stores-list,.studio-settings .brand-ledger-rows{gap:var(--space-sm);display:grid}.studio-settings .brand-store-row{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);grid-template-columns:44px minmax(0,1fr);align-items:center;display:grid}@media (min-width:640px){.studio-settings .brand-store-row{grid-template-columns:44px minmax(0,1fr) auto}}.studio-settings .brand-store-icon{border-radius:var(--radius-sm);background:var(--token-surface);place-items:center;width:44px;height:44px;font-size:22px;display:grid}.studio-settings .brand-store-meta{min-width:0}.studio-settings .brand-store-actions{justify-content:flex-end;align-items:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.studio-settings .brand-store-name{align-items:center;gap:var(--space-xs);color:var(--token-text-primary);flex-wrap:wrap;font-size:15px;font-weight:600;display:flex}.studio-settings .brand-store-sub,.studio-settings .brand-ledger-row-sub{color:var(--token-text-secondary);font-size:12px}.studio-settings .brand-store-sub{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-settings .connections-row-actions{gap:var(--space-xs);margin-top:var(--space-sm);grid-column:1/-1;display:flex}@media (min-width:960px){.studio-settings .connections-row-actions{grid-column:auto;margin-top:0}}.studio-settings .brand-ledger-title{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.studio-settings .studio-ads-presets-grid{gap:12px;margin-top:0;display:grid}.studio-settings .studio-ads-account-remove{border-radius:var(--radius-full);width:44px;height:44px;color:var(--token-text-tertiary);cursor:pointer;transition:color var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}@media (hover:hover){.studio-settings .studio-ads-account-remove:hover{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 8%, transparent)}}.studio-settings .studio-ads-account-remove:focus-visible{color:var(--status-error);box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--status-error);outline:none}@media (min-width:720px){.studio-settings .studio-ads-presets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.studio-settings .brand-danger-zone{border-color:color-mix(in srgb, var(--status-error) 34%, var(--token-border));background:color-mix(in srgb, var(--status-error) 5%, var(--token-surface))}.studio-settings .brand-danger-zone .sb-section-title{color:var(--status-error-text)}.studio-settings .brand-danger-zone .settings-section-icon{color:var(--status-error)}.studio-settings .brand-danger-zone .brand-settings-muted{color:color-mix(in srgb, var(--status-error) 45%, var(--token-text-secondary))}.studio-settings .brand-danger-zone .sb-label{color:color-mix(in srgb, var(--status-error) 50%, var(--token-text-secondary))}.studio-settings .brand-danger-zone .sb-input{color:var(--token-text-primary);background:color-mix(in srgb, var(--status-error) 4%, var(--token-fill-subtle));border-color:color-mix(in srgb, var(--status-error) 28%, var(--token-border))}.studio-settings .brand-danger-zone .sb-input::placeholder{color:color-mix(in srgb, var(--status-error) 40%, var(--token-text-tertiary))}.studio-settings .brand-danger-zone .sb-input:focus{border-color:var(--status-error);box-shadow:0 0 0 3px color-mix(in srgb, var(--status-error) 16%, transparent)}.studio-settings .brand-danger-zone .settings-group{align-items:stretch;column-gap:var(--space-sm);row-gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto}.studio-settings .brand-danger-zone .footer-field{display:contents}.studio-settings .brand-danger-zone .sb-label{grid-column:1/-1}.studio-settings .brand-danger-zone .sb-input{grid-area:2/1}.studio-settings .brand-danger-zone .sb-btn-danger{white-space:nowrap;grid-area:2/2;min-height:44px}@media (min-width:960px){.studio-settings .brand-danger-zone{align-items:center;column-gap:var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px}.studio-settings .brand-danger-zone .sb-section-title{grid-area:1/1}.studio-settings .brand-danger-zone .brand-settings-muted{grid-area:2/1}.studio-settings .brand-danger-zone .settings-group{grid-area:1/2/span 2;align-content:center}}.studio-settings .account-identity{align-items:center;gap:var(--space-md);margin:var(--space-sm) 0 0;flex-direction:column;display:flex}@media (min-width:640px){.studio-settings .account-identity{align-items:flex-start;gap:var(--space-lg);flex-direction:row}}.studio-settings .account-identity__photo{flex-direction:column;flex:none;align-items:center;gap:6px;display:flex}.studio-settings .account-identity__avatar-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:0;display:inline-flex;position:relative}.studio-settings .account-identity__avatar-btn:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--dur-micro) var(--ease-out);background:#000;border-radius:50%;position:absolute;inset:0}@media (hover:hover){.studio-settings .account-identity__avatar-btn:hover:not(:disabled):after{opacity:.16}}.studio-settings .account-identity__avatar-btn:active:not(:disabled):after{opacity:.24}.studio-settings .account-identity__avatar-btn:focus-visible{outline:2px solid var(--token-accent);outline-offset:3px}.studio-settings .account-identity__avatar-btn:disabled{cursor:default}.studio-settings .account-identity__edit-badge{background:var(--token-accent);color:#fff;border:2px solid var(--token-bg);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 4px #0003}.studio-settings .account-identity__uploading{background:color-mix(in srgb, var(--token-bg) 55%, transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);border-radius:50%;position:absolute;inset:0}.studio-settings .account-identity__uploading:after{content:"";border:2px solid color-mix(in srgb, var(--token-text-primary) 25%, transparent);border-top-color:var(--token-text-primary);border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;animation:.72s linear infinite account-spin;position:absolute;top:50%;left:50%}.studio-settings .account-identity__hint{color:var(--token-text-secondary);margin:2px 0 0;font-size:12px}.studio-settings .account-identity__remove{font:inherit;color:var(--token-text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.studio-settings .account-identity__remove:hover:not(:disabled){color:var(--token-text-primary);text-decoration:underline}.studio-settings .account-identity__remove:disabled{opacity:.5;cursor:not-allowed}.studio-settings .account-identity__fields{flex:auto;width:100%;min-width:0}.studio-settings .account-name-label{align-items:baseline;gap:8px;display:flex}.studio-settings .account-field-status{color:var(--token-text-tertiary);align-items:center;gap:3px;font-size:12px;font-weight:500;display:inline-flex}.studio-settings .account-field-status--saved{color:var(--status-success,#30d158)}.studio-settings .account-reset-link{font:inherit;color:var(--token-accent,var(--brand-color));cursor:pointer;background:0 0;border:none;align-self:flex-start;margin-top:2px;padding:0;font-size:13px}.studio-settings .account-reset-link:hover{text-decoration:underline}.studio-settings .account-identity input[readonly]{color:var(--token-text-secondary);cursor:default}.studio-settings .account-access{padding-top:var(--space-md);border-top:1px solid var(--token-border)}.studio-settings .account-access__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-settings .account-access__icon{color:var(--token-text-tertiary);flex-shrink:0;display:inline-flex}.studio-settings .account-access__text{min-width:0;color:var(--token-text-secondary);flex:auto;font-size:13px}.studio-settings .account-access__text strong{color:var(--token-text-primary);font-weight:600}.studio-settings .account-access__manage{font:inherit;color:var(--token-accent,var(--brand-color));cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;font-weight:500}.studio-settings .account-access__manage:hover{text-decoration:underline}@keyframes account-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-settings .account-identity__uploading:after{animation:none}}.avatar-crop-sheet{text-align:center}.avatar-crop__stage{margin:4px auto var(--space-md);border-radius:var(--radius-md);touch-action:none;background:#000;position:relative;overflow:hidden}.avatar-crop__canvas{cursor:grab;outline:none;display:block}.avatar-crop__canvas:active{cursor:grabbing}.avatar-crop__canvas:focus-visible{box-shadow:inset 0 0 0 3px var(--token-accent)}.avatar-crop__mask{pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 9999px #0000008c;-webkit-mask:radial-gradient(circle,#0000 49.5%,#000 50%);mask:radial-gradient(circle,#0000 49.5%,#000 50%)}.avatar-crop__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:26px;height:26px;margin:-13px 0 0 -13px;animation:.72s linear infinite account-spin;position:absolute;top:50%;left:50%}.avatar-crop__zoom-row{margin:0 auto var(--space-md);align-items:center;gap:10px;width:288px;max-width:100%;display:flex}.avatar-crop__zoom{flex:auto;min-width:0;display:block}.avatar-crop__zoom-icon{color:var(--token-text-tertiary);flex:none}.avatar-crop__reset{z-index:1;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#0000008c;border:none;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;position:absolute;top:10px;right:10px;transform:scale(.92)}.avatar-crop__reset[data-visible=true]{opacity:1;pointer-events:auto;transform:scale(1)}@media (hover:hover){.avatar-crop__reset:hover:not(:disabled){background:#000000b3}}.avatar-crop__reset:focus-visible{outline:2px solid var(--token-accent);outline-offset:2px}.avatar-crop__reset:disabled{opacity:.35;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.avatar-crop__reset{transition:opacity var(--dur-micro) linear;transform:none}}.avatar-crop__zoom input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0;padding:0}.avatar-crop__zoom input[type=range]::-webkit-slider-runnable-track{background:var(--token-border-strong);border-radius:2px;height:4px}.avatar-crop__zoom input[type=range]::-moz-range-track{background:var(--token-border-strong);border-radius:2px;height:4px}.avatar-crop__zoom input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--token-accent);border:2px solid var(--token-bg);cursor:pointer;border-radius:50%;width:20px;height:20px;margin-top:-8px;box-shadow:0 1px 4px #00000040}.avatar-crop__zoom input[type=range]::-moz-range-thumb{border:2px solid var(--token-bg);background:var(--token-accent);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 1px 4px #00000040}.avatar-crop__zoom input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--token-accent) 30%, transparent)}.avatar-crop__zoom input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px color-mix(in srgb, var(--token-accent) 30%, transparent)}.avatar-crop__zoom input[type=range]:disabled{opacity:.4;cursor:not-allowed}.settings-shell{gap:var(--space-lg);max-width:1120px;padding:var(--space-xl) var(--space-md) calc(var(--nav-tabbar-height) + var(--space-md) + env(safe-area-inset-bottom,0px));margin-inline:auto;display:grid}@media (min-width:640px){.settings-shell{grid-template-columns:var(--nav-rail-width-collapsed) minmax(0, 1fr);align-items:start;gap:var(--space-xl);padding-top:var(--space-2xl);padding-bottom:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}@media (min-width:1024px){.settings-shell{grid-template-columns:var(--nav-rail-width) minmax(0, 1fr)}}@media (min-width:640px){.settings-track{display:contents}}@media (max-width:639.98px){.settings-shell{padding-left:0;padding-right:0;display:block;position:relative;overflow:hidden}.settings-track{flex:none;width:200%;display:flex}.settings-nav,.settings-pane{width:50%;min-width:0;padding-left:max(var(--space-md), env(safe-area-inset-left,0px));padding-right:max(var(--space-md), env(safe-area-inset-right,0px));flex:0 0 50%}}.settings-nav{gap:var(--space-lg);align-content:start;min-width:0;display:grid}@media (min-width:640px){.settings-nav{top:var(--space-2xl);position:sticky}}.settings-nav__group-label{margin:0 0 6px var(--space-xs);letter-spacing:.02em;text-transform:uppercase;color:var(--token-text-tertiary);font-size:12px;font-weight:590}.settings-nav__rows{border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border-subtle);display:grid;overflow:hidden}.settings-nav__row{align-items:center;gap:var(--space-sm);width:100%;min-height:var(--tap-min);padding:12px var(--space-md);color:var(--token-text-primary);font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-micro) var(--ease-out);background:0 0;border:none;font-size:15px;display:flex;position:relative}.settings-nav__row--account{min-height:64px}.settings-nav__rows>.settings-nav__row+.settings-nav__row{border-top:1px solid var(--token-border-subtle)}@media (hover:hover){.settings-nav__row:not(.settings-nav__row--disabled):hover{background:var(--token-fill-subtle)}}.settings-nav__row:focus-visible{box-shadow:inset 0 0 0 2px var(--token-accent);outline:none}.settings-nav__row--disabled{cursor:default;color:var(--token-text-tertiary)}.settings-nav__icon{border-radius:var(--radius-sm);background:var(--token-fill-subtle);width:30px;height:30px;color:var(--token-text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.settings-nav__row[data-danger] .settings-nav__icon{background:color-mix(in srgb, var(--status-error) 14%, var(--token-fill-subtle));color:var(--status-error-text)}.settings-nav__row-text{flex:auto;gap:1px;min-width:0;display:grid}.settings-nav__row-label{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-weight:590;overflow:hidden}.settings-nav__row-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--token-text-secondary);font-size:12px;overflow:hidden}.settings-nav__chevron{color:var(--token-text-tertiary);flex:none}@media (min-width:640px){.settings-nav__row[data-active]{background:color-mix(in srgb, var(--token-accent) 10%, transparent)}.settings-nav__chevron{display:none}}@media (min-width:640px) and (max-width:1023.98px){.settings-nav__group-label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.settings-nav__row{justify-content:center;padding:12px 8px}.settings-nav__row-text,.settings-nav__row--account .settings-nav__row-text{display:none}.settings-nav__row--account{min-height:var(--tap-min)}}.settings-pane{gap:var(--space-lg);align-content:start;min-width:0;display:grid}.settings-pane__header{gap:2px;display:grid}.settings-pane__back{width:fit-content;margin-bottom:var(--space-2xs);font:inherit;color:var(--token-accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:2px;padding:0;font-size:15px;font-weight:500;display:none}@media (max-width:639.98px){.settings-pane__back{display:inline-flex}}.settings-pane__title{letter-spacing:-.02em;color:var(--token-text-primary);margin:0;font-size:26px;font-weight:700}.settings-pane__subtitle{color:var(--token-text-secondary);margin:0;font-size:14px}.settings-pane__body{gap:var(--space-md);min-width:0;display:grid}.settings-pane__body>.sb-section{margin:0}.settings-pane__body.studio-settings{gap:var(--space-md);grid-template-columns:none;max-width:none;margin:0;padding:0;display:grid}.avatar-crop__error{margin:var(--space-sm) 0 var(--space-md);color:var(--status-error-text);font-size:14px}.avatar-crop__actions{justify-content:flex-end;gap:var(--space-xs);display:flex}@media (prefers-reduced-motion:reduce){.avatar-crop__spinner{animation:none}}
.studio-insights{max-width:960px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-insights{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.insights-period{width:100%;margin:0}@media (min-width:640px){.insights-period{justify-self:end;width:auto}}.studio-insights__section{gap:12px;min-width:0;display:grid}.studio-insights__section-title{color:var(--token-text-secondary)}.insights-card{padding:var(--space-lg);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);min-width:0}.insights-integration{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:nowrap;display:flex}.insights-integration__body{gap:var(--space-2xs);flex:260px;min-width:0;display:grid}.insights-integration__title{letter-spacing:-.01em;color:var(--token-text-primary);font-size:15px;font-weight:600;line-height:1.3}.insights-integration__copy{color:var(--token-text-secondary);max-width:52ch}.insights-integration__status{gap:var(--space-2xs) var(--space-md);margin-top:var(--space-2xs);color:var(--token-text-secondary);flex-wrap:wrap;display:flex}.insights-integration__status span{align-items:center;gap:var(--space-2xs);display:inline-flex}.insights-switch{border-radius:var(--radius-full);background:var(--token-fill-light);border:1px solid var(--token-border);cursor:pointer;width:52px;height:32px;transition:background var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out);-webkit-tap-highlight-color:transparent;flex:none;position:relative}.insights-switch__thumb{border-radius:var(--radius-full);width:26px;height:26px;transition:left var(--dur-micro) var(--ease-out);background:#fff;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:0 1px 3px #00000047}.insights-switch[aria-checked=true]{background:var(--status-success);border-color:var(--status-success)}.insights-switch[aria-checked=true] .insights-switch__thumb{left:23px}.insights-switch:disabled{opacity:.5;cursor:default}.insights-switch:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.insights-ai{gap:var(--space-lg);display:grid}.insights-ai__header{justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.insights-ai__eyebrow{color:var(--token-accent-text)}.insights-ai__title{letter-spacing:-.02em;color:var(--token-text-primary);margin-top:2px;font-size:20px;font-weight:700;line-height:1.2}.insights-ai__content{gap:var(--space-lg);display:grid}.insights-ai__summary{max-width:72ch;color:var(--token-text-secondary)}.insights-ai-cards{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (min-width:640px){.insights-ai-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.insights-ai-card{gap:var(--space-3xs);padding:var(--space-md);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);display:grid}.insights-ai-card span{color:var(--token-text-secondary)}.insights-ai-card strong{color:var(--token-text-primary);font-size:18px;line-height:1.2}.insights-ai-card p{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.45}.insights-ai-tone--success{border-color:color-mix(in srgb, var(--status-success) 30%, var(--token-border-subtle))}.insights-ai-tone--success strong,.insights-ai-tone--success .insights-ai-vertical__head span{color:var(--status-success-text)}.insights-ai-tone--warning{border-color:color-mix(in srgb, var(--status-warning) 38%, var(--token-border-subtle))}.insights-ai-tone--warning strong,.insights-ai-tone--warning .insights-ai-vertical__head span{color:var(--status-warning-text)}.insights-ai-tone--danger{border-color:color-mix(in srgb, var(--status-error) 38%, var(--token-border-subtle))}.insights-ai-tone--danger strong,.insights-ai-tone--danger .insights-ai-vertical__head span{color:var(--status-error-text)}.insights-ai-notes,.insights-ai-questions{gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--status-warning) 10%, var(--token-surface));border:1px solid color-mix(in srgb, var(--status-warning) 24%, transparent);display:grid}.insights-ai-notes p,.insights-ai-questions p{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.45}.insights-ai-block,.insights-ai-verticals,.insights-ai-feed,.insights-ai-actions{gap:var(--space-sm);display:grid}.insights-ai-vertical{gap:var(--space-2xs);padding:var(--space-md);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);display:grid}.insights-ai-vertical__head{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.insights-ai-vertical__head strong{color:var(--token-text-primary);text-transform:capitalize}.insights-ai-vertical__head span,.insights-ai-feed__meta span,.insights-ai-action>span,.insights-ai-action em{border-radius:var(--radius-full);background:var(--token-fill-light);width:fit-content;color:var(--token-text-secondary);text-transform:capitalize;align-items:center;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.insights-ai-vertical h4,.insights-ai-feed__item h4{color:var(--token-text-primary);margin:0;font-size:15px;line-height:1.35}.insights-ai-vertical p,.insights-ai-feed__item p,.insights-ai-action p{color:var(--token-text-secondary);margin:0;font-size:13px;line-height:1.45}.insights-ai-vertical__action,.insights-ai-feed__recommendation{color:var(--token-text-primary)!important}.insights-ai-feed__item{gap:var(--space-2xs);padding:var(--space-md) 0;border-bottom:1px solid var(--token-border-subtle);display:grid}.insights-ai-feed__item:last-child{border-bottom:0}.insights-ai-feed__meta{gap:var(--space-2xs);flex-wrap:wrap;display:flex}.insights-ai-feed--campaign{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle)}.insights-ai-feed--campaign .insights-ai-feed__item:first-child{padding-top:0}.insights-ai-feed--campaign .insights-ai-feed__item:last-child{padding-bottom:0}.insights-ai-action{align-items:start;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);grid-template-columns:auto 1fr;display:grid}.insights-ai-action em{grid-column:2;font-style:normal}.insights-ai-action strong{color:var(--token-text-primary);font-size:14px;line-height:1.35;display:block}.insights-error{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:color-mix(in srgb, var(--status-error) 12%, var(--token-surface));border:1px solid color-mix(in srgb, var(--status-error) 32%, transparent);color:var(--token-text-primary);flex-wrap:wrap;display:flex}.insights-error__message{align-items:center;gap:var(--space-xs);flex:auto;min-width:0;display:flex}.insights-error__marker{border-radius:var(--radius-full);border:1px solid color-mix(in srgb, var(--status-error) 34%, transparent);background:color-mix(in srgb, var(--status-error) 10%, transparent);width:18px;height:18px;color:var(--status-error);flex:0 0 18px;place-items:center;font-size:12px;font-weight:700;line-height:1;display:inline-grid}.insights-hero{gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);display:grid}@media (min-width:640px){.insights-hero{align-items:center;gap:var(--space-2xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}.insights-hero__primary{gap:var(--space-2xs);display:grid}.insights-hero__label{color:var(--token-text-secondary)}.insights-hero__value{letter-spacing:-.03em;color:var(--status-success-text);font-variant-numeric:tabular-nums;font-size:clamp(34px,8vw,52px);font-weight:700;line-height:1}.insights-hero__value--muted{color:var(--token-text-primary)}.insights-hero__sub{gap:var(--space-xl);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.insights-hero__stat{gap:1px;display:grid}.insights-hero__stat strong{color:var(--token-text-primary);font-variant-numeric:tabular-nums;font-size:17px;font-weight:700;line-height:1.15}.insights-hero__stat span{color:var(--token-text-secondary);font-size:12px;font-weight:500}.insights-hero__stat--up strong{color:var(--status-success-text)}.insights-hero__stat--down strong{color:var(--status-error-text)}.insights-trend{gap:var(--space-2xs);display:grid}.insights-trend__svg{width:100%;height:76px;display:block;overflow:visible}.insights-trend__area{fill:color-mix(in srgb, var(--status-success) 12%, transparent);stroke:none}.insights-trend__rev{fill:none;stroke:var(--status-success);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round}.insights-trend__spend{fill:none;stroke:var(--token-text-tertiary);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-dasharray:3 3;stroke-linejoin:round;stroke-linecap:round}.insights-trend__legend{gap:var(--space-md);color:var(--token-text-secondary);display:flex}.insights-trend__key{align-items:center;gap:6px;display:inline-flex}.insights-trend__key:before{content:"";background:currentColor;border-radius:2px;width:12px;height:2px}.insights-trend__key--rev{color:var(--status-success-text)}.insights-trend__key--spend{color:var(--token-text-secondary)}.insights-dots{vertical-align:middle;color:var(--token-text-tertiary);align-items:center;gap:.2em;display:inline-flex}.insights-dots span{border-radius:var(--radius-full);opacity:.25;width:.2em;height:.2em;animation:insightsDot 1s var(--ease-in-out) infinite;background:currentColor}.insights-dots span:nth-child(2){animation-delay:.15s}.insights-dots span:nth-child(3){animation-delay:.3s}@keyframes insightsDot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:.9;transform:translateY(-.14em)}}@media (prefers-reduced-motion:reduce){.insights-dots span{opacity:.5;animation:none}}.insights-metrics{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.insights-metrics{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.insights-metrics{grid-template-columns:repeat(6,1fr)}}.insights-metric{gap:var(--space-3xs);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--token-surface);border:1px solid var(--token-border);display:grid}.insights-metric__value{letter-spacing:-.01em;color:var(--token-text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.insights-metric__label{color:var(--token-text-secondary)}.insights-days{gap:var(--space-sm);grid-template-columns:1fr;display:grid}@media (min-width:640px){.insights-days{grid-template-columns:repeat(2,1fr)}}.insights-day__head{justify-content:space-between;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.insights-day__title{letter-spacing:-.01em;color:var(--token-text-primary);font-size:15px;font-weight:600;line-height:1.3}.insights-day__date{color:var(--token-text-secondary);font-variant-numeric:tabular-nums}.insights-day__metrics{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.insights-day__metric{gap:2px;display:grid}.insights-day__metric strong{color:var(--token-text-primary);font-variant-numeric:tabular-nums;font-size:18px;font-weight:600}.insights-day__metric span{color:var(--token-text-secondary);font-size:12px}.insights-day__note{margin-top:var(--space-md);color:var(--status-warning-text);font-size:12px}.insights-list{display:grid}.insights-list__row{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--token-border-subtle);display:flex}.insights-list__row:last-child{border-bottom:0}.insights-list__main{min-width:0}.insights-list__title{color:var(--token-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.insights-list__sub{color:var(--token-text-secondary);font-size:12px}.insights-list__value{text-align:right;color:var(--token-text-primary);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.insights-list__value span{color:var(--token-text-secondary);margin-top:2px;font-size:11px;font-weight:500;display:block}.insights-summary-stack{gap:var(--space-md);display:grid}.insights-summary-totals{gap:var(--space-sm);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (min-width:760px){.insights-summary-totals{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1100px){.insights-summary-totals{grid-template-columns:repeat(6,minmax(0,1fr))}}.insights-summary-total{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:var(--token-fill-subtle);border:1px solid var(--token-border-subtle);gap:2px;min-width:0;display:grid}.insights-summary-total strong{color:var(--token-text-primary);font-variant-numeric:tabular-nums;font-weight:700}.insights-summary-total span{color:var(--token-text-secondary);font-size:12px}.insights-summary-total--up strong{color:var(--status-success-text)}.insights-summary-total--down strong{color:var(--status-error-text)}.insights-campaigns__head{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.insights-search-field{align-items:center;width:100%;display:inline-flex;position:relative}.insights-search__icon{color:var(--token-text-tertiary);pointer-events:none;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.insights-search{height:40px;color:var(--token-text-primary);background:var(--token-bg);border:1px solid var(--token-border);border-radius:var(--radius-full);width:100%;min-width:0;transition:border-color var(--dur-micro) var(--ease-out), box-shadow var(--dur-micro) var(--ease-out);padding:0 36px;font-size:16px}.insights-search:focus{border-color:var(--token-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--token-accent) 14%, transparent);outline:none}@media (min-width:640px){.insights-search-field{width:auto;max-width:240px;transition:max-width var(--dur-enter) var(--ease-out);flex:auto;margin-left:auto}.insights-search-field:focus-within{max-width:720px}}.insights-search__clear{border-radius:var(--radius-full);background:var(--token-fill-light);width:24px;height:24px;color:var(--token-text-secondary);cursor:pointer;opacity:0;pointer-events:none;-webkit-tap-highlight-color:transparent;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out), background var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)scale(.7)}.insights-search__clear[data-visible=true]{opacity:1;pointer-events:auto;transform:translateY(-50%)scale(1)}@media (hover:hover){.insights-search__clear:hover{background:var(--token-fill-hover);color:var(--token-text-primary)}}.insights-search__clear:active{transform:translateY(-50%)scale(.9)}.insights-search__clear:focus-visible{opacity:1;box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.insights-campaign{border-bottom:1px solid var(--token-border-subtle)}.insights-campaign:last-child{border-bottom:0}.insights-campaign__row{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xs);margin-inline:calc(var(--space-xs) * -1);width:calc(100% + var(--space-md));border-radius:var(--radius-sm);text-align:left;cursor:pointer;color:var(--token-text-primary);transition:background var(--dur-micro) var(--ease-out);background:0 0;border:0;grid-template-columns:auto 1fr;display:grid}@media (hover:hover){.insights-campaign__row:hover{background:var(--token-fill-subtle)}}.insights-campaign__row:active{background:var(--token-fill-light)}.insights-campaign__row:focus-visible{box-shadow:0 0 0 2px var(--token-bg), 0 0 0 4px var(--token-accent);outline:none}.insights-campaign__caret{border-radius:var(--radius-sm);background:var(--token-fill-subtle);width:24px;height:24px;color:var(--token-text-secondary);transition:transform var(--dur-micro) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.insights-campaign__row[aria-expanded=true] .insights-campaign__caret{transform:rotate(90deg)}.insights-campaign__main{gap:2px;min-width:0;display:grid}.insights-campaign__title{color:var(--token-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.insights-campaign__sub{color:var(--token-text-secondary);font-size:12px}.insights-campaign__metrics{gap:var(--space-2xs) var(--space-md);margin-top:var(--space-2xs);flex-wrap:wrap;grid-column:2;display:flex}.insights-campaign__metric{color:var(--token-text-secondary);font-variant-numeric:tabular-nums;font-size:12px}.insights-campaign__metric strong{color:var(--token-text-primary);font-weight:600}.insights-campaign-ai{gap:var(--space-sm);margin:var(--space-sm) 0 var(--space-md);display:grid}.insights-delta-param,.insights-breakdown__table thead th.insights-breakdown__delta{color:color-mix(in srgb, var(--orange) 76%, var(--token-text-secondary))}.insights-breakdown{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;min-width:0;max-width:100%;margin:0 0 var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--token-border-subtle);overflow-x:auto}.insights-breakdown__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:560px;font-size:12px}.insights-breakdown__table--wide{min-width:1540px}.insights-breakdown__table th,.insights-breakdown__table td{padding:var(--space-2xs) var(--space-sm);text-align:right;white-space:nowrap}.insights-breakdown__table th:first-child,.insights-breakdown__table td:first-child{text-align:left;background:var(--token-surface);border-right:1px solid var(--token-border-subtle);position:sticky;left:0}.insights-breakdown__table thead th{color:var(--token-text-secondary);border-bottom:1px solid var(--token-border-subtle);font-weight:600}.insights-breakdown__table tbody td{color:var(--token-text-secondary);border-bottom:1px solid var(--token-border-subtle)}.insights-breakdown__table tbody tr:last-child td{border-bottom:0}.insights-empty{padding:var(--space-lg);text-align:center;color:var(--token-text-secondary);font-size:14px}.studio-insights__empty{min-height:60vh;padding:var(--space-lg);place-items:center;display:grid}.studio-insights-skeleton{max-width:960px;padding:var(--space-xl) var(--space-md) 72px;gap:var(--space-xl);margin-inline:auto;display:grid}@media (min-width:640px){.studio-insights-skeleton{padding-top:var(--space-2xl);padding-left:max(var(--space-lg), env(safe-area-inset-left,0px));padding-right:max(var(--space-lg), env(safe-area-inset-right,0px))}}.studio-insights-skeleton__row{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.studio-insights-skeleton__row{grid-template-columns:repeat(4,1fr)}}.studio-insights-skeleton__tile{gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:var(--token-surface);border:1px solid var(--token-border);display:grid}