.studio{--color-bg:var(--st-bg);--color-text:var(--st-text);--color-heading:var(--st-heading);--color-heading-strong:var(--st-heading);--color-card-title:var(--st-heading);--color-accent:var(--st-accent);--color-accent-strong:var(--st-accent-hover);--color-on-accent:var(--st-on-accent);--color-text-muted:var(--st-muted);--color-text-soft:var(--st-text);--color-text-faint:var(--st-faint);--color-label:var(--st-muted);--color-danger:var(--st-danger);--color-danger-bg:var(--st-danger-soft);--color-danger-border:var(--st-border-strong);--tier-free:var(--st-accent-strong);--tier-free-bg:var(--st-accent-soft);--tier-free-border:transparent;--tier-kit:var(--st-success);--tier-kit-bg:var(--st-success-soft);--tier-kit-border:transparent;--tier-sub:var(--st-warning);--tier-sub-bg:var(--st-warning-soft);--tier-sub-border:transparent;--border-hair:var(--st-border);--border-faint:var(--st-border);--border-card:var(--st-border);--border-active:var(--st-border);--border-subtle:var(--st-border-strong);--border-outline:var(--st-border-strong);--border-cta:var(--st-border-strong);--border-strong:var(--st-border-strong);--border-hover:var(--st-accent);--border-gold-dashed:var(--st-warning);--border-kit:var(--st-success);--fill-active:var(--st-accent-soft);--fill-hover:var(--st-sunken);--fill-glass:var(--st-surface);--fill-glass-hover:var(--st-sunken);--fill-chip:var(--st-accent-soft);--fill-faint:var(--st-surface-2);--surface-card:var(--st-surface);--surface-card-2:var(--st-surface);--surface-raised:var(--st-surface);--surface-input:var(--st-surface);--surface-input-blue:var(--st-surface);--glow2:var(--st-accent-ring);--glow-btn:none;--glow-nav:none;--pastel1:var(--st-accent);--focus-ring:2px solid var(--st-brand);--st-ease:cubic-bezier(.2, .8, .2, 1);--st-side-w:252px;z-index:1;grid-template-columns:var(--st-side-w) minmax(0, 1fr);background:linear-gradient(90deg, var(--st-sidebar) calc(var(--st-side-w) - 1px), var(--st-border) calc(var(--st-side-w) - 1px), var(--st-border) var(--st-side-w), var(--st-bg) var(--st-side-w));min-height:100vh;color:var(--st-text);font-family:var(--font-body);transition:background-color var(--dur) var(--ease), color var(--dur) var(--ease);font-size:.9375rem;display:grid;position:relative}.studio ::selection{background:var(--st-accent-ring);color:var(--st-heading)}.st-side{background:var(--st-sidebar);border-right:1px solid var(--st-border);flex-direction:column;gap:14px;height:100vh;padding:18px 14px 14px;display:flex;position:sticky;top:0;overflow-y:auto}.st-brand{color:var(--st-heading);align-items:center;gap:10px;padding:2px 10px 6px;display:flex}.st-brand img{width:30px;height:30px}.st-brandName{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.35rem;font-weight:600;line-height:1}.st-brandTag{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--st-muted);margin-top:3px;font-size:.625rem;display:block}.st-nav{flex-direction:column;flex:1;gap:12px;display:flex}.st-navGroup{flex-direction:column;gap:2px;display:flex}.st-navLabel{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--st-muted);padding:0 10px 4px;font-size:.625rem}.st-navLink{color:var(--st-muted);transition:background-color .18s var(--ease), color .18s var(--ease);border-radius:8px;align-items:center;gap:11px;padding:6px 10px;font-size:.875rem;font-weight:500;display:flex;position:relative}.st-navLink svg{opacity:.85;flex:none}.st-navLink:hover{background:var(--st-sunken);color:var(--st-heading)}.st-navLink[aria-current=page]{background:var(--st-accent-soft);color:var(--st-accent-strong);font-weight:600}.st-navLink[aria-current=page]:before{content:"";background:var(--st-brand);width:3px;animation:st-grow .25s var(--st-ease);border-radius:0 3px 3px 0;position:absolute;top:8px;bottom:8px;left:-14px}.st-me{border:1px solid var(--st-border);background:var(--st-surface-2);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.st-meRow{align-items:center;gap:10px;min-width:0;display:flex}.st-avatar{background:var(--st-accent-soft);width:32px;height:32px;color:var(--st-accent-strong);border-radius:50%;flex:none;place-items:center;font-size:.875rem;font-weight:700;display:grid}.st-meName{color:var(--st-heading);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.st-meActions{gap:6px;display:flex}.st-iconBtn{border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-muted);transition:color .18s var(--ease), background-color .18s var(--ease), border-color .18s var(--ease);border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:7px 8px;font-size:.75rem;font-weight:600;display:inline-flex}.st-iconBtn:hover{color:var(--st-heading);border-color:var(--st-border-strong)}.st-main{min-width:0;padding:36px 44px 72px}.st-content{max-width:1120px;animation:st-in .35s var(--st-ease) both;margin:0 auto}.st-banner{max-width:1120px;margin:0 auto 20px}.st-pagehead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:28px;display:flex}.st-title{font-family:var(--font-display);letter-spacing:-.015em;color:var(--st-heading);font-size:2.25rem;font-weight:500;line-height:1.1}.st-sub{max-width:640px;color:var(--st-muted);margin-top:6px;font-size:.9375rem;line-height:1.6}.st-section{margin-top:36px}.st-sectionHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.st-h2{font-family:var(--font-body);color:var(--st-heading);font-size:1.0625rem;font-weight:700}.studio :is(h2,h3,h4,h5,h6):not(.st-title,.h1,.h2){font-family:var(--font-body);letter-spacing:0}.studio .h1,.studio .h2{font-family:var(--font-display);color:var(--st-heading);font-size:2rem;font-weight:500;line-height:1.15}.studio .h3{font-family:var(--font-body);letter-spacing:0;color:var(--st-heading);font-size:1.125rem;font-weight:700}.studio .h4{font-family:var(--font-body);letter-spacing:0;color:var(--st-heading);font-size:1rem;font-weight:700}.studio .eyebrow{letter-spacing:.12em;color:var(--st-muted);font-size:.6875rem}.studio .lead{color:var(--st-muted);font-size:.9375rem}.studio .hint{color:var(--st-muted);font-size:.8125rem}.studio .label{color:var(--st-heading);font-size:.8125rem;font-weight:600}.studio .field{gap:6px}.studio .link{color:var(--st-accent);-webkit-text-decoration-color:var(--st-accent-ring);text-decoration-color:var(--st-accent-ring)}.studio .text-link{font-family:var(--font-body);letter-spacing:0;text-transform:none;color:var(--st-accent);font-size:.8125rem;font-weight:600}.studio .text-link:hover{color:var(--st-accent-hover);text-decoration:underline}.studio .btn{--btn-pad-y:9px;--btn-pad-x:16px;border-color:var(--st-border-strong);background:var(--st-surface);color:var(--st-text);font-family:var(--font-body);letter-spacing:0;text-transform:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--st-shadow-sm);transition:background-color .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;gap:8px;font-size:.875rem;font-weight:600}.studio .btn:hover{background:var(--st-sunken);border-color:var(--st-border-strong);color:var(--st-heading);box-shadow:var(--st-shadow-sm)}.studio .btn:active{transform:translateY(1px)}.studio .btn-solid,.studio .btn-glass{background:var(--st-accent);border-color:var(--st-accent);color:var(--st-on-accent)}.studio .btn-solid:hover,.studio .btn-glass:hover{background:var(--st-accent-hover);border-color:var(--st-accent-hover);color:var(--st-on-accent);transform:none}.studio .btn-outline{color:var(--st-accent)}.studio .btn-danger{color:var(--st-danger)}.studio .btn-danger:hover{color:var(--st-danger);background:var(--st-danger-soft);border-color:var(--st-danger)}.studio .btn-sm{--btn-pad-y:7px;--btn-pad-x:12px;border-radius:8px;font-size:.8125rem}.studio .btn-xs{--btn-pad-y:5px;--btn-pad-x:10px;letter-spacing:0;font-size:.75rem}.studio .btn-lg{--btn-pad-y:12px;--btn-pad-x:22px;font-size:.9375rem}.studio .card{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--st-shadow-sm);border-radius:14px}.studio .badge{font-family:var(--font-body);letter-spacing:0;text-transform:none;gap:6px;padding:3px 9px;font-size:.75rem;font-weight:600}.studio .badge:not(.badge-free,.badge-kit,.badge-sub,.badge-danger){color:var(--st-accent-strong)}.studio .badge:before{width:6px;height:6px;box-shadow:none}.studio .chip{background:var(--st-sunken);border-color:var(--st-border);color:var(--st-text);font-size:.8125rem}.studio .input,.studio .select,.studio .textarea{border-color:var(--st-border-strong);background-color:var(--st-surface);min-height:40px;color:var(--st-heading);border-radius:8px;padding-inline:12px;font-size:.9375rem}.studio .select{padding-right:36px}.studio .textarea{padding-block:10px}.studio .input:focus-visible,.studio .select:focus-visible,.studio .textarea:focus-visible{border-color:var(--st-accent);box-shadow:0 0 0 3px var(--st-accent-ring)}.studio .checkbox{color:var(--st-text);font-size:.875rem}.studio .alert{border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-text);animation:st-in .3s var(--st-ease) both;border-radius:10px;padding:11px 14px;font-size:.875rem}.studio .alert-success{background:var(--st-success-soft);color:var(--st-success);border-color:#0000}.studio .alert-warning{background:var(--st-warning-soft);color:var(--st-warning);border:1px solid #0000}.studio .alert-danger{background:var(--st-danger-soft);color:var(--st-danger);border-color:#0000}.studio .table-wrap{border-color:var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);border-radius:12px}.studio .table{font-size:.875rem}.studio .table th{background:var(--st-surface-2);font-family:var(--font-body);letter-spacing:.06em;color:var(--st-muted);padding:10px 14px;font-size:.6875rem;font-weight:700}.studio .table td{color:var(--st-text);padding:12px 14px}.studio .table tbody tr{transition:background-color .15s var(--ease)}.studio .table tbody tr:hover{background:var(--st-surface-2)}.studio .table code{color:var(--st-heading)}.st-card{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);border-radius:14px;padding:22px}.st-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.st-tile{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);transition:transform .22s var(--st-ease), box-shadow .22s var(--st-ease), border-color .22s var(--st-ease);animation:st-in .4s var(--st-ease) both;border-radius:14px;flex-direction:column;gap:8px;padding:18px;display:flex}.st-tile:nth-child(2){animation-delay:30ms}.st-tile:nth-child(3){animation-delay:60ms}.st-tile:nth-child(4){animation-delay:90ms}.st-tile:nth-child(5){animation-delay:.12s}.st-tile:nth-child(n+6){animation-delay:.15s}a.st-tile:hover{border-color:var(--st-border-strong);box-shadow:var(--st-shadow);transform:translateY(-2px)}.st-tileIcon{background:var(--st-accent-soft);width:36px;height:36px;color:var(--st-accent-strong);border-radius:10px;place-items:center;display:grid}.st-tileTitle{color:var(--st-heading);font-weight:700}.st-tileText{color:var(--st-muted);font-size:.8125rem;line-height:1.55}.st-tileNum{font-family:var(--font-body);font-variant-numeric:tabular-nums;color:var(--st-heading);margin-top:auto;font-size:1.5rem;font-weight:700;line-height:1}.st-hero{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;padding:26px 28px;display:flex}.st-pill{background:var(--st-accent-soft);color:var(--st-accent-strong);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.st-pill-muted{background:var(--st-sunken);color:var(--st-muted)}.st-pill-ok{background:var(--st-success-soft);color:var(--st-success)}.st-pill-warn{background:var(--st-warning-soft);color:var(--st-warning)}.st-pill-bad{background:var(--st-danger-soft);color:var(--st-danger)}.st-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.st-chips{flex-wrap:wrap;gap:6px;display:flex}.st-chip{border:1px solid var(--st-border);background:var(--st-surface);color:var(--st-muted);transition:all .18s var(--ease);border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:600}.st-chip:hover{color:var(--st-heading);border-color:var(--st-border-strong)}.st-chip[aria-pressed=true]{border-color:var(--st-accent-strong);background:var(--st-accent-soft);color:var(--st-accent-strong)}.st-search{width:min(300px,100%);position:relative}.st-search svg{color:var(--st-muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.st-search .input{padding-left:34px}.st-list{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);border-radius:14px;padding:0;list-style:none;overflow:hidden}.st-list>li+li{border-top:1px solid var(--st-border)}.st-row{text-align:left;width:100%;color:inherit;transition:background-color .15s var(--ease);animation:st-in .35s var(--st-ease) both;grid-template-columns:40px minmax(0,1fr) auto auto 20px;align-items:center;gap:16px;padding:14px 18px;display:grid}.st-row:hover{background:var(--st-surface-2)}.st-row:hover .st-rowGo{color:var(--st-accent);transform:translate(3px)}.st-rowIcon{background:var(--st-accent-soft);width:40px;height:40px;color:var(--st-accent-strong);border-radius:10px;place-items:center;display:grid}.st-rowTitle{color:var(--st-heading);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.st-rowMeta{color:var(--st-muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.8125rem;display:block;overflow:hidden}.st-rowMats{color:var(--st-muted);gap:4px;display:flex}.st-rowMat{background:var(--st-sunken);border-radius:7px;place-items:center;width:26px;height:26px;display:inline-grid}.st-rowGo{color:var(--st-muted);transition:transform .2s var(--st-ease), color .2s var(--ease)}.st-empty{text-align:center;color:var(--st-muted);padding:48px 20px}.st-details{margin-top:28px}.st-details>summary{cursor:pointer;color:var(--st-muted);align-items:center;gap:6px;font-size:.875rem;font-weight:600;list-style:none;display:inline-flex}.st-details>summary::-webkit-details-marker{display:none}.st-details>summary svg{transition:transform .2s var(--st-ease)}.st-details[open]>summary svg{transform:rotate(90deg)}.st-details>:not(summary){animation:st-in .3s var(--st-ease) both;margin-top:12px}.st-scrim{z-index:50;background:var(--st-scrim);animation:st-fade .25s var(--ease) both;position:fixed;inset:0}.st-drawer{z-index:51;background:var(--st-surface);border-left:1px solid var(--st-border);width:min(720px,100vw);box-shadow:var(--st-shadow-lg);animation:st-slide .34s var(--st-ease) both;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.st-closing .st-scrim{animation:st-fade .2s var(--ease) reverse both}.st-closing .st-drawer{animation:st-slide-out .22s var(--ease) both}.st-drawerHead{border-bottom:1px solid var(--st-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 26px 18px;display:flex}.st-drawerBody{flex-direction:column;flex:1;gap:28px;padding:22px 26px 32px;display:flex;overflow-y:auto}.st-drawerFoot{border-top:1px solid var(--st-border);background:var(--st-surface-2);justify-content:space-between;align-items:center;gap:12px;padding:14px 26px;display:flex}.st-close{width:34px;height:34px;color:var(--st-muted);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:8px;place-items:center;display:grid}.st-close:hover{background:var(--st-sunken);color:var(--st-heading)}.st-step{flex-direction:column;gap:14px;display:flex}.st-stepHead{align-items:baseline;gap:10px;display:flex}.st-stepNum{background:var(--st-accent-soft);width:22px;height:22px;color:var(--st-accent-strong);border-radius:50%;flex:none;place-items:center;font-size:.75rem;font-weight:700;display:inline-grid}.st-stepTitle{color:var(--st-heading);font-weight:700}.st-stepHint{color:var(--st-muted);font-size:.8125rem}.st-fields{grid-template-columns:1fr 1fr;gap:14px;display:grid}.st-span2{grid-column:1/-1}.st-seg{background:var(--st-sunken);border-radius:10px;flex-wrap:wrap;gap:3px;padding:3px;display:inline-flex}.st-seg button{color:var(--st-muted);transition:all .18s var(--ease);border-radius:8px;padding:7px 12px;font-size:.8125rem;font-weight:600}.st-seg button:hover{color:var(--st-heading)}.st-seg button[aria-pressed=true]{background:var(--st-surface);color:var(--st-heading);box-shadow:var(--st-shadow-sm)}.st-drop{border:1.5px dashed var(--st-border-strong);background:var(--st-surface-2);text-align:center;color:var(--st-muted);cursor:pointer;transition:border-color .2s var(--ease), background-color .2s var(--ease), transform .2s var(--st-ease);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;display:flex}.st-drop:hover,.st-drop:focus-within{border-color:var(--st-accent)}.st-drop[data-over=true]{border-color:var(--st-accent-strong);background:var(--st-accent-soft);transform:scale(1.01)}.st-drop svg{color:var(--st-brand)}.st-dropTitle{color:var(--st-heading);font-weight:700}.st-addRow{flex-wrap:wrap;gap:8px;display:flex}.st-add{border:1px dashed var(--st-border-strong);color:var(--st-text);transition:all .18s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:7px 12px 7px 9px;font-size:.8125rem;font-weight:600;display:inline-flex}.st-add svg{color:var(--st-accent)}.st-add:hover{border-style:solid;border-color:var(--st-accent-strong);background:var(--st-accent-soft);color:var(--st-accent-strong)}.st-mats{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.st-mat{border:1px solid var(--st-border);background:var(--st-surface);animation:st-in .3s var(--st-ease) both;border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.st-matIcon{background:var(--st-sunken);width:36px;height:36px;color:var(--st-accent);border-radius:9px;place-items:center;display:grid}.st-matKind{letter-spacing:.06em;text-transform:uppercase;color:var(--st-muted);font-size:.6875rem;font-weight:700}.st-matTitle{width:100%;color:var(--st-heading);transition:border-color .15s var(--ease);background:0 0;border:0;border-bottom:1px solid #0000;margin-top:2px;padding:2px 0;font-weight:600}.st-matTitle:hover,.st-matTitle:focus-visible{border-bottom-color:var(--st-border-strong);outline:none}.st-matFile{color:var(--st-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.st-progress{background:var(--st-sunken);border-radius:4px;height:4px;margin-top:6px;overflow:hidden}.st-progress>span{background:var(--st-brand);height:100%;transition:width .25s var(--ease);border-radius:4px;display:block}.st-toast{z-index:60;background:var(--st-heading);max-width:420px;color:var(--st-surface);box-shadow:var(--st-shadow-lg);animation:st-up .35s var(--st-ease) both;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex;position:fixed;bottom:24px;right:24px}.st-roles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.st-role{border:1px solid var(--st-border);cursor:pointer;transition:border-color .18s var(--ease), background-color .18s var(--ease);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative}.st-role:has(input:checked){border-color:var(--st-accent-strong);background:var(--st-accent-soft)}.st-role:has(input:focus-visible){outline:var(--focus-ring);outline-offset:2px}.st-role input{opacity:0;pointer-events:none;position:absolute}.st-roleName{color:var(--st-heading);font-size:.875rem;font-weight:700}.st-roleText{color:var(--st-muted);font-size:.75rem;line-height:1.45}.st-back{color:var(--st-muted);transition:color .18s var(--ease);align-items:center;gap:6px;margin-bottom:14px;font-size:.8125rem;font-weight:600;display:inline-flex}.st-back svg{transform:rotate(180deg)}.st-back:hover{color:var(--st-accent)}.st-tabs{border-bottom:1px solid var(--st-border);flex-wrap:wrap;gap:4px;margin:-8px 0 24px;display:flex}.st-tab{color:var(--st-muted);transition:color .18s var(--ease);align-items:center;gap:7px;padding:10px 12px;font-size:.875rem;font-weight:600;display:inline-flex;position:relative}.st-tab:hover{color:var(--st-heading)}.st-tab[aria-current=page]{color:var(--st-accent-strong)}.st-tab[aria-current=page]:after{content:"";background:var(--st-brand);height:2px;animation:st-fade .25s var(--ease) both;border-radius:2px;position:absolute;bottom:-1px;left:8px;right:8px}.st-tabCount{color:var(--st-faint);font-size:.75rem;font-weight:600}.st-choices{grid-template-columns:1fr 1fr;gap:10px;display:grid}.st-choices .st-role{flex-direction:row;align-items:flex-start;gap:12px;padding:16px}.st-choices .st-tileIcon{flex:none}.st-choices .st-roleName{font-size:.9375rem}.st-matActions{align-items:center;gap:12px;display:flex}.st-parts td{padding:6px 8px}.st-parts .input{min-height:36px;padding-inline:10px;font-size:.875rem}.st-parts tfoot td{color:var(--st-heading);background:var(--st-surface-2);padding:12px 14px;font-weight:700}.st-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.st-login{background:var(--st-bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.st-loginCard{border:1px solid var(--st-border);background:var(--st-surface);width:min(420px,100%);box-shadow:var(--st-shadow);animation:st-up .45s var(--st-ease) both;border-radius:18px;padding:32px}.st-loginCard form{flex-direction:column;gap:16px;margin-top:24px;display:flex}@keyframes st-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes st-up{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}@keyframes st-fade{0%{opacity:0}to{opacity:1}}@keyframes st-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes st-slide-out{to{opacity:0;transform:translate(40px)}}@keyframes st-grow{0%{transform:scaleY(0)}to{transform:none}}@media (max-width:960px){.studio{background:var(--st-bg);grid-template-columns:minmax(0,1fr)}.st-side{border-right:0;border-bottom:1px solid var(--st-border);gap:12px;height:auto;padding:14px 16px;position:static}.st-nav{flex-flow:wrap;gap:4px}.st-navGroup{flex-flow:wrap}.st-navLabel,.st-navLink[aria-current=page]:before{display:none}.st-main{padding:24px 16px 56px}.st-fields,.st-roles,.st-choices{grid-template-columns:1fr}.st-row{grid-template-columns:40px minmax(0,1fr) 20px}.st-row .st-rowMats,.st-row .st-rowTier{display:none}}@media print{.st-side{display:none}.studio{display:block}}.st-avatar{overflow:hidden}.st-avatar img{object-fit:cover;width:100%;height:100%}.st-person{align-items:center;gap:10px;display:flex}.st-avatarEdit{align-items:center;gap:18px;margin-top:14px;display:flex}.st-avatarPreview{object-fit:cover;border-radius:50%;width:64px;height:64px}.st-badge{background:var(--st-accent);min-width:20px;color:var(--st-on-accent);text-align:center;animation:st-fade .25s var(--ease) both;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:.6875rem;font-weight:700;line-height:1.6}.st-roleGroup+.st-roleGroup{margin-top:12px}.st-roleGroupLabel{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--st-muted);margin-bottom:6px;font-size:.625rem;display:block}.st-chip[aria-current=page]{border-color:var(--st-accent-strong);background:var(--st-accent-soft);color:var(--st-accent-strong)}.st-empty svg{opacity:.7;margin:0 auto 8px}.studio .st-btnDanger{border-color:var(--st-danger);background:var(--st-danger);color:var(--st-on-accent)}.studio .st-btnDanger:hover{border-color:var(--st-danger);background:var(--st-danger);color:var(--st-on-accent);filter:brightness(1.08)}.st-confirm{border:1px solid var(--st-border);background:var(--st-surface);width:min(440px,100vw - 32px);color:var(--st-text);box-shadow:var(--st-shadow-lg);border-radius:16px;margin:auto;padding:0}.st-confirm[open]{animation:st-up .22s var(--st-ease) both}.st-confirm::backdrop{background:var(--st-scrim);animation:st-fade .2s var(--ease) both}.st-confirmBox{flex-direction:column;gap:10px;padding:24px;display:flex}.st-confirmIcon{background:var(--st-accent-soft);width:42px;height:42px;color:var(--st-accent-strong);border-radius:12px;place-items:center;display:grid}.st-confirmDanger{background:var(--st-danger-soft);color:var(--st-danger)}.studio .st-confirmTitle{font-family:var(--font-body);color:var(--st-heading);margin:4px 0 0;font-size:1.0625rem;font-weight:700;line-height:1.35}.st-confirmText{color:var(--st-muted);font-size:.875rem;line-height:1.55}.st-confirmActions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.st-toasts{z-index:60;pointer-events:none;flex-direction:column;gap:10px;width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.st-toast{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow);pointer-events:auto;animation:st-up .3s var(--st-ease) both;border-radius:12px;align-items:flex-start;gap:12px;padding:12px 10px 12px 14px;display:flex}.st-toastIcon{background:var(--st-accent-soft);width:32px;height:32px;color:var(--st-accent-strong);border-radius:9px;flex:none;place-items:center;display:grid}.st-toastText{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.st-toastTitle{color:var(--st-heading);font-size:.875rem;font-weight:700}.st-toastBody{color:var(--st-muted);overflow-wrap:anywhere;font-size:.8125rem}.st-toast .st-close{width:28px;height:28px}.st-inbox{flex-direction:column;gap:6px;padding:0;list-style:none;display:flex}.st-inboxItem{border:1px solid var(--st-border);background:var(--st-surface);text-align:left;width:100%;color:var(--st-text);transition:border-color .18s var(--ease), background-color .18s var(--ease), transform .18s var(--st-ease);border-radius:12px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 16px;display:grid}.st-inboxItem:hover{border-color:var(--st-border-strong);transform:translateY(-1px)}.st-inboxUnread{border-color:var(--st-accent-ring);background:var(--st-accent-soft)}.st-inboxIcon{background:var(--st-sunken);width:36px;height:36px;color:var(--st-muted);border-radius:10px;place-items:center;display:grid}.st-inboxUnread .st-inboxIcon{background:var(--st-surface);color:var(--st-accent-strong)}.st-inboxItem[data-kind=security] .st-inboxIcon{color:var(--st-danger)}.st-inboxText{flex-direction:column;gap:2px;min-width:0;display:flex}.st-inboxTitle{color:var(--st-heading);font-weight:600}.st-inboxUnread .st-inboxTitle{font-weight:700}.st-inboxBody{color:var(--st-muted);overflow-wrap:anywhere;font-size:.8125rem}.st-inboxMeta{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:4px;display:flex}.st-tasks{flex-direction:column;gap:8px;padding:0;list-style:none;display:flex}.st-task{border:1px solid var(--st-border);background:var(--st-surface);box-shadow:var(--st-shadow-sm);animation:st-in .3s var(--st-ease) both;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 18px;scroll-margin-top:24px;display:flex}.st-task:target{border-color:var(--st-accent);box-shadow:0 0 0 3px var(--st-accent-ring)}.st-taskMine{border-left:3px solid var(--st-brand)}.st-taskDone{background:var(--st-surface-2)}.st-taskDone .st-taskTitle{color:var(--st-muted);text-decoration:line-through}.st-taskMain{flex-direction:column;gap:8px;min-width:0;display:flex}.st-taskTop{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.st-taskTitle{color:var(--st-heading);font-weight:700}.st-taskNotes{color:var(--st-text);white-space:pre-wrap;font-size:.875rem}.st-taskPeople{flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:.8125rem;display:flex}.st-taskPeople .hint{align-items:center;gap:5px;display:inline-flex}.st-taskWho{color:var(--st-heading);align-items:center;gap:7px;font-weight:600;display:inline-flex}.st-taskActions{flex:none;align-items:center;gap:6px;display:flex}.st-trashItem{align-items:center;gap:12px;display:flex}.st-trashActions{justify-content:flex-end;gap:6px;display:flex}.st-chat{border:1px solid var(--st-border);background:var(--st-surface);height:calc(100vh - 108px);min-height:480px;box-shadow:var(--st-shadow-sm);border-radius:16px;grid-template-columns:250px minmax(0,1fr);display:grid;overflow:hidden}.st-chatSide{border-right:1px solid var(--st-border);background:var(--st-surface-2);flex-direction:column;gap:4px;padding:18px 10px;display:flex;overflow-y:auto}.studio .st-chatTitle{font-family:var(--font-display);color:var(--st-heading);margin:0 10px 10px;font-size:1.6rem;font-weight:500}.st-chatLabel{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--st-muted);margin:12px 10px 4px;font-size:.625rem}.st-chatList{flex-direction:column;gap:1px;padding:0;list-style:none;display:flex}.st-chatChan{text-align:left;width:100%;color:var(--st-muted);transition:background-color .15s var(--ease), color .15s var(--ease);border-radius:8px;align-items:center;gap:9px;padding:6px 10px;font-size:.875rem;font-weight:500;display:flex}.st-chatChan:hover{background:var(--st-sunken);color:var(--st-heading)}.st-chatChan[aria-current=true]{background:var(--st-accent-soft);color:var(--st-accent-strong);font-weight:600}.st-chatChanName{white-space:nowrap;text-overflow:ellipsis;flex-direction:column;min-width:0;display:flex;overflow:hidden}.st-chatRole{color:var(--st-muted);text-overflow:ellipsis;font-size:.6875rem;font-weight:500;overflow:hidden}.st-chatMain{flex-direction:column;min-height:0;display:flex;position:relative}.st-chatMain[data-over]:after{content:"Drop to attach";border:2px dashed var(--st-accent);background:var(--st-accent-soft);color:var(--st-accent-strong);pointer-events:none;border-radius:12px;place-items:center;font-weight:700;display:grid;position:absolute;inset:8px}.st-chatHead{border-bottom:1px solid var(--st-border);flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:16px 22px;display:flex}.studio .st-chatHeadName{font-family:var(--font-body);color:var(--st-heading);margin:0;font-size:1.0625rem;font-weight:700}.st-chatScroll{flex:1;min-height:0;padding:12px 0 16px;overflow-y:auto}.st-chatEmpty{text-align:center;color:var(--st-muted);padding:40px 20px}.st-msgs{margin:0;padding:0;list-style:none}.st-msgDay{color:var(--st-muted);align-items:center;gap:12px;margin:14px 22px 6px;font-size:.75rem;font-weight:600;display:flex}.st-msgDay:before,.st-msgDay:after{content:"";background:var(--st-border);flex:1;height:1px}.st-msg{animation:st-in .2s var(--st-ease) both;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;padding:6px 22px 4px;display:grid;position:relative}.st-msgGrouped{padding-top:1px}.st-msg:hover{background:var(--st-surface-2)}.st-msgPending{opacity:.65}.st-msgBody{flex-direction:column;gap:4px;min-width:0;display:flex}.st-msgMeta{align-items:baseline;gap:8px;display:flex}.st-msgName{color:var(--st-heading);font-size:.875rem;font-weight:700}.st-msgTime{color:var(--st-muted);font-size:.6875rem}.st-msgText{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.9375rem;line-height:1.5}.st-msgImage{border:1px solid var(--st-border);border-radius:10px;width:fit-content;max-width:min(420px,100%);margin-top:2px;display:block;overflow:hidden}.st-msgImage img{object-fit:contain;max-width:100%;max-height:320px;display:block}.st-msgFile{border:1px solid var(--st-border);background:var(--st-surface);width:fit-content;max-width:100%;color:var(--st-text);transition:border-color .15s var(--ease);border-radius:10px;align-items:center;gap:10px;padding:9px 12px;font-size:.875rem;display:inline-flex}.st-msgFile:hover{border-color:var(--st-accent)}.st-msgFileName{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--st-heading);font-weight:600;overflow:hidden}.st-msgFail{color:var(--st-danger);font-size:.8125rem}.st-msgDelete{width:28px;height:28px;color:var(--st-muted);opacity:0;transition:opacity .15s var(--ease), background-color .15s var(--ease), color .15s var(--ease);border-radius:7px;align-self:start;place-items:center;display:grid}.st-msg:hover .st-msgDelete,.st-msgDelete:focus-visible{opacity:1}.st-msgDelete:hover{background:var(--st-danger-soft);color:var(--st-danger)}.st-chatError{color:var(--st-danger);margin:0 22px 8px;font-size:.8125rem}.st-composer{border-top:1px solid var(--st-border);padding:10px 16px 12px}.st-composerFiles{flex-wrap:wrap;gap:6px;margin-bottom:8px;padding:0;list-style:none;display:flex}.st-composerFile{border:1px solid var(--st-border);background:var(--st-surface-2);border-radius:999px;align-items:center;gap:6px;padding:3px 4px 3px 10px;font-size:.8125rem;display:inline-flex}.st-composerFile .st-close{width:22px;height:22px}.st-composerRow{border:1px solid var(--st-border-strong);background:var(--st-surface);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);border-radius:12px;align-items:flex-end;gap:8px;padding:6px;display:flex}.st-composerRow:focus-within{border-color:var(--st-accent);box-shadow:0 0 0 3px var(--st-accent-ring)}.st-composerInput{min-height:36px;max-height:180px;color:var(--st-text);font:inherit;resize:none;field-sizing:content;background:0 0;border:0;flex:1;padding:8px 4px}.st-composerInput:focus-visible{outline:none}.st-composerBtn,.st-composerSend{width:36px;height:36px;color:var(--st-muted);transition:background-color .15s var(--ease), color .15s var(--ease), opacity .15s var(--ease);border-radius:9px;flex:none;place-items:center;display:grid}.st-composerBtn:hover{background:var(--st-sunken);color:var(--st-heading)}.st-composerSend{background:var(--st-accent);color:var(--st-on-accent)}.st-composerSend:disabled{opacity:.4;cursor:not-allowed}.st-composerHint{margin-top:6px;font-size:.6875rem}@media (max-width:960px){.st-chat{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);height:calc(100vh - 80px)}.st-chatSide{border-right:0;border-bottom:1px solid var(--st-border);max-height:190px}.st-task{flex-direction:column}.st-inboxItem{grid-template-columns:36px minmax(0,1fr)}.st-inboxMeta{flex-direction:row;grid-column:2;align-items:center}.st-badge{margin-left:4px}}
