body.hub.studio{background:var(--bg)}.studio-shell{grid-template-columns:56px 1fr;height:calc(100dvh - 56px);display:grid;overflow:hidden}.studio-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.studio-header{margin:0 0 clamp(20px,3vw,32px)}.studio-header .eyebrow{font-family:var(--sans);font-size:var(--fs-12);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-text,var(--accent));margin:0 0 12px;font-weight:600}.studio-header h1{font-family:var(--serif);font-size:var(--fs-hero);line-height:var(--lh-hero);letter-spacing:var(--tracking-hero);font-weight:var(--weight-hero);color:var(--ink);margin:0 0 6px}.studio-header h1 em{color:var(--accent-text,var(--accent));font-style:italic;font-weight:500}.studio-header__row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studio-header__actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.studio-save-indicator{font-family:var(--mono);color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border-radius:999px;align-items:center;min-height:22px;padding:4px 10px;font-size:11px;display:inline-flex}.studio-save-indicator[data-state=pending]{color:var(--accent-text,var(--accent));background:var(--accent-soft)}.studio-save-indicator[data-state=saved]{color:var(--success);background:color-mix(in srgb, var(--success) 12%, transparent)}.studio-save-indicator[data-state=error]{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent)}.studio-edit-toggle{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--bg-raised);font-family:var(--sans);color:var(--ink-2);transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);border-radius:999px;padding:8px 18px;font-size:13px;font-weight:600}.studio-edit-toggle:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}.studio-edit-toggle[aria-pressed=true]{background:var(--action,var(--accent));color:var(--action-ink,#fff);border-color:var(--action,var(--accent))}.studio-edit-toggle[aria-pressed=true]:hover{background:var(--action-2,var(--accent-2));border-color:var(--action-2,var(--accent-2));color:var(--action-ink,#fff)}.studio-header .lead{font-family:var(--serif);color:var(--ink-2);max-width:60ch;margin:0;font-size:clamp(16px,1.8vw,19px);line-height:1.45}.studio-meta{border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-3);letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:8px;margin:clamp(20px,2.5vw,28px) 0 clamp(8px,1vw,12px);padding-top:clamp(8px,1vw,14px);font-size:11.5px;display:flex}.studio-meta__item{align-items:center;gap:6px;display:inline-flex}.studio-meta__dot{background:var(--accent);width:6px;height:6px;animation:pulse 3.2s var(--ease) infinite;border-radius:50%;display:inline-block}@media (prefers-reduced-motion:reduce){.studio-meta__dot{animation:none}}.studio-meta__sep{color:var(--ink-4);opacity:.6}.studio-meta #studio-meta-preset,.studio-meta #studio-meta-component-count,.studio-meta #studio-meta-custom-count,.studio-meta #studio-meta-theme{color:var(--ink-2);font-weight:500}.studio-meta #studio-meta-last-edited{color:var(--ink-3)}.studio-sidebar{background:var(--bg-raised);border-right:1px solid var(--rule);z-index:2;flex-direction:column;align-items:stretch;gap:0;padding:6px 0;display:flex}.studio-sidebar .studio-save-indicator{writing-mode:vertical-rl;margin-top:auto;padding:8px 4px;font-size:10px;transform:rotate(180deg)}.studio-tab{appearance:none;cursor:pointer;padding:var(--space-4) 0 var(--space-3);font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);transition:color .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;align-items:center;gap:6px;width:56px;font-size:10px;font-weight:600;display:flex;position:relative}.studio-tab__label{writing-mode:vertical-rl;white-space:nowrap;display:block;transform:rotate(180deg)}.studio-tab:hover{color:var(--ink-2);background:color-mix(in srgb, var(--accent) 5%, transparent)}.studio-tab.is-active{color:var(--accent-text,var(--accent));border-left-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}body.studio-walk-active .studio-sidebar{background:color-mix(in srgb, var(--accent) 88%, #06121f);border-right-color:#ffffff3d}body.studio-walk-active .studio-tab{color:#ffffffc7}body.studio-walk-active .studio-tab:hover{color:#fff;background:#ffffff1a}body.studio-walk-active .studio-tab.is-active{color:#fff;background:#ffffff29;border-left-color:#fff}@media (width<=640px){.studio-shell{grid-template-columns:44px 1fr}.studio-tab{width:44px;padding:12px 0 8px;font-size:9px}}.studio-pane{display:none}body.studio .studio-pane.is-active{flex-direction:column;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.studio-stage-wrap{background:var(--bg-sunken);border-left:1px solid var(--rule);justify-content:center;align-items:center;height:100%;padding:clamp(16px,3vw,32px);display:flex;position:relative;overflow:hidden}.studio-stage-controls{top:var(--space-3,12px);right:var(--space-3,12px);z-index:10;align-items:center;gap:var(--space-2,8px);padding:var(--space-2,8px);background:color-mix(in srgb, var(--bg-raised) 92%, transparent);border:1px solid var(--rule);-webkit-backdrop-filter:blur(8px);border-radius:999px;display:inline-flex;position:absolute;box-shadow:0 8px 24px #0000002e}.studio-stage-controls .studio-walk-toggle,.studio-stage-controls .studio-edit-toggle{font-size:var(--fs-12,12px);padding:6px 14px}@media (width<=640px){.studio-stage-controls{top:var(--space-2,8px);right:var(--space-2,8px);padding:4px}}.studio-stage{aspect-ratio:16/9;background:var(--bg-base,#0d0d10);border-radius:12px;width:100%;max-width:960px;position:relative;overflow:hidden;box-shadow:0 12px 36px #00000073,inset 0 0 0 1px #ffffff0f}.studio-stage:after{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg, transparent 0, transparent 2px, color-mix(in srgb, var(--ink) 5%, transparent) 2px, color-mix(in srgb, var(--ink) 5%, transparent) 3px), radial-gradient(ellipse at center, transparent 60%, color-mix(in srgb, var(--ink) 18%, transparent) 100%);mix-blend-mode:multiply;position:absolute;inset:0}body[data-crt=off] .studio-stage:after{display:none}@media (prefers-reduced-motion:reduce){.studio-stage:after{animation:none}}.studio-comp{pointer-events:none;position:absolute}.studio-comp.is-hidden{display:none}.studio-comp.is-locked{cursor:default}.studio-comp--slot{pointer-events:auto;flex-direction:column;align-items:center;gap:4px;display:flex}.studio-slot__sprite{filter:drop-shadow(0 4px 8px #0000002e);justify-content:center;align-items:end;width:64px;height:96px;display:flex;position:relative}.studio-slot__sprite svg{image-rendering:pixelated;transform-origin:bottom;width:auto;height:100%;transform:scale(2)}.studio-slot__nameplate{background:color-mix(in srgb, var(--bg-raised) 92%, transparent);border:1px solid var(--rule);font-family:var(--mono);color:var(--ink-2);text-align:center;-webkit-backdrop-filter:blur(4px);border-radius:6px;min-width:90px;max-width:140px;padding:4px 8px;font-size:9px;line-height:1.3}.studio-slot__role{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);margin-bottom:2px;font-size:8px;font-weight:600}.studio-slot__label{font-family:var(--sans);color:var(--ink);letter-spacing:-.005em;font-size:11px;font-weight:600}.studio-slot__sublabel{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;margin-top:1px;font-size:9px}.studio-comp--slot.studio-slot--active .studio-slot__sprite{filter:drop-shadow(0 0 16px var(--accent-soft)) drop-shadow(0 4px 8px #0000002e)}.studio-comp--slot.studio-slot--active .studio-slot__sprite svg{animation:3.2s ease-in-out infinite studio-slot-active}@keyframes studio-slot-active{0%,to{transform:scale(2)translateY(0)}50%{transform:scale(2)translateY(-1px)}}.studio-comp--slot.studio-slot--alert .studio-slot__sprite{filter:drop-shadow(0 0 18px color-mix(in srgb, var(--danger) 70%, transparent)) drop-shadow(0 4px 8px #0000002e)}.studio-comp--slot.studio-slot--alert .studio-slot__nameplate{border-color:color-mix(in srgb, var(--danger) 50%, var(--rule))}.studio-comp--slot.studio-slot--alert .studio-slot__role{color:var(--danger)}.studio-comp--slot.studio-slot--hibernating{opacity:.55}.studio-comp--slot.studio-slot--hibernating .studio-slot__sprite{filter:grayscale(.6)drop-shadow(0 4px 8px #0000001a)}.studio-comp--slot.studio-slot--empty{opacity:.35}.studio-comp--slot.studio-slot--empty .studio-slot__sprite{filter:grayscale()brightness(.85)}.studio-comp--slot.studio-slot--empty .studio-slot__nameplate{background:0 0;border-style:dashed}@media (prefers-reduced-motion:reduce){.studio-comp--slot.studio-slot--active .studio-slot__sprite svg{animation:none}}.studio-comp--prop{justify-content:center;align-items:end;display:flex}.studio-prop__sprite{filter:drop-shadow(0 2px 6px #0000002e);justify-content:center;align-items:end;width:100%;height:100%;display:flex}.studio-prop__sprite--flat{filter:none}.studio-prop__sprite svg{image-rendering:pixelated;transform-origin:bottom;width:auto;height:100%;transform:scale(2)}.studio-comp--svg,.studio-comp--svg svg,.studio-rect{width:100%;height:100%}.studio-comp--staff{width:100%}.studio-comp--text{pointer-events:none;align-items:start;display:flex}.studio-text--eyebrow{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text,var(--accent));font-feature-settings:"kern" 1, "liga" 1, "cpsp" 1;font-size:clamp(11px,1vw,13px);font-weight:600}.studio-text--hero{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink);font-feature-settings:"kern" 1, "liga" 1, "dlig" 1, "onum" 1;text-wrap:balance;font-size:clamp(28px,3vw,44px);font-weight:600;line-height:1.08}.studio-text--hero em{color:var(--accent-text,var(--accent));font-style:italic;font-weight:500}.studio-text--body{font-family:var(--serif);color:var(--ink-2);font-feature-settings:"kern" 1, "liga" 1, "onum" 1;text-wrap:pretty;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(14px,1.4vw,18px);line-height:1.65}.studio-text--body em{color:var(--ink);font-style:italic}.studio-comp__missing{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px dashed var(--danger);color:var(--danger);font-family:var(--mono);border-radius:4px;padding:4px 8px;font-size:11px}.studio-empty{text-align:center;color:var(--ink-3);padding:clamp(40px,6vw,80px) clamp(20px,4vw,40px)}.studio-empty p{font-family:var(--serif);max-width:40ch;margin:0 auto 12px;font-size:clamp(16px,1.8vw,20px);font-style:italic;line-height:1.5}.studio-empty__hint{font-family:var(--mono);color:var(--ink-4);font-size:12px}body.studio .studio-pane[data-pane=publish].is-active{background:var(--bg-sunken);justify-content:center;align-items:flex-start;padding:clamp(20px,4vw,56px) clamp(16px,4vw,48px);overflow-y:auto}.studio-profile{gap:var(--space-5,24px);flex-direction:column;display:flex}.studio-profile__head{gap:var(--space-2,8px);flex-direction:column;display:flex}.studio-profile__eyebrow{font-family:var(--mono);letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;margin:0;font-size:12px}.studio-profile__title{font-family:var(--serif);color:var(--ink);margin:0;font-size:clamp(28px,4vw,36px)}.studio-profile__lead{color:var(--ink-2);max-width:60ch;margin:0;font-size:15px;line-height:1.55}.studio-profile__divider{background:linear-gradient(to right, transparent, var(--rule) 18%, var(--rule) 82%, transparent);border:0;height:1px;margin:0}.studio-profile-card{justify-content:space-between;align-items:center;gap:var(--space-4,16px);background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius,16px);padding:var(--space-4,16px) var(--space-5,24px);flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.studio-profile-card:before{content:"";background:var(--ink-4);width:3px;transition:background .2s var(--ease);position:absolute;inset:0 auto 0 0}.studio-profile-card[data-state=open]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.studio-profile-card[data-state=open]:before{background:var(--accent)}.studio-profile-card__identity{align-items:center;gap:var(--space-3,12px);min-width:0;display:flex}.studio-profile-card__avatar{background:var(--accent-soft);width:44px;height:44px;color:var(--accent-text,var(--accent));font-family:var(--serif);border-radius:50%;flex:none;place-items:center;font-size:20px;font-weight:600;display:grid}.studio-profile-card__who{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-profile-card__handle{font-family:var(--serif);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:17px;overflow:hidden}.studio-profile-card__status{font-family:var(--sans);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.studio-profile-card__door{align-items:center;gap:var(--space-2,8px);flex:none;display:flex}.studio-profile-card__door-dot{background:var(--ink-4);border-radius:50%;flex:none;width:8px;height:8px}.studio-profile-card[data-state=open] .studio-profile-card__door-dot{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.studio-profile-card__door-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:11px}.studio-profile-card[data-state=open] .studio-profile-card__door-label{color:var(--accent-text,var(--accent))}.studio-profile-card__door-link{font-family:var(--mono);color:var(--accent);border-bottom:1px dotted var(--accent);font-size:12px;text-decoration:none}.studio-profile-card__door-link:hover{border-bottom-style:solid}.studio-cadenza__status{color:var(--ink-3);padding:var(--space-3,12px) 0;font-size:14px}.studio-cadenza__list{gap:var(--space-3,12px);margin:0;padding:0;list-style:none;display:grid}.studio-cadenza__card{align-items:center;gap:var(--space-4,16px);background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius,16px);padding:var(--space-4,16px) var(--space-5,24px);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);display:flex}.studio-cadenza__card:hover{border-color:var(--accent)}.studio-cadenza__card[data-current=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.studio-cadenza__card-body{flex:1;min-width:0}.studio-cadenza__card-title{font-family:var(--serif);color:var(--ink);margin:0 0 4px;font-size:18px}.studio-cadenza__card-meta{font-family:var(--mono);color:var(--ink-3);gap:var(--space-2,8px);font-size:12px;display:flex}.studio-cadenza__card-badge{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:2px 10px;font-size:11px}.studio-cadenza__card-action{appearance:none;border:1px solid var(--rule);color:var(--ink-2);font-family:var(--mono);letter-spacing:.04em;cursor:pointer;transition:background .15s var(--ease), color .15s var(--ease), border-color .15s var(--ease);background:0 0;border-radius:999px;padding:8px 16px;font-size:12px}.studio-cadenza__card-action:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.studio-cadenza__card-action[disabled]{opacity:.5;cursor:default}.studio-cadenza__empty{color:var(--ink-3);background:var(--bg-raised);border:1px dashed var(--rule);border-radius:var(--radius-sm,10px);padding:var(--space-4,16px) var(--space-5,24px);font-size:14px}.studio-cadenza__footnote{color:var(--ink-3);border-top:1px solid var(--rule);padding-top:var(--space-4,16px);margin:0;font-size:13px}.studio-cadenza__footnote a{color:var(--accent);border-bottom:1px dotted var(--accent);text-decoration:none}.studio-cadenza__footnote a:hover{border-bottom-style:solid}.map-walk-section{flex-direction:column;flex:1;min-height:0;display:flex}.map-walk-section--fullbleed{overflow:hidden}.map-walk-section--fullbleed .map-walk{flex:1;min-height:0}.map-walk-section--fullbleed .sprite-engine,.map-walk-section--fullbleed .sprite-engine__stage{height:100%}.map-walk-section--fullbleed .sprite-engine__canvas{width:100%;height:100%}.studio-empty__icon{opacity:.5;margin-bottom:8px;font-size:36px;line-height:1}.studio-room-frame{flex:1;grid-template-columns:minmax(240px,300px) 1fr;align-items:stretch;gap:0;min-height:0;display:grid;position:relative;overflow:hidden}@media (width<=768px){.studio-room-frame{grid-template-columns:1fr}}.workshop-toggle{appearance:none;cursor:pointer;background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--sans);color:var(--ink-2);transition:border-color .18s var(--ease), color .18s var(--ease);align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:600;display:none}.workshop-toggle:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}.workshop-toggle__icon{font-family:var(--mono);font-size:16px}.studio-room-frame:has(.workshop-drawer:not(.is-open)){grid-template-columns:1fr}.studio-room-frame:has(.workshop-drawer:not(.is-open)) .workshop-drawer{display:none}.studio-room-frame:has(.workshop-drawer:not(.is-open)) .workshop-toggle{z-index:5;display:inline-flex;position:absolute;top:12px;left:12px}.workshop-drawer{background:var(--bg-raised);border-right:1px solid var(--rule);padding:0 14px max(20px, env(safe-area-inset-bottom));flex-direction:column;gap:14px;min-height:0;max-height:100%;display:flex;overflow-y:auto}.workshop-drawer__header{padding:14px 0 2px}.workshop-drawer__eyebrow{font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text,var(--accent));margin:0 0 6px;font-size:11px;font-weight:600}.workshop-drawer__title{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:clamp(20px,2vw,26px);font-weight:600}.workshop-section{flex-direction:column;gap:8px;display:flex}.workshop-section__title{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);margin:0;padding-bottom:6px;font-size:11px;font-weight:700;position:relative}.workshop-section__title:before{content:"";background:var(--accent);vertical-align:middle;width:18px;height:1px;margin-right:10px;display:inline-block}.workshop-section__sub{font-family:var(--sans);color:var(--ink-3);margin:-2px 0 4px;font-size:12px}.workshop-checklist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.workshop-genesis{margin-top:4px}.workshop-genesis__props{flex-wrap:wrap;gap:6px;margin:2px 0 6px;display:flex}.workshop-genesis__props span{border:1px solid color-mix(in srgb, var(--accent) 22%, var(--rule));background:color-mix(in srgb, var(--accent) 8%, transparent);min-height:22px;color:var(--ink-2);font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.workshop-genesis__btn{text-align:left;background:color-mix(in srgb, var(--accent) 8%, transparent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--ink-1);align-items:center;gap:12px;padding:14px;transition:background .16s,border-color .16s,transform 60ms;display:flex}.workshop-genesis__btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 14%, transparent);border-color:color-mix(in srgb, var(--accent) 44%, transparent)}.workshop-genesis__btn:active:not(:disabled){transform:translateY(1px)}.workshop-genesis__btn:disabled{cursor:progress;opacity:.85}.workshop-genesis[data-state=unconfigured] .workshop-genesis__btn,.workshop-genesis[data-state=offline] .workshop-genesis__btn{background:color-mix(in srgb, var(--ink-1) 4%, transparent);border-color:color-mix(in srgb, var(--ink-2) 22%, transparent)}.workshop-genesis__icon{background:color-mix(in srgb, var(--accent) 22%, transparent);width:28px;height:28px;color:var(--accent-text,var(--accent));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.workshop-genesis[data-state=generating] .workshop-genesis__icon:after{content:"‚6";color:var(--accent);font-size:16px;line-height:1;animation:1.4s ease-in-out infinite workshop-genesis-think;position:absolute}.workshop-genesis[data-state=generating] .workshop-genesis__icon{color:#0000;position:relative}@keyframes workshop-genesis-think{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.workshop-genesis[data-state=generating] .workshop-genesis__icon:after{opacity:.8;animation:none}}.workshop-genesis__body{flex-direction:column;gap:2px;min-width:0;display:flex}.workshop-genesis__title{font-family:var(--sans);color:var(--ink);font-size:13px;font-weight:600;line-height:1.3}.workshop-genesis__sub{font-family:var(--sans);color:var(--ink-3);font-size:11px;line-height:1.4}.workshop-genesis__notice{font-family:var(--sans);border-radius:var(--radius-sm);margin:8px 0 0;padding:8px 10px;font-size:12px;line-height:1.5}.workshop-genesis__notice--ok{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--ink-1);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}.workshop-genesis__notice--err{background:color-mix(in srgb, var(--danger,#c44) 12%, transparent);color:var(--ink-1);border:1px solid color-mix(in srgb, var(--danger,#c44) 28%, transparent)}.workshop-check{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--sans);color:var(--ink-2);align-items:flex-start;gap:10px;padding:10px 12px;font-size:13px;line-height:1.4;display:flex}.workshop-check__num{font-family:var(--mono);color:var(--accent-text,var(--accent));background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}@media (height<=760px){.workshop-drawer{gap:12px}.workshop-drawer__title{font-size:23px}.workshop-section{gap:7px}.workshop-section__title{padding-bottom:5px}.workshop-checklist{gap:6px}.workshop-check{padding:8px 10px;font-size:12.5px;line-height:1.35}.workshop-check__num{width:20px;height:20px;font-size:10px}}.workshop-examples{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.workshop-example{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);align-items:flex-start;gap:12px;padding:10px 12px;display:flex;position:relative}.workshop-example:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 50%, var(--bg));transform:translate(2px)}.workshop-example.is-current{border-color:var(--accent);background:var(--accent-soft)}.workshop-example.is-loading{opacity:.6;cursor:progress}.workshop-example.is-error{border-color:var(--danger)}.workshop-example.workshop-example--coming-soon{cursor:default;opacity:.55}.workshop-example.workshop-example--coming-soon:hover{border-color:var(--rule);background:var(--bg);transform:none}.workshop-example__icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;display:flex}.workshop-example__body{flex:1;min-width:0}.workshop-example__name{font-family:var(--sans);color:var(--ink);margin:0 0 2px;font-size:13px;font-weight:600}.workshop-example__desc{font-family:var(--sans);color:var(--ink-3);font-size:11.5px;line-height:1.4}.workshop-example__pill{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4);background:var(--bg-sunken,var(--rule-2));border-radius:999px;margin-top:4px;padding:2px 6px;font-size:9px;display:inline-block}.workshop-demo-tour__links{flex-wrap:wrap;gap:7px;display:flex}.workshop-demo-tour__links a{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));background:color-mix(in srgb, var(--bg-raised) 86%, transparent);min-height:30px;color:var(--accent-text,var(--accent));font-family:var(--sans);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;text-decoration:none;display:inline-flex}.workshop-demo-tour__links a:hover,.workshop-demo-tour__links a:focus-visible{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-raised));color:var(--ink)}.workshop-packs{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.workshop-pack{background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--sans);color:var(--ink-2);align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.workshop-pack__icon{flex-shrink:0;font-size:16px}.workshop-pack__count{font-family:var(--mono);color:var(--ink-4);background:var(--bg-sunken,var(--rule-2));border-radius:999px;margin-left:auto;padding:2px 6px;font-size:10px}.workshop-pack--soon{opacity:.55}.studio-comp--interactive{cursor:pointer;outline-offset:4px;transition:outline-color .18s var(--ease), transform .22s var(--ease), filter .22s var(--ease);border-radius:8px;outline:2px solid #0000;min-width:24px;min-height:24px}.studio-comp--interactive:hover{outline-color:color-mix(in srgb, var(--accent) 70%, transparent);filter:drop-shadow(0 0 12px var(--accent-soft)) drop-shadow(0 6px 12px #0000002e);transform:translateY(-2px)}.studio-comp--interactive:focus-visible{outline-color:var(--accent)}.studio-comp--interactive:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.studio-comp--interactive{transition-duration:.01ms}.studio-comp--interactive:hover{transform:none}}.studio-launch-modal{z-index:200;justify-content:center;align-items:center;padding:clamp(16px,3vw,32px);display:none;position:fixed;inset:0}.studio-launch-modal.is-open{animation:studio-launch-fade .18s var(--ease);display:flex}@keyframes studio-launch-fade{0%{opacity:0}to{opacity:1}}.studio-launch-modal__backdrop{background:color-mix(in srgb, var(--ink) 75%, transparent);-webkit-backdrop-filter:blur(6px);position:absolute;inset:0}.studio-launch-modal__panel{background:var(--bg-raised);border:2px solid color-mix(in srgb, var(--accent) 40%, var(--rule));border-radius:var(--radius);width:100%;max-width:min(1100px,90vw);max-height:86vh;box-shadow:0 24px 64px #0000006b, 0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);flex-direction:column;animation:.28s cubic-bezier(.2,.7,.2,1.06) studio-launch-rise;display:flex;position:relative;overflow:hidden}@keyframes studio-launch-rise{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.studio-launch-modal.is-open,.studio-launch-modal__panel{animation:none}}.studio-launch-modal__header{border-bottom:1px solid var(--rule);background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--bg-raised)) 0%, var(--bg-raised) 100%);justify-content:space-between;align-items:center;padding:12px 18px;display:flex}.studio-launch-modal__title{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);margin:0;font-size:18px;font-weight:500}.studio-launch-modal__close{appearance:none;cursor:pointer;color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:24px;line-height:1}.studio-launch-modal__close:hover{background:var(--bg-sunken,var(--rule-2));color:var(--ink)}.studio-launch-modal__body{background:#0a0a08;flex:1;min-height:320px;position:relative}.studio-launch-modal__body:after{content:"";pointer-events:none;z-index:2;background:repeating-linear-gradient(0deg,#0000 0 2px,#ffffff0a 2px 3px);position:absolute;inset:0}.studio-launch-modal__frame{z-index:1;background:#0a0a08;border:0;width:100%;height:100%;min-height:60vh;display:none;position:relative}.studio-launch-modal__placeholder{z-index:1;background:#0a0a08;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.studio-launch-modal__placeholder-text{font-family:var(--mono);letter-spacing:.16em;color:var(--accent-2);text-transform:uppercase;text-shadow:0 0 8px var(--accent-soft);text-align:center;max-width:80ch;padding:0 24px;font-size:clamp(14px,2vw,20px);animation:1.5s steps(2,end) infinite studio-launch-blink}@keyframes studio-launch-blink{0%,50%{opacity:1}51%,to{opacity:.35}}@media (prefers-reduced-motion:reduce){.studio-launch-modal__placeholder-text{animation:none}}.studio-launch-modal__footer{border-top:1px solid var(--rule);background:var(--bg-elevated,var(--bg-raised));justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.studio-launch-modal__url{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.studio-launch-modal__open-tab{font-family:var(--sans);color:var(--accent-text,var(--accent));transition:background .18s var(--ease);border-radius:6px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none}.studio-launch-modal__open-tab:hover{background:var(--accent-soft)}.studio-embed-modal{z-index:200;justify-content:center;align-items:center;padding:clamp(16px,3vw,32px);display:none;position:fixed;inset:0}.studio-embed-modal.is-open{animation:studio-launch-fade .18s var(--ease);display:flex}.studio-embed-modal__backdrop{background:color-mix(in srgb, var(--ink) 70%, transparent);-webkit-backdrop-filter:blur(4px);position:absolute;inset:0}.studio-embed-modal__panel{background:var(--bg-raised);border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));border-radius:var(--radius);width:100%;max-width:min(720px,90vw);max-height:80vh;box-shadow:0 16px 48px #0000005c, 0 0 0 1px color-mix(in srgb, var(--accent) 12%, transparent);animation:studio-launch-rise .22s var(--ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.studio-embed-modal__header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.studio-embed-modal__title{font-family:var(--serif);color:var(--ink);margin:0;font-size:16px;font-weight:500}.studio-embed-modal__close{appearance:none;cursor:pointer;color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:22px;line-height:1}.studio-embed-modal__close:hover{background:var(--bg-sunken,var(--rule-2));color:var(--ink)}.studio-embed-modal__body{background:var(--bg);flex:1;min-height:280px;display:flex}.studio-embed-modal__frame{background:var(--bg);border:0;width:100%;height:100%;min-height:60vh}.studio-embed-modal[data-platform=soundcloud] .studio-embed-modal__panel{max-width:min(560px,90vw)}.studio-embed-modal[data-platform=soundcloud] .studio-embed-modal__body,.studio-embed-modal[data-platform=soundcloud] .studio-embed-modal__frame{min-height:180px}@media (prefers-reduced-motion:reduce){.studio-embed-modal.is-open,.studio-embed-modal__panel{animation:none}}.studio-read-panel{z-index:200;pointer-events:none;position:fixed;inset:0}.studio-read-panel.is-open{pointer-events:auto}.studio-read-panel__backdrop{background:color-mix(in srgb, var(--ink) 60%, transparent);-webkit-backdrop-filter:blur(2px);opacity:0;transition:opacity .22s var(--ease);position:absolute;inset:0}.studio-read-panel.is-open .studio-read-panel__backdrop{opacity:1}.studio-read-panel__sheet{background:var(--bg-raised);border-left:1px solid var(--rule);flex-direction:column;width:min(520px,92vw);transition:transform .32s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-16px 0 48px #00000052}.studio-read-panel.is-open .studio-read-panel__sheet{transform:translate(0)}.studio-read-panel__header{padding:var(--space-4) 22px;border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.studio-read-panel__title{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);margin:0;font-size:20px;font-weight:500}.studio-read-panel__close{appearance:none;cursor:pointer;color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:999px;padding:4px 12px;font-size:24px;line-height:1}.studio-read-panel__close:hover{background:var(--bg-sunken,var(--rule-2));color:var(--ink)}.studio-read-panel__body{font-family:var(--serif);color:var(--ink-2);flex:1;padding:22px 26px clamp(28px,4vw,48px);font-size:16px;line-height:1.65;overflow-y:auto}.studio-read-panel__body h1{font-family:var(--serif);letter-spacing:-.01em;color:var(--ink);margin:0 0 12px;font-size:clamp(24px,3vw,32px);font-weight:600;line-height:1.2}.studio-read-panel__body h1 em{color:var(--accent-text,var(--accent));font-style:italic;font-weight:500}.studio-read-panel__body h2{font-family:var(--serif);letter-spacing:-.005em;color:var(--ink);margin:28px 0 12px;font-size:clamp(20px,2.4vw,24px);font-weight:500;line-height:1.25}.studio-read-panel__body h2 em{color:var(--accent-text,var(--accent));font-style:italic}.studio-read-panel__body h3{font-family:var(--sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);margin:20px 0 8px;font-size:14px;font-weight:600}.studio-read-panel__body p{margin:0 0 14px}.studio-read-panel__body ul,.studio-read-panel__body ol{margin:0 0 16px;padding-left:24px}.studio-read-panel__body li{margin:4px 0}.studio-read-panel__body em{font-style:italic}.studio-read-panel__body strong{color:var(--ink);font-weight:600}.studio-read-panel__body code{font-family:var(--mono);background:var(--bg-sunken,var(--rule-2));color:var(--ink);border-radius:4px;padding:1px 6px;font-size:.88em}.studio-read-panel__body pre{background:var(--bg-sunken,var(--rule-2));border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--mono);margin:14px 0;padding:14px 16px;font-size:13px;line-height:1.55;overflow-x:auto}.studio-read-panel__body pre code{background:0 0;border-radius:0;padding:0}.studio-read-panel__body blockquote{border-left:3px solid var(--accent);color:var(--ink-3);font-family:var(--serif);margin:16px 0;padding:8px 0 8px 16px;font-style:italic}.studio-read-panel__body a{color:var(--accent-text,var(--accent));text-underline-offset:2px;text-decoration:underline 1px}.studio-read-panel__body a:hover{color:var(--accent-2)}@media (prefers-reduced-motion:reduce){.studio-read-panel__sheet,.studio-read-panel__backdrop{transition:none}}body.studio-editing .studio-stage{cursor:default;outline:2px dashed color-mix(in srgb, var(--accent) 35%, transparent);outline-offset:4px}body.studio-editing .studio-stage:before{content:"EDITING";z-index:90;font-family:var(--mono);letter-spacing:.16em;background:var(--accent);color:#fff;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:8px;left:8px;box-shadow:0 2px 8px #0000002e}body.studio-editing .studio-comp{cursor:grab}body.studio-editing .studio-comp:hover{outline:2px dashed color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:4px}body.studio-editing .studio-comp.is-selected{outline:2px solid var(--accent);outline-offset:4px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 14%, transparent)}body.studio-editing .studio-comp.is-locked{cursor:not-allowed;opacity:.5}body.studio-editing .studio-comp:active{cursor:grabbing}.studio-protected-zone{z-index:92;pointer-events:none;border:2px dashed color-mix(in srgb, var(--accent) 56%, white);background:repeating-linear-gradient(45deg, color-mix(in srgb, var(--accent-soft) 24%, transparent) 0 9px, color-mix(in srgb, var(--accent-soft) 8%, transparent) 9px 18px);border-radius:8px;place-items:start center;padding-top:7px;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #ffffff61,0 10px 22px #0000001a}.studio-protected-zone span{background:color-mix(in srgb, var(--bg-raised) 92%, var(--accent-soft) 8%);max-width:calc(100% - 10px);color:var(--accent-text,var(--accent));font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:9px;font-weight:800;box-shadow:0 2px 8px #00000024}body.studio-editing .studio-comp--interactive{pointer-events:auto}body.studio-editing .studio-comp--interactive:hover{filter:none!important;transform:none!important}.studio-builder-toolbar{z-index:120;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-raised) 98%, white 2%), color-mix(in srgb, var(--bg-raised) 92%, var(--accent-soft) 8%));border:1px solid color-mix(in srgb, var(--rule) 80%, var(--accent) 20%);-webkit-backdrop-filter:blur(10px);border-radius:8px;grid-template-columns:auto minmax(150px,.38fr) minmax(320px,1fr);align-items:stretch;gap:12px;padding:12px;display:none;position:absolute;bottom:clamp(12px,2vw,24px);left:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px);box-shadow:inset 0 1px #ffffff8f,0 16px 34px #00000038}body.studio-editing .studio-builder-toolbar{display:grid}body.studio-editing:has(.studio-props-panel.is-open) .studio-builder-toolbar{right:min(340px,34vw)}.studio-builder-toolbar__tools,.studio-builder-toolbar__categories,.studio-builder-toolbar__assets{align-items:center;gap:6px;min-width:0;display:flex}.studio-builder-toolbar__tools{border-right:1px solid color-mix(in srgb, var(--rule) 82%, var(--accent-soft));padding-right:10px}.studio-builder-toolbar__tool{appearance:none;border:1px solid color-mix(in srgb, var(--rule) 88%, var(--ink-3));background:color-mix(in srgb, var(--bg) 92%, var(--bg-raised));width:40px;height:40px;color:var(--ink-2);font-family:var(--mono);cursor:pointer;border-radius:6px;place-items:center;font-size:18px;display:grid}.studio-builder-toolbar__tool:hover,.studio-builder-toolbar__tool.is-active{color:var(--accent-text,var(--accent));border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 64%, var(--bg));box-shadow:inset 0 -2px 0 var(--accent)}.studio-builder-toolbar__categories{scrollbar-width:thin;padding:0 2px;overflow-x:auto}.studio-builder-toolbar__category,.studio-builder-toolbar__asset{--builder-tone:var(--accent)}.studio-builder-toolbar__category[data-builder-tone=people],.studio-builder-toolbar__asset[data-builder-tone=people]{--builder-tone:#5768d9}.studio-builder-toolbar__category[data-builder-tone=furniture],.studio-builder-toolbar__asset[data-builder-tone=furniture]{--builder-tone:#8c6a54}.studio-builder-toolbar__category[data-builder-tone=nature],.studio-builder-toolbar__asset[data-builder-tone=nature]{--builder-tone:#477653}.studio-builder-toolbar__category[data-builder-tone=rooms],.studio-builder-toolbar__asset[data-builder-tone=rooms]{--builder-tone:#597083}.studio-builder-toolbar__category[data-builder-tone=living],.studio-builder-toolbar__asset[data-builder-tone=living]{--builder-tone:#5f7b4e}.studio-builder-toolbar__category[data-builder-tone=packs],.studio-builder-toolbar__asset[data-builder-tone=packs]{--builder-tone:#765da8}.studio-builder-toolbar__category{appearance:none;border:1px solid color-mix(in srgb, var(--rule) 88%, var(--builder-tone));background:color-mix(in srgb, var(--bg) 94%, var(--builder-tone) 6%);min-width:96px;height:40px;color:var(--ink-2);font-family:var(--sans);cursor:pointer;white-space:nowrap;border-radius:6px;flex:none;justify-content:flex-start;align-items:center;gap:8px;padding:0 10px 0 8px;font-size:11px;font-weight:700;display:inline-flex}.studio-builder-toolbar__category-icon{background:color-mix(in srgb, var(--builder-tone) 18%, var(--bg));width:22px;height:22px;color:color-mix(in srgb, var(--builder-tone) 82%, var(--ink));font-family:var(--mono);border-radius:5px;place-items:center;font-size:12px;line-height:1;display:grid}.studio-builder-toolbar__category[aria-selected=true]{color:var(--ink);border-color:color-mix(in srgb, var(--builder-tone) 78%, var(--rule));background:linear-gradient(180deg, color-mix(in srgb, var(--builder-tone) 18%, var(--bg-raised)), color-mix(in srgb, var(--builder-tone) 10%, var(--bg)));box-shadow:inset 0 1px 0 #ffffff6b, inset 0 -3px 0 var(--builder-tone)}.studio-builder-toolbar__assets{scrollbar-width:thin;padding-bottom:1px;overflow-x:auto}.studio-builder-toolbar__asset{appearance:none;border:1px solid color-mix(in srgb, var(--rule) 88%, var(--builder-tone));background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 96%, var(--builder-tone) 4%), color-mix(in srgb, var(--bg) 90%, var(--builder-tone) 10%));height:78px;color:var(--ink-2);cursor:copy;border-radius:6px;flex:0 0 82px;grid-template-rows:50px 1fr;place-items:end center;gap:4px;padding:6px 6px 5px;display:grid;position:relative}.studio-builder-toolbar__asset:hover,.studio-builder-toolbar__asset.is-selected{border-color:color-mix(in srgb, var(--builder-tone) 82%, var(--rule));background:linear-gradient(180deg, color-mix(in srgb, var(--builder-tone) 18%, var(--bg-raised)), color-mix(in srgb, var(--builder-tone) 10%, var(--bg)));box-shadow:inset 0 1px #ffffff80,0 8px 18px #0000001f}.studio-builder-toolbar__asset-art{pointer-events:none;justify-content:center;align-items:end;width:50px;height:50px;display:flex;position:relative;overflow:hidden}.studio-builder-toolbar__asset-art:before{content:"";background:color-mix(in srgb, var(--builder-tone) 22%, transparent);filter:blur(.5px);border-radius:999px;height:7px;position:absolute;bottom:2px;left:10%;right:10%}.studio-builder-toolbar__asset-art svg,.studio-builder-toolbar__asset-art canvas,.studio-builder-toolbar__asset-art img{max-width:100%;max-height:100%;image-rendering:pixelated;z-index:1;position:relative}.studio-builder-toolbar__asset-label{width:100%;color:var(--ink-2);font-family:var(--sans);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:650;line-height:1.1;overflow:hidden}.studio-builder-toolbar__living-icon{font-size:24px;line-height:1}.studio-builder-ghost{z-index:95;pointer-events:none;opacity:.68;filter:drop-shadow(0 8px 14px #00000040);justify-content:center;align-items:end;display:none;position:absolute}.studio-builder-ghost.is-visible{display:flex}.studio-builder-ghost:after{content:"";border:2px solid color-mix(in srgb, var(--accent) 72%, white);background:color-mix(in srgb, var(--accent-soft) 18%, transparent);border-radius:6px;position:absolute;inset:-4px}.studio-builder-ghost[data-invalid=true]{opacity:.42;filter:grayscale(.45)drop-shadow(0 8px 14px #0000002e)}.studio-builder-ghost[data-invalid=true]:after{border-color:color-mix(in srgb, var(--danger) 76%, white);background:color-mix(in srgb, var(--danger) 16%, transparent)}.studio-builder-ghost>*{width:100%;height:100%;image-rendering:pixelated;justify-content:center;align-items:end;display:flex}body.studio-builder-placing .studio-stage{cursor:copy}body.studio-editing .studio-comp[data-placement-invalid=true]{outline:2px solid color-mix(in srgb, var(--danger) 76%, white);outline-offset:3px;filter:saturate(.65)opacity(.75)}@media (width<=820px){.studio-builder-toolbar{grid-template-rows:auto auto;grid-template-columns:auto 1fr}body.studio-editing:has(.studio-props-panel.is-open) .studio-builder-toolbar{right:clamp(12px,2vw,24px)}.studio-builder-toolbar__assets{grid-column:1/-1}}.studio-props-panel{z-index:180;background:var(--bg-raised);border-left:1px solid var(--rule);width:min(320px,92vw);transition:transform var(--dur-base) cubic-bezier(.2,.7,.2,1);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-8px 0 32px #0000002e}.studio-props-panel.is-open{transform:translate(0)}.studio-props-panel__header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.studio-props-panel__title{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0;font-size:11px;font-weight:700}.studio-props-panel__close{appearance:none;cursor:pointer;color:var(--ink-3);background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:20px;line-height:1}.studio-props-panel__close:hover{background:var(--bg-sunken,var(--rule-2));color:var(--ink)}.studio-props-panel__body{padding:var(--space-4) 18px var(--space-5);flex:1;overflow-y:auto}.studio-props__row{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.studio-props__row label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.studio-props__row input,.studio-props__row select,.studio-props__row textarea{font-family:var(--mono);border:1px solid var(--rule);background:var(--bg);color:var(--ink);width:100%;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:6px;padding:6px 10px;font-size:12px}.studio-props__row input:focus,.studio-props__row select:focus,.studio-props__row textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.studio-props__row textarea{font-family:var(--sans);resize:vertical;min-height:60px;font-size:13px}.studio-props__readonly{font-family:var(--mono);color:var(--ink-3);background:var(--bg-sunken,var(--rule-2));border-radius:6px;padding:6px 10px;font-size:11px}.studio-props__rowgrid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.studio-props__cell{flex-direction:column;gap:4px;display:flex}.studio-props__cell label{font-family:var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px;font-weight:700}.studio-props__cell input{font-family:var(--mono);border:1px solid var(--rule);background:var(--bg);color:var(--ink);border-radius:6px;padding:6px 10px;font-size:12px}.studio-props__delete{appearance:none;cursor:pointer;width:100%;color:var(--danger);border:1px solid color-mix(in srgb, var(--danger) 30%, var(--rule));font-family:var(--sans);transition:background .18s var(--ease);background:0 0;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:12px;font-weight:600}.studio-props__delete:hover{background:color-mix(in srgb, var(--danger) 8%, transparent)}.studio-props__hint{font-family:var(--sans);color:var(--ink-4);border-top:1px dashed var(--rule);margin:16px 0 0;padding-top:12px;font-size:11px;line-height:1.5}.studio-props__flags,.studio-props__interaction{gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--rule);flex-direction:column;display:flex}.studio-props__flags-heading{font-family:var(--sans);font-size:var(--fs-12);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 0 var(--space-1);font-weight:600}.studio-props__flag{align-items:center;gap:var(--space-2);font-family:var(--sans);font-size:var(--fs-12);color:var(--ink);cursor:pointer;padding:var(--space-1) 0;user-select:none;display:flex}.studio-props__flag input[type=checkbox]{accent-color:var(--accent);cursor:pointer;margin:0}.studio-props__flag.is-disabled{color:var(--ink-4);cursor:not-allowed}.studio-props__flag.is-disabled input[type=checkbox]{cursor:not-allowed}.studio-props__flag-text{flex:1}.workshop-palette{gap:12px}.workshop-palette__packs{flex-direction:column;gap:14px;display:flex}.workshop-palette__pack{flex-direction:column;gap:8px;display:flex}.workshop-palette__pack-header{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);align-items:center;gap:8px;padding:4px 0;font-size:10px;font-weight:700;display:flex}.workshop-palette__grid{grid-template-columns:repeat(auto-fill,minmax(min(70px,100%),1fr));gap:8px;display:grid}.workshop-palette__tile{appearance:none;cursor:grab;background:var(--bg);border:1px solid var(--rule);border-radius:var(--radius-sm);transition:border-color .18s var(--ease), transform .18s var(--ease), background .18s var(--ease);flex-direction:column;align-items:center;gap:4px;padding:8px 6px;display:flex}.workshop-palette__tile:hover{border-color:var(--accent);background:color-mix(in srgb, var(--accent-soft) 50%, var(--bg));transform:translateY(-1px)}.workshop-palette__tile:active{cursor:grabbing}.workshop-palette__tile.is-dragging{opacity:.4}.workshop-palette__tile-art{pointer-events:none;justify-content:center;align-items:end;width:48px;height:48px;display:flex}.workshop-palette__tile-art svg{image-rendering:pixelated;transform-origin:bottom;width:auto;height:100%;transform:scale(1.4)}.workshop-palette__tile-name{font-family:var(--sans);color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:9.5px;font-weight:500;line-height:1.2;overflow:hidden}.studio-stage.is-drop-target{outline:3px solid var(--accent);outline-offset:4px;background:color-mix(in srgb, var(--accent-soft) 30%, var(--bg-sunken))}body.studio-editing .workshop-packs,body:not(.studio-editing) .workshop-palette{display:none}.studio-claude-drawer{z-index:170;background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius);width:min(360px,100vw - 32px);height:420px;box-shadow:0 12px 36px #00000052, 0 0 0 1px color-mix(in srgb, var(--accent) 14%, transparent);transition:transform var(--dur-base) var(--ease), opacity var(--dur-base) var(--ease);flex-direction:column;display:none;position:fixed;bottom:16px;right:16px;overflow:hidden}body.studio-editing .studio-claude-drawer{display:flex}.studio-claude-drawer.is-minimized{height:48px}.studio-claude-drawer.is-minimized .studio-claude-drawer__body,.studio-claude-drawer.is-minimized .studio-claude-drawer__form{display:none}.studio-claude-drawer__header{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--bg-raised)) 0%, var(--bg-raised) 100%);border-bottom:1px solid var(--rule);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.studio-claude-drawer__brand{align-items:baseline;gap:8px;display:flex}.studio-claude-drawer__icon{color:var(--accent-text,var(--accent));font-size:14px;font-family:var(--mono)}.studio-claude-drawer__title{font-family:var(--serif);color:var(--ink);letter-spacing:-.005em;font-size:16px;font-weight:500}.studio-claude-drawer__sub{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10px}.studio-claude-drawer__minimize{appearance:none;cursor:pointer;color:var(--ink-3);transition:background .18s var(--ease), color .18s var(--ease);background:0 0;border:0;border-radius:999px;padding:4px 10px;font-size:18px;line-height:1}.studio-claude-drawer__minimize:hover{background:var(--bg-sunken,var(--rule-2));color:var(--ink)}.studio-claude-drawer__body{color:var(--ink-2);flex-direction:column;flex:1;gap:10px;padding:12px 14px;font-size:13px;line-height:1.5;display:flex;overflow-y:auto}.studio-claude-msg{word-wrap:break-word;border-radius:12px;max-width:90%;padding:8px 12px}.studio-claude-msg--system{background:var(--bg-sunken,var(--rule-2));font-family:var(--sans);color:var(--ink-3);align-self:stretch;font-size:12px}.studio-claude-msg--user{background:var(--accent);color:#fff;font-family:var(--sans);border-bottom-right-radius:4px;align-self:flex-end;font-size:13px}.studio-claude-msg--assistant{background:var(--bg);border:1px solid var(--rule);font-family:var(--sans);border-bottom-left-radius:4px;align-self:flex-start;font-size:13px}.studio-claude-msg--assistant em{color:var(--accent-text,var(--accent));font-style:italic}.studio-claude-msg--assistant strong{color:var(--ink);font-weight:600}.studio-claude-msg--assistant code{font-family:var(--mono);background:var(--bg-sunken,var(--rule-2));border-radius:4px;padding:1px 5px;font-size:11px}.studio-claude-msg--assistant pre{background:var(--bg-sunken,var(--rule-2));border:1px solid var(--rule);font-family:var(--mono);border-radius:6px;margin:8px 0;padding:8px 10px;font-size:11px;line-height:1.4;overflow-x:auto}.studio-claude-msg--assistant pre code{background:0 0;padding:0}.studio-claude-msg--error{background:color-mix(in srgb, var(--danger) 10%, transparent);border:1px solid color-mix(in srgb, var(--danger) 30%, transparent);color:var(--danger);font-family:var(--mono);align-self:stretch;font-size:11.5px;line-height:1.5}.studio-claude-msg--pending{background:var(--bg);border:1px solid var(--rule);color:var(--ink-3);font-family:var(--mono);align-self:flex-start;font-size:11px;font-style:italic}.studio-claude-msg--pending:after{content:"...";animation:1.2s steps(4,end) infinite studio-claude-blink}@keyframes studio-claude-blink{0%,50%{opacity:1}51%,to{opacity:.4}}@media (prefers-reduced-motion:reduce){.studio-claude-msg--pending:after{animation:none}}.studio-claude-drawer__hint{font-family:var(--mono);color:var(--ink-4);margin:6px 0 0;font-size:10px}.studio-claude-drawer__form{border-top:1px solid var(--rule);background:var(--bg-elevated,var(--bg-raised));flex-direction:column;flex-shrink:0;gap:6px;padding:10px 12px;display:flex}.studio-claude-drawer__input{font-family:var(--sans);border:1px solid var(--rule);background:var(--bg);color:var(--ink);resize:none;transition:border-color .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;padding:8px 10px;font-size:13px;line-height:1.4}.studio-claude-drawer__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft);outline:none}.studio-claude-drawer__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-claude-drawer__status{font-family:var(--mono);color:var(--ink-4);letter-spacing:.04em;min-height:12px;font-size:10px}.studio-claude-drawer__status.is-error{color:var(--danger)}.studio-claude-drawer__status.is-pending{color:var(--accent-text,var(--accent))}.studio-claude-drawer__send{appearance:none;cursor:pointer;background:var(--accent);color:#fff;font-family:var(--sans);transition:background .18s var(--ease);border:0;border-radius:999px;padding:6px 16px;font-size:12px;font-weight:600}.studio-claude-drawer__send:hover{background:var(--accent-2)}.studio-claude-drawer__send:disabled{background:var(--ink-4);cursor:not-allowed}.studio-claude-suggestion{background:color-mix(in srgb, var(--accent-soft) 50%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));border-radius:8px;flex-direction:column;gap:8px;margin:0 0 8px;padding:8px 10px;display:flex}.studio-claude-suggestion.is-applied{background:color-mix(in srgb, var(--success) 8%, var(--bg));border-color:color-mix(in srgb, var(--success) 35%, var(--rule))}.studio-claude-suggestion.is-discarded{opacity:.6}.studio-claude-suggestion__summary{font-family:var(--mono);color:var(--ink-2);font-size:11px}.studio-claude-suggestion__error{font-family:var(--mono);color:var(--danger);font-size:11px;line-height:1.4}.studio-claude-suggestion__btns{justify-content:flex-end;gap:6px;display:flex}.studio-claude-suggestion__apply,.studio-claude-suggestion__discard,.studio-claude-suggestion__retry{appearance:none;cursor:pointer;font-family:var(--sans);transition:background .18s var(--ease), border-color .18s var(--ease);border-radius:999px;padding:4px 12px;font-size:11px;font-weight:600}.studio-claude-suggestion__apply{background:var(--action,var(--accent));color:var(--action-ink,#fff);border:1px solid var(--action,var(--accent))}.studio-claude-suggestion__apply:hover{background:var(--action-2,var(--accent-2));border-color:var(--action-2,var(--accent-2))}.studio-claude-suggestion__discard{color:var(--ink-3);border:1px solid var(--rule);background:0 0}.studio-claude-suggestion__discard:hover{color:var(--ink);border-color:var(--ink-3)}.studio-claude-suggestion__retry{color:var(--accent-text,var(--accent));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--rule));background:0 0;align-self:flex-start}.studio-claude-suggestion__retry:hover{background:var(--accent-soft)}.studio-claude-suggestion__status{font-family:var(--mono);color:var(--success);letter-spacing:.04em;font-size:11px;font-weight:600}.studio-claude-suggestion.is-discarded .studio-claude-suggestion__status{color:var(--ink-4)}@media (prefers-reduced-motion:reduce){.studio-props-panel{transition:none}}.studio-info{background:var(--bg-raised);border-top:1px solid var(--rule);font-family:var(--mono);color:var(--ink-3);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;padding:8px 18px;font-size:12px;display:flex}.studio-info__item{align-items:center;gap:6px;display:inline-flex}.studio-info__item strong{color:var(--ink-2);font-weight:600}.studio-info__dot{background:var(--accent);border-radius:50%;width:6px;height:6px;display:inline-block}.studio-info__spacer{flex:auto}.studio-info__action{font-family:var(--sans);color:var(--accent-text,var(--accent));border:1px solid color-mix(in srgb, var(--accent) 24%, var(--rule));transition:background .18s var(--ease);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;text-decoration:none}.studio-info__action:hover{background:var(--accent-soft)}.studio-pane--publish .studio-publish-wrap{width:100%;max-width:var(--w-prose,760px);flex-direction:column;gap:clamp(20px,3vw,32px);margin:0 auto;display:flex}.studio-theme-picker{background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:clamp(16px,2vw,24px)}.studio-theme-picker__header{margin:0 0 14px}.studio-theme-picker__title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:600}.studio-theme-picker__sub{font-family:var(--sans);color:var(--ink-3);margin:0;font-size:12px}.studio-theme-grid{grid-template-columns:repeat(7,1fr);gap:6px;margin:0 0 12px;display:grid}@media (width<=720px){.studio-theme-grid{grid-template-columns:repeat(5,1fr)}}.studio-theme-cell{appearance:none;cursor:pointer;border-radius:var(--radius-sm);transition:border-color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;display:flex}.studio-theme-cell:hover{border-color:var(--rule);background:var(--bg)}.studio-theme-cell.is-active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px var(--accent-soft) inset}.studio-theme-cell img{aspect-ratio:1;background:var(--bg);border-radius:6px;width:100%;height:auto;display:block}.studio-theme-cell__name{font-family:var(--mono);color:var(--ink-3);text-transform:lowercase;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:9.5px;overflow:hidden}.studio-theme-cell.is-active .studio-theme-cell__name{color:var(--accent-text,var(--accent));font-weight:600}.studio-theme-picker__current{font-family:var(--sans);color:var(--ink-2);margin:0;font-size:13px}.studio-theme-picker__current strong{color:var(--accent-text,var(--accent));font-weight:600}.studio-publish{background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:clamp(16px,2vw,24px);display:block}.studio-publish__header{margin:0 0 16px}.studio-publish__title{font-family:var(--serif);color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:22px;font-weight:600}.studio-publish__sub{font-family:var(--sans);color:var(--ink-3);margin:0;font-size:12px}.studio-publish__sub span{font-family:var(--mono);color:var(--ink-2)}.studio-publish__primary{appearance:none;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;width:100%;font-family:var(--sans);letter-spacing:.01em;transition:filter .18s var(--ease);border-radius:999px;align-items:center;gap:8px;margin:0 0 14px;padding:12px 16px;font-size:13px;font-weight:600;display:inline-flex}.studio-publish__primary:hover{filter:brightness(.96)}.studio-publish__primary-icon{font-size:16px;line-height:1}.studio-publish__status{font-family:var(--mono);color:var(--ink-3);min-height:18px;margin:0 0 12px;padding-left:4px;font-size:11px}.studio-publish__status[data-kind=error]{color:var(--danger)}.studio-publish__status[data-kind=ok]{color:var(--success)}.studio-publish__section{margin:0 0 18px}.studio-publish__sec-title{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);border-bottom:1px solid var(--rule);margin:0 0 8px;padding-bottom:4px;font-size:11px;font-weight:700}.studio-publish__slots,.studio-publish__drafts{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.studio-publish__slot,.studio-publish__draft{border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--bg);padding:12px}.studio-publish__slot.is-pro{opacity:.85;background:0 0;border-style:dashed}.studio-publish__slot-head{justify-content:space-between;align-items:center;gap:8px;margin:0 0 8px;display:flex}.studio-publish__slot-num{font-family:var(--mono);color:var(--ink-2);letter-spacing:.04em;font-size:11px}.studio-publish__slot-status{font-family:var(--mono);color:var(--ink-3);letter-spacing:.04em;font-size:10.5px}.studio-publish__slot-status--live{color:var(--accent-text,var(--accent));font-weight:600}.studio-publish__upsell{font-family:var(--sans);color:var(--ink-3);margin:0;font-size:12px}.studio-publish__upsell a{color:var(--accent-text,var(--accent));font-weight:600;text-decoration:none}.studio-publish__upsell a:hover{text-decoration:underline}.studio-publish__save-here{appearance:none;cursor:pointer;border:1px dashed var(--rule);font-family:var(--sans);color:var(--ink-2);transition:border-color .18s var(--ease), color .18s var(--ease), background .18s var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex}.studio-publish__save-here:hover{border-color:var(--accent);color:var(--accent-text,var(--accent));background:var(--accent-soft)}.studio-publish__card-title{font-family:var(--serif);color:var(--ink);margin:0 0 4px;font-size:15px;font-weight:600}.studio-publish__card-desc{font-family:var(--sans);color:var(--ink-3);margin:0 0 8px;font-size:12px;line-height:1.4}.studio-publish__card-actions{flex-wrap:wrap;gap:6px;display:flex}.studio-publish__card-actions button{appearance:none;cursor:pointer;border:1px solid var(--rule);background:var(--bg-raised);font-family:var(--sans);color:var(--ink-2);transition:border-color .18s var(--ease), color .18s var(--ease);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:500}.studio-publish__card-actions button:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}.studio-publish__card-actions button.is-danger:hover{border-color:var(--danger);color:var(--danger)}.studio-publish__empty{font-family:var(--sans);color:var(--ink-3);margin:0;padding:8px 4px;font-size:12px;list-style:none}.studio-publish-modal{z-index:220;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.studio-publish-modal[hidden]{display:none}.studio-publish-modal__panel{background:var(--bg-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);width:min(420px,100%);padding:clamp(20px,3vw,28px);box-shadow:0 20px 60px #0006}.studio-publish-modal__title{font-family:var(--serif);color:var(--ink);margin:0 0 6px;font-size:20px;font-weight:600}.studio-publish-modal__sub{font-family:var(--sans);color:var(--ink-3);margin:0 0 16px;font-size:12px}.studio-publish-modal__choices{flex-direction:column;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.studio-publish-modal__choice button{appearance:none;cursor:pointer;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--bg);text-align:left;width:100%;font-family:var(--sans);color:var(--ink-2);transition:border-color .18s var(--ease), background .18s var(--ease);justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;display:flex}.studio-publish-modal__choice button:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text,var(--accent))}.studio-publish-modal__choice button strong{font-family:var(--mono);font-size:12px;font-weight:600}.studio-publish-modal__choice button span{color:var(--ink-3);font-size:12px}.studio-publish-modal__choice.is-replacing button{border-style:dashed}.studio-publish-modal__choice.is-locked{border:1px dashed var(--rule);border-radius:var(--radius-sm);text-align:center;padding:10px 14px}.studio-publish-modal__choice.is-locked a{font-family:var(--sans);color:var(--accent-text,var(--accent));font-size:12px;font-weight:600;text-decoration:none}.studio-publish-modal__choice.is-locked a:hover{text-decoration:underline}.studio-publish-modal__row{justify-content:flex-end;display:flex}.studio-publish-modal__cancel{appearance:none;cursor:pointer;border:1px solid var(--rule);font-family:var(--sans);color:var(--ink-3);transition:border-color .18s var(--ease), color .18s var(--ease);background:0 0;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:500}.studio-publish-modal__cancel:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}body.studio-editing:has(.studio-props-panel.is-open) .studio-claude-drawer:not(.is-minimized){width:min(360px,100vw - 32px);max-height:60vh;inset:auto auto 16px 16px}.workshop-palette__pack--living-things{margin-top:8px}.workshop-palette__tile--living-thing{position:relative}.workshop-palette__tile-art--lt{background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.lt-tile-icon{image-rendering:pixelated;font-size:32px;line-height:1}.studio-comp--living-thing:after{content:"";pointer-events:none;background:#4ade80;border:1px solid #0000004d;border-radius:50%;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.studio-props__behavior{background:color-mix(in srgb, var(--accent) 6%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 20%, transparent);border-radius:8px;margin:12px 0 0;padding:12px 14px}.studio-props__behavior-heading{font-family:var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text,var(--accent));margin:0 0 10px;font-size:12px;font-weight:600}.studio-props__behavior-section{margin:8px 0 0}.studio-props__behavior-hint{color:var(--ink-3);margin:6px 0 0;font-size:11px;font-style:italic}.studio-props__slider-wrap{align-items:center;gap:8px;display:flex}.studio-props__slider-wrap input[type=range]{flex:1}.studio-props__slider-val{font-family:var(--mono);color:var(--ink-2);text-align:right;min-width:36px;font-size:11px}.studio-props__reset-beh{border:1px solid var(--ink-3);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:4px;margin-top:10px;padding:4px 10px;font-size:12px}.studio-props__reset-beh:hover{border-color:var(--accent);color:var(--accent-text,var(--accent))}.lt-overlay{pointer-events:none;z-index:50;position:absolute;inset:0;overflow:visible}.lt-overlay__handle{cursor:grab;pointer-events:all}.lt-overlay__handle:active{cursor:grabbing}.lt-overlay__body-rect{cursor:move;pointer-events:all}.lt-overlay__waypoint{cursor:grab;pointer-events:all}.lt-overlay__waypoint:active{cursor:grabbing}.studio-canvas-showcase-section{margin:0 0 18px}.studio-canvas-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-canvas-item{background:var(--bg-raised);border:1px solid var(--rule);transition:border-color .16s var(--ease,ease);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.studio-canvas-item:hover{border-color:var(--ink-3)}.studio-canvas-item.is-showcase{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, var(--bg-raised))}.studio-canvas-item--empty{color:var(--ink-3);background:0 0;border:none;padding:4px 2px;font-size:12px;font-style:italic}.studio-canvas-star{appearance:none;cursor:pointer;width:28px;height:28px;color:var(--ink-3);transition:color .2s var(--ease,ease), background .2s var(--ease,ease);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;line-height:1;display:flex}.studio-canvas-star:hover{color:var(--ink-2);background:var(--bg-sunken,var(--bg))}.studio-canvas-item.is-showcase .studio-canvas-star{color:var(--accent-text,var(--accent));animation:studio-star-flip .2s var(--ease,ease) both}@keyframes studio-star-flip{0%{opacity:.5;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.studio-canvas-item.is-showcase .studio-canvas-star{animation:none}}.studio-canvas-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-canvas-title{font-family:var(--sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.studio-canvas-badge{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent-text,var(--accent));background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;align-self:flex-start;padding:1px 6px;font-size:10px;font-weight:600}.studio-canvas-create,.studio-canvas-open,.studio-canvas-delete{appearance:none;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--bg);min-height:26px;color:var(--ink);font-family:var(--sans);cursor:pointer;transition:border-color .16s var(--ease,ease), background .16s var(--ease,ease), color .16s var(--ease,ease);padding:0 10px;font-size:12px;font-weight:650}.studio-canvas-create{background:color-mix(in srgb, var(--accent) 8%, var(--bg-raised));border-color:color-mix(in srgb, var(--accent) 26%, var(--rule));width:100%;color:var(--accent-text,var(--accent))}.studio-canvas-open:hover,.studio-canvas-open:focus-visible,.studio-canvas-create:hover,.studio-canvas-create:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text,var(--accent));outline:none}.studio-canvas-delete{color:var(--ink-3)}.studio-canvas-delete:hover,.studio-canvas-delete:focus-visible{border-color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent);color:var(--danger);outline:none}.studio-showcase-status{font-family:var(--sans);min-height:16px;color:var(--ink-3);transition:color .16s var(--ease,ease);margin:0 0 6px;font-size:11px}.studio-showcase-status[data-kind=ok]{color:var(--success)}.studio-showcase-status[data-kind=error]{color:var(--danger)}