html{--stack-display:var(--font-geist-sans),"Geist",var(--font-face-noto-sans-jp),system-ui,sans-serif;--stack-body:var(--font-geist-sans),"Geist",var(--font-face-noto-sans-jp),system-ui,sans-serif;--stack-mono:var(--font-geist-mono),"Geist Mono",ui-monospace,monospace;--font-display:var(--stack-display);--font-body:var(--stack-body);--font-mono:var(--stack-mono)}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg0);color:var(--fg)}body{font-family:var(--font-body)}a{color:inherit;text-decoration:none}.app-main{max-width:none;width:100%}.creation-error-fallback{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-height:40vh;padding:2.5rem 1.5rem;max-width:36rem}.creation-error-fallback__title{margin:0;font-family:var(--font-display,inherit);font-size:1.5rem;font-weight:600;line-height:1.25}.creation-error-fallback__body{margin:0;color:var(--fg-muted,var(--fg));line-height:1.5}.creation-stage{max-width:100%;width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}.creation-stage--editor{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column}.app-frame.creation-app-frame--top-chrome[data-rail-edge=bottom],.app-frame.creation-app-frame--top-chrome[data-rail-edge=left],.app-frame.creation-app-frame--top-chrome[data-rail-edge=right],.app-frame.creation-app-frame--top-chrome[data-rail-edge=top]{padding-left:var(--main-gutter,2.5rem);padding-right:var(--main-gutter,2.5rem);padding-top:0;padding-bottom:0}.app-frame.creation-app-frame--top-chrome .topbar{align-items:center;min-height:3.25rem;padding-top:.85rem;padding-bottom:.35rem;padding-right:clamp(7.5rem,18vw,11rem);gap:var(--space-3,.85rem)}.creation-topbar-lead{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem;min-width:0;flex:1 1 auto}.app-frame.creation-app-frame--hub-chrome,.app-frame.creation-app-frame--top-chrome.creation-app-frame--hub-chrome[data-rail-edge=bottom],.app-frame.creation-app-frame--top-chrome.creation-app-frame--hub-chrome[data-rail-edge=left],.app-frame.creation-app-frame--top-chrome.creation-app-frame--hub-chrome[data-rail-edge=right],.app-frame.creation-app-frame--top-chrome.creation-app-frame--hub-chrome[data-rail-edge=top]{padding-top:calc(var(--zaoly-hub-bar-h, 2.6rem) + 1.5rem)}.app-frame.creation-app-frame--hub-chrome .topbar{align-items:flex-start;gap:.35rem;padding-top:.85rem;padding-bottom:.65rem;padding-right:0;border-bottom:none;margin-bottom:0}.app-frame.creation-app-frame--hub-chrome .creation-topbar-lead{flex-direction:column;align-items:flex-start;gap:.5rem;margin-top:.15rem}.creation-top-nav{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;margin:0;min-height:2.75rem;height:auto;padding:6px 10px;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:9999px;background:color-mix(in srgb,var(--bg1) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--creation-elevation-shadow);-webkit-user-select:none;user-select:none}.creation-top-nav__link{display:inline-flex;align-items:center;justify-content:center;gap:0;min-height:1.85rem;min-width:1.85rem;padding:.25rem .3rem;border-radius:999px;color:var(--muted);font-size:var(--type-sm);letter-spacing:var(--track-label,.02em);text-decoration:none;transition:background .16s ease,color .16s ease}.creation-top-nav--labels .creation-top-nav__link{gap:.4rem;min-width:0;padding:.3rem .65rem}.creation-top-nav--labels .creation-top-nav__settings{padding:.25rem .65rem .25rem .35rem}.creation-top-nav__label{white-space:nowrap;line-height:1;font-weight:500}.creation-top-nav__link:hover{color:var(--fg);background:color-mix(in srgb,var(--ink) 6%,transparent)}.creation-top-nav__link.is-active{color:var(--fg);background:color-mix(in srgb,var(--accent) 16%,transparent)}.creation-top-nav__icon{display:inline-flex;width:1.1rem;height:1.1rem;flex-shrink:0;opacity:.9;align-items:center;justify-content:center}.creation-top-nav__icon svg{width:100%;height:100%;display:block}.creation-topbar-trail{display:flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem;min-width:0;max-width:100%;overflow-x:auto;overflow-y:hidden}.creation-topbar-trail:not(:has(*)){display:none}.creation-top-nav__settings{padding:.2rem}.creation-top-nav__settings .creation-top-nav__icon{width:auto;height:auto}.creation-top-nav__settings .rail-avatar{width:1.65rem;height:1.65rem;font-size:.65rem}.app-frame.creation-app-frame--editor{min-height:100dvh;height:100dvh;overflow:hidden;box-sizing:border-box}.creation-preview-chrome-label{display:inline-flex;align-items:center;min-height:2.75rem;padding:6px 14px;border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.02em;color:var(--muted,#a1a1aa);background:color-mix(in srgb,var(--panel,#18181b) 88%,transparent);border:1px solid color-mix(in srgb,var(--line,#27272a) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.app-frame.creation-app-frame--preview .creation-share-preview-root,.app-frame.creation-app-frame--preview .creation-stage--editor{min-height:0;height:100%;flex:1 1 auto;display:flex;flex-direction:column}.app-frame.creation-app-frame--preview .creation-share-preview-stage{flex:1 1 auto;min-height:0;height:100%;width:100%;position:relative;overflow:hidden;background:var(--bg0,#f4f4f5)}.app-frame.creation-app-frame--preview .creation-share-preview-canvas.ds-canvas-viewport{height:100%;width:100%;min-height:0;background-color:var(--bg0,#f4f4f5)}.app-frame.creation-app-frame--preview .creation-share-preview-canvas.ds-canvas-viewport .ds-canvas-viewport__stage{overflow:hidden;padding:0;min-height:0;height:100%;width:100%;cursor:inherit}.app-frame.creation-app-frame--preview .creation-share-preview-canvas.ds-canvas-viewport .ds-canvas-viewport__artboard{border:1px solid var(--line,#e4e4e7);box-shadow:0 1px 0 color-mix(in srgb,var(--ink,#18181b) 6%,transparent),0 18px 48px rgba(15,23,42,.12);overflow:hidden;background:#fff}.app-frame.creation-app-frame--preview .creation-share-preview-stage[data-dragging=true]{cursor:grabbing}.app-frame.creation-app-frame--preview .creation-share-preview-stage[data-pin-mode=true]{cursor:crosshair}.app-frame.creation-app-frame--preview .creation-share-trail-title{white-space:nowrap;max-width:12rem;overflow:hidden;text-overflow:ellipsis}.app-frame.creation-app-frame--preview .creation-share-trail-pages{display:inline-flex;align-items:center;gap:.25rem;flex-wrap:nowrap}.app-frame.creation-app-frame--contained{height:100dvh;max-height:100dvh;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column}.app-frame.creation-app-frame--contained .app-main{max-height:100%}.app-frame.creation-app-frame--contained .app-main,.app-frame.creation-app-frame--contained .page-body,.creation-stage--contained{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.creation-stage--contained{max-width:100%}.creation-stage--contained .creation-page-lead{flex:0 0 auto}.app-frame.creation-app-frame--editor.creation-app-frame--top-chrome[data-rail-edge=bottom],.app-frame.creation-app-frame--editor.creation-app-frame--top-chrome[data-rail-edge=left],.app-frame.creation-app-frame--editor.creation-app-frame--top-chrome[data-rail-edge=right],.app-frame.creation-app-frame--editor.creation-app-frame--top-chrome[data-rail-edge=top]{padding-left:0;padding-right:0}.app-frame.creation-app-frame--editor .app-main{max-width:none;width:100%;height:100%;min-height:100%;padding:0;display:flex;flex-direction:column;position:relative}.app-frame.creation-app-frame--editor .topbar{position:absolute;top:var(--zaoly-hub-bar-h,2.6rem);left:0;right:0;z-index:39;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;gap:0;flex:0 0 auto;min-height:var(--creation-editor-toolbar-h,40px);height:var(--creation-editor-toolbar-h,40px);padding:0;border-bottom:1px solid var(--line);background:var(--bg0);pointer-events:auto;overflow:visible}.app-frame.creation-app-frame--editor .topbar>*{pointer-events:auto}.app-frame.creation-app-frame--editor .creation-topbar-lead{flex:0 0;width:0;min-width:0;padding:0;margin:0;overflow:hidden}.app-frame.creation-app-frame--editor .creation-topbar-trail{position:static;left:auto;transform:none;flex:1 1 auto;justify-content:stretch;align-items:stretch;max-width:none;min-width:0;z-index:1;overflow:visible}.app-frame.creation-app-frame--editor .creation-topbar-trail__bundle{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:8px;flex:1 1 auto;width:100%;min-width:0;min-height:var(--creation-editor-toolbar-h,40px);height:100%}.app-frame.creation-app-frame--editor .creation-topbar-trail__meta{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;flex:0 0 auto;padding-inline-end:4px}.app-frame.creation-app-frame--editor .creation-editor-topbar-chrome{flex:1 1 auto;width:auto;min-width:0;min-height:var(--creation-editor-toolbar-h,40px);height:100%;border:none;border-radius:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}.app-frame.creation-app-frame--editor .creation-editor-topbar-chrome__row{width:100%;min-height:var(--creation-editor-toolbar-h,40px);height:100%;padding:4px 10px;gap:6px}.app-frame.creation-app-frame--editor .page-body{flex:1 1 auto;min-height:0;height:100%;display:flex;flex-direction:column;gap:0;padding:0;margin:0;position:relative;z-index:0;--creation-editor-toolbar-h:40px;--creation-editor-chrome-inset:calc(var(--zaoly-hub-bar-h, 2.6rem) + var(--creation-editor-toolbar-h, 40px))}.app-frame.creation-app-frame--editor .creation-editor-rail--docked.creation-editor-rail--dock-left,.app-frame.creation-app-frame--editor .creation-editor-rail--docked.creation-editor-rail--dock-right{margin-top:var(--creation-editor-chrome-inset);height:calc(100% - var(--creation-editor-chrome-inset));max-height:calc(100% - var(--creation-editor-chrome-inset));align-self:flex-start}@media (max-width:720px){.creation-top-nav__link{min-width:1.85rem;min-height:1.85rem;padding:.25rem .3rem}}.app-frame.creation-app-frame--editor .creation-editor-canvas.ds-canvas-viewport,.app-frame.creation-app-frame--editor .ds-canvas-viewport{height:100%;min-height:0}.creation-page-lead{margin:0 0 .85rem;color:var(--muted);font-size:var(--type-sm);line-height:1.45;max-width:42rem}.platform-assistant-fab.ds-btn{position:fixed;inset-inline-end:1.25rem;inset-block-end:1.25rem;z-index:70;border-radius:999px;width:3rem;min-width:3rem;height:3rem;padding:0}.platform-assistant-embed-frame{flex:1 1 auto;width:100%;min-height:0;height:100%;border:0;background:transparent}.topbar-right{position:relative}.creation-magazine{display:grid;gap:clamp(1.5rem,3vw,2.25rem)}.creation-magazine--home{max-width:none;width:100%;gap:clamp(1.75rem,3.5vw,2.75rem)}.creation-home-cover{display:grid;padding-block:clamp(1.25rem,3vw,2.25rem) .15rem}.creation-home-cover__title{margin:0;font-family:var(--font-display,var(--font-body));font-size:clamp(3.5rem,12vw,7.5rem);font-weight:var(--weight-light,300);line-height:.9;letter-spacing:-.05em;color:var(--ink,var(--fg))}.creation-home-chapter{display:grid;gap:1rem;padding-top:.15rem}.creation-home-chapter__head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.75rem 1.5rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.creation-home-eyebrow{margin:0 0 .35rem;font-size:.7rem;font-weight:var(--weight-medium,500);letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.creation-home-headline{margin:0;font-family:var(--font-display,var(--font-body));font-size:clamp(1.45rem,2.8vw,1.85rem);font-weight:var(--weight-light,300);letter-spacing:-.03em;color:var(--ink,var(--fg))}.creation-home-chapter__deck{margin:.4rem 0 0;max-width:42rem;font-size:var(--type-sm,.92rem);line-height:1.45;color:var(--muted)}.creation-home-chapter__empty{margin:0;padding:.35rem 0}.creation-home-chapter__empty a{color:inherit;text-underline-offset:.15em}.creation-home-cta-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;border-bottom:1px solid var(--line)}.creation-capability-tile{display:grid;gap:.35rem;align-content:start;min-height:8.5rem;padding:1rem 1.05rem 1.15rem 0;margin:0;text-align:left;text-decoration:none;cursor:pointer;border:0;border-right:1px solid var(--line);border-bottom:3px solid transparent;border-radius:0;background:transparent;color:color-mix(in srgb,var(--ink,var(--fg)) 55%,var(--muted));transition:color .15s ease,border-color .15s ease}.creation-capability-tile:not(:first-child){padding-left:1.05rem}.creation-capability-tile:last-child{border-right:0}.creation-capability-tile:hover{color:var(--ink,var(--fg));border-bottom-color:var(--accent,var(--ink))}.creation-capability-tile__kicker{font-size:.65rem;font-weight:var(--weight-medium,500);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.creation-capability-tile__label{font-family:var(--font-display,var(--font-body));font-size:clamp(1.15rem,2vw,1.35rem);font-weight:var(--weight-light,300);letter-spacing:-.02em;color:inherit}.creation-capability-tile__deck{font-size:var(--type-sm,.88rem);line-height:1.4;color:var(--muted)}.creation-home-recent-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.5vw,2rem)}.creation-home-recent-col{min-width:0;display:grid;gap:.75rem}.creation-home-recent-col__title{margin:0;font-family:var(--font-display,var(--font-body));font-size:clamp(1.05rem,1.8vw,1.25rem);font-weight:var(--weight-light,300);letter-spacing:-.02em}.creation-magazine-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.creation-magazine-list>li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3,.75rem);padding:.85rem 0;border-bottom:1px solid var(--line);align-items:start}.creation-magazine-list-num{font-family:var(--font-display,var(--font-body));font-size:var(--type-sm,.88rem);font-weight:var(--weight-medium,500);letter-spacing:.02em;line-height:1.45;color:var(--accent,var(--muted));padding-top:.1rem}.creation-project-team__items{margin:.35rem 0 0}.creation-project-team__row{grid-template-columns:2.25rem minmax(0,1fr) auto;align-items:center}.creation-project-team__main{display:grid;gap:.1rem;min-width:0}.creation-project-team__email{font-size:1rem;line-height:1.45;color:var(--ink);overflow-wrap:anywhere}.creation-project-team__meta{font-size:.78rem;letter-spacing:.02em;color:var(--muted)}.creation-project-team__input{appearance:none;width:100%;max-width:42rem;margin:0;padding:.2rem 0 .35rem;border:0;border-bottom:2px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:transparent;font:inherit;font-size:1rem;line-height:1.55;color:var(--ink);outline:none}.creation-project-team__input:focus{border-bottom-color:var(--accent)}.creation-project-team__delete.ds-btn{opacity:0;pointer-events:none;min-width:2rem;transition:opacity .16s ease}.creation-project-team__delete.ds-btn:focus-visible,.creation-project-team__row:focus-within .creation-project-team__delete.ds-btn,.creation-project-team__row:hover .creation-project-team__delete.ds-btn{opacity:1;pointer-events:auto}.creation-project-team__foot{display:grid;gap:.35rem;margin-top:.15rem}.creation-project-team__add{appearance:none;display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:var(--space-3,.75rem);align-items:center;width:100%;margin:0;padding:.75rem 0 .15rem;border:0;border-top:1px dashed var(--line);background:transparent;text-align:left;cursor:pointer;color:var(--muted)}.creation-project-team__add:focus-visible,.creation-project-team__add:hover:not(:disabled){color:var(--accent);outline:none}.creation-project-team__add:disabled{cursor:not-allowed;opacity:.45}.creation-project-team__add-label{font-size:1rem;font-style:italic;line-height:1.55}.creation-project-team__invite.ds-btn{justify-self:start;margin-left:2.25rem}.creation-project-team__hint{margin:0;font-size:.8125rem;color:var(--muted)}.creation-home-recent-list{margin:0}.creation-home-recent-list__main{min-width:0;display:grid;gap:.2rem}.creation-home-recent-list__title{color:inherit;text-decoration:none;font-family:var(--font-display,var(--font-body));font-size:1rem;letter-spacing:-.01em}.creation-home-recent-list__title:hover{color:var(--accent,var(--ink))}.creation-home-recent-list__meta{margin:0}@media (max-width:900px){.creation-home-cta-row,.creation-home-recent-columns{grid-template-columns:1fr}a.creation-home-cta.creation-capability-tile{border-right:0;padding-left:0;padding-right:0}a.creation-home-cta.creation-capability-tile:not(:last-child){border-bottom:1px solid var(--line)}}.creation-issue-list{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}.creation-issue-list li{padding:.35rem 0;border-bottom:1px solid var(--line)}.creation-settings{display:grid;gap:clamp(1.25rem,2.5vw,2rem);max-width:40rem}.creation-settings-section{display:grid;gap:.75rem}.creation-settings-help{margin:0;color:var(--muted);font-size:var(--type-sm)}.creation-settings-account{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0}.creation-settings-account dt{color:var(--muted);font-size:var(--type-sm)}.creation-settings-account dd{margin:0}.zaoly-users-hub__invite,.zaoly-users-hub__invite-url{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;width:100%}.zaoly-users-hub__invite .ds-field{flex:1 1 16rem;min-width:0}.zaoly-users-hub__invite-url{margin-top:.75rem}.zaoly-users-hub__list{list-style:none;margin:0;padding:0;display:grid;gap:0;width:100%}.zaoly-users-hub__row{display:grid;grid-template-columns:1fr auto auto;gap:.75rem 1rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--editor-border,var(--line));width:100%}.zaoly-users-hub__identity{display:grid;gap:.15rem;min-width:0}.zaoly-users-hub__identity strong{font-family:var(--editor-font-brand);font-weight:500}.zaoly-users-hub__meta{color:var(--editor-muted,var(--muted));font-size:var(--type-sm,.8125rem)}.zaoly-users-hub__actions{display:flex;gap:.35rem;justify-self:end}@media (max-width:40rem){.zaoly-users-hub__row{grid-template-columns:1fr}.zaoly-users-hub__actions{justify-self:start}}.creation-login{min-height:100vh;width:100%;justify-content:center;gap:2.5rem;padding:2rem}.creation-login,.creation-login__brand{display:flex;flex-direction:column;align-items:center}.creation-login__brand{gap:1rem}.creation-login__wordmark{font-family:var(--editor-font-brand);font-weight:600;font-size:1.75rem;letter-spacing:.04em;color:var(--ink,var(--editor-text))}.creation-login__panel{width:100%;max-width:28rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.creation-editor-workspace{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;gap:0;background:var(--bg1);color:var(--ink)}.creation-chart-studio__panel .ds-floating-panel-inner{width:min(20rem,92vw);max-height:min(70vh,36rem);overflow:auto;resize:both}.creation-chart-studio .ds-input,.creation-chart-studio .ds-select-trigger,.creation-chart-studio .ds-textarea,.creation-chart-studio .ds-token-picker__current{border-color:color-mix(in srgb,var(--ink) 1.5%,transparent);border-bottom-color:color-mix(in srgb,var(--ink) 8%,transparent);transition:border-color .12s ease}.creation-chart-studio .ds-input:focus-visible,.creation-chart-studio .ds-input:hover,.creation-chart-studio .ds-select--open .ds-select-trigger,.creation-chart-studio .ds-select-trigger:focus-visible,.creation-chart-studio .ds-select-trigger:hover,.creation-chart-studio .ds-textarea:focus-visible,.creation-chart-studio .ds-textarea:hover,.creation-chart-studio .ds-token-picker__current:focus-within,.creation-chart-studio .ds-token-picker__current:hover{border-color:color-mix(in srgb,var(--ink) 2%,transparent);border-bottom-color:color-mix(in srgb,var(--ink) 42%,transparent)}.creation-chart-studio .ds-input,.creation-chart-studio .ds-token-picker__literal,.creation-chart-studio input.ds-token-picker__literal{font-size:.625rem;line-height:1.25}.creation-chart-studio__toolbar{display:flex;justify-content:flex-end}.creation-chart-studio__body{display:grid;gap:.75rem}.creation-chart-studio__field-map{display:grid;gap:.5rem;margin-top:.5rem}.creation-chart-studio__section{display:grid;gap:.35rem}.creation-chart-studio__section-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creation-chart-studio__section-title{font-weight:600;margin:0}.creation-chart-studio__hint{margin:0;opacity:.75}.creation-chart-studio__table{width:100%;border-collapse:collapse;font-size:.8125rem}.creation-chart-studio__table td,.creation-chart-studio__table th{text-align:left;padding:.2rem .35rem;border-bottom:1px solid var(--line);vertical-align:middle}.creation-chart-studio__row-actions{display:flex;flex:0 0 auto;align-items:flex-end;gap:0;white-space:nowrap;padding-bottom:.1rem}.creation-chart-studio__row-actions .ds-btn{min-width:1.35rem;min-height:1.35rem;padding:.1rem .15rem;font-size:.75rem;line-height:1}.creation-chart-studio__marks-fields,.creation-chart-studio__series-list{display:grid;gap:.35rem}.creation-chart-studio__series-row{display:grid;gap:.28rem;padding-bottom:.4rem;border-bottom:1px solid var(--line)}.creation-chart-studio__series-row:last-child{border-bottom:0;padding-bottom:0}.creation-chart-studio__series-pair{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.creation-chart-studio__series-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem;align-items:end}.creation-chart-studio__color{min-width:0;max-width:none}.creation-chart-studio__color .ds-token-picker{width:100%}.creation-chart-studio__series-row .ds-field,.creation-chart-studio__series-row .ds-token-picker{gap:.08rem}.creation-chart-studio__series-row .ds-token-picker__current{min-height:1.35rem}.creation-editor-save-pattern-hint{padding:.5rem .75rem 0;flex:0 0 auto}.creation-editor-save-pattern-hint>*,.creation-editor-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.creation-editor-toolbar{justify-content:flex-end;flex:0 0 auto;padding:.5rem .75rem;border-bottom:1px solid var(--line);background:var(--bg1)}.creation-editor-topbar-chrome{align-items:stretch;gap:0;height:auto;padding:0;overflow:visible;background:color-mix(in srgb,var(--bg1) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:9999px;box-shadow:var(--creation-elevation-shadow);-webkit-user-select:none;user-select:none}.creation-editor-topbar-chrome,.creation-editor-topbar-chrome__row{display:flex;flex-direction:row;flex-wrap:nowrap;min-width:0;max-width:100%;min-height:2.75rem}.creation-editor-topbar-chrome__row{align-items:center;gap:7px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;border-radius:inherit}.creation-editor-toolbar__actions,.creation-editor-toolbar__tools{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:4px;flex:0 0 auto;min-width:0}.creation-editor-topbar-chrome .creation-editor-toolbar__tools{padding-inline-end:0;border-inline-end:none}.creation-editor-topbar-chrome .creation-editor-toolbar__tools:after{content:"";width:1px;height:22px;margin-inline:4px;background:color-mix(in srgb,var(--ink) 15%,transparent);flex:0 0 auto;align-self:center}.creation-editor-toolbar__zoom{min-width:2.5rem;text-align:center;flex-shrink:0;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.creation-editor-toolbar__actions .ds-btn:not(:has(.ds-btn__label)),.creation-editor-toolbar__tools .ds-btn:not(:has(.ds-btn__label)){min-width:1.85rem;min-height:1.85rem;padding-inline:.3rem;padding-block:.25rem}.creation-editor-topbar-chrome .ds-btn__icon svg{display:block;width:1rem;height:1rem;flex-shrink:0}.creation-editor-toolbar__actions .ds-breakpoint-switcher,.creation-editor-topbar-chrome .ds-breakpoint-switcher{flex-shrink:0}.creation-editor-print-preset{display:inline-flex;align-items:center;flex-shrink:0}.creation-editor-print-preset select{font:inherit;font-size:.75rem;line-height:1.2;color:var(--ink);background:var(--bg1);border:1px solid var(--line);border-radius:.35rem;padding:.3rem .45rem;max-width:9.5rem}.creation-topbar-trail .creation-editor-toolbar__actions,.creation-topbar-trail .creation-editor-toolbar__tools,.creation-topbar-trail .creation-editor-topbar-chrome{margin:0}.creation-editor-body{position:relative;display:flex;flex-direction:column;flex:1 1 auto;min-height:0;height:100%;background:var(--bg0)}.creation-editor-dock-mid{display:flex;flex:1 1 auto;min-height:0;min-width:0}.creation-editor-dock-mid .creation-editor-canvas-column{flex:1 1 auto;min-width:0}.creation-editor-canvas-column{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0}.creation-editor-page-tabs{display:flex;flex:0 0 auto;align-items:stretch;gap:0;min-height:2.25rem;border-bottom:1px solid var(--line);background:var(--bg1);overflow-x:auto}.creation-editor-page-tabs__tab{flex:0 0 auto;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.75rem;font-weight:600;padding:.5rem .85rem;cursor:pointer;white-space:nowrap}.creation-editor-page-tabs__tab--active{color:var(--ink);box-shadow:inset 0 -2px 0 0 var(--accent,#245)}.creation-editor-page-tabs__add{flex:0 0 auto;align-self:center;margin-inline:.25rem .5rem;min-width:1.75rem}.creation-editor-pages-list{flex:0 0 auto;padding:.65rem .75rem .5rem;border-bottom:1px solid var(--line)}.creation-editor-pages-list__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.creation-editor-pages-list__title{font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.creation-editor-pages-list__items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.125rem}.creation-editor-pages-list__item{display:flex;align-items:stretch;gap:.125rem}.creation-editor-pages-list__row{flex:1 1 auto;min-width:0;border:0;border-radius:.375rem;background:transparent;color:var(--ink);font:inherit;font-size:.6875rem;font-weight:400;line-height:1.3;text-align:left;padding:.28rem .45rem;cursor:pointer}.creation-editor-pages-list__row--active{background:color-mix(in srgb,var(--accent,#245) 12%,transparent);font-weight:600}.creation-editor-pages-list__row--drop-target{outline:2px dashed var(--accent,#245);outline-offset:-2px;background:color-mix(in srgb,var(--accent,#245) 8%,transparent)}.creation-editor-pages-list__more{flex:0 0 auto;min-width:1.75rem;padding-inline:.25rem;opacity:.7}.creation-editor-pages-list__item:focus-within .creation-editor-pages-list__more,.creation-editor-pages-list__more:hover{opacity:1}.creation-editor-pages-list__rename{flex:1 1 auto;width:100%;border:1px solid var(--line);border-radius:.375rem;background:var(--paper,#fff);color:var(--ink);font:inherit;font-size:.6875rem;font-weight:400;line-height:1.3;padding:.28rem .45rem}.creation-editor-page-tabs__item{display:inline-flex;align-items:stretch;max-width:12rem}.creation-editor-page-tabs__more{flex:0 0 auto;min-width:1.5rem;padding-inline:.15rem}.creation-editor-canvas-shell--board{position:relative}.creation-scene-board-minimap{position:absolute;right:12px;bottom:12px;z-index:4;padding:4px;border-radius:8px;background:color-mix(in srgb,var(--paper) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:var(--creation-elevation-shadow-tight);pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;gap:2px}.creation-scene-board-minimap--collapsed{width:auto;height:auto;padding:6px 10px;font:600 10px/1.2 ui-monospace,monospace;letter-spacing:.04em;color:var(--ink);cursor:pointer}.creation-scene-board-minimap__chrome{display:flex;align-items:center;gap:6px;padding:2px 4px 0;min-height:18px}.creation-scene-board-minimap__title{font:700 8px/1 ui-monospace,monospace;letter-spacing:.06em;color:color-mix(in srgb,var(--ink) 55%,transparent)}.creation-scene-board-minimap__meta{font:500 8px/1 ui-monospace,monospace;color:color-mix(in srgb,var(--ink) 40%,transparent)}.creation-scene-board-minimap__spacer{flex:1 1}.creation-scene-board-minimap__btn{appearance:none;border:0;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--accent,#245);font:700 8px/1 ui-monospace,monospace;padding:2px 5px;border-radius:2px;cursor:pointer}.creation-scene-board-minimap__stage{position:relative;overflow:hidden}.creation-scene-board-minimap__frame{position:absolute;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:2px;box-sizing:border-box}.creation-scene-board-minimap__frame--active{border-color:var(--accent,#245);background:color-mix(in srgb,var(--accent,#245) 22%,transparent)}.creation-scene-board-minimap__viewport{position:absolute;border:1px solid color-mix(in srgb,var(--accent,#245) 80%,transparent);background:color-mix(in srgb,var(--accent,#245) 12%,transparent);border-radius:2px;box-sizing:border-box;cursor:grab;touch-action:none}.creation-inspect-box-model{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-state{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.5rem}.creation-inspect-state__bar{display:flex;flex-wrap:wrap;gap:.25rem}.creation-inspect-state__chip{border:1px solid rgba(255,255,255,.12);background:transparent;color:inherit;font-size:.6875rem;padding:.2rem .45rem;border-radius:0;cursor:pointer}.creation-inspect-state__chip--on{border-color:color-mix(in srgb,var(--accent,#1f44ff) 55%,transparent);background:color-mix(in srgb,var(--accent,#1f44ff) 14%,transparent);font-weight:600}.creation-inspect-state__banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;padding:.35rem .5rem;border-radius:0;background:color-mix(in srgb,var(--editor-live,#c6f24a) 16%,transparent)}.creation-inspect-state__reset{border:none;background:transparent;color:var(--editor-live,#c6f24a);font-size:.6875rem;font-weight:600;cursor:pointer}.creation-inspect-box-model__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.creation-inspect-box-model__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-box-model__expand{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.creation-inspect-box-model__expand:hover{color:var(--ink);border-color:color-mix(in srgb,var(--line) 100%,transparent)}.creation-inspect-box-model__compact,.creation-inspect-box-model__expanded{display:flex;flex-direction:column;gap:6px}.creation-inspect-box-model__mixed{margin:0;font-size:.7rem;color:var(--muted)}.creation-inspect-clip-slant__compact{display:flex;flex-direction:column;gap:8px}.creation-inspect-clip-slant__preset{display:flex;flex-direction:column;gap:4px}.creation-inspect-clip-slant__amount-label,.creation-inspect-clip-slant__preset-label{font-size:.7rem;color:var(--muted)}.creation-inspect-clip-slant__preset select{font:inherit;font-size:.75rem;color:var(--fg);background:var(--surface-1,var(--bg1));border:1px solid var(--line-subtle,var(--line));border-radius:0;padding:4px 6px}.creation-inspect-clip-slant__preset-chips{display:flex;flex-wrap:wrap;gap:.3rem}.creation-inspect-clip-slant__preset-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:2.6rem;max-width:4.5rem;font:inherit;font-size:.6rem;line-height:1.1;padding:.28rem .3rem;border-radius:0;border:1px solid var(--line-subtle,var(--line));background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-clip-slant__preset-btn-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.creation-inspect-clip-slant__preset-btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);font-weight:600}.creation-inspect-clip-slant__preset-btn.is-active .ds-inspect-glyph__silhouette{fill:color-mix(in srgb,var(--accent) 35%,var(--ink,var(--fg)))}.creation-inspect-clip-slant__amount{display:flex;flex-direction:column;gap:4px}.creation-inspect-clip-slant__mirror{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;color:var(--fg);cursor:pointer}.creation-inspect-clip-slant__mirror input{margin:0}.creation-inspect-clip-slant__mode{display:flex;gap:4px;margin-bottom:8px}.creation-inspect-clip-slant__mode-btn{flex:1 1;font:inherit;font-size:.7rem;padding:4px 6px;border:1px solid var(--line-subtle,var(--line));border-radius:0;background:var(--surface-1,var(--bg1));color:var(--muted);cursor:pointer}.creation-inspect-clip-slant__mode-btn[data-active=true]{color:var(--fg);border-color:var(--brand-primary,var(--fg))}.creation-inspect-clip-slant__polygon{display:flex;flex-direction:column;gap:6px}.creation-inspect-clip-slant__point-axis{display:flex;flex-direction:column;gap:2px;flex:1 1;font-size:.65rem;color:var(--muted)}.creation-inspect-clip-slant__point-remove{align-self:flex-end;width:22px;height:22px;margin-bottom:2px;border:1px solid var(--line-subtle,var(--line));border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.creation-inspect-clip-slant__polygon-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.creation-inspect-clip-slant__polygon-actions button{font:inherit;font-size:.7rem;padding:4px 8px;border:1px solid var(--line-subtle,var(--line));border-radius:0;background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-gap{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-gap__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.creation-inspect-gap__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-gap__expand{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);cursor:pointer}.creation-inspect-gap__expand:hover{color:var(--ink);border-color:color-mix(in srgb,var(--line) 100%,transparent)}.creation-inspect-gap__expand.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);color:var(--ink)}.creation-inspect-gap__axis{display:flex;align-items:flex-start;gap:.35rem;min-width:0;flex:1 1}.creation-inspect-gap__axis-glyph{display:inline-flex;margin-top:1.35rem;color:var(--muted);flex-shrink:0}.creation-inspect-gap__axis>:not(.creation-inspect-gap__axis-glyph){flex:1 1;min-width:0}.creation-inspect-gap__compact,.creation-inspect-gap__expanded{display:flex;flex-direction:column;gap:6px}.creation-inspect-gap__mixed{margin:0;font-size:.7rem;color:var(--muted)}.creation-inspect-opacity{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-opacity__row{display:flex;align-items:center;gap:8px}.creation-inspect-opacity__row .ds-slider{flex:1 1;min-width:0}.creation-inspect-opacity__percent{width:3.25rem;flex-shrink:0}.creation-inspect-opacity__suffix{flex-shrink:0;font-size:.75rem;color:var(--muted)}.creation-inspect-opacity__token{min-width:0}.creation-inspect-size-box{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-size-box__header{display:flex;align-items:center;gap:8px}.creation-inspect-size-box__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted);flex-shrink:0}.creation-inspect-size-box__summary{flex:1 1;min-width:0;font-size:.68rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-inspect-size-box__expand{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0}.creation-inspect-size-box__expand:hover{color:var(--ink);border-color:var(--line)}.creation-inspect-size-box__compact,.creation-inspect-size-box__expanded{display:flex;flex-direction:column;gap:.4rem}.creation-inspect-size-modes{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.15rem}.creation-inspect-size-modes__row{display:flex;align-items:center;gap:.4rem}.creation-inspect-size-modes__axis{width:.85rem;flex-shrink:0;font-size:.68rem;font-weight:600;color:var(--muted)}.creation-inspect-size-modes__chips{display:flex;flex:1 1;flex-wrap:wrap;gap:.25rem}.creation-inspect-size-mode-btn{display:inline-flex;flex:1 1;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:2.6rem;font:inherit;font-size:.62rem;line-height:1.1;padding:.25rem .2rem;border-radius:0;border:1px solid var(--line-subtle,var(--line));background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-size-mode-btn__label{white-space:nowrap;text-transform:capitalize}.creation-inspect-size-mode-btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);font-weight:600}.creation-inspect-size-mode-btn.is-active .ds-inspect-glyph__frame{stroke:color-mix(in srgb,var(--accent) 65%,var(--line))}.creation-inspect-fit-chips{display:flex;flex-wrap:wrap;gap:.25rem}.creation-inspect-fit-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:2.5rem;font:inherit;font-size:.62rem;line-height:1.1;padding:.25rem .3rem;border-radius:0;border:1px solid var(--line-subtle,var(--line));background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-fit-btn__label{white-space:nowrap}.creation-inspect-fit-btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);font-weight:600}.creation-inspect-fit-btn.is-active .ds-inspect-glyph__frame{stroke:color-mix(in srgb,var(--accent) 65%,var(--line))}.creation-inspect-media-pos{display:flex;gap:.5rem;align-items:center}.creation-inspect-media-pos__grid{display:grid;grid-template-columns:repeat(3,1.6rem);grid-template-rows:repeat(3,1.6rem);gap:2px;padding:3px;background:var(--surface-2,var(--bg2));border-radius:0;border:1px solid var(--line-subtle,var(--line))}.creation-inspect-media-pos__btn{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;padding:0;border-radius:0;border:1px solid transparent;background:transparent;color:var(--fg);cursor:pointer}.creation-inspect-media-pos__btn:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.creation-inspect-media-pos__btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent)}.creation-inspect-media-pos__btn.is-active .ds-inspect-glyph__frame{stroke:color-mix(in srgb,var(--accent) 65%,var(--line))}.creation-inspect-media-pos__btn.is-active .ds-inspect-glyph__pip{fill:var(--accent,var(--brand-primary,var(--fg)))}.creation-inspect-media-pos__field{flex:1 1;min-width:0}.creation-inspect-fill{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-fill__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.creation-inspect-fill__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-fill__header-actions{display:flex;align-items:center;gap:4px}.creation-inspect-fill__header-image-btn{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:500;cursor:pointer;transition:all .12s ease}.creation-inspect-fill__header-image-btn:hover{color:var(--ink);border-color:var(--line);background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.creation-inspect-fill__header-image-btn.is-active{color:#1f44ff;border-color:#1f44ff;background:color-mix(in srgb,#1f44ff 10%,transparent);font-weight:600}.creation-inspect-fill__expand{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0}.creation-inspect-fill__expand:hover{color:var(--ink);border-color:var(--line)}.creation-inspect-fill__compact-media-bar{margin-top:2px;display:flex;flex-direction:column}.creation-inspect-fill__compact-add-row{display:flex;align-items:center;gap:4px;width:100%}.creation-inspect-fill__quick-add-image{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:24px;padding:0 8px;border:1px dashed color-mix(in srgb,var(--line) 80%,transparent);border-radius:0;background:transparent;color:var(--muted);font-size:.68rem;font-weight:500;cursor:pointer;transition:all .15s ease}.creation-inspect-fill__quick-add-image:hover{color:var(--ink);border-color:#1f44ff;background:color-mix(in srgb,#1f44ff 6%,transparent)}.creation-inspect-fill__quick-library-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px dashed color-mix(in srgb,var(--line) 80%,transparent);border-radius:0;background:transparent;cursor:pointer;transition:all .15s ease}.creation-inspect-fill__quick-library-btn:hover{border-color:#1f44ff;background:color-mix(in srgb,#1f44ff 6%,transparent)}.creation-inspect-fill__compact-thumb-row{display:flex;align-items:center;gap:6px;padding:3px 6px;border:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--surface) 80%,transparent);cursor:pointer;transition:border-color .12s ease}.creation-inspect-fill__compact-thumb-row:hover{border-color:#1f44ff}.creation-inspect-fill__compact-thumb{width:20px;height:20px;border-radius:0;border:1px solid var(--line);background-size:cover;background-position:50%;flex-shrink:0}.creation-inspect-fill__compact-thumb-label{font-size:.68rem;font-weight:500;color:var(--ink);flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-inspect-fill__compact-remove-btn{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:2px;display:inline-flex;align-items:center}.creation-inspect-fill__compact-remove-btn:hover{color:var(--danger,#ef4444)}.creation-inspect-fill__compact,.creation-inspect-fill__expanded{display:flex;flex-direction:column;gap:6px}.creation-inspect-fill__triplet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.creation-inspect-fill__slot{min-width:0}.creation-inspect-fill__slot .ds-token-picker__label{font-size:.68rem}.creation-inspect-fill__media-section{margin-top:4px;padding-top:6px;border-top:1px dashed color-mix(in srgb,var(--line) 60%,transparent);display:flex;flex-direction:column;gap:6px}.creation-inspect-fill__add-media-trigger{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border:1px dashed var(--line);border-radius:0;background:transparent;color:var(--muted);font-size:.72rem;font-weight:500;cursor:pointer;transition:all .15s ease}.creation-inspect-fill__add-media-trigger:hover{color:var(--ink);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.creation-inspect-fill__add-media-card{background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--line);border-radius:0;padding:8px;display:flex;flex-direction:column;gap:6px}.creation-inspect-fill__add-media-header{display:flex;align-items:center;justify-content:space-between}.creation-inspect-fill__add-media-close{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:2px}.creation-inspect-fill__add-media-close:hover{color:var(--ink)}.creation-inspect-fill__upload-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px 8px;border-radius:0;border:1px solid var(--line);background:var(--surface-2,#1f2330);color:var(--ink);font-size:.68rem;font-weight:500;cursor:pointer;transition:background .12s}.creation-inspect-fill__upload-btn:hover{background:var(--line)}.creation-inspect-fill__presets-section{display:flex;flex-direction:column;gap:3px}.creation-inspect-fill__presets-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.creation-inspect-fill__preset-item{border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--surface-2);cursor:pointer;padding:0;display:flex;flex-direction:column;transition:border-color .12s,transform .12s}.creation-inspect-fill__preset-item:hover{border-color:var(--accent);transform:translateY(-1px)}.creation-inspect-fill__preset-img{height:28px;background-size:cover;background-position:50%}.creation-inspect-fill__preset-name{font-size:.56rem;font-weight:500;color:var(--muted);padding:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-inspect-fill__url-row{display:flex;gap:4px;align-items:center}.creation-inspect-fill__url-input{flex:1 1;min-width:0;font-size:.68rem;padding:4px 6px;border-radius:0;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.creation-inspect-fill__url-apply-btn{font-size:.68rem;font-weight:600;padding:4px 8px;border-radius:0;border:none;background:var(--accent);color:#fff;cursor:pointer}.creation-inspect-fill__url-apply-btn:disabled{opacity:.5;cursor:not-allowed}.creation-inspect-fill__media-card{background:color-mix(in srgb,var(--surface) 60%,transparent);border:1px solid var(--line);border-radius:0;padding:6px 8px;display:flex;flex-direction:column;gap:6px}.creation-inspect-fill__media-card-header{display:flex;align-items:center;justify-content:space-between}.creation-inspect-fill__media-title{font-size:.68rem;font-weight:600;color:var(--ink)}.creation-inspect-fill__media-remove-btn{background:transparent;border:none;cursor:pointer;color:var(--muted);padding:2px}.creation-inspect-fill__media-remove-btn:hover{color:var(--danger,#ef4444)}.creation-inspect-fill__media-thumb{height:48px;border-radius:0;border:1px solid var(--line)}.creation-inspect-fill__media-controls{display:flex;flex-direction:column;gap:4px}.creation-inspect-fill__media-control-row{display:flex;align-items:center;justify-content:space-between;gap:6px}.creation-inspect-fill__micro-label{font-size:.62rem;font-weight:600;color:var(--muted)}.creation-inspect-fill__pill-group{display:flex;gap:2px;background:var(--surface-2);padding:2px;border-radius:0;border:1px solid var(--line)}.creation-inspect-fill__pill-btn{font-size:.62rem;padding:1px 5px;border:none;background:transparent;border-radius:0;cursor:pointer;color:var(--muted);transition:all .1s}.creation-inspect-fill__pill-btn.is-active{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.1)}.creation-inspect-fill__overlay-select{font-size:.66rem;padding:2px 4px;border-radius:0;border:1px solid var(--line);background:var(--surface);color:var(--ink)}.creation-inspect-align-self{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-align-self__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-align-self__body{display:flex;align-items:center;gap:10px}.creation-inspect-align-self__grid{display:grid;grid-template-columns:repeat(3,14px);grid-template-rows:repeat(3,14px);gap:4px;padding:6px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:color-mix(in srgb,var(--surface) 80%,transparent);flex-shrink:0}.creation-inspect-align-self__pin{width:14px;height:14px;padding:0;border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:0;background:transparent;cursor:pointer}.creation-inspect-align-self__pin:hover:not(:disabled){border-color:var(--ink)}.creation-inspect-align-self__pin--active{background:var(--ink);border-color:var(--ink)}.creation-inspect-align-self__pin:disabled{opacity:.45;cursor:not-allowed}.creation-inspect-align-self__modes{display:flex;flex-direction:column;gap:4px}.creation-inspect-align-self__mode{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:24px;padding:0 8px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:0;background:transparent;color:var(--muted);font-size:.68rem;cursor:pointer}.creation-inspect-align-self__mode:hover:not(:disabled){color:var(--ink);border-color:var(--line)}.creation-inspect-align-self__mode--active{color:var(--ink);border-color:var(--ink);background:color-mix(in srgb,var(--ink) 8%,transparent)}.creation-inspect-align-self__mode:disabled{opacity:.45;cursor:not-allowed}.creation-inspect-type{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-type__header{display:flex;align-items:center;gap:8px}.creation-inspect-type__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-type__stack{display:flex;flex-direction:column;gap:6px}.creation-inspect-type__font{min-width:0}.creation-inspect-type__chrome{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.creation-inspect-type__chrome-col{display:flex;flex-direction:column;gap:4px;min-width:0}.creation-inspect-type__chrome-label{font-size:.68rem;color:var(--muted)}.creation-inspect-rotate{margin-bottom:8px}.creation-inspect-effects{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.creation-inspect-effects__header{display:flex;align-items:center;gap:8px}.creation-inspect-effects__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-effects__body{display:flex;flex-direction:column;gap:6px}.creation-inspect-effects__shadow{min-width:0}.creation-inspect-effects__row{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:end}.creation-inspect-effects__blur,.creation-inspect-effects__overflow{min-width:0;display:flex;flex-direction:column;gap:4px}.creation-inspect-effects__overflow-label{font-size:.68rem;color:var(--muted)}.creation-inspect-layout-flow{align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.creation-inspect-layout-flow__slot{flex:1 1 auto;min-width:0}.creation-inspect-align-bar{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.creation-inspect-align-bar__col{display:flex;flex-direction:column;gap:4px;min-width:0}.creation-inspect-align-bar__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted)}.creation-inspect-grid-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.creation-inspect-grid-group__header{margin-bottom:.15rem}.creation-inspect-grid-group__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.creation-inspect-grid-presets{display:flex;flex-direction:column;gap:.45rem}.creation-inspect-grid-preset-group__label{font-size:.68rem;color:var(--muted);margin-bottom:.2rem}.creation-inspect-grid-preset-group__chips{display:flex;flex-wrap:wrap;gap:.3rem}.creation-inspect-grid-preset-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-width:2.85rem;font:inherit;font-size:.65rem;line-height:1.1;padding:.3rem .35rem;border-radius:0;border:1px solid var(--line-subtle,var(--line));background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-grid-preset-btn__label{white-space:nowrap}.creation-inspect-grid-preset-btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);font-weight:600}.creation-inspect-grid-preset-btn.is-active .ds-inspect-glyph__frame,.creation-inspect-span-btn.is-active .ds-inspect-glyph__frame{stroke:color-mix(in srgb,var(--accent) 65%,var(--line))}.creation-inspect-grid-cell-align--tiles{display:flex;flex-direction:column;gap:.45rem;margin-top:.45rem}.creation-inspect-grid-cell-align__axis-label{font-size:.68rem;color:var(--muted);margin-bottom:.2rem}.creation-inspect-grid-cell-align__chips{display:flex;flex-wrap:wrap;gap:.3rem}.creation-inspect-glyph-chips{display:flex;flex-direction:column;gap:.2rem}.creation-inspect-glyph-chips__label{font-size:.68rem;color:var(--muted)}.creation-inspect-glyph-chips__row{display:flex;flex-wrap:wrap;gap:.3rem}.creation-inspect-layout-flow{display:flex;flex-direction:column;gap:.45rem}.creation-inspect-fill__border-pair{align-items:flex-start}.creation-inspect-grid-item-group__header{margin-bottom:.4rem}.creation-inspect-grid-item-group__label{font-size:.72rem;font-weight:600;letter-spacing:.02em;color:var(--muted);text-transform:uppercase}.creation-inspect-grid-item-group__body{display:flex;flex-direction:column;gap:.45rem}.creation-inspect-span-axis__label{font-size:.68rem;color:var(--muted);margin-bottom:.25rem}.creation-inspect-span-axis__chips{display:flex;flex-wrap:wrap;gap:.25rem}.creation-inspect-span-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.12rem;min-width:2.35rem;font:inherit;font-size:.65rem;line-height:1.1;padding:.25rem .3rem;border-radius:0;border:1px solid var(--line-subtle,var(--line));background:var(--surface-1,var(--bg1));color:var(--fg);cursor:pointer}.creation-inspect-span-btn__label{white-space:nowrap}.creation-inspect-span-btn.is-active{border-color:var(--accent,var(--brand-primary,var(--fg)));background:color-mix(in srgb,var(--accent,var(--brand-primary,var(--fg))) 12%,transparent);font-weight:600}.creation-inspect-grid-item-pair{display:flex;gap:.4rem}.creation-inspect-grid-item-pair__field{flex:1 1;min-width:0}.creation-inspect-grid-item-order{width:50%}.creation-inspect-grid-cell-align{display:flex;gap:.4rem}.creation-inspect-grid-cell-align__field{flex:1 1;min-width:0}.creation-inspect-grid-advanced__toggle{font:inherit;font-size:.72rem;font-weight:600;color:var(--muted);background:transparent;border:none;padding:.15rem 0;cursor:pointer;text-align:left}.creation-inspect-grid-advanced__toggle[aria-expanded=true]{color:var(--fg)}.creation-inspect-grid-advanced__body{display:flex;flex-direction:column;gap:.4rem;margin-top:.35rem}.creation-inspect-grid-advanced__half{flex:1 1;min-width:0}.creation-editor-page-frame-meta{margin:0;font-size:.75rem;opacity:.75}.creation-editor-canvas-shell--board .creation-editor-canvas--board.ds-canvas-viewport .ds-canvas-viewport__artboard{background:transparent;border:none;box-shadow:none}.creation-editor-canvas__pad--board{background:transparent}.creation-scene-page-frame{border:none;background:transparent;box-shadow:none;padding:0;border-radius:0}.creation-scene-page-frame--active{border-color:transparent;box-shadow:none}.creation-scene-page-frame--inactive{opacity:.94}.creation-scene-page-frame--inactive .creation-scene-page-frame__body{content-visibility:auto;contain-intrinsic-size:auto 640px}.creation-scene-page-frame__label{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;padding:.35rem .5rem;margin:0 0 .35rem;border-radius:0;background:color-mix(in srgb,var(--ink) 6%,transparent);color:var(--muted);font-size:.8125rem;font-weight:600;line-height:1.2}.creation-scene-page-frame--dragging .creation-scene-page-frame__label,.creation-scene-page-frame__label:active{cursor:grabbing}.creation-scene-page-frame--dragging{opacity:1;z-index:2}.creation-scene-page-frame__body{min-height:12rem;box-sizing:border-box;background:transparent}.creation-editor-dock-mid .creation-editor-canvas-shell{flex:1 1 auto;min-width:0}.creation-editor-rail{display:flex;flex-direction:column;position:relative;min-height:0;min-width:0;background:var(--bg1)}.creation-editor-rail--docked.creation-editor-rail--dock-left{flex:0 0 auto;width:var(--rail-dock-size,16rem);height:100%;border-right:1px solid var(--line);border-top-right-radius:24px;border-bottom-right-radius:24px;overflow:hidden}.creation-editor-rail--docked.creation-editor-rail--dock-right{flex:0 0 auto;width:var(--rail-dock-size,20rem);height:100%;border-left:1px solid var(--line);border-top-left-radius:24px;border-bottom-left-radius:24px;overflow:hidden}.creation-editor-rail--floating{box-shadow:var(--creation-elevation-shadow-soft);border:1px solid var(--line);border-radius:0;overflow:hidden;background:var(--bg1)}.creation-editor-rail--minimized .creation-editor-rail__header{border-bottom:0}.creation-editor-rail__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex:0 0 auto;padding:.35rem .5rem;border-bottom:1px solid var(--line);cursor:grab;-webkit-user-select:none;user-select:none;background:var(--bg0)}.creation-editor-rail__header:active{cursor:grabbing}.creation-editor-rail__title{font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.creation-editor-rail__actions{display:flex;align-items:center;gap:.15rem}.creation-editor-rail__action{border:0;background:transparent;color:var(--ink);cursor:pointer;padding:.15rem .35rem;font-size:.85rem;line-height:1}.creation-editor-rail__body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.creation-editor-rail__resize{position:absolute;z-index:5;background:transparent}.creation-editor-rail__resize--e,.creation-editor-rail__resize--w{top:0;bottom:0;width:6px;cursor:ew-resize}.creation-editor-rail__resize--e{right:-3px}.creation-editor-rail__resize--w{left:-3px}.creation-editor-rail__resize--n,.creation-editor-rail__resize--s{left:0;right:0;height:6px;cursor:ns-resize}.creation-editor-rail__resize--n{top:-3px}.creation-editor-rail__resize--s{bottom:-3px}.creation-editor-rail__resize--ne,.creation-editor-rail__resize--nw,.creation-editor-rail__resize--se,.creation-editor-rail__resize--sw{z-index:6;width:12px;height:12px}.creation-editor-rail__resize--se{right:-3px;bottom:-3px;cursor:nwse-resize}.creation-editor-rail__resize--sw{left:-3px;bottom:-3px;cursor:nesw-resize}.creation-editor-rail__resize--ne{right:-3px;top:-3px;cursor:nesw-resize}.creation-editor-rail__resize--nw{left:-3px;top:-3px;cursor:nwse-resize}.creation-editor-left{display:flex;flex-direction:column;min-width:0;background:var(--bg1)}.creation-editor-left,.creation-editor-right{width:100%;min-height:0;overflow:hidden}.creation-editor-right .ds-property-inspector>header,.creation-editor-right .ds-property-inspector__head{display:none}.creation-editor-left-tabs{display:flex;flex:0 0 auto;gap:0;min-width:0;border-bottom:1px solid var(--line)}.creation-editor-left-tabs__tab{flex:1 1 33%;min-width:0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;padding:.55rem .35rem;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-editor-left-tabs__tab--active{color:var(--ink);box-shadow:inset 0 -2px 0 0 var(--accent,#245)}.creation-editor-components{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;background:var(--bg1)}.creation-editor-components__section{display:flex;flex-direction:column;min-height:0}.creation-editor-components__section--insert{flex:0 0 auto;border-bottom:1px solid var(--line);padding-bottom:.5rem}.creation-editor-components__section--scene{flex:1 1 auto}.creation-editor-components__heading{margin:0;padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--fg2,#666)}.creation-editor-components .creation-editor-palette{flex:0 0 auto;overflow:visible;min-height:0}.creation-editor-components .creation-editor-masters{flex:0 0 auto;overflow:visible}.creation-editor-palette{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.creation-editor-palette .search-input{flex:0 0 auto;box-sizing:border-box;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:.5rem .75rem 0}.creation-editor-palette-groups{flex:1 1 auto;min-height:0;overflow:auto}.creation-editor-left .creation-editor-palette .ds-component-palette{flex:none;min-width:0;min-height:0;max-width:100%;height:auto;overflow:visible;border-right:0}.creation-editor-left .creation-editor-palette .ds-component-palette__head{position:sticky;top:0;z-index:1;background:var(--bg1)}.creation-editor-layers,.creation-editor-layers-wrap{flex:1 1 auto;min-height:0;overflow:auto;background:var(--bg1)}.creation-editor-layers{border-top:0}.creation-editor-layers.ds-layers-panel .ds-layers-panel__head{padding:.55rem .85rem;font-size:.6875rem;font-weight:500;letter-spacing:.02em;color:var(--muted)}.creation-editor-layers.ds-layers-panel .ds-layers-panel__list{padding:.35rem .25rem .55rem}.creation-editor-layers.ds-layers-panel .ds-layers-panel__row{min-height:1.75rem;gap:.2rem;padding-inline:.15rem;content-visibility:auto;contain-intrinsic-size:auto 1.75rem}.creation-editor-layers.ds-layers-panel .ds-layers-panel__btn{padding:.28rem .45rem .28rem .2rem;gap:.4rem;font-weight:400;border-radius:0}.creation-editor-layers.ds-layers-panel .ds-layers-panel__type{font-size:.5625rem;font-weight:400;letter-spacing:.04em;opacity:.9}.creation-editor-layers.ds-layers-panel .ds-layers-panel__label{font-size:.6875rem;font-weight:400;line-height:1.3}.creation-editor-layers.ds-layers-panel .ds-layers-panel__glyph{transform:scale(.9);transform-origin:center}.creation-editor-layers.ds-layers-panel .ds-layers-panel__empty{font-size:.6875rem;font-weight:400;padding:.75rem .85rem}.creation-editor-masters{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto;background:var(--bg1);padding:.5rem .75rem .75rem;gap:.5rem}.creation-editor-masters__title{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--fg2,#666)}.creation-editor-masters__empty{margin:.25rem 0 0;font-size:.8125rem;color:var(--fg2,#666)}.creation-editor-masters__banner{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;background:var(--bg2,#f0f0f0);border-radius:0;font-size:.8125rem}.creation-inspect-master-variants{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem}.creation-inspect-master-variants--compact{flex-direction:row;align-items:center;gap:.35rem}.creation-inspect-master-variants--compact>:first-child{flex:1 1 auto;min-width:0}.creation-inspect-master-variant-dialog .ds-dialog-body{display:flex;flex-direction:column;gap:.75rem}.creation-inspect-master-variants__add{display:flex;gap:.35rem;align-items:flex-end}.creation-editor-masters__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.25rem}.creation-editor-masters__item{display:flex;flex-direction:row;align-items:center;gap:.25rem;min-width:0;padding:.15rem 0;border-radius:0}.creation-editor-masters__item--editing{background:var(--bg2,#f0f0f0)}.creation-editor-masters__name{flex:1 1 auto;font-size:.8125rem;line-height:1.25}.creation-editor-masters__name,.creation-editor-masters__source{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creation-editor-masters__source{flex:0 1 auto;max-width:40%;font-size:.625rem;line-height:1.2;color:var(--fg2,#666)}.creation-editor-masters__badge{flex:0 0 auto;min-width:1.25rem;padding:0 .3rem;border-radius:0;font-size:.625rem;line-height:1.25rem;text-align:center;color:var(--fg2,#666);background:var(--bg2,#eee)}.creation-editor-masters__actions{display:flex;flex:0 0 auto;flex-wrap:nowrap;gap:0;align-items:center}.creation-editor-token-studio{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;background:var(--bg1)}.creation-editor-token-studio__status{display:flex;align-items:center;gap:.45rem;flex:0 0 auto;padding:.4rem .55rem 0;min-height:1.4rem}.creation-editor-token-studio__status-pill{font-size:.65rem;font-weight:var(--weight-medium,500);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:0;padding:.1rem .45rem;line-height:1.3}.creation-editor-token-studio__status-pill--live{color:var(--ink,var(--fg));border-color:color-mix(in srgb,var(--accent,var(--line)) 45%,var(--line))}.creation-editor-token-studio__status-msg{font-size:.7rem;color:var(--muted)}.creation-editor-token-studio__toolbar{display:flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:.35rem .45rem 0}.creation-editor-token-studio .search-input{flex:1 1 auto;min-width:0;margin:0}.creation-editor-token-studio__chips{display:flex;flex-wrap:nowrap;gap:.2rem;flex:0 0 auto;padding:.35rem .45rem;overflow-x:auto;scrollbar-width:thin}.creation-editor-token-studio__chip{appearance:none;display:inline-flex;align-items:center;gap:.28rem;flex:0 0 auto;border:1px solid transparent;background:transparent;color:var(--muted);font:inherit;font-size:.68rem;font-weight:var(--weight-medium,500);letter-spacing:.02em;padding:.15rem .4rem;border-radius:0;cursor:pointer;line-height:1.3}.creation-editor-token-studio__chip .ds-token-kind-glyph{opacity:.85}.creation-editor-token-studio__chip[data-active=true] .ds-token-kind-glyph{opacity:1}.creation-editor-token-studio__add-type-chips{display:flex;flex-wrap:wrap;gap:.25rem}.creation-editor-token-studio__chip:hover{color:var(--ink,var(--fg));background:color-mix(in srgb,var(--ink) 4%,transparent)}.creation-editor-token-studio__chip[data-active=true]{color:var(--ink,var(--fg));border-color:var(--line);background:color-mix(in srgb,var(--ink) 6%,transparent)}.creation-editor-token-studio__empty,.creation-editor-token-studio__error{margin:.35rem .55rem 0;font-size:.75rem}.creation-editor-token-studio__error{color:var(--danger,#c44)}.creation-editor-token-studio__list{margin:0;padding:0 0 .65rem;flex:1 1 auto;min-height:0;overflow:auto}.creation-editor-token-studio__section{border-top:1px solid color-mix(in srgb,var(--line) 80%,transparent)}.creation-editor-token-studio__section-head{appearance:none;display:flex;align-items:center;gap:.35rem;width:100%;margin:0;padding:.35rem .55rem;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;text-align:left}.creation-editor-token-studio__section-head:hover{background:color-mix(in srgb,var(--ink) 3%,transparent)}.creation-editor-token-studio__section-chevron{font-size:.65rem;color:var(--muted);width:.7rem}.creation-editor-token-studio__section-title{flex:1 1 auto;font-size:.68rem;font-weight:var(--weight-medium,500);letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.creation-editor-token-studio__section-count{font-size:.65rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.creation-editor-token-studio__section-list{list-style:none;margin:0;padding:0 0 .25rem}.creation-editor-token-studio__row{display:grid;grid-template-columns:1rem minmax(0,1fr) minmax(3.5rem,5rem);align-items:center;column-gap:.4rem;min-height:1.75rem;padding:.1rem .55rem}.creation-editor-token-studio__row--editable{grid-template-columns:1rem minmax(0,1fr) minmax(3.5rem,5rem) 1.4rem}.creation-editor-token-studio__row--used{background:color-mix(in srgb,var(--accent,#2563eb) 10%,transparent);border-radius:0}.creation-editor-token-studio__used-badge{display:inline-block;margin-left:.35rem;padding:.05rem .35rem;border-radius:0;font-size:.5625rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--accent,#2563eb);background:color-mix(in srgb,var(--accent,#2563eb) 14%,transparent);vertical-align:middle}.creation-editor-token-studio__edit-btn,.creation-editor-token-studio__hub-btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s ease;text-decoration:none}.creation-editor-token-studio__edit-btn svg,.creation-editor-token-studio__hub-btn svg{width:.85rem;height:.85rem}.creation-editor-token-studio__edit-btn:focus-visible,.creation-editor-token-studio__hub-btn:focus-visible,.creation-editor-token-studio__row:focus-within .creation-editor-token-studio__edit-btn,.creation-editor-token-studio__row:focus-within .creation-editor-token-studio__hub-btn,.creation-editor-token-studio__row:hover .creation-editor-token-studio__edit-btn,.creation-editor-token-studio__row:hover .creation-editor-token-studio__hub-btn{opacity:1}.creation-editor-token-studio__edit-btn:focus-visible,.creation-editor-token-studio__edit-btn:hover,.creation-editor-token-studio__hub-btn:focus-visible,.creation-editor-token-studio__hub-btn:hover{color:var(--ink,var(--fg));background:color-mix(in srgb,var(--ink) 6%,transparent)}.creation-editor-token-studio__row[data-token-draggable=true]{cursor:grab}.creation-editor-token-studio__row[data-token-draggable=true]:active{cursor:grabbing}.creation-editor-token-studio__dialog-body{display:flex;flex-direction:column;gap:.55rem}.creation-editor-token-studio__dialog-path{margin:0;font-size:.72rem;word-break:break-all}.creation-editor-token-studio__swatch--lg{width:2rem;height:2rem;cursor:pointer}.creation-editor-token-studio__path{font-size:.6875rem;font-weight:400;line-height:1.3;color:var(--ink,var(--fg));overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.creation-editor-token-studio__edit{display:flex;align-items:center;gap:.3rem;min-width:0}.creation-editor-token-studio__edit--structured,.creation-editor-token-studio__edit--typo{flex-direction:column;align-items:stretch;gap:.35rem}.creation-editor-token-studio__check{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--muted)}.creation-editor-site-svg-deep-edit__body{display:flex;flex-direction:column;gap:.65rem;min-width:min(36rem,90vw)}.creation-editor-site-svg-deep-edit__tabs{display:flex;flex-direction:column;gap:.5rem}.creation-editor-site-svg-deep-edit__textarea{width:100%;min-height:12rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.4;padding:.5rem;border:1px solid var(--line);border-radius:0;background:var(--surface,#fff);color:var(--ink,var(--fg));resize:vertical}.creation-editor-site-svg-deep-edit__draw{display:flex;flex-direction:column;gap:.5rem}.creation-editor-site-svg-deep-edit__draw-hint{margin:0;font-size:.7rem;color:var(--muted)}.creation-editor-site-svg-deep-edit__draw-surface{width:100%;aspect-ratio:1/1;max-height:14rem;border:1px solid var(--line);border-radius:0;background:color-mix(in srgb,var(--surface,#fff) 90%,var(--muted) 10%);cursor:crosshair;color:var(--ink,var(--fg))}.creation-editor-site-svg-deep-edit__draw-surface path{fill:currentColor}.creation-editor-site-svg-deep-edit__markup{display:flex;flex-direction:column;gap:.5rem}.creation-editor-site-svg-deep-edit__preview{min-height:4.5rem;display:grid;place-items:center;padding:.75rem;border:1px dashed var(--line);border-radius:0;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--muted) 8%)}.creation-editor-site-svg-deep-edit__preview-host{width:3rem;height:3rem;color:var(--ink,var(--fg))}.creation-editor-site-svg-deep-edit__preview-host svg{width:100%;height:100%;display:block}.creation-editor-site-svg-deep-edit__error,.creation-editor-site-svg-deep-edit__preview-error{margin:0;color:var(--danger,#b42318);font-size:.75rem}.creation-editor-token-studio__value{min-width:0;width:100%}.creation-editor-token-studio__row .ds-input,.creation-editor-token-studio__value input{font-size:.6875rem!important;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-block:.15rem!important;padding-inline:.3rem!important}.creation-editor-token-studio__preview,.creation-editor-token-studio__typo-summary{margin:0;font-size:.5625rem;font-weight:400;line-height:1.3;letter-spacing:.02em;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.creation-editor-token-studio__swatch{flex:0 0 auto;width:.95rem;height:.95rem;padding:0;border:1px solid var(--line);border-radius:0;background:transparent;cursor:pointer}.creation-editor-token-studio__swatch--static{display:inline-block;cursor:default}.creation-editor-token-studio__dot{width:.35rem;height:.35rem;margin-inline:auto;border-radius:0;background:color-mix(in srgb,var(--muted) 55%,transparent)}.creation-editor-token-studio__add{display:flex;flex-direction:column;gap:.3rem;padding:.35rem .55rem .5rem;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ink) 2%,transparent)}.creation-editor-token-studio__add-type select{width:100%;font:inherit;font-size:.75rem;padding:.2rem .35rem;border:1px solid var(--line);background:var(--bg1,var(--bg0));color:inherit}.creation-editor-token-studio__edit--typo{flex-wrap:wrap}.creation-editor-comments-stub{position:absolute;top:.75rem;right:.75rem;z-index:40;width:min(18rem,calc(100% - 1.5rem));padding:.75rem;border:1px solid var(--line);background:var(--bg1,var(--bg0));box-shadow:var(--creation-elevation-shadow-soft)}.creation-editor-comments-stub__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.creation-editor-comments-stub__title{margin:0;font-size:.9375rem}.creation-editor-comments-stub__close{border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.25rem;line-height:1;padding:.1rem .35rem}.creation-editor-comments-stub__body{margin:0}.creation-editor-comments-panel__list{list-style:none;margin:.5rem 0;padding:0;max-height:14rem;overflow:auto;display:flex;flex-direction:column;gap:.5rem}.creation-editor-comments-panel__item{padding:.4rem 0;border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}.creation-editor-comments-panel__item--resolved{opacity:.72}.creation-editor-comments-panel__anchor,.creation-editor-comments-panel__body,.creation-editor-comments-panel__hint,.creation-editor-comments-panel__meta{margin:0 0 .25rem}.creation-editor-comments-panel__compose{display:flex;flex-direction:column;gap:.35rem;margin-top:.5rem}.creation-layers-btn--also-selected,.ds-layers-panel__btn[data-multi-selected=true]{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 2px 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}.creation-editor-layers__head{padding:.5rem .75rem}.creation-editor-layers__list{list-style:none;margin:0;padding:0 0 .5rem}.creation-editor-layers__btn{display:flex;width:100%;gap:.4rem;align-items:baseline;border:0;background:transparent;text-align:left;padding:.3rem .5rem;cursor:pointer;font:inherit;color:inherit}.creation-editor-layers__btn:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.creation-editor-layers__btn--selected{background:color-mix(in srgb,var(--accent) 16%,transparent)}.creation-editor-layers__type{font-size:.7rem;color:var(--muted);min-width:3.5rem}.creation-editor-layers__name{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-editor-canvas-shell{min-height:0;height:100%;display:flex;flex-direction:column}.creation-editor-canvas-shell .ds-selection-handles{border-width:var(--creation-selection-border-width,1px)}.creation-editor-canvas-shell .ds-selection-handles__corner{width:var(--creation-selection-handle-size,8px);height:var(--creation-selection-handle-size,8px);border-width:var(--creation-selection-border-width,1px)}.creation-editor-canvas-shell .ds-selection-handles__corner--nw{top:calc(-1 * var(--creation-selection-handle-offset, 4px));left:calc(-1 * var(--creation-selection-handle-offset, 4px))}.creation-editor-canvas-shell .ds-selection-handles__corner--ne{top:calc(-1 * var(--creation-selection-handle-offset, 4px));right:calc(-1 * var(--creation-selection-handle-offset, 4px))}.creation-editor-canvas-shell .ds-selection-handles__corner--sw{bottom:calc(-1 * var(--creation-selection-handle-offset, 4px));left:calc(-1 * var(--creation-selection-handle-offset, 4px))}.creation-editor-canvas-shell .ds-selection-handles__corner--se{bottom:calc(-1 * var(--creation-selection-handle-offset, 4px));right:calc(-1 * var(--creation-selection-handle-offset, 4px))}.creation-editor-canvas-shell--print-channel .creation-editor-canvas__pad--print-channel{background:var(--print-paper,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--line,#ccc) 80%,transparent),var(--creation-elevation-shadow-soft)}.creation-editor-canvas-shell--print-channel:not(.creation-editor-canvas-shell--board) .creation-editor-canvas.ds-canvas-viewport .ds-canvas-viewport__artboard{background:var(--bg1,#f4f4f2)}.creation-editor-canvas-shell--pan,.creation-editor-canvas-shell--pan .ds-canvas-viewport{cursor:grab}.creation-editor-canvas-shell--pan .ds-canvas-viewport:active,.creation-editor-canvas-shell--pan:active{cursor:grabbing}.creation-editor-canvas{min-height:0;height:100%;flex:1 1 auto}.creation-editor-canvas.ds-canvas-viewport .ds-canvas-viewport__stage{overflow:hidden}.creation-editor-canvas__pad{box-sizing:border-box;min-height:100%;height:100%}.creation-editor-body .ds-property-inspector{min-height:0;overflow-x:hidden;overflow-y:hidden;border:0}.creation-editor-body .ds-property-inspector,.creation-editor-rail__body .ds-property-inspector{height:100%;width:100%;max-width:none;min-width:0}.creation-editor-rail__body .ds-property-inspector__body{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden;overflow-y:auto}.creation-inspect-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem;align-items:start}.creation-inspect-pair .creation-inspect-live-token,.creation-inspect-pair .ds-field,.creation-inspect-pair .ds-token-picker{min-width:0}.creation-inspect-live-token{display:flex;flex-direction:column;gap:.12rem;min-width:0}.creation-inspect-live-token .ds-token-picker{margin-top:0}.creation-inspect-live-token .ds-token-picker__label{font-size:.6875rem;line-height:1.2}.creation-inspect-live-token .ds-token-picker__current{min-height:1.75rem}.creation-editor-body .ds-property-inspector .ds-input,.creation-editor-body .ds-property-inspector .ds-token-picker__literal,.creation-editor-body .ds-property-inspector input.ds-token-picker__literal,.creation-inspect-live-token .ds-token-picker__literal{font-size:.625rem;line-height:1.25}.creation-inspect-live-token .ds-token-picker__literal{min-height:1.5rem}.creation-editor-body .ds-property-inspector .ds-input,.creation-editor-body .ds-property-inspector .ds-select-trigger,.creation-editor-body .ds-property-inspector .ds-textarea,.creation-editor-body .ds-property-inspector .ds-token-picker__current{border-color:color-mix(in srgb,var(--ink) 1.5%,transparent);border-bottom-color:color-mix(in srgb,var(--ink) 8%,transparent);transition:border-color .12s ease}.creation-editor-body .ds-property-inspector .ds-input:focus-visible,.creation-editor-body .ds-property-inspector .ds-input:hover,.creation-editor-body .ds-property-inspector .ds-select--open .ds-select-trigger,.creation-editor-body .ds-property-inspector .ds-select-trigger:focus-visible,.creation-editor-body .ds-property-inspector .ds-select-trigger:hover,.creation-editor-body .ds-property-inspector .ds-textarea:focus-visible,.creation-editor-body .ds-property-inspector .ds-textarea:hover,.creation-editor-body .ds-property-inspector .ds-token-picker__current:focus-within,.creation-editor-body .ds-property-inspector .ds-token-picker__current:hover{border-color:color-mix(in srgb,var(--ink) 2%,transparent);border-bottom-color:color-mix(in srgb,var(--ink) 42%,transparent)}.creation-editor-body .ds-property-inspector .ds-toggle-group{flex-wrap:wrap;flex-shrink:1;max-width:100%;min-width:0}.creation-inspect-css{display:flex;flex-direction:column;gap:.75rem}.creation-inspect-css__list{display:flex;flex-direction:column;gap:.35rem}.creation-inspect-css__row{grid-template-columns:minmax(5rem,.4fr) 1fr;gap:.35rem;align-items:baseline;font-size:.8125rem}.creation-inspect-css__row dt{margin:0;font-weight:500}.creation-inspect-css__row dd{overflow-wrap:anywhere}.creation-inspect-css__row code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.creation-scene-node{position:relative;outline:1px solid transparent;cursor:pointer;font-family:var(--font-body);min-width:0;min-height:0;box-sizing:border-box}.creation-scene-node--canvas-drag:active,.creation-scene-node--dragging{cursor:grabbing;opacity:.85}.creation-scene-page-frame--layer-drop{outline:2px dashed var(--accent,#245);outline-offset:2px}.creation-scene-page-frame--layer-drop-invalid{outline:2px dashed var(--danger,#c33);outline-offset:2px}.creation-scene-node[data-node-type=Heading],.creation-scene-node[data-node-type=Link],.creation-scene-node[data-node-type=SiteText],.creation-scene-node[data-node-type=Text]{display:inline-block;width:max-content;max-width:100%;vertical-align:top;text-box-trim:trim-both;text-box-edge:cap alphabetic}.creation-scene-node[data-node-type=SiteImage],.creation-scene-node[data-node-type=SiteSvg]{width:max-content;max-width:100%;align-self:flex-start;vertical-align:top}.creation-scene-node[data-node-type=SiteText],.creation-scene-node[data-node-type=Text]{text-box-edge:text}.creation-scene-node .ds-heading,.creation-scene-node .ds-text-body,.creation-scene-node .ds-text-display,.creation-scene-node .ds-text-headline,.creation-scene-node .ds-text-hint,.creation-scene-node .ds-text-label,.creation-scene-node .ds-text-meta,.creation-scene-node .ds-text-mono,.creation-scene-node .ds-text-title{max-width:none;margin:0;font-size:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;text-align:inherit;text-transform:inherit}.msqdx-print-page{font-family:var(--font-body)}.creation-scene-node--selected{outline:1px solid var(--accent,#245);outline-offset:2px}.creation-scene-node--peer-selected{outline:2px solid var(--creation-peer-halo,#0d9488);outline-offset:2px;position:relative}.creation-scene-node__peer-chip{position:absolute;top:-1.1rem;left:0;z-index:2;font-size:10px;font-weight:600;line-height:1.2;padding:1px 5px;border-radius:3px;color:#fff;background:var(--creation-peer-halo,#0d9488);pointer-events:none;white-space:nowrap}.creation-scene-node--locked{opacity:.92}.creation-scene-node--print-chip{display:inline-flex;vertical-align:top;max-width:100%}.creation-scene-node--print-chip[data-print-surface-stroke] .msqdx-print-chip{border-width:var(--creation-print-chip-border-width,1px);border-color:var(--creation-print-chip-border-color,var(--print-line));border-style:var(--creation-print-chip-border-style,solid)}.creation-scene-node--print-chip[data-print-surface-radius] .msqdx-print-chip{border-radius:var(--creation-print-chip-radius)}.creation-scene-node--print-chip[data-print-surface-ink] .msqdx-print-chip{color:var(--creation-print-chip-color)}.creation-scene-node--print-chip[data-print-surface-fill] .msqdx-print-chip{background-color:var(--creation-print-chip-fill)}.creation-scene-node--print-chip[data-print-surface-size] .msqdx-print-chip{width:100%;height:100%;box-sizing:border-box}.creation-scene-node--print-surface[data-print-text-align] :is(.msqdx-print-chip,.msqdx-print-body,.msqdx-print-headline,.msqdx-print-cover-headline,.msqdx-print-lede,.msqdx-print-persona__name,.msqdx-print-persona__bio,.msqdx-print-sub-eyebrow,.msqdx-print-eyebrow,.msqdx-print-table th,.msqdx-print-table td){text-align:var(--creation-print-text-align)}.creation-scene-node--print-surface[data-print-justify] :is(.msqdx-print-chip-row,.msqdx-print-two-col,.msqdx-print-persona,.msqdx-print-page,.msqdx-print-chapter,.msqdx-print-ranked,.msqdx-print-ledger,.msqdx-print-traits,.msqdx-print-donut,.msqdx-print-persona-grid){justify-content:var(--creation-print-justify-content)}.creation-scene-node--print-surface[data-print-align-items] :is(.msqdx-print-chip-row,.msqdx-print-two-col,.msqdx-print-persona,.msqdx-print-page,.msqdx-print-chapter,.msqdx-print-ranked,.msqdx-print-ledger,.msqdx-print-traits,.msqdx-print-donut,.msqdx-print-persona-grid){align-items:var(--creation-print-align-items)}.creation-scene-node--print-surface[data-print-typography] :is(.msqdx-print-table th,.msqdx-print-table td,.msqdx-print-chip,.msqdx-print-body,.msqdx-print-headline,.msqdx-print-cover-headline,.msqdx-print-lede,.msqdx-print-persona__name,.msqdx-print-persona__bio,.msqdx-print-ranked__label,.msqdx-print-eyebrow){font-size:var(--creation-print-font-size,inherit);font-weight:var(--creation-print-font-weight,inherit);font-family:var(--creation-print-font-family,inherit);-webkit-text-decoration:var(--creation-print-text-decoration,inherit);text-decoration:var(--creation-print-text-decoration,inherit);text-transform:var(--creation-print-text-transform,inherit);line-height:var(--creation-print-line-height,inherit);letter-spacing:var(--creation-print-letter-spacing,inherit);color:var(--creation-print-color,inherit)}.creation-scene-node--print-surface[data-print-block-align],.creation-scene-node--print-surface[data-print-block-align] .msqdx-print-table{width:max-content;max-width:100%}.creation-scene-node--catalog-generic[data-catalog-fill] :is(.ds-panel.ds-panel--default,.ds-panel,.ds-chat-block-panel__surface,[class*=__surface]){background:var(--creation-catalog-fill);background-image:var(--creation-catalog-fill-image,none)}.creation-scene-node--catalog-generic[data-catalog-radius] :is(.ds-panel.ds-panel--default,.ds-panel,.ds-chat-block-panel__surface,[class*=__surface]){border-radius:var(--creation-catalog-radius)}.creation-scene-node--catalog-generic[data-catalog-stroke] :is(.ds-panel.ds-panel--default,.ds-panel,.ds-chat-block-panel__surface,[class*=__surface]){border-color:var(--creation-catalog-border-color,inherit);border-width:var(--creation-catalog-border-width,inherit);border-style:var(--creation-catalog-border-style,inherit);box-shadow:var(--creation-catalog-box-shadow,inherit)}.creation-scene-node--catalog-generic[data-catalog-typo] :is(.ds-text,h1,h2,h3,h4,p,span){color:var(--creation-catalog-color,inherit);font-family:var(--creation-catalog-font-family,inherit);font-size:var(--creation-catalog-font-size,inherit);font-weight:var(--creation-catalog-font-weight,inherit);line-height:var(--creation-catalog-line-height,inherit);letter-spacing:var(--creation-catalog-letter-spacing,inherit);text-align:var(--creation-catalog-text-align,inherit);-webkit-text-decoration:var(--creation-catalog-text-decoration,inherit);text-decoration:var(--creation-catalog-text-decoration,inherit);text-transform:var(--creation-catalog-text-transform,inherit)}.creation-scene-node--canvas-drag{cursor:grab}.creation-scene-node--canvas-drag:active{cursor:grabbing}.creation-scene-node--dragging{opacity:.4!important;outline:1px dashed rgba(31,68,255,.6)!important}.creation-canvas-ghost-preview{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:rgba(18,18,21,.92);border:1px solid #1f44ff;border-radius:6px;color:#ffffff;font-size:11px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 12px rgba(31,68,255,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:999999}.creation-scene-node[data-drop-edge=before]{box-shadow:inset 0 3px 0 0 #1f44ff,0 0 8px rgba(31,68,255,.6);background:rgba(31,68,255,.08)}.creation-scene-node[data-drop-edge=after]{box-shadow:inset 0 -3px 0 0 #1f44ff,0 0 8px rgba(31,68,255,.6);background:rgba(31,68,255,.08)}.creation-scene-node[data-drop-edge=into]{outline:2px dashed #1f44ff!important;outline-offset:2px;background:rgba(31,68,255,.1)!important;box-shadow:0 0 12px rgba(31,68,255,.2)}.creation-scene-node[data-drop-valid=false]{outline:2px dashed #ef4444!important;outline-offset:2px;box-shadow:none;background:rgba(239,68,68,.1)!important}.creation-scene-node[data-drop-edge]:after{position:absolute;z-index:10;top:.25rem;right:.25rem;padding:.15rem .45rem;border-radius:.25rem;font-size:.65rem;font-weight:700;letter-spacing:.03em;color:#ffffff;background:#1f44ff;box-shadow:0 2px 6px rgba(0,0,0,.4);pointer-events:none;content:attr(data-drop-label);text-transform:uppercase}.creation-scene-node[data-drop-valid=false]:after{background:#ef4444}.creation-inspect-bp-banner{margin:.35rem .75rem;padding:.45rem .6rem;border:1px solid color-mix(in srgb,var(--accent,#245) 45%,var(--line));background:color-mix(in srgb,var(--accent,#245) 12%,var(--bg1));border-radius:.25rem}.creation-inspect-bp-banner p{margin:0;font-size:.75rem;font-weight:600}.creation-inspect-filter{width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);margin:.5rem .75rem .25rem;box-sizing:border-box}.creation-inspect-collapse{margin:.25rem 0}.creation-inspect-collapse__toggle{display:flex;width:calc(100% - 1.5rem);max-width:calc(100% - 1.5rem);align-items:center;gap:.35rem;margin:.35rem .75rem 0;padding:.35rem .2rem;box-sizing:border-box;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;text-align:left}.creation-inspect-collapse__body .ds-inspect-section__title{display:none}.creation-inspect-css__toolbar{display:flex;justify-content:flex-end;padding:.35rem .75rem 0}.creation-inspect-css__empty{padding:.75rem}.creation-inspect-css__list{margin:0;padding:.25rem .75rem .75rem}.creation-inspect-css__row{display:grid;grid-template-columns:minmax(5rem,8rem) minmax(0,1fr);gap:.5rem;padding:.2rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);font-size:.75rem}.creation-inspect-css__row dt{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.creation-inspect-css__row dd{margin:0;min-width:0}.creation-inspect-css__row code{display:block;overflow-wrap:anywhere;color:var(--ink);font-size:.75rem}.creation-editor-marquee{position:absolute;pointer-events:none;border:1px dashed var(--accent,#245);background:color-mix(in srgb,var(--accent,#245) 12%,transparent);z-index:5}.creation-editor-error{padding:.35rem .75rem}.creation-editor-error,.creation-magcloud-publish-error{color:var(--danger,#c33)}.creation-editor-status{padding:.35rem .75rem}.creation-editor-confirm{align-items:center;gap:var(--space-2,.5rem);border:1px solid var(--border-subtle,rgba(0,0,0,.12));background:var(--surface-raised,#fff)}.creation-editor-confirm,.creation-editor-kit-drift{display:flex;flex-wrap:wrap;padding:.5rem .75rem;margin:0 .75rem .35rem}.creation-editor-kit-drift{align-items:flex-start;gap:.75rem 1rem;border-radius:8px;border:1px solid color-mix(in srgb,#38bdf8 40%,var(--border-subtle,rgba(0,0,0,.12)));background:color-mix(in srgb,#0c1a24 88%,var(--surface-raised,#fff));color:#e0f2fe}.creation-editor-kit-drift__copy{flex:1 1 14rem;min-width:0}.creation-editor-kit-drift__title{margin:0 0 .35rem;color:#e0f2fe}.creation-editor-kit-drift__list{margin:0;padding-left:1rem;font-size:12px;line-height:1.4}.creation-editor-kit-drift__muted{color:#7dd3fc}.creation-editor-kit-drift__actions{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.creation-editor-confirm__message{flex:1 1 12rem;margin:0}.creation-editor-confirm__actions{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem)}.creation-collection-picker{display:flex;flex-direction:column;gap:var(--space-2,.5rem);margin:0 0 var(--space-3,.85rem);max-width:28rem}.creation-collection-picker--compact{margin-bottom:var(--space-2,.5rem);max-width:none}.creation-projects-actions,.creation-projects-create{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem);margin-top:var(--space-3,.85rem)}.creation-hub-index-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3,.75rem) var(--space-4,1rem);margin-bottom:var(--space-2,.5rem)}.creation-hub-index-head--bare{justify-content:flex-end}.creation-projects-list{list-style:none;margin:var(--space-4,1.25rem) 0 0;padding:0;display:grid;gap:var(--space-3,.85rem)}.creation-library-actions{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem);margin-top:var(--space-4,1rem);align-items:center}.creation-library-storybook-origin{margin-top:var(--space-3,.75rem)}.creation-library-grid{list-style:none;margin:var(--space-4,1.25rem) 0 0;padding:0;display:grid;gap:var(--space-3,.85rem);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr))}.creation-library-grid--compact{grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr))}.creation-library-grid .ds-entity-card{height:100%}.creation-library-card-actions{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem)}.creation-library-atom-group+.creation-library-atom-group{margin-top:var(--space-5,1.5rem);padding-top:var(--space-4,1.25rem);border-top:1px solid var(--line)}.creation-library-kit-preview{display:flex;align-items:center;justify-content:center;min-height:5.5rem;padding:var(--space-3,.75rem);border-radius:var(--radius-sm,.375rem);background:color-mix(in srgb,var(--surface-2,var(--bg2)) 88%,transparent);border:1px solid color-mix(in srgb,var(--line) 85%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;overflow:hidden}.creation-library-kit-preview--composition{min-height:7rem;max-height:10rem}.creation-library-kit-preview--empty{background:color-mix(in srgb,var(--surface-2,var(--bg2)) 55%,transparent)}.creation-library-kit-preview__canvas{width:100%;display:flex;align-items:center;justify-content:center}.creation-library-kit-preview--composition .creation-library-kit-preview__canvas{transform:scale(.88);transform-origin:top center}.creation-library-kit-preview .site-btn,.creation-library-kit-preview .site-checkbox input,.creation-library-kit-preview .site-field,.creation-library-kit-preview .site-select{max-width:100%}.creation-library-grid--compact .ds-entity-card__body{margin-top:var(--space-2,.5rem)}.creation-compositions-toolbar{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3,.85rem)}.creation-compositions-toolbar .ds-section-chrome{flex:1 1 auto;min-width:0}.creation-compositions-hub-grid{margin-top:var(--space-4,1.25rem)}.creation-composition-card{position:relative;min-width:0}.creation-composition-card__menu{position:absolute;top:.55rem;right:.55rem;z-index:3;min-width:2rem;pointer-events:auto}.creation-compositions-hub-grid--list{grid-template-columns:1fr}.creation-compositions-hub-grid--list .ds-hub-index-card__panel.ds-panel.ds-panel--card{min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--space-3,.85rem);padding:var(--space-3,.85rem) 1.25rem}.creation-compositions-hub-grid--list .ds-hub-index-card__media{margin:0;width:auto;flex:0 0 auto}.creation-compositions-hub-grid--list .ds-hub-index-card__title{font-size:clamp(1.25rem,2vw,1.75rem);max-width:none}.creation-compositions-hub-grid--list .ds-hub-index-card__panel--create.ds-panel.ds-panel--card{min-height:5.5rem}.creation-composition-card-preview{--composition-preview-w:1280;--composition-preview-h:800;position:relative;overflow:hidden;contain:paint;width:100%;max-width:100%;aspect-ratio:1280/800;height:auto;min-height:0;border-radius:0;background:var(--editor-canvas-frame,var(--editor-bg));border:1px solid var(--editor-border,var(--line));pointer-events:none;-webkit-user-select:none;user-select:none;container-type:inline-size;container-name:composition-preview}.creation-composition-card-preview--compact{width:6.5rem;max-width:6.5rem;flex:0 0 auto}.creation-composition-card-preview--empty{display:flex;align-items:center;justify-content:center;padding:var(--space-2,.5rem);color:var(--fg-muted,var(--fg3));font-size:.8rem;text-align:center;aspect-ratio:auto;min-height:7.5rem}.creation-composition-card-preview__scale{position:absolute;top:0;left:0;transform:scale(calc(100cqw / var(--composition-preview-w)));transform-origin:top left;overflow:hidden}.creation-composition-card-preview__frame,.creation-composition-card-preview__scale{width:calc(var(--composition-preview-w) * 1px);height:calc(var(--composition-preview-h) * 1px)}.creation-composition-card-preview__frame{display:block;max-width:none;border:0;background:#fff;pointer-events:none}.creation-editor-pages-list__row-label{display:inline-flex;align-items:center;gap:var(--space-2,.5rem);min-width:0}.creation-editor-pages-list__cover-badge{flex:0 0 auto;font-size:.65rem;letter-spacing:.04em;text-transform:uppercase;padding:.1rem .35rem;border-radius:var(--radius-sm,.25rem);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);color:var(--fg-muted,var(--fg3))}@media (max-width:960px){.creation-editor-dock-mid{flex-direction:column}.creation-editor-dock-mid .creation-editor-rail--dock-left,.creation-editor-dock-mid .creation-editor-rail--dock-right{width:100%;height:min(40vh,var(--rail-dock-size,16rem))}}.creation-editor-html-preview-dialog.ds-dialog{width:min(92vw,56rem);max-width:min(96vw,72rem);height:min(88vh,52rem);max-height:calc(100vh - 2rem);min-width:min(20rem,calc(100vw - 2rem));min-height:18rem;resize:both;overflow:hidden}.creation-editor-code-export-dialog.ds-dialog{width:min(92vw,72rem);max-width:min(96vw,90rem);height:min(88vh,48rem);max-height:calc(100vh - 2rem);min-width:min(36rem,calc(100vw - 2rem));min-height:22rem;resize:both;overflow:hidden}.creation-editor-code-export-dialog .ds-dialog-sheet{display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;box-sizing:border-box}.creation-editor-code-export-dialog .ds-dialog-actions,.creation-editor-code-export-dialog .ds-dialog-header{flex:0 0 auto}.creation-editor-code-export-dialog .ds-dialog-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.creation-editor-code-export-dialog__body{display:flex;flex-direction:column;gap:16px;flex:1 1 auto;min-height:0;min-width:0;width:100%;height:100%}.creation-editor-code-export-dialog__toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;flex:0 0 auto}.creation-editor-code-export-dialog__consumer{display:inline-flex;flex:0 0 auto;gap:2px;padding:2px;border-radius:6px;border:1px solid #27272a;background:#18181b}.creation-editor-code-export-dialog__consumer-btn{appearance:none;border:none;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;cursor:pointer;background:transparent;color:#71717a}.creation-editor-code-export-dialog__consumer-btn.is-active{background:#27272a;color:#fff}.creation-editor-code-export-dialog__ready{flex:0 0 auto;padding:8px 12px;border-radius:8px;font-size:12px;line-height:1.4}.creation-editor-code-export-dialog__ready.is-ready{border:1px solid color-mix(in srgb,#22c55e 35%,transparent);background:color-mix(in srgb,#22c55e 12%,transparent);color:#bbf7d0}.creation-editor-code-export-dialog__ready.is-blocked{border:1px solid color-mix(in srgb,var(--editor-live,#c6f24a) 40%,transparent);background:color-mix(in srgb,var(--editor-live,#c6f24a) 12%,transparent);color:#fde68a}.creation-editor-code-export-dialog__ready ul,.creation-editor-code-export-dialog__ready-list{margin:6px 0 0;padding-left:1.1rem}.creation-editor-code-export-dialog__ready code{font-size:10px}.creation-editor-code-export-dialog__ready-issue{display:inline;margin:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.creation-editor-code-export-dialog__ready-issue:focus-visible,.creation-editor-code-export-dialog__ready-issue:hover{color:#fff}.creation-editor-code-export-dialog__intent{flex:0 0 auto;padding:8px 12px;border-radius:8px;border:1px solid #27272a;background:#121215;color:#d4d4d8;font-size:12px;line-height:1.4}.creation-editor-code-export-dialog__intent-head{font-weight:600;color:#f4f4f5;margin-bottom:6px}.creation-editor-code-export-dialog__intent-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;margin:0}.creation-editor-code-export-dialog__intent-grid>div{min-width:0}.creation-editor-code-export-dialog__intent-wide{grid-column:1/-1}.creation-editor-code-export-dialog__intent dt{margin:0;color:#71717a;font-size:10px;text-transform:uppercase;letter-spacing:.04em}.creation-editor-code-export-dialog__intent dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-editor-code-export-dialog__intent a{color:#93c5fd;text-decoration:underline;text-underline-offset:2px}.creation-editor-code-export-dialog__intent-muted{color:#71717a}.creation-editor-code-export-dialog__preview{background:#09090b;border:1px solid #27272a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.creation-editor-code-export-dialog__meta{padding:8px 16px;background:#141417;border-bottom:1px solid #27272a;font-size:11px;color:#a1a1aa;font-family:monospace;display:flex;justify-content:space-between;flex:0 0 auto}.creation-editor-code-export-dialog__monaco{flex:1 1 auto;min-height:16rem;height:100%;position:relative}.creation-editor-code-export-dialog__monaco .monaco-editor,.creation-editor-code-export-dialog__monaco>section{height:100%!important}.creation-editor-asset-library-dialog.ds-dialog{width:min(92vw,64rem);max-width:min(96vw,72rem);height:min(88vh,44rem);max-height:calc(100vh - 2rem);min-width:min(28rem,calc(100vw - 2rem));min-height:22rem;resize:both;overflow:hidden}.creation-editor-asset-library-dialog .ds-dialog-sheet{display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;box-sizing:border-box}.creation-editor-asset-library-dialog .ds-dialog-actions,.creation-editor-asset-library-dialog .ds-dialog-header{flex:0 0 auto}.creation-editor-asset-library-dialog .ds-dialog-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;padding-bottom:var(--space-2,.5rem)}.creation-editor-asset-library-dialog__layout{flex:1 1 auto;min-height:0;width:100%}.creation-editor-asset-library-dialog__file-input{display:none}.creation-editor-asset-library-dialog__categories,.creation-editor-asset-library-dialog__toolbar,.creation-editor-asset-library-dialog__url-bar{flex:0 0 auto}.creation-editor-asset-library-dialog__toolbar .search-input,.creation-editor-asset-library-dialog__url-input{flex:1 1 auto;min-width:0}.creation-editor-asset-library-dialog__categories{overflow-x:auto}.creation-editor-asset-library-dialog__categories .ds-filter-row-chips{flex-wrap:nowrap}.creation-editor-asset-library-dialog__gallery{flex:1 1 auto;min-height:12rem;border-radius:var(--radius-md,.5rem);border:1px solid var(--line,rgba(255,255,255,.12));background:var(--bg0,var(--field));padding:var(--space-3,.75rem)}.creation-editor-asset-library-dialog__gallery[data-drag-over=true]{border:2px dashed var(--accent,#1f44ff);background:color-mix(in srgb,var(--accent,#1f44ff) 10%,transparent)}.creation-editor-asset-library-dialog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:var(--space-2,.5rem)}.creation-editor-asset-library-dialog__card.ds-card{cursor:pointer;outline:none;padding:0 0 var(--space-1,.25rem);gap:var(--space-1,.25rem)}.creation-editor-asset-library-dialog__card.ds-card--structured{gap:.2rem}.creation-editor-asset-library-dialog__card--selected,.creation-editor-asset-library-dialog__card:focus-visible{box-shadow:0 0 0 2px var(--accent,#1f44ff)}.creation-editor-asset-library-dialog__card .ds-card__media{margin:0;aspect-ratio:4/3}.creation-editor-asset-library-dialog__media-plane{position:relative;display:block;width:100%;height:100%}.creation-editor-asset-library-dialog__media-plane .ds-image{width:100%;height:100%;object-fit:cover;display:block}.creation-editor-asset-library-dialog__card .ds-card__title{margin:0;padding:0 var(--space-2,.5rem);font-size:.625rem;font-weight:500;line-height:1.2;-webkit-line-clamp:1}.creation-editor-asset-library-dialog__card .ds-card__meta{padding:0 var(--space-2,.5rem) var(--space-1,.25rem);font-size:.5625rem;line-height:1.2;gap:.2rem}.creation-editor-asset-library-dialog__check{position:absolute;top:6px;right:6px;width:20px;height:20px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--accent,#1f44ff);box-shadow:0 2px 4px color-mix(in srgb,var(--ink) 40%,transparent)}.creation-editor-asset-library-dialog__empty{padding:var(--space-6,2rem) var(--space-3,.75rem);text-align:center}.creation-editor-asset-library-dialog__selected-label{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-editor-asset-library-dialog__actions{flex-wrap:wrap;justify-content:flex-end}.creation-editor-html-preview-dialog .ds-dialog-sheet{display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;box-sizing:border-box}.creation-editor-html-preview-dialog .ds-dialog-actions,.creation-editor-html-preview-dialog .ds-dialog-header{flex:0 0 auto}.creation-editor-html-preview-dialog .ds-dialog-body{display:flex;flex-direction:column;gap:var(--space-3,.75rem);flex:1 1 auto;min-height:0;overflow:auto}.creation-editor-html-preview-dialog__tabs{display:flex;gap:var(--space-2,.5rem);flex:0 0 auto}.creation-editor-html-preview-dialog__tab{appearance:none;border:1px solid var(--line-subtle,rgba(255,255,255,.12));background:transparent;color:inherit;border-radius:999px;padding:.35rem .85rem;font:inherit;cursor:pointer}.creation-editor-html-preview-dialog__tab.is-active{background:var(--surface-raised,rgba(255,255,255,.08))}.creation-editor-html-preview-dialog__hint{opacity:.75;flex:0 0 auto}.creation-editor-html-preview-dialog__frame{width:100%;background:#fff}.creation-editor-html-preview-dialog__debug,.creation-editor-html-preview-dialog__frame{flex:1 1 auto;min-height:12rem;border:1px solid var(--line-subtle,rgba(255,255,255,.12));border-radius:var(--radius-md,.5rem)}.creation-editor-html-preview-dialog__debug{margin:0;overflow:auto;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.45;white-space:pre-wrap;word-break:break-word;background:#0c0c0c;color:#e8e8e8}.creation-editor-html-preview-dialog__error{color:var(--status-danger,#f87171)}.creation-editor-html-preview-dialog__import-panel{display:flex;flex-direction:column;gap:var(--space-3,.75rem);flex:1 1 auto;min-height:0}.creation-editor-html-preview-dialog__paste-label{display:flex;flex-direction:column;gap:var(--space-2,.5rem);flex:1 1 auto;min-height:0}.creation-editor-html-preview-dialog__paste{width:100%;flex:1 1 auto;min-height:10rem;font:ui-monospace,monospace;font-size:.8125rem;line-height:1.45;padding:var(--space-3,.75rem);border:1px solid var(--line-subtle,rgba(255,255,255,.12));border-radius:var(--radius-md,.5rem);background:var(--surface-sunken,rgba(0,0,0,.25));color:inherit;resize:none}.creation-editor-html-preview-dialog__import-actions{display:flex;flex-wrap:wrap;gap:var(--space-2,.5rem);justify-content:flex-end;flex:0 0 auto}.creation-editor-html-preview-dialog__confirm{opacity:.85}.creation-editor-canvas-column{position:relative}.creation-canvas-floating-hud{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:50;display:flex;align-items:center;gap:7px;padding:6px 10px;background:rgba(24,24,27,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:9999px;box-shadow:var(--creation-elevation-shadow);-webkit-user-select:none;user-select:none;pointer-events:auto;max-width:95vw;overflow:visible;flex-wrap:nowrap}.creation-canvas-floating-hud__group{display:flex;align-items:center;gap:4px}.creation-canvas-floating-hud__divider{width:1px;height:22px;background:rgba(255,255,255,.15);margin:0 4px}.creation-canvas-floating-hud__btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;padding:0 9px;border-radius:7px;background:transparent;border:none;color:#e4e4e7;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap}.creation-canvas-floating-hud__btn:hover{background:rgba(255,255,255,.12);color:#ffffff}.creation-canvas-floating-hud__btn:active{transform:scale(.96)}.creation-canvas-floating-hud__btn--danger:hover{background:rgba(239,68,68,.2);color:#f87171}.creation-canvas-floating-hud__btn--detach{color:#c084fc}.creation-canvas-floating-hud__btn--detach:hover{background:rgba(192,132,252,.2);color:#d8b4fe}.creation-canvas-floating-hud__icon{width:17px;height:17px;opacity:.9}.creation-canvas-floating-hud__key{font-size:.65rem;font-weight:700;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;opacity:.6}.creation-canvas-floating-hud__badge-b{font-size:.7rem;font-weight:700;padding:1px 4px;background:#1f44ff;color:#fff;border-radius:3px}.creation-canvas-floating-hud__node-tag{display:flex;align-items:center;gap:6px;padding:0 8px;font-size:.72rem;font-weight:600;color:#f4f4f5;border-right:1px solid rgba(255,255,255,.1);margin-right:4px}.creation-canvas-floating-hud__node-icon{display:flex;align-items:center;color:#1f44ff}.creation-canvas-floating-hud__node-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-canvas-floating-hud__instance-pill{font-size:.6rem;font-weight:800;letter-spacing:.05em;padding:1px 5px;background:rgba(168,85,247,.25);color:#c084fc;border:1px solid rgba(168,85,247,.4);border-radius:4px}.creation-canvas-floating-hud__btn--on{background:rgba(31,68,255,.22);color:#fff}.creation-canvas-floating-hud__btn:disabled{opacity:.45;cursor:not-allowed}.creation-canvas-floating-hud__segmented{display:inline-flex;align-items:center;gap:1px;padding:1px;border-radius:6px;background:rgba(255,255,255,.06)}.creation-canvas-floating-hud__token-icon{position:relative;display:inline-flex;vertical-align:middle}.creation-canvas-floating-hud__token-icon-btn{width:1.9rem;min-width:1.9rem;height:1.9rem;padding:0;gap:0;justify-content:center}.creation-canvas-floating-hud__token-icon-glyph{display:inline-flex;width:1.25rem;height:1.25rem;align-items:center;justify-content:center;color:inherit}.creation-canvas-floating-hud__token-icon-glyph .ui-icon,.creation-canvas-floating-hud__token-icon-glyph svg{width:1.25rem;height:1.25rem}.creation-canvas-floating-hud__token-swatch{width:1.05rem;height:1.05rem;border-radius:999px;border:1px solid rgba(255,255,255,.35);flex-shrink:0}.creation-canvas-floating-hud__token-swatch--empty{background:linear-gradient(45deg,#666 25%,transparent 0) -.1rem 0 /.4rem .4rem,#222}.creation-canvas-floating-hud__token-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);z-index:90;min-width:min(15rem,74vw);max-width:min(18rem,86vw);max-height:min(48vh,20rem);padding:.35rem .4rem .45rem;border-radius:8px;background:rgba(24,24,27,.98);border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 22px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:.3rem;overflow:hidden}.creation-canvas-floating-hud__token-menu-head{display:flex;align-items:baseline;justify-content:space-between;gap:.4rem;font-size:.5625rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(228,228,231,.72);padding:0 .1rem}.creation-canvas-floating-hud__token-menu-value{font-weight:400;text-transform:none;letter-spacing:0;color:#f4f4f5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:11rem;font-size:.6875rem}.creation-canvas-floating-hud__token-menu .ds-token-picker__list{max-height:min(36vh,14rem);border-radius:6px}.creation-canvas-floating-hud__token-menu .ds-token-picker__label{display:none}.creation-canvas-floating-hud__token-menu .ds-token-picker__option{min-height:1.4rem;padding:.2rem .4rem;gap:.35rem;font-size:.6875rem}.creation-canvas-floating-hud__token-menu .ds-token-picker__path,.creation-canvas-floating-hud__token-menu .ds-token-picker__path--font,.creation-canvas-floating-hud__token-menu .ds-token-picker__path--lead{font-size:.6875rem;font-weight:400;max-width:100%}.creation-canvas-floating-hud__token-menu .ds-token-picker__current{min-height:1.35rem;padding:.1rem .3rem}.creation-canvas-floating-hud__token-menu .ds-token-picker__literal{font-size:.6875rem;font-weight:400}.creation-canvas-floating-hud__token-row{display:flex;flex-direction:column;gap:.35rem;min-width:0}.creation-canvas-floating-hud__size-mode-menu{min-width:min(14rem,72vw)}.creation-canvas-floating-hud__size-mode-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;border-radius:6px;background:rgba(255,255,255,.06)}.creation-canvas-floating-hud__size-mode-seg-btn{appearance:none;border:none;background:transparent;color:#d4d4d8;font-size:.6875rem;font-weight:600;padding:.35rem .25rem;border-radius:5px;cursor:pointer}.creation-canvas-floating-hud__size-mode-seg-btn:hover:not(:disabled){background:rgba(255,255,255,.1);color:#fff}.creation-canvas-floating-hud__size-mode-seg-btn.is-on{background:rgba(31,68,255,.28);color:#fff}.creation-canvas-floating-hud__size-mode-seg-btn:disabled{opacity:.45;cursor:not-allowed}.creation-canvas-floating-hud__size-mode-presets{display:flex;flex-wrap:wrap;gap:.25rem;max-height:5.5rem;overflow:auto}.creation-canvas-floating-hud__size-mode-preset{appearance:none;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#e4e4e7;font-size:.625rem;font-weight:500;padding:.2rem .4rem;border-radius:4px;cursor:pointer}.creation-canvas-floating-hud__size-mode-preset:hover:not(:disabled){border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1)}.creation-canvas-floating-hud__size-mode-preset.is-on{border-color:rgba(31,68,255,.55);background:rgba(31,68,255,.22);color:#fff}.creation-canvas-floating-hud__size-mode-fixed{display:flex;align-items:center;gap:.3rem;min-width:0}.creation-canvas-floating-hud__size-literal{flex:1 1 auto;min-width:0;height:1.65rem;padding:0 .4rem;border-radius:5px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.35);color:#f4f4f5;font-size:.6875rem}.creation-canvas-floating-hud__size-literal:focus{outline:1px solid rgba(31,68,255,.55);outline-offset:0}.creation-canvas-floating-hud__nudge{display:inline-flex;align-items:center;gap:1px;flex-shrink:0}.creation-canvas-floating-hud__nudge-btn{appearance:none;border:none;width:1.35rem;height:1.35rem;border-radius:4px;background:rgba(255,255,255,.08);color:#e4e4e7;font-size:.75rem;line-height:1;cursor:pointer}.creation-canvas-floating-hud__nudge-btn:hover:not(:disabled){background:rgba(255,255,255,.16);color:#fff}.creation-canvas-floating-hud__nudge-btn:disabled{opacity:.45;cursor:not-allowed}.creation-canvas-floating-hud__promote-btn{appearance:none;border:1px solid rgba(255,255,255,.18);background:transparent;color:#c4b5fd;font-size:.5625rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.25rem .35rem;border-radius:4px;cursor:pointer;flex-shrink:0}.creation-canvas-floating-hud__promote-btn:hover:not(:disabled){background:rgba(192,132,252,.18)}.creation-canvas-floating-hud__chip{position:relative;display:inline-flex;vertical-align:middle}.creation-canvas-floating-hud__chip--dense{align-items:center}.creation-canvas-floating-hud__field{gap:2px;min-width:4.25rem;max-width:7.25rem}.creation-canvas-floating-hud__field--dense{flex-direction:row;align-items:center;gap:.25rem;min-width:0}.creation-canvas-floating-hud__field--dense>.ds-field-label{flex:0 0 auto;margin:0;gap:0}.creation-canvas-floating-hud__field--dense>.ds-field-label .ds-text-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.creation-canvas-floating-hud__field--dense .ds-field-icon{width:1.125rem;height:1.125rem;color:var(--accent,#b8e70d)}.creation-canvas-floating-hud__field--dense .ds-field-icon .ui-icon,.creation-canvas-floating-hud__field--dense .ds-field-icon svg{width:1.125rem;height:1.125rem}.creation-canvas-floating-hud__field .ds-field-label{font-size:9px;letter-spacing:.04em}.creation-canvas-floating-hud__seg--icon{width:1.75rem;min-width:1.75rem;height:1.75rem;padding:0;display:inline-flex;align-items:center;justify-content:center}.creation-canvas-floating-hud__seg--icon .ui-icon,.creation-canvas-floating-hud__seg--icon svg{width:1.125rem;height:1.125rem}.creation-canvas-floating-hud__segmented--icon{gap:1px}.creation-canvas-floating-hud__token-picker.ds-token-picker{width:100%}.creation-canvas-floating-hud__token-picker .ds-token-picker__label{display:none}.creation-canvas-floating-hud__token-picker .ds-token-picker__current,.creation-canvas-floating-hud__token-picker .ds-token-picker__literal{font-size:11px;min-height:1.5rem}.creation-canvas-floating-hud__ds-select{width:100%}.creation-canvas-floating-hud__ds-select .ds-select-trigger{min-width:0;max-width:7.25rem;width:100%;font-size:11px;padding:.28rem .4rem}.creation-canvas-floating-hud .ds-select-menu:not(.ds-select-menu--portal){top:auto;bottom:calc(100% + 4px);z-index:90;max-height:min(14rem,40vh)}.creation-canvas-floating-hud__select-option{display:inline-flex;align-items:center;gap:6px}.creation-canvas-floating-hud__seg{padding:0 6px;height:24px;font-size:.65rem}.creation-canvas-floating-hud__swatch-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#1f44ff,#a855f7);border:1px solid rgba(255,255,255,.35)}.creation-canvas-floating-hud__hint{font-size:.65rem;color:#a1a1aa;padding:0 4px}.creation-canvas-floating-hud__smart{max-width:min(70vw,720px);overflow:visible}.creation-canvas-floating-hud__overflow{position:relative}.creation-canvas-floating-hud__overflow>summary{list-style:none;cursor:pointer}.creation-canvas-floating-hud__overflow>summary::-webkit-details-marker{display:none}.creation-canvas-floating-hud__overflow-menu{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:160px;padding:6px;border-radius:10px;background:rgba(24,24,27,.96);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:2px;z-index:60}.creation-canvas-floating-hud__overflow-menu button{text-align:left;border:none;background:transparent;color:#e4e4e7;font-size:.75rem;padding:6px 8px;border-radius:6px;cursor:pointer}.creation-canvas-floating-hud__overflow-menu button:hover:not(:disabled){background:rgba(255,255,255,.1)}.creation-canvas-floating-hud__overflow-menu button:disabled{opacity:.4;cursor:not-allowed}.creation-canvas-floating-hud__overflow-section{display:flex;flex-direction:column;gap:2px;padding-bottom:6px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.12)}.creation-canvas-floating-hud__overflow-label{font-size:.625rem;letter-spacing:.04em;text-transform:uppercase;color:rgba(228,228,231,.55);padding:4px 8px 2px}.creation-canvas-floating-hud__overflow-danger{color:#f87171!important}.creation-canvas-floating-hud__craft{position:relative;display:inline-flex;align-items:center}.creation-canvas-floating-hud__craft-popover{position:absolute;bottom:calc(100% + 8px);left:0;min-width:min(22rem,92vw);max-width:min(36rem,96vw);max-height:min(80vh,32rem);padding:8px 10px 10px;border-radius:12px;background:rgba(24,24,27,.97);border:1px solid rgba(255,255,255,.14);box-shadow:0 12px 28px rgba(0,0,0,.45);display:flex;flex-direction:column;gap:8px;z-index:70;overflow:hidden}.creation-canvas-floating-hud__craft-popover--split{min-width:0;max-width:none;max-height:none;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible}.creation-canvas-floating-hud__craft-popover-head{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:rgba(228,228,231,.72);padding:2px 4px}.creation-canvas-floating-hud__craft-menu{display:flex;flex-direction:column;gap:2px;overflow:auto;min-width:min(22rem,92vw);max-height:min(70vh,32rem);padding:2px}.creation-hud-craft-menu__item{border-radius:8px;border:1px solid transparent}.creation-hud-craft-menu__item--open{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.creation-hud-craft-menu__row{display:grid;grid-template-columns:minmax(4.5rem,30%) 1fr auto;align-items:center;gap:.5rem;width:100%;min-height:2.25rem;padding:.4rem .55rem;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.creation-hud-craft-menu__row:hover{background:rgba(255,255,255,.06)}.creation-hud-craft-menu__label{font-size:.7rem;font-weight:600;letter-spacing:.02em;color:rgba(228,228,231,.72)}.creation-hud-craft-menu__value{font-size:.75rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f4f4f5}.creation-hud-craft-menu__chevron{opacity:.55;font-size:.75rem}.creation-hud-craft-menu__panel{padding:.35rem .45rem .55rem}.creation-typo-craft.ds-split-craft-menu{max-width:min(94vw,440px);max-height:min(78vh,320px);border-radius:10px}.creation-typo-craft .ds-split-craft-menu__head{text-transform:none;letter-spacing:0;font-weight:500;padding:.3rem .4rem}.creation-typo-craft .ds-split-craft-menu__body{grid-template-columns:minmax(10rem,.95fr) minmax(12rem,1.05fr)}.creation-typo-craft .ds-split-craft-menu__left,.creation-typo-craft .ds-split-craft-menu__right{padding:.25rem .3rem .35rem}.creation-typo-craft .ds-split-craft-menu__col-label{font-size:.5625rem;padding:0 .1rem .2rem}.creation-typo-craft .ds-split-craft-menu__right-stack{gap:0}.creation-typo-craft__token-bar{display:flex;align-items:flex-end;gap:.3rem;width:100%}.creation-typo-craft__token-field{flex:1 1 auto;min-width:0}.creation-typo-craft__token-field .ds-select,.creation-typo-craft__token-field .ds-select-trigger{width:100%;max-width:none;min-width:0}.creation-typo-craft__token-field .ds-select-trigger{padding:.2rem .35rem;font-size:.6875rem;min-height:1.5rem}.creation-typo-craft__token-bar .ds-btn{flex:0 0 auto;padding:.15rem .4rem;min-height:1.5rem;font-size:.625rem}.creation-typo-craft .ds-field{width:100%;gap:.1rem}.creation-typo-craft .ds-field-label{font-size:.55rem;letter-spacing:.03em;line-height:1.1}.creation-typo-craft .ds-input--sm,.creation-typo-craft .search-input{padding:.2rem .4rem;font-size:.6875rem;min-height:1.5rem;line-height:1.2}.creation-typo-craft__fonts{display:flex;flex-direction:column;gap:.25rem;min-height:0;height:100%}.creation-typo-craft__font-picker{flex:1 1 auto;min-height:0}.creation-typo-craft__font-picker .ds-token-picker__label{display:none}.creation-typo-craft__font-picker .ds-token-picker__list{max-height:none;height:100%;border-radius:6px}.creation-typo-craft__font-picker .ds-token-picker__option{min-height:1.5rem;padding:.2rem .4rem;gap:.35rem;font-size:.625rem}.creation-typo-craft__font-picker .ds-token-picker__option--columns{grid-template-columns:1rem 3.5rem minmax(0,1fr);column-gap:.35rem}.creation-typo-craft__props{display:flex;flex-direction:column;gap:.3rem}.creation-typo-craft__pair{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.creation-typo-craft__pair--toolbar{align-items:end}.creation-typo-craft__format{display:flex;flex-wrap:wrap;gap:.2rem}.creation-typo-craft__format .ds-chip--sm{padding:.12rem .35rem;min-height:1.35rem;font-size:.625rem}.creation-typo-craft .ds-toggle-group{gap:.2rem}.creation-typo-craft .ds-toggle-group .ds-chip--sm{padding:.12rem .4rem;min-height:1.35rem;font-size:.625rem}.creation-typo-craft__hybrid{width:100%}.creation-typo-craft__hybrid .ds-token-picker__label{display:none}.creation-typo-craft__hybrid .ds-token-picker__current{min-height:1.35rem;padding:.05rem .2rem;font-size:.6875rem}.creation-typo-craft__hybrid .ds-token-picker__clear,.creation-typo-craft__hybrid .ds-token-picker__promote{padding:.05rem .25rem;font-size:.625rem}.creation-typo-craft__pair .ds-field{min-width:0}.creation-multi-align-toolbar{display:inline-flex;align-items:center}.creation-multi-align-toolbar__group{display:flex;align-items:center;gap:2px;background:var(--surface-2,#1f2330);border:1px solid var(--line);padding:2px 3px;border-radius:6px}.creation-multi-align-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--muted);border-radius:4px;cursor:pointer;transition:all .12s;padding:0}.creation-multi-align-toolbar__btn:hover{background:var(--surface);color:var(--ink)}.creation-multi-align-toolbar__separator{width:1px;height:14px;background:var(--line);margin:0 3px}.creation-inspect-align-matrix-card{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:8px 10px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:8px;margin-bottom:2px}.creation-inspect-align-matrix-grid{display:grid;grid-template-columns:repeat(3,16px);grid-template-rows:repeat(3,16px);gap:3px;padding:4px;background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);border-radius:6px}.creation-inspect-align-matrix-dot{width:16px;height:16px;padding:0;border:none;border-radius:3px;background:rgba(255,255,255,.06);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.creation-inspect-align-matrix-dot:hover{background:rgba(255,255,255,.2)}.creation-inspect-align-matrix-dot--active{background:#1f44ff!important}.creation-inspect-align-matrix-pip{width:4px;height:4px;border-radius:50%;background:rgba(255,255,255,.4)}.creation-inspect-align-matrix-dot--active .creation-inspect-align-matrix-pip{background:#ffffff}.creation-inspect-align-matrix-info{display:flex;flex-direction:column;gap:2px;flex:1 1}.creation-inspect-align-matrix-title{font-size:.75rem;font-weight:600;color:var(--fg,#f4f4f5)}.creation-inspect-align-matrix-subtitle{font-size:.65rem;color:var(--muted,#a1a1aa)}.creation-inspect-align-space-between-btn{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:500;color:var(--muted,#a1a1aa);background:transparent;border:none;padding:3px 0;cursor:pointer;transition:color .15s ease}.creation-inspect-align-space-between-btn--active{color:#1f44ff}.creation-box-model-overlay{position:absolute;inset:0;pointer-events:none;z-index:40}.creation-box-model-band{position:absolute;pointer-events:none;box-sizing:border-box}.creation-box-model-band--padding{background-color:rgba(46,168,120,.18);background-image:repeating-linear-gradient(-45deg,rgba(46,168,120,.35),rgba(46,168,120,.35) 1px,transparent 0,transparent 5px)}.creation-box-model-band--margin{background-color:rgba(255,120,40,.14);background-image:repeating-linear-gradient(45deg,rgba(255,120,40,.4),rgba(255,120,40,.4) 1px,transparent 0,transparent 5px)}.creation-editor-canvas .creation-scene-page-frame__body{position:relative;isolation:isolate}.creation-editor-canvas .creation-scene-page-frame__body:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:repeating-linear-gradient(-45deg,transparent,transparent 8px,color-mix(in srgb,var(--ink,#1a1a1a) 4%,transparent) 8px,color-mix(in srgb,var(--ink,#1a1a1a) 4%,transparent) 9px)}.creation-editor-canvas .creation-scene-page-frame__body>*{position:relative;z-index:1}.creation-distance-guides{position:absolute;inset:0;pointer-events:none;z-index:50}.creation-distance-rect{position:absolute;border:1.5px dashed #1f44ff;background:rgba(31,68,255,.08);border-radius:4px;pointer-events:none;box-sizing:border-box}.creation-distance-line{position:absolute;background:#1f44ff;pointer-events:none;z-index:51}.creation-distance-line--h{height:1.5px}.creation-distance-line--v{width:1.5px}.creation-distance-pill{position:absolute;transform:translate(-50%,-50%);background:#1f44ff;color:#ffffff;font-size:10px;font-weight:700;line-height:1;padding:2px 6px;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.4);pointer-events:none;z-index:52;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:system-ui,-apple-system,sans-serif}.creation-kit-playground{display:flex;flex-direction:column;gap:.75rem;flex:1 1 auto;min-height:0;max-height:100%;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden}.creation-kit-playground__chrome{flex:0 0 auto}.creation-kit-playground__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin:.5rem 0 0}.creation-kit-playground__collection{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem}.creation-kit-playground__collection select{min-width:12rem;padding:.35rem .5rem;border-radius:0;border:1px solid var(--editor-border,var(--line));background:var(--editor-input-bg,var(--bg1));color:var(--editor-text,var(--fg))}.creation-kit-playground__body{display:flex;align-items:stretch;gap:0;flex:1 1 auto;min-height:0;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow:hidden;--kit-col-sidebar:14rem;--kit-col-editor-fr:0.52;--kit-col-preview-fr:0.48}.creation-kit-playground__editor,.creation-kit-playground__preview,.creation-kit-playground__sidebar{border:1px solid var(--editor-border,var(--line));border-radius:0;background:var(--editor-panel,var(--bg0));overflow:hidden;display:flex;flex-direction:column;min-height:0;min-width:0;box-sizing:border-box}.creation-kit-playground__sidebar{flex:0 1 var(--kit-col-sidebar);width:var(--kit-col-sidebar);max-width:min(var(--kit-col-sidebar),calc(100% - 12px - 24rem))}.creation-kit-playground__editor{flex:var(--kit-col-editor-fr) 1 0;max-width:100%}.creation-kit-playground__preview{flex:var(--kit-col-preview-fr) 1 0;max-width:100%;overflow-x:hidden;overflow-y:auto}.creation-kit-playground__preview>*{flex-shrink:0}.creation-kit-playground__resize{flex:0 0 6px;width:6px;margin:0;padding:0;border:0;border-radius:0;background:var(--editor-border,var(--line));cursor:col-resize;align-self:stretch;touch-action:none;flex-shrink:0}.creation-kit-playground__resize:focus-visible,.creation-kit-playground__resize:hover{background:var(--editor-live,var(--ok));outline:none}.creation-kit-playground__pane-label{margin:0;padding:.5rem .75rem;border-bottom:1px solid var(--editor-border,var(--line));background:var(--editor-panel-muted,var(--bg1));color:var(--editor-muted,var(--muted));font-weight:500;letter-spacing:.06em;text-transform:uppercase;font-size:.68rem}.creation-kit-nav{padding:.75rem;overflow:auto;flex:1 1 auto;min-height:0}.creation-kit-nav__heading{margin:0 0 .5rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;font-size:.7rem;opacity:.7}.creation-kit-nav__group{margin-bottom:.75rem}.creation-kit-nav__group-label{margin:0 0 .25rem;font-size:.75rem;opacity:.65}.creation-kit-nav__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.creation-kit-nav__item{width:100%;text-align:left;border:0;background:transparent;color:var(--editor-text-secondary,var(--fg-muted));padding:.35rem .5rem;border-radius:0;cursor:pointer;font-size:.82rem;font-weight:300}.creation-kit-nav__item:hover{background:var(--editor-hover);color:var(--editor-text,var(--fg))}.creation-kit-nav__item--active{background:var(--editor-live,var(--ok));color:var(--editor-live-ink,var(--ink,#1e1b17));font-weight:500}.creation-kit-nav__empty{margin:0;opacity:.65;font-size:.8rem}.creation-kit-monaco{flex:1 1 auto;min-height:0;max-width:100%;overflow:hidden}.creation-kit-monaco-loading{padding:1rem;opacity:.7;font-size:.85rem}.creation-kit-preview-canvas{flex:1 1;padding:1rem;overflow:auto;background:linear-gradient(90deg,color-mix(in srgb,var(--editor-border,var(--line)) 55%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--editor-border,var(--line)) 55%,transparent) 1px,transparent 1px),var(--editor-canvas-frame,var(--editor-bg));background-size:16px 16px;min-height:12rem}.creation-kit-playground__preview-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;border-bottom:1px solid var(--editor-border,var(--line));background:var(--editor-panel-muted,var(--bg1))}.creation-kit-playground__preview-header .creation-kit-playground__pane-label{border-bottom:0}.creation-kit-viewport-toggles{display:inline-flex;gap:.25rem;padding:.35rem .75rem}.creation-kit-viewport-toggle{border:1px solid var(--editor-border,var(--line));background:transparent;color:var(--editor-muted,var(--muted));border-radius:0;padding:.25rem .5rem;font-size:.72rem;font-weight:300;cursor:pointer}.creation-kit-viewport-toggle--active{background:var(--editor-live,var(--ok));border-color:var(--editor-live,var(--ok));color:var(--editor-live-ink,var(--ink,#1e1b17));font-weight:500}.creation-kit-preview-scroll{flex:0 0 auto;overflow:auto;padding:.75rem;min-width:0;max-width:100%}.creation-kit-preview-frame{margin:0 auto;width:100%;max-width:100%;border:1px solid var(--editor-border,var(--line));border-radius:0;overflow:hidden;background:var(--editor-canvas-bg,#fff);transition:max-width .16s ease;box-sizing:border-box}.creation-kit-preview-frame .creation-kit-preview-canvas{min-height:10rem}.creation-kit-sandbox-frame{width:100%;height:7.5rem;border:0;border-top:1px solid color-mix(in srgb,var(--fg,#111) 10%,transparent);background:#0f1115}.creation-kit-error{margin:0;padding:.5rem .75rem;color:var(--danger,#c44);font-size:.8rem}.creation-kit-nav__search{display:block;margin-bottom:.75rem}.creation-kit-nav__search input{width:100%;padding:.4rem .5rem;border-radius:0;border:1px solid var(--editor-border,var(--line));background:var(--editor-input-bg,var(--bg1));color:var(--editor-text,var(--fg));font-size:.8rem}.creation-kit-detail-tabs{display:flex;gap:.25rem;padding:.35rem .75rem 0;border-top:1px solid var(--editor-border,var(--line))}.creation-kit-detail-tab{border:1px solid var(--editor-border,var(--line));background:transparent;color:var(--editor-muted,var(--muted));border-radius:0;padding:.25rem .55rem;font-size:.72rem;font-weight:300;cursor:pointer}.creation-kit-detail-tab--active{background:var(--editor-live,var(--ok));border-color:var(--editor-live,var(--ok));color:var(--editor-live-ink,var(--ink,#1e1b17));font-weight:500}.creation-kit-handoff{border-top:0}.creation-kit-handoff__meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .75rem;margin:0;padding:.5rem .75rem;font-size:.75rem}.creation-kit-handoff__meta dt{opacity:.65;margin:0}.creation-kit-handoff__meta dd{margin:.1rem 0 0;word-break:break-all}.creation-kit-handoff__meta code{font-size:.7rem}.creation-kit-handoff__list{list-style:none;margin:0;padding:0 .75rem .5rem;display:flex;flex-direction:column;gap:.55rem}.creation-kit-handoff__row-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creation-kit-handoff__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.creation-kit-handoff__code{margin:.25rem 0 0;padding:.4rem .5rem;border-radius:0;background:var(--editor-panel-muted,var(--bg1));font-size:.7rem;line-height:1.35;white-space:pre-wrap;word-break:break-word;max-height:7rem;overflow:auto;font-family:ui-monospace,Menlo,monospace}.creation-kit-handoff__note{margin:0;padding:0 .75rem .5rem;opacity:.65;font-size:.72rem}.creation-kit-atom-source{margin:.35rem 0 .85rem;padding:.65rem .75rem;border:1px solid var(--editor-border,var(--line));border-radius:0;background:var(--editor-panel-muted,var(--surface))}.creation-kit-atom-source__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creation-kit-atom-source__head .creation-kit-props__section{margin:0}.creation-kit-atom-source__actions{display:inline-flex;flex-wrap:wrap;gap:.25rem}.creation-kit-atom-source__links{display:flex;flex-wrap:wrap;gap:.75rem;margin:.25rem 0 .35rem}.creation-kit-atom-source__github{font-size:.75rem;color:var(--editor-accent,var(--accent));text-underline-offset:2px}.creation-kit-atom-source__monaco{margin-top:.5rem;overflow:hidden;min-height:220px}.creation-kit-atom-source__monaco,.creation-kit-seed-diff{border:1px solid var(--editor-border,var(--line));border-radius:0}.creation-kit-seed-diff{margin:.35rem .75rem .85rem;padding:.65rem .75rem;background:var(--editor-panel-muted,var(--surface))}.creation-kit-seed-diff__head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.creation-kit-seed-diff__head .creation-kit-props__section{margin:0}.creation-kit-seed-diff__actions{display:flex;flex-wrap:wrap;gap:.25rem}.creation-kit-seed-diff__monaco{margin-top:.5rem;border:1px solid var(--editor-border,var(--line));border-radius:0;overflow:hidden;min-height:280px;max-height:420px}.creation-kit-handoff__atom-source{margin:.35rem .75rem .85rem;padding:.65rem .75rem;border:1px solid var(--editor-border,var(--line));border-radius:0;background:var(--editor-panel-muted,var(--surface))}.creation-kit-handoff__atom-source-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.creation-kit-handoff__atom-source-head .creation-kit-props__section{margin:0}.creation-kit-handoff__atom-source-code{max-height:18rem;margin-top:.5rem}.creation-kit-handoff__tokens{margin:.25rem .75rem .85rem;padding:.75rem;border:1px solid var(--editor-border,var(--line));border-radius:0;background:var(--editor-panel-muted,var(--surface))}.creation-kit-handoff__tokens-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.creation-kit-handoff__tokens-head .creation-kit-props__section{margin:0}.creation-kit-token-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.creation-kit-token-row{display:grid;grid-template-columns:1.25rem minmax(0,1fr) minmax(3rem,5.5rem);align-items:center;gap:.5rem;padding:.35rem .4rem;border-radius:0;background:var(--editor-input-bg,var(--surface))}.creation-kit-token-swatch{display:inline-flex;width:1.15rem;height:1.15rem;align-items:center;justify-content:center}.creation-kit-token-swatch-fill{display:block;width:1rem;height:1rem;border-radius:0;border:1px solid color-mix(in srgb,var(--ink,#18181b) 12%,transparent)}.creation-kit-token-meta{min-width:0;display:flex;flex-direction:column;gap:.1rem}.creation-kit-token-slot{font-weight:600}.creation-kit-token-path,.creation-kit-token-slot,.creation-kit-token-var{font-size:.6875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-kit-token-var{opacity:.7}.creation-kit-token-preview{margin:0;font-size:.625rem;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-kit-props__tokens{margin:.35rem 0 .65rem;padding:.65rem .75rem;border:1px solid var(--editor-border,var(--line));border-radius:0;background:var(--editor-panel-muted,var(--surface))}.creation-kit-props__tokens-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.creation-kit-props__tokens-head .creation-kit-props__section{margin:0}.creation-kit-props__add-binding{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem}.creation-kit-props__add-binding select{max-width:9rem;font:inherit;font-size:.72rem}.creation-kit-props__tree{margin:0 0 .65rem;padding:.5rem .65rem;border:1px solid var(--editor-border,var(--line));border-radius:0}.creation-kit-props__tree-list{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.15rem;max-height:9rem;overflow:auto}.creation-kit-props__tree-item{appearance:none;border:0;background:transparent;text-align:left;width:100%;padding:.2rem .35rem;border-radius:0;font:inherit;font-size:.75rem;cursor:pointer;color:inherit}.creation-kit-props__tree-item:hover{background:var(--editor-hover)}.creation-kit-props__tree-item--active{background:var(--editor-live,var(--ok));color:var(--editor-live-ink,var(--ink,#1e1b17));font-weight:600}.creation-kit-props__path-meta{opacity:.65;font-weight:400}.creation-kit-props__tokens .creation-kit-props__section{margin-top:0}.creation-kit-props__token-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.creation-kit-props__token-row{display:grid;grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);align-items:center;gap:.5rem}.creation-kit-props__token-picker{min-width:0}.creation-kit-props__token-picker .ds-token-picker{width:100%}.creation-kit-handoff__css{margin-top:.65rem}.creation-kit-handoff__css-toggle{appearance:none;border:0;background:transparent;padding:0;font:inherit;font-size:.75rem;color:var(--editor-accent,var(--accent));cursor:pointer;text-decoration:underline;text-underline-offset:2px}.creation-kit-tokens-pane{max-height:min(42vh,28rem);overflow:auto;padding:.35rem .15rem .75rem;border-top:1px solid color-mix(in srgb,var(--line,#d4d4d8) 70%,transparent)}.creation-kit-handoff__contract{padding-bottom:.35rem}.creation-kit-handoff__props{display:flex;flex-wrap:wrap;gap:.3rem;margin:0;padding:.25rem .75rem .35rem}.creation-kit-handoff__props code{font-size:.68rem;padding:.15rem .35rem;border-radius:0;background:var(--editor-panel-muted,var(--bg1))}.creation-kit-handoff__links{padding:0 .75rem .35rem}.creation-kit-handoff__link-row{display:flex;flex-wrap:wrap;gap:.45rem .75rem;margin-bottom:.35rem}.creation-kit-handoff__link{font-size:.75rem;color:inherit;text-decoration:underline;text-underline-offset:2px}.creation-kit-handoff__link-btn{border:0;background:transparent;padding:0;cursor:pointer;font:inherit}.creation-kit-handoff__link-muted{font-size:.75rem;opacity:.55}.creation-kit-handoff__json{border-top:1px solid color-mix(in srgb,var(--fg,#111) 10%,transparent)}.creation-kit-handoff__json .creation-kit-handoff__list{padding-top:.35rem}.creation-kit-props{border-top:1px solid var(--editor-border,var(--line));padding-bottom:.5rem}.creation-kit-props__list{list-style:none;margin:0;padding:.5rem .75rem;display:flex;flex-direction:column;gap:.4rem}.creation-kit-props__row label{display:grid;grid-template-columns:minmax(4rem,7rem) 1fr;gap:.5rem;align-items:center;font-size:.8rem}.creation-kit-props__key{opacity:.75;font-family:ui-monospace,Menlo,monospace;font-size:.72rem}.creation-kit-props__row input[type=number],.creation-kit-props__row input[type=text]{width:100%;padding:.3rem .4rem;border-radius:0;border:1px solid var(--editor-border,var(--line));background:var(--editor-input-bg,var(--bg1));color:var(--editor-text,var(--fg))}.creation-kit-props__section{margin:0;padding:.35rem .75rem 0;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;opacity:.65}.creation-kit-props__hint{margin:0;padding:0 .75rem .5rem;opacity:.65;font-size:.72rem}.creation-kit-sandbox-toggle{border:0;border-top:1px solid var(--editor-border,var(--line));background:transparent;color:var(--editor-muted,var(--muted));cursor:pointer;padding:.45rem .75rem;text-align:left;font-size:.75rem;opacity:.8}.creation-kit-sandbox-toggle:hover{opacity:1}@media (max-width:960px){.creation-kit-playground__body{flex-direction:column;overflow-y:auto}.creation-kit-playground__editor,.creation-kit-playground__preview,.creation-kit-playground__sidebar{flex:0 0 auto;width:100%;max-width:none;min-width:0;min-height:14rem;max-height:55vh;overflow-y:auto}.creation-kit-playground__resize{display:none}}