.state-illustration{width:208px;height:152px;color:var(--ink);isolation:isolate;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.state-illustration>svg{color:inherit;max-width:none;margin:0;display:block}.state-illustration .illustration-detail{color:var(--action);position:absolute;top:0;right:8px}.state-illustration[data-kind=connections]>svg:first-child{margin-right:28px}.state-illustration[data-kind=connections] .illustration-detail{background:var(--paper);top:auto;bottom:6px;right:0}.state-illustration[data-size=plan]{width:132px;height:100px}.state-illustration[data-size=small]{width:76px;height:64px}.state-illustration[data-size=compact]{width:60px;height:48px}.state-illustration[data-size=small] .illustration-detail,.state-illustration[data-size=compact] .illustration-detail{right:0}.empty-state:has(>.state-illustration){background:var(--surface);padding:40px 24px 48px}.empty-state>.state-illustration{margin-bottom:20px}.empty-state:has(>.state-illustration) h2{text-wrap:balance;max-width:30ch}.empty-state.small:has(>.state-illustration){padding-block:32px}.brand-onboarding>.state-illustration{margin-bottom:4px}.illustrated-notice{border:1px solid var(--border);border-radius:var(--radius-soft);background:var(--mist);color:var(--ink);align-items:center;gap:20px;margin-bottom:28px;padding:16px 22px;display:flex}.illustrated-notice>.state-illustration{color:var(--action)}.illustrated-notice-copy{min-width:0;font-size:var(--text-body);flex:1;line-height:1.6}.illustrated-notice-copy strong{font-weight:700}.illustrated-notice-copy p{color:var(--muted);max-width:70ch;font-size:var(--text-small);margin:3px 0 0}.illustrated-notice-copy a{text-underline-offset:3px;text-decoration:underline}.illustrated-notice-action{flex:none}.illustrated-notice-action .button{white-space:nowrap;background:var(--surface)}.studio-welcome:has(>.state-illustration){max-width:840px;padding:20px 0 32px;position:relative}.studio-welcome:has(>.state-illustration) h2{margin-top:12px}.studio-welcome:has(>.state-illustration)>p{max-width:60ch}.studio-welcome .prompt-ideas{max-width:680px}.modal-head .state-illustration{justify-content:flex-start;margin-bottom:12px;display:flex}.plan-checkout>.illustrated-notice{flex:1 0 100%;margin:0}.illustrated-credit-panel>div{flex:1}.illustrated-credit-panel>button{flex-shrink:0}.credit-empty{color:var(--muted);align-items:center;gap:24px;padding:24px 0;display:flex}.credit-empty h3{color:var(--ink);font-size:var(--text-title)}.credit-empty p{max-width:45ch;margin:6px 0 0}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));align-items:start;gap:24px;margin-top:24px;display:grid}.media-asset{border:1px solid var(--border);border-radius:var(--radius-soft);background:var(--surface);min-width:0;max-width:320px;overflow:hidden}.media-asset-preview{background:var(--mist);border-bottom:1px solid var(--border);width:100%;min-height:100px;max-height:360px;position:relative}.media-asset-preview img,.media-asset-preview video{object-fit:scale-down;width:100%;height:100%;display:block}.media-asset-preview video{position:absolute;inset:0}.media-asset-details{padding:16px}.media-asset-details>strong{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--text-body);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.media-asset-metadata{color:var(--muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:3px 8px;margin:8px 0 16px;display:flex}.media-asset-metadata span+span:before{content:"·";margin-right:8px}.media-asset-details a{min-height:44px;font-size:var(--text-small);align-items:center;gap:6px;display:inline-flex}.media-asset-details .icon-button{min-width:44px;min-height:44px}.media-preview-error{color:var(--muted);font-size:var(--text-caption);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}@media (max-width:600px){.illustrated-notice{flex-wrap:wrap;gap:12px;padding:16px}.illustrated-notice-copy{flex-basis:calc(100% - 88px)}.illustrated-notice-action{flex-basis:100%}.illustrated-notice-action .button{justify-content:center;width:100%}.illustrated-credit-panel{flex-wrap:wrap;gap:12px 20px;display:flex}.illustrated-credit-panel>div{flex-basis:100%}.illustrated-credit-panel>button{margin-top:4px}.credit-empty{flex-direction:column;align-items:flex-start;gap:12px}.media-asset{max-width:none}.media-library-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}.brand-grid>.brand-add-card{border:1px dashed var(--border-strong);border-radius:var(--radius-panel);color:var(--ink);text-align:center;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:360px;padding:28px;font-weight:400;display:flex}.brand-add-card>span:not(.state-illustration){max-width:26ch}.brand-add-card .brand-add-title{font-family:var(--font-heading), sans-serif;font-size:var(--text-headline);font-weight:800}.brand-add-card .brand-add-action{color:var(--action);align-items:center;gap:8px;margin-top:8px;font-weight:700;display:flex}@media (hover:hover){.brand-grid>.brand-add-card:hover{background:var(--mist);border-color:var(--ink)}}