:root{--bg-surface-base: oklch(100% 0 0);--bg-surface-raised: oklch(100% 0 0);--bg-surface-sunken: oklch(97.61% 0 0);--bg-surface-inverse: oklch(18.22% 0 0);--bg-overlay-very-light: oklch(0% 0 0 / .0314);--bg-brand-primary: oklch(57.72% .2324 260);--content-on-neutral-primary: oklch(18.22% 0 0);--content-on-neutral-secondary: oklch(47.21% .0013 17.2);--content-on-neutral-tertiary: oklch(66% 0 0);--content-on-neutral-inverse: oklch(100% 0 0);--content-on-brand-primary: oklch(100% 0 0);--content-neutral-inverse: oklch(98.29% .011 63.36);--stroke-neutral-primary: oklch(88.3% .0011 17.18);--stroke-neutral-secondary: oklch(94.01% 0 0);--stroke-neutral-tertiary: oklch(88.3% .0011 17.18);--family-body: "Inter", system-ui, sans-serif;--size-sm: 12px;--size-md: 14px;--size-lg: 16px;--weight-regular: 400;--weight-medium: 450;--weight-bold: 500;--line-height-sm-relaxed: 16px;--line-height-md-compact: 16px;--letter-spacing-md-none: 0;--letter-spacing-md-tight: -.28px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--width-default: .5px;--border-width-border: 1px;--display-m-relaxed-regular-family: Hedvig Letters Serif;--display-m-relaxed-regular-size: 32px;--display-m-relaxed-regular-weight: 400;--display-m-relaxed-regular-line-height: 32px;--display-m-relaxed-regular-letter-spacing: -.32px;--display-s-relaxed-regular-family: Hedvig Letters Serif;--display-s-relaxed-regular-size: 22px;--display-s-relaxed-regular-weight: 400;--display-s-relaxed-regular-line-height: 32px;--display-s-relaxed-regular-letter-spacing: -.33px;--body-l-relaxed-regular-family: var(--family-body);--body-l-relaxed-regular-size: var(--size-lg);--body-l-relaxed-regular-weight: var(--weight-regular);--body-l-relaxed-regular-line-height: 24px;--body-l-relaxed-regular-letter-spacing: 0;--body-m-compact-regular-family: var(--family-body);--body-m-compact-regular-size: var(--size-md);--body-m-compact-regular-weight: var(--weight-regular);--body-m-compact-regular-line-height: var(--line-height-md-compact);--body-m-compact-regular-letter-spacing: var(--letter-spacing-md-none);--body-m-compact-medium-family: var(--family-body);--body-m-compact-medium-size: var(--size-md);--body-m-compact-medium-weight: var(--weight-medium);--body-m-compact-medium-line-height: var(--line-height-md-compact);--body-m-compact-medium-letter-spacing: var(--letter-spacing-md-none);--body-m-compact-bold-family: var(--family-body);--body-m-compact-bold-size: var(--size-md);--body-m-compact-bold-weight: var(--weight-bold);--body-m-compact-bold-line-height: var(--line-height-md-compact);--body-m-compact-bold-letter-spacing: var(--letter-spacing-md-none);--button-compact-bold-family: var(--family-body);--button-compact-bold-size: var(--size-md);--button-compact-bold-weight: var(--weight-medium);--button-compact-bold-line-height: var(--line-height-md-compact);--button-compact-bold-letter-spacing: var(--letter-spacing-md-tight);--elevation-light-100: 0px 1px 2px 0px oklch(0% 0 0 / .0784);--elevation-light-200: 0px 4px 24px 0px oklch(0% 0 0 / .0392), 0px 0px 8px 0px oklch(0% 0 0 / .0196), 0px 2px 2px 0px oklch(0% 0 0 / .0196);--card-elevation-100: 0px 1px 2px 0px oklch(0% 0 0 / .0784);--card-elevation-200: 0px 4px 24px 0px oklch(0% 0 0 / .0392), 0px 0px 8px 0px oklch(0% 0 0 / .0196), 0px 2px 2px 0px oklch(0% 0 0 / .0196);--button-brand-primary: 0px 1px 2px 0px oklch(0% 0 0 / .051), 0px 0px 0px .5px oklch(52.01% .2092 260), inset 0px 1px 0px 0px oklch(70.21% .1565 259.3);--button-neutral-primary: 0px 1px 2px 0px oklch(0% 0 0 / .051), 0px 0px 0px .5px oklch(14.48% 0 0), inset 0px 1px 0px 0px oklch(51.03% 0 0);--button-neutral-secondary: 0px 1px 2px 0px oklch(0% 0 0 / .051), 0px 0px 0px 1px oklch(52.01% .2092 260), inset 0px 1px 0px 0px oklch(70.21% .1565 259.3)}*{box-sizing:border-box}body{margin:0;font-family:var(--family-body);font-size:var(--size-md);line-height:var(--line-height-md-compact);color:var(--content-on-neutral-primary);background:var(--bg-surface-sunken)}a{color:inherit}button{font:inherit}:focus-visible{outline:var(--border-width-border) solid var(--bg-brand-primary);outline-offset:var(--radius-sm)}.shell{display:grid;grid-template-columns:minmax(200px,280px) 1fr;min-height:100dvh}.shell-nav{display:flex;flex-direction:column;background:var(--bg-surface-base);border-right:var(--border-width-border) solid var(--stroke-neutral-secondary);padding:var(--radius-xl)}.shell-wordmark{font-family:var(--display-s-relaxed-regular-family);font-size:var(--display-s-relaxed-regular-size);font-weight:var(--display-s-relaxed-regular-weight);line-height:var(--display-s-relaxed-regular-line-height);margin-bottom:var(--radius-xl)}.shell-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--radius-sm)}.shell-nav a{display:block;padding:var(--radius-md) var(--radius-lg);border-radius:var(--radius-md);text-decoration:none;font-weight:var(--weight-medium);color:var(--content-on-neutral-secondary)}.shell-nav a:hover{background:var(--bg-overlay-very-light)}.shell-nav a[aria-current=page]{background:var(--bg-surface-sunken);color:var(--content-on-neutral-primary)}.shell-content{padding:var(--radius-xl);min-width:0}.page-title{font-family:var(--display-m-relaxed-regular-family);font-size:var(--display-m-relaxed-regular-size);font-weight:var(--display-m-relaxed-regular-weight);line-height:var(--display-m-relaxed-regular-line-height);letter-spacing:var(--display-m-relaxed-regular-letter-spacing);margin:0 0 var(--radius-md)}.page-note{color:var(--content-on-neutral-secondary);font-size:var(--size-md);max-width:60ch}.card{background:var(--bg-surface-raised);border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-xl);box-shadow:var(--card-elevation-100)}.brand-new{max-width:560px}.brand-new form{display:flex;flex-direction:column;gap:var(--radius-md);margin-top:var(--radius-lg)}.brand-new input:not([type=checkbox]),.brand-new select{font:inherit;padding:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);border-radius:var(--radius-md);background:var(--bg-surface-base)}.brand-new label{display:block;margin:var(--radius-lg) 0}.brand-new button{align-self:flex-start;padding:var(--radius-sm) var(--radius-lg);border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);box-shadow:var(--button-neutral-secondary);cursor:pointer}.brand-new button:disabled{color:var(--content-on-neutral-tertiary);box-shadow:none;cursor:not-allowed}.brand-new-existing{display:flex;flex-wrap:wrap;gap:var(--radius-md);margin-bottom:var(--radius-lg)}.viewport-floor-notice{display:none}@media (max-width: 727px){.viewport-floor-notice{display:block;padding:var(--radius-md) var(--radius-lg);background:var(--bg-surface-inverse);color:var(--content-on-neutral-inverse);font-size:var(--size-sm)}}.notices{position:fixed;right:var(--radius-xl);bottom:var(--radius-xl);display:flex;flex-direction:column;gap:var(--radius-md);max-width:380px;z-index:10}.notice{display:flex;align-items:flex-start;gap:var(--radius-md);padding:var(--radius-lg);box-shadow:var(--card-elevation-200)}.notice p{margin:0;font-size:var(--size-md)}.notice.is-failed{border-left:var(--radius-sm) solid var(--content-on-neutral-primary)}.notice-dismiss{margin-left:auto;border:none;background:none;cursor:pointer;color:var(--content-on-neutral-tertiary);font-size:var(--size-lg);line-height:1;padding:0}.identity{display:flex;align-items:center;gap:var(--radius-md);margin-top:auto;padding-top:var(--radius-lg);border-top:var(--border-width-border) solid var(--stroke-neutral-secondary)}.identity-who{display:flex;flex-direction:column;min-width:0}.identity-name{font-weight:var(--weight-medium);font-size:var(--size-md)}.identity-detail{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--radius-lg)}.files-viewtoggle{display:flex;gap:0;border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-md);overflow:hidden}.files-viewtoggle button{border:none;background:var(--bg-surface-base);padding:var(--radius-sm) var(--radius-md);cursor:pointer;color:var(--content-on-neutral-secondary)}.files-viewtoggle button[aria-pressed=true]{background:var(--bg-surface-sunken);color:var(--content-on-neutral-primary)}.files-folders{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--radius-lg);margin:var(--radius-xl) 0}.files-folders.is-list{grid-template-columns:1fr}.files-folder{display:flex;flex-direction:column;gap:var(--radius-sm);padding:var(--radius-xl);text-decoration:none}.files-folder:hover{box-shadow:var(--card-elevation-200)}.files-folder-glyph{font-size:var(--display-s-relaxed-regular-size)}.files-folder-name{font-weight:var(--weight-medium)}.files-folder-note{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm)}.files-section-title{font-size:var(--size-lg);font-weight:var(--weight-medium);margin:var(--radius-xl) 0 var(--radius-md)}.files-class-title{font-size:var(--size-md);font-weight:var(--weight-medium);color:var(--content-on-neutral-secondary);margin:var(--radius-lg) 0 var(--radius-sm)}.files-assets{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--radius-lg)}.files-asset{margin:0}.files-asset img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);background:var(--bg-surface-base)}.files-asset-ext{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);background:var(--bg-surface-base);color:var(--content-on-neutral-tertiary);font-weight:var(--weight-medium)}.files-upload{display:inline-flex;align-items:center;gap:var(--radius-md);padding:var(--radius-sm) var(--radius-lg);border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);box-shadow:var(--button-neutral-secondary);font-weight:var(--weight-medium);cursor:pointer;margin-bottom:var(--radius-lg)}.files-upload input{position:absolute;width:1px;height:1px;opacity:0}.files-asset figcaption{font-size:var(--size-sm);color:var(--content-on-neutral-secondary);margin-top:var(--radius-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home{max-width:1100px;margin:0 auto}.home-title{text-align:center;margin-top:clamp(var(--radius-xl),8vh,96px)}.home-entry{max-width:720px;margin:var(--radius-xl) auto 0;padding:var(--radius-lg);box-shadow:var(--card-elevation-200)}.home-input{width:100%;border:none;resize:vertical;font:inherit;font-size:var(--body-l-relaxed-regular-size);line-height:var(--body-l-relaxed-regular-line-height);color:var(--content-on-neutral-primary);background:transparent;outline:none;min-height:72px}.home-input::placeholder{color:var(--content-on-neutral-tertiary)}.home-entry-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--radius-md);margin-top:var(--radius-md)}.home-entry-left{display:flex;align-items:center;gap:var(--radius-md)}.home-attach{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);cursor:pointer;font-size:var(--size-lg);line-height:1;color:var(--content-on-neutral-secondary)}.home-attach:disabled{color:var(--content-on-neutral-tertiary);cursor:not-allowed}.home-brand{font:inherit;font-weight:var(--weight-medium);padding:var(--radius-sm) var(--radius-md);border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);background:var(--bg-surface-base)}.home-generate{padding:var(--radius-sm) var(--radius-lg);border-radius:var(--radius-md);border:none;background:var(--bg-brand-primary);color:var(--content-on-brand-primary);font-weight:var(--weight-medium);letter-spacing:var(--letter-spacing-md-tight);box-shadow:var(--button-brand-primary);cursor:pointer}.home-generate:disabled{background:var(--bg-surface-sunken);color:var(--content-on-neutral-tertiary);box-shadow:none;cursor:not-allowed}.home-no-core,.home-picked-note{margin:var(--radius-md) 0 0;font-size:var(--size-sm);color:var(--content-on-neutral-secondary)}.home-error{margin:var(--radius-md) 0 0;font-size:var(--size-sm);color:var(--content-on-neutral-primary);background:var(--bg-overlay-very-light);border-left:var(--radius-sm) solid var(--bg-brand-primary);padding:var(--radius-sm) var(--radius-md)}.home-attach-panel{margin-top:var(--radius-lg);border-top:var(--border-width-border) solid var(--stroke-neutral-secondary);padding-top:var(--radius-lg)}.home-attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:var(--radius-md)}.home-thumb{position:relative;padding:0;border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-md);background:var(--bg-surface-base);cursor:pointer;overflow:hidden}.home-thumb img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.home-thumb.is-picked{outline:var(--radius-sm) solid var(--bg-brand-primary);outline-offset:calc(-1 * var(--radius-sm))}.home-thumb-order{position:absolute;top:var(--radius-sm);left:var(--radius-sm);background:var(--bg-brand-primary);color:var(--content-on-brand-primary);font-size:var(--size-sm);font-weight:var(--weight-bold);border-radius:var(--radius-sm);padding:0 var(--radius-sm)}.home-upload-live{display:flex;align-items:center;flex-wrap:wrap;gap:var(--radius-md);margin-top:var(--radius-lg);font-size:var(--size-sm);color:var(--content-on-neutral-tertiary)}.home-upload-live .files-upload{margin-bottom:0}.home-suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--radius-md);margin-top:var(--radius-lg)}.home-chip{padding:var(--radius-sm) var(--radius-lg);border-radius:var(--radius-xl);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);color:var(--content-on-neutral-secondary);cursor:pointer}.home-chip:hover{background:var(--bg-overlay-very-light)}.home-recents{margin-top:clamp(var(--radius-xl),6vh,64px)}.home-recents-title{font-size:var(--size-lg);font-weight:var(--weight-medium);margin:0 0 var(--radius-lg)}.home-recents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--radius-lg)}.home-recent-card{display:flex;flex-direction:column;gap:var(--radius-sm);padding:var(--radius-lg);text-decoration:none}.home-recent-card:hover{box-shadow:var(--card-elevation-200)}.home-recent-name{font-weight:var(--weight-medium)}.home-recent-meta{font-size:var(--size-sm);color:var(--content-on-neutral-tertiary)}.core-doc{display:flex;flex-direction:column;gap:var(--radius-xl);max-width:860px}.core-doc h2{font-size:var(--size-lg);font-weight:var(--weight-medium);margin:0 0 var(--radius-md)}.core-doc h3{font-size:var(--size-md);font-weight:var(--weight-medium);color:var(--content-on-neutral-secondary);margin:var(--radius-lg) 0 var(--radius-sm)}.core-doc p,.core-doc ul{margin:0;color:var(--content-on-neutral-primary)}.core-palette{display:flex;flex-wrap:wrap;gap:var(--radius-md);align-items:center}.core-swatch{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);display:inline-block}.core-more{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm)}.core-fonts{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--radius-md)}.core-fonts li{display:flex;align-items:baseline;justify-content:space-between;border-bottom:var(--border-width-border) solid var(--stroke-neutral-secondary);padding-bottom:var(--radius-md);max-width:420px}.core-font-sample{font-size:var(--display-s-relaxed-regular-size)}.core-font-name{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm)}.core-corpus-label{font-size:var(--size-sm);color:var(--content-on-neutral-tertiary);margin:var(--radius-sm) 0}.core-corpus-grid{display:flex;flex-wrap:wrap;gap:var(--radius-md);align-items:center}.core-corpus-grid img{width:96px;height:96px;object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);background:var(--bg-surface-sunken)}.reveal-warnings{border-left:var(--radius-sm) solid var(--bg-brand-primary);background:var(--bg-overlay-very-light);padding:var(--radius-md) var(--radius-lg);margin:var(--radius-lg) 0}.reveal-warnings p{margin:0 0 var(--radius-sm)}.reveal-approve{margin-top:var(--radius-xl);padding:var(--radius-md) var(--radius-xl);border:none;border-radius:var(--radius-md);background:var(--bg-brand-primary);color:var(--content-on-brand-primary);font-weight:var(--weight-medium);box-shadow:var(--button-brand-primary);cursor:pointer}.reveal-approve:disabled{background:var(--bg-surface-sunken);color:var(--content-on-neutral-tertiary);box-shadow:none;cursor:wait}.overview-meta{display:flex;align-items:center;gap:var(--radius-lg);margin-bottom:var(--radius-xl);color:var(--content-on-neutral-secondary);font-size:var(--size-sm)}.overview-meta select{font:inherit;padding:var(--radius-sm) var(--radius-md);border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);background:var(--bg-surface-base)}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--radius-lg);margin-top:var(--radius-xl)}.brand-card{display:block;padding:var(--radius-lg);text-decoration:none}.brand-card:hover{box-shadow:var(--card-elevation-200)}.brand-card-name{font-weight:var(--weight-medium);display:block}.brand-card-domain{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm);display:block;margin-bottom:var(--radius-md)}.brands-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--radius-lg)}.brands-add{padding:var(--radius-sm) var(--radius-lg);border-radius:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);box-shadow:var(--button-neutral-secondary);text-decoration:none;font-weight:var(--weight-medium);color:var(--content-on-neutral-primary)}.canvas-shell{display:flex;flex-direction:column;height:calc(100dvh - 2 * var(--radius-xl));min-height:480px}.canvas-header{display:flex;align-items:center;gap:var(--radius-md);padding-bottom:var(--radius-lg)}.canvas-title{font-weight:var(--weight-medium);margin-right:auto}.canvas-zoom{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm);min-width:44px;text-align:right}.canvas-export{padding:var(--radius-sm) var(--radius-lg);border:none;border-radius:var(--radius-md);background:var(--bg-brand-primary);color:var(--content-on-brand-primary);font-weight:var(--weight-medium);box-shadow:var(--button-brand-primary);cursor:pointer}.canvas-export:disabled{background:var(--bg-surface-sunken);color:var(--content-on-neutral-tertiary);box-shadow:none;cursor:not-allowed}.canvas-body{display:flex;gap:var(--radius-lg);flex:1;min-height:0}.canvas-rail{display:flex;flex-direction:column;gap:var(--radius-md);overflow-y:auto;flex:0 0 auto;width:128px}.canvas-rail.is-collapsed{width:auto}.canvas-rail-toggle{border:none;background:none;cursor:pointer;color:var(--content-on-neutral-secondary);text-align:left;padding:var(--radius-sm) 0;font-weight:var(--weight-medium)}.canvas-rail-frame{border:none;background:none;padding:0;cursor:pointer;display:flex;flex-direction:column;gap:var(--radius-sm);align-items:flex-start;font-size:var(--size-sm);color:var(--content-on-neutral-secondary)}.canvas-rail-frame.is-selected{outline:var(--radius-sm) solid var(--bg-brand-primary);outline-offset:var(--radius-sm);border-radius:var(--radius-sm)}.canvas-viewport{position:relative;flex:1;min-width:0;overflow:hidden;background:var(--bg-surface-sunken);border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-xl);touch-action:none;cursor:grab}.canvas-frames{position:absolute;top:0;left:0;display:flex;gap:var(--radius-xl);padding:var(--radius-xl);width:max-content;will-change:transform}.canvas-frames.is-single,.canvas-frames.is-vertical{flex-direction:column}.canvas-frames.is-grid{display:grid;grid-template-columns:repeat(3,auto)}.canvas-frame{position:relative}.canvas-frame.is-selected .canvas-frame-hit{outline:var(--radius-sm) solid var(--bg-brand-primary);outline-offset:var(--radius-sm);border-radius:var(--radius-sm)}.canvas-frame-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--radius-md);font-size:var(--size-sm);color:var(--content-on-neutral-secondary);margin-bottom:var(--radius-sm)}.canvas-frame-hit{border:none;background:none;padding:0;cursor:pointer;display:block}.canvas-frame-lazy{display:grid;place-items:center;width:320px;aspect-ratio:1;border:var(--border-width-border) dashed var(--stroke-neutral-primary);border-radius:var(--radius-md);color:var(--content-on-neutral-tertiary);font-size:var(--size-sm)}.canvas-side{flex:0 0 280px;display:flex;flex-direction:column;gap:var(--radius-lg);overflow-y:auto}.canvas-layoutswitcher{display:flex;border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-md);overflow:hidden}.canvas-layoutswitcher button{flex:1;border:none;background:var(--bg-surface-base);padding:var(--radius-sm) var(--radius-md);cursor:pointer;font-size:var(--size-sm);color:var(--content-on-neutral-secondary)}.canvas-layoutswitcher button[aria-pressed=true]{background:var(--bg-surface-sunken);color:var(--content-on-neutral-primary)}.canvas-layerstrip{display:flex;flex-wrap:wrap;gap:var(--radius-sm)}.canvas-layerchip{padding:var(--radius-sm) var(--radius-md);border-radius:var(--radius-xl);border:var(--border-width-border) solid var(--stroke-neutral-primary);background:var(--bg-surface-base);font-size:var(--size-sm);cursor:pointer;color:var(--content-on-neutral-secondary)}.canvas-layerchip.is-selected{background:var(--bg-surface-inverse);color:var(--content-on-neutral-inverse);border-color:var(--bg-surface-inverse)}.canvas-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--radius-md);padding:var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-lg);background:var(--bg-surface-base);box-shadow:var(--card-elevation-100)}.canvas-toolbar-kind{font-weight:var(--weight-medium);font-size:var(--size-sm)}.canvas-toolbar-token{font-size:var(--size-sm);color:var(--content-on-neutral-tertiary);border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-sm);padding:0 var(--radius-sm)}.canvas-toolbar-text{flex:1;min-width:120px;font:inherit;padding:var(--radius-sm);border:var(--border-width-border) solid var(--stroke-neutral-primary);border-radius:var(--radius-sm)}.canvas-toolbar-group{position:relative}.canvas-toolbar-group>button:not(.canvas-toolbar-icon){font:inherit;font-size:var(--size-sm);padding:var(--radius-sm) var(--radius-md);border:var(--border-width-border) solid var(--stroke-neutral-primary);border-radius:var(--radius-md);background:var(--bg-surface-base);cursor:pointer}.canvas-toolbar-icon{border:none;background:none;cursor:pointer;font-size:var(--size-lg);color:var(--content-on-neutral-secondary);padding:0 var(--radius-sm)}.canvas-menu{position:absolute;top:calc(100% + var(--radius-sm));right:0;z-index:5;min-width:180px;display:flex;flex-direction:column;background:var(--bg-surface-raised);border:var(--border-width-border) solid var(--stroke-neutral-secondary);border-radius:var(--radius-md);box-shadow:var(--card-elevation-200);padding:var(--radius-sm)}.canvas-menu button{border:none;background:none;text-align:left;font:inherit;font-size:var(--size-sm);padding:var(--radius-sm) var(--radius-md);border-radius:var(--radius-sm);cursor:pointer}.canvas-menu button:hover{background:var(--bg-overlay-very-light)}.canvas-menu button:disabled{color:var(--content-on-neutral-tertiary);cursor:not-allowed}.canvas-menu-label{margin:0;padding:var(--radius-sm) var(--radius-md);font-size:var(--size-sm);color:var(--content-on-neutral-tertiary)}.canvas-menu-note{margin:0;padding:var(--radius-sm) var(--radius-md);font-size:var(--size-sm);color:var(--content-on-neutral-tertiary);max-width:240px}.canvas-hint{color:var(--content-on-neutral-tertiary);font-size:var(--size-sm);margin:0}.canvas-note{color:var(--content-on-neutral-primary);background:var(--bg-overlay-very-light);border-left:var(--radius-sm) solid var(--bg-brand-primary);padding:var(--radius-sm) var(--radius-md);font-size:var(--size-sm);margin:0}.canvas-exported{font-size:var(--size-sm);margin:0}.canvas-history{display:flex;gap:var(--radius-lg);flex-wrap:wrap;margin-top:var(--radius-lg);font-size:var(--size-sm)}.canvas-history a{color:var(--content-on-neutral-tertiary);text-decoration:none}.canvas-history a[aria-current=page]{color:var(--content-on-neutral-primary);font-weight:var(--weight-medium)}