.comp-logo{display:inline-block;flex-shrink:0;overflow:visible;color:inherit}.comp-wordmark{display:inline-flex;align-items:center;gap:calc(var(--brand-height, 20px) * .35);height:var(--brand-height, 20px);color:var(--neutral-10);white-space:nowrap}.comp-wordmark-text{font-family:var(--font-brand);font-size:calc(var(--brand-height, 20px) * .8);line-height:1;letter-spacing:-.01em;font-weight:var(--weight-ui-medium);text-transform:lowercase}.auth-root{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:auto;padding:var(--space-xl);background:var(--cte-canvas);color:var(--cte-text);font-family:var(--font-ui)}.auth-center{width:min(360px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--space-l);text-align:center}.auth-brand{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-m);background:var(--color-1);color:var(--cte-accent-text);box-shadow:var(--border-shadow-s)}.auth-card{width:100%;display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-xl);border-radius:var(--radius-l);background:var(--neutral-2);box-shadow:var(--border-shadow-s),var(--shadow-m)}.auth-title{margin:0;color:var(--neutral-10);font-size:var(--size-xl);line-height:var(--line-xl);letter-spacing:var(--letter-spacing-xl);font-weight:var(--weight-ui-medium)}.auth-body{max-width:360px;margin:0;color:var(--cte-text-muted);font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.auth-actions{width:100%;display:flex;flex-direction:column;gap:var(--space-s);padding-top:var(--space-xs)}.auth-actions .button{width:100%;min-height:40px;font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.auth-provider-icon{width:var(--space-l);height:var(--space-l);flex-shrink:0}.auth-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center}.auth-spinner{width:var(--space-xxl);height:var(--space-xxl);animation:auth-spin calc(var(--motion-large-duration) * 3) linear infinite}.auth-spinner-track{stroke:var(--neutral-4)}.auth-spinner-arc{stroke:var(--color-1)}.auth-error{margin:0;color:var(--error);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.auth-error-reference{margin:0;color:var(--cte-text-muted);font-family:var(--font-data);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none}}@media(max-width:520px){.auth-root{padding:var(--space-m)}.auth-card{padding:var(--space-l)}}.home-root{height:100%;display:flex;overflow:hidden;background:var(--cte-canvas);color:var(--cte-text);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.home-sidebar{width:240px;flex:0 0 240px;min-height:0;display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m) var(--space-s) var(--space-s);background:var(--neutral-2);box-shadow:inset calc(-1 * var(--border-s)) 0 0 var(--cte-border)}.theme-dark .home-sidebar{background:var(--neutral-1)}.home-account{height:var(--space-xxl);display:flex;align-items:center;gap:var(--space-s);min-width:0;padding:0 var(--space-xs)}.home-account-avatar{width:var(--space-xl);height:var(--space-xl);flex:0 0 var(--space-xl);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-1);color:var(--neutral-1);font-weight:var(--weight-ui-medium)}.home-account-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--neutral-10);font-weight:var(--weight-ui-medium)}.home-nav{display:flex;flex-direction:column;gap:var(--space-xxs)}.home-nav-item{height:var(--space-xxl);display:flex;align-items:center;gap:var(--space-s);padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-3);color:var(--neutral-10);font-weight:var(--weight-ui-medium)}.home-nav-item .icon{width:var(--space-m);height:var(--space-m);color:var(--cte-text-muted)}.home-sidebar-spacer{flex:1}.home-sidebar-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding-top:var(--space-s);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.home-sidebar-footer .button{flex:1;justify-content:flex-start}.home-main{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.home-toolbar{height:80px;flex:0 0 80px;display:flex;align-items:center;padding:0 calc(var(--space-xxl) + var(--space-xl) + var(--space-xs));background:var(--cte-canvas)}.home-toolbar-inner{width:100%;max-width:1376px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-m)}.home-title{margin:0;color:var(--neutral-10);font-family:var(--font-ui);font-size:var(--size-l);line-height:var(--line-l);letter-spacing:var(--letter-spacing-l);font-weight:var(--weight-ui-medium)}.home-toolbar-actions{display:inline-flex;align-items:center;gap:var(--space-xs)}.home-toolbar-actions .button{min-height:28px;padding:var(--space-xs) var(--space-s)}.home-content{flex:1;min-height:0;overflow-y:auto;width:100%;padding:var(--space-xl) calc(var(--space-xxl) + var(--space-xl) + var(--space-xs)) var(--space-xxl)}.home-section{width:100%;max-width:1376px;margin:0 auto}.home-search{height:var(--space-xxl);display:flex;align-items:center;gap:var(--space-xs);min-width:0;padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-3);color:var(--neutral-7);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4);transition:box-shadow var(--motion-duration) var(--motion-easing)}.theme-dark .home-search{background:var(--neutral-2)}.home-search:hover{box-shadow:inset 0 0 0 var(--border-s) var(--neutral-5)}.home-search:focus-within{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.home-search .icon{width:var(--space-m);height:var(--space-m)}.home-search-input{flex:1;min-width:0;border:0;padding:0;background:var(--color-none);color:var(--neutral-10);font:inherit;outline:none}.home-search-input::placeholder{color:var(--neutral-6)}.home-view-switch{display:inline-flex;align-items:center;padding:2px;border-radius:var(--radius-s);background:var(--neutral-2);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-3)}.home-view-button{width:var(--space-xl);height:var(--space-xl);display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:calc(var(--radius-s) - 1px);background:transparent;color:var(--neutral-6);cursor:pointer}.home-view-button[aria-pressed=true]{background:var(--neutral-3);color:var(--neutral-10);box-shadow:var(--shadow-s)}.home-view-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-s)}.home-view-button .icon{width:var(--space-m);height:var(--space-m)}.home-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:calc(var(--space-l) + var(--space-xxs));margin:0;padding:0;list-style:none}.home-file-grid[data-view=list]{display:flex;flex-direction:column;gap:var(--space-xs)}.home-file-item{min-width:0}.home-file-card{width:100%;min-width:0;display:flex;flex-direction:column;padding:0;border:0;border-radius:var(--radius-s);overflow:hidden;background:var(--neutral-2);color:var(--neutral-10);text-align:left;cursor:pointer;box-shadow:inset 0 0 0 var(--border-s) var(--neutral-3);transition:box-shadow var(--motion-duration) var(--motion-easing),background var(--motion-duration) var(--motion-easing)}.home-file-card:hover{box-shadow:inset 0 0 0 var(--border-s) var(--neutral-5)}.home-file-card:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.home-file-card:disabled{cursor:not-allowed;color:var(--neutral-6)}.home-file-card[aria-busy=true]{box-shadow:inset 0 0 0 var(--border-s) var(--color-1)}.home-file-text{order:0;min-width:0;height:calc(var(--space-xxl) + var(--space-m));display:flex;flex-direction:column;justify-content:center;gap:var(--space-xxs);padding:var(--space-s)}.home-file-name,.home-file-meta{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.home-file-name{font-weight:var(--weight-ui-medium)}.home-file-meta{color:var(--cte-text-muted);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}.home-file-thumbnail{order:1;display:block;aspect-ratio:256 / 168;overflow:hidden;background:var(--neutral-3)}.home-file-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.home-file-grid[data-view=list] .home-file-card{height:72px;flex-direction:row;align-items:center;border-radius:var(--radius-s);background:var(--color-none);box-shadow:none}.home-file-grid[data-view=list] .home-file-card:hover{background:var(--neutral-2);box-shadow:none}.home-file-grid[data-view=list] .home-file-thumbnail{order:0;width:96px;height:63px;flex:0 0 96px;margin:var(--space-xxs);border-radius:calc(var(--radius-s) - 1px)}.home-file-grid[data-view=list] .home-file-text{order:1;height:auto;flex:1}.home-empty,.home-error,.home-status-screen{display:flex;flex-direction:column;align-items:center;gap:var(--space-s);text-align:center}.home-empty{min-height:280px;justify-content:center}.home-empty-title,.home-error-title,.home-status-title{color:var(--neutral-10);font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m);font-weight:var(--weight-ui-medium)}.home-error-body,.home-status-detail,.home-note{max-width:420px;margin:0;color:var(--cte-text-muted)}.home-error-reference{color:var(--cte-text-muted);font-family:var(--font-data);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}.home-note{min-height:280px;display:flex;align-items:center;justify-content:center}.home-error{margin:var(--space-xl);padding:var(--space-xl) var(--space-l);border-radius:var(--radius-m);background:var(--neutral-2);box-shadow:inset 0 0 0 var(--border-s) var(--error)}.home-error-glyph{color:var(--error)}.home-error-glyph .icon{width:var(--space-xl);height:var(--space-xl)}.home-error-actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:var(--space-s);padding-top:var(--space-xs)}.home-status-screen{flex:1;justify-content:center;padding:var(--space-xl)}.home-status-glyph{position:relative;display:flex;align-items:center;justify-content:center;width:var(--space-xxl);height:var(--space-xxl);color:var(--neutral-10)}.home-status-glyph .icon{width:var(--space-l);height:var(--space-l)}.home-status-glyph .home-spinner{position:absolute;inset:0;width:100%;height:100%}.home-spinner{display:inline-block;width:var(--space-m);height:var(--space-m);flex-shrink:0;animation:home-spin calc(var(--motion-large-duration) * 3) linear infinite}.home-spinner-track{stroke:var(--neutral-4)}.home-spinner-arc{stroke:var(--color-1)}.home-phase-list{min-width:260px;display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-s) 0 0;padding:var(--space-s) var(--space-m);border-radius:var(--radius-m);background:var(--neutral-2);box-shadow:var(--border-shadow-s);list-style:none;text-align:left}.home-phase{display:flex;align-items:center;gap:var(--space-s);color:var(--neutral-10)}.home-phase[data-state=done]{color:var(--cte-text-muted)}.home-phase-mark{width:var(--space-m);height:var(--space-m);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.home-phase-mark .icon{width:100%;height:100%;color:var(--success)}.home-phase-name{flex:1;min-width:0}.home-phase-detail{color:var(--cte-text-muted);font-family:var(--font-data);font-weight:var(--weight-data-regular)}@keyframes home-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.home-spinner{animation:none}.home-search,.home-file-card{transition:none}}@media(max-width:760px){.home-sidebar{width:56px;flex-basis:56px;gap:var(--space-xs);padding:var(--space-s)}.home-account{justify-content:center;padding:0}.home-account-name{display:none}.home-search{justify-content:center;padding:0}.home-search-input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.home-search:focus-within{position:absolute;top:calc(var(--space-s) + var(--space-xxl) + var(--space-xs));left:var(--space-s);z-index:2;width:calc(100vw - 72px);justify-content:flex-start;padding:0 var(--space-s)}.home-search:focus-within .home-search-input{position:static;width:auto;height:auto;overflow:visible;clip-path:none}.home-nav-item{justify-content:center;gap:0;padding:0;font-size:0}.home-sidebar-footer .button{justify-content:center;gap:0;padding-inline:0;font-size:0}.home-toolbar{height:auto;min-height:64px;flex-basis:auto;padding:var(--space-m)}.home-toolbar-inner{flex-wrap:wrap}.home-toolbar-actions{margin-left:auto}.home-content{padding:var(--space-m)}.home-file-grid{grid-template-columns:minmax(0,1fr)}}.canvas-viewport{position:relative;flex:1;min-height:0;overflow:hidden;touch-action:none}.canvas-viewport:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-l))}.canvas-world{position:absolute;left:50%;top:50%;width:0;height:0;transform-origin:0 0;pointer-events:none}.live-canvas-preview{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;border:0;background:transparent;color-scheme:normal}.canvas-pixel-grid{position:absolute;inset:0;z-index:1;display:none;pointer-events:none;mix-blend-mode:difference;background-image:linear-gradient(to right,var(--canvas-grid-color) var(--grid-line, 1px),transparent 0),linear-gradient(to bottom,var(--canvas-grid-color) var(--grid-line, 1px),transparent 0)}.canvas-pixel-grid[data-visible]{display:block}.canvas-stage{position:absolute;inset:0;z-index:2;outline:none;touch-action:none;cursor:default}.canvas-stage[data-cursor=crosshair]{cursor:crosshair}.canvas-stage[data-cursor=grab]{cursor:grab}.canvas-stage[data-cursor=grabbing]{cursor:grabbing}.canvas-stage[data-cursor=move]{cursor:move}.canvas-stage[data-inactive]{pointer-events:none}.canvas-hud-canvas{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;pointer-events:none}.canvas-hud{position:absolute;inset:0;z-index:4;overflow:hidden;pointer-events:none}.canvas-floating-actions{position:absolute;top:var(--space-s);right:var(--space-s);z-index:210;display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-m)}.theme-dark .canvas-floating-actions{background:var(--neutral-2)}.canvas-floating-actions .button{min-height:24px;width:24px;padding:var(--space-xxs);color:var(--neutral-8)}.canvas-floating-actions .button .icon{width:16px;height:16px}.canvas-floating-actions .button:disabled{color:var(--neutral-5)}.canvas-hud>*{position:absolute}.resize-handles{pointer-events:none;transform-origin:center}.resize-handle{position:absolute;width:7px;height:7px;margin:0;padding:0;border:0;border-radius:0;background:transparent;transform:translate(-50%,-50%);pointer-events:auto;touch-action:none}.resize-handle[data-edge]{width:6px;height:6px;border:0;background:transparent}.resize-handle[data-edge][data-handle=top],.resize-handle[data-edge][data-handle=bottom]{width:calc(100% - 14px)}.resize-handle[data-edge][data-handle=left],.resize-handle[data-edge][data-handle=right]{height:calc(100% - 14px)}.node-label{position:absolute;margin:0;padding:0;border:0;background:transparent;color:var(--cte-text-muted);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transform:translateY(-100%);cursor:move;pointer-events:auto}.node-label[data-selected]{color:var(--color-4);font-weight:var(--weight-ui-medium)}.node-label-editor{position:absolute;z-index:1;box-sizing:border-box;min-width:80px;padding:0 var(--space-xxs);border:1px solid var(--color-1);border-radius:var(--radius-xs);background:var(--neutral-1);color:var(--neutral-10);font-family:var(--font-ui);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);outline:none;pointer-events:auto;transform:translateY(-100%)}textarea.node-label-editor{transform:none;resize:none;font-size:var(--size-xs);line-height:var(--line-xs)}.dimension-badge{position:absolute;display:inline-flex;align-items:center;min-height:20px;padding:0 var(--space-xs);border-radius:var(--radius-xs);background:var(--color-4);color:var(--cte-accent-text);font-family:var(--font-data);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-data-regular);white-space:nowrap;transform:translate(-50%,var(--space-xs));pointer-events:none}.node-label-hit{height:var(--line-xs);overflow:hidden;opacity:0;color:transparent;background:transparent;box-shadow:none}.document-tree{display:flex;flex-direction:column;padding:var(--space-xxs) 0}.document-layer-item{display:flex;align-items:center;gap:var(--space-xxs);min-width:0;height:30px;margin:0 var(--space-xs);padding:0 var(--space-xxs);padding-left:calc(var(--space-xxs) + var(--layer-depth) * var(--space-l));border-radius:var(--radius-xs);color:var(--neutral-9);cursor:pointer;transition:background var(--motion-duration) var(--motion-easing)}.document-layer-item:hover{background:var(--neutral-2)}.document-layer-item[data-selected]{background:var(--color-1-transparent);color:var(--neutral-10)}.document-layer-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-ui);font-weight:var(--weight-ui-regular);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.document-layer-item[data-selected] .document-layer-name{font-weight:var(--weight-ui-medium)}.layer-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-m);height:var(--space-m);border:0;border-radius:var(--radius-xs);padding:var(--space-zero);background:var(--color-none);color:inherit;font:inherit;cursor:pointer}.layer-toggle .icon{width:12px;height:12px;transition:transform var(--motion-duration) var(--motion-easing)}.layer-toggle[data-expanded] .icon{transform:rotate(90deg)}.document-layer-icon{display:inline-flex;flex-shrink:0;color:var(--neutral-6)}.document-layer-icon .icon{width:20px;height:20px}.document-layer-name{padding-left:var(--space-xxs)}.document-layer-item[data-selected] .document-layer-icon{color:var(--neutral-10)}.document-slot-label{display:block;padding:var(--space-xxs) var(--space-xs);padding-left:calc(var(--space-xxs) + var(--layer-depth) * var(--space-m) + var(--space-m) + var(--space-xxs));color:var(--neutral-6);font-family:var(--font-data);font-weight:var(--weight-data-regular);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}.document-slot{min-height:var(--space-l)}.layer-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xxs);padding:var(--space-xs) var(--space-s);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.layer-actions .button{padding:var(--space-xxs) var(--space-xs);color:var(--neutral-8);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.layer-actions .button:hover{color:var(--neutral-10)}.layer-actions .button:disabled{color:var(--neutral-6)}.canvas-document-tools .button{padding:var(--space-xs);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}@media(prefers-reduced-motion:reduce){.document-layer-item,.layer-toggle .icon{transition:none}}.canvas-document-tools{display:flex;align-items:center;gap:var(--space-xxs)}.canvas-status{padding:var(--space-xs) var(--space-m)}.canvas-choice{appearance:none;padding-right:calc(var(--space-xs) + var(--space-m) + var(--space-xxs));cursor:pointer}.input.canvas-choice:focus{box-shadow:inset 0 0 0 var(--border-s) var(--color-1-transparent)}.input.canvas-choice:disabled,.theme-dark .input.canvas-choice:disabled{background:var(--neutral-3);color:var(--neutral-6);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4-transparent);cursor:not-allowed}.canvas-choice-control{position:relative;display:flex;align-items:center;min-width:0}.canvas-choice-control .icon{position:absolute;right:var(--space-xs);width:var(--space-m);height:var(--space-m);color:var(--neutral-7);transform:rotate(90deg);pointer-events:none}.document-layer-item .layer-toggle{color:var(--neutral-6)}.document-layer-item .layer-toggle:hover{color:var(--neutral-10)}.document-layer-item[data-selected] .layer-toggle{color:inherit}.token-swatch{display:inline-block;flex-shrink:0;width:14px;height:14px;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s)}.tool-rail{display:inline-flex;flex-direction:column;width:44px;gap:var(--space-xxs);padding:var(--space-xs);border-radius:var(--radius-m);background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.theme-dark .tool-rail{background:var(--neutral-2)}.tool-rail-group{display:flex;flex-direction:column;gap:var(--space-xxs)}.tool-rail-separator{display:block;width:80%;height:var(--border-s);margin:var(--space-xxs) auto;background:var(--cte-border)}.tool-rail-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:var(--space-xxs);border:var(--border-s) solid var(--color-none);border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-10);cursor:pointer;transition:background var(--motion-duration) var(--motion-easing)}.tool-rail-button:hover{background:var(--neutral-2)}.tool-rail-button .icon{width:24px;height:24px}.tool-rail-button[data-active]{background:var(--neutral-3);border-color:var(--cte-border);color:var(--neutral-10)}.theme-light .tool-rail-button[data-active]{background:var(--neutral-3);border-color:var(--neutral-4)}.tool-rail-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.tool-rail-button[data-unavailable]{color:var(--neutral-6);cursor:not-allowed}.tool-rail-button[data-unavailable]:hover{background:var(--color-none)}.tool-rail-tip{position:absolute;top:50%;left:calc(100% + var(--space-s));z-index:3;display:flex;flex-direction:column;width:max-content;max-width:240px;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-s);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-m),var(--shadow-m);text-align:left;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-50%);transition:opacity var(--motion-duration) var(--motion-easing),visibility var(--motion-duration) var(--motion-easing)}.tool-rail-button:hover .tool-rail-tip,.tool-rail-button:focus-visible .tool-rail-tip{opacity:1;visibility:visible}.tool-rail-tip-title{display:flex;align-items:center;gap:var(--space-xs)}.tool-rail-tip-label{font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);white-space:nowrap}.tool-rail-tip-shortcut,.tool-rail-tip-note{color:var(--neutral-6);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}.tool-rail-tip-shortcut{font-family:var(--font-data);font-weight:var(--weight-data-regular)}.tool-rail-tip-note{font-family:var(--font-ui);font-weight:var(--weight-ui-regular);white-space:normal}.canvas-area>.tool-rail{position:absolute;top:var(--space-s);left:var(--space-s);z-index:210}@media(prefers-reduced-motion:reduce){.tool-rail-button,.tool-rail-tip{transition:none}}.context-menu-layer{position:fixed;inset:0;z-index:400}.context-menu-surface,.context-menu-submenu{width:max-content;min-width:160px;max-width:240px;padding:var(--space-xxs);border-radius:var(--radius-m);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-l)}.context-menu-surface{position:fixed;left:max(var(--space-s),min(var(--context-menu-x),calc(100vw - 248px)));top:max(var(--space-s),min(var(--context-menu-y),calc(100vh - 420px)));max-height:calc(100vh - var(--space-m));overflow:auto}.context-menu-group+.context-menu-group{margin-top:var(--space-xxs);padding-top:var(--space-xxs);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.context-menu-entry{position:relative}.context-menu-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-s);width:100%;min-height:28px;padding:0 var(--space-s);border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);text-align:left;cursor:default;outline:none}.context-menu-item:hover,.context-menu-item:focus-visible,.context-menu-item[aria-expanded=true]{background:var(--neutral-3);color:var(--neutral-10)}.context-menu-item:disabled{color:var(--neutral-5)}.context-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-shortcut{color:var(--neutral-6);font-family:var(--font-data);font-size:var(--size-xs);font-weight:var(--weight-ui-regular)}.context-menu-arrow{color:var(--neutral-6);font-size:var(--size-s)}.context-menu-submenu-layer{position:fixed;top:max(var(--space-s),min(var(--context-submenu-y),calc(100vh - 48px)));z-index:1}.context-menu-submenu-layer[data-side=right]{left:var(--context-submenu-x);padding-left:var(--space-xxs)}.context-menu-submenu-layer[data-side=left]{right:calc(100vw - var(--context-submenu-x));padding-right:var(--space-xxs)}.context-menu-submenu{max-height:calc(100vh - var(--space-m));overflow:auto}.sections-stack{display:flex;flex-direction:column;padding-bottom:var(--space-s)}.section-heading{display:flex;align-items:center;height:32px;padding:0 var(--space-m);background:var(--neutral-1);color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.section-border{position:relative;display:flex;flex-direction:column}.section-border:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--border-s);background:var(--cte-border);pointer-events:none}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);height:32px;padding:0 var(--space-m)}.section-title{margin:0;color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.section-actions{display:inline-flex;align-items:center;gap:var(--space-xxs)}.section-body{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-m) var(--space-s)}.inspector-group{display:flex;flex-direction:column;gap:var(--space-xs)}.inspector-group-label{color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.inspector-row{display:flex;align-items:center;gap:var(--space-xxs);min-width:0;min-height:24px;padding:var(--space-xxs) 0}.inspector-row>*{flex:1 1 0;min-width:0}.inspector-field{position:relative;display:flex;align-items:center;gap:var(--space-xs);min-width:0;height:24px;padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s);cursor:text}.theme-dark .inspector-field{background:var(--neutral-3)}.inspector-field:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.inspector-field[data-disabled]{color:var(--neutral-6);background:var(--neutral-2);box-shadow:var(--border-shadow-s);cursor:not-allowed}.inspector-field-prefix,.inspector-field-suffix{flex-shrink:0;color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);font-variant-numeric:tabular-nums}.inspector-field-suffix{cursor:inherit}.inspector-input{flex:1;width:100%;min-width:0;height:24px;padding:0;border:0;background:var(--color-none);color:inherit;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);font-variant-numeric:tabular-nums;outline:none}.inspector-input::placeholder{color:var(--neutral-5)}.inspector-input:disabled{cursor:not-allowed}.inspector-select{padding-right:var(--space-xs);cursor:pointer}.inspector-select .inspector-input{appearance:none;cursor:pointer}.inspector-select-chevron{display:inline-flex;color:var(--neutral-6);pointer-events:none}.inspector-select-chevron .icon{width:12px;height:12px;transform:rotate(90deg)}.inspector-segments{display:flex;align-items:stretch;height:24px;padding:0;border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.theme-dark .inspector-segments{background:var(--neutral-3)}.inspector-segment{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0 var(--space-xxs);border:var(--border-s) solid var(--color-none);border-radius:var(--radius-s);background:var(--color-none);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);font-weight:var(--weight-ui-medium);cursor:pointer}.inspector-segment .icon{width:16px;height:16px}.inspector-segment:hover{color:var(--neutral-10)}.inspector-segment[data-checked]{background:var(--neutral-4);border-color:var(--cte-border);color:var(--neutral-10)}.theme-light .inspector-segment[data-checked]{background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.inspector-segment[aria-disabled=true]{cursor:not-allowed}.inspector-segment[aria-disabled=true]>*{opacity:.5}.inspector-segment[aria-disabled=true]:hover{color:var(--neutral-6)}.inspector-segment:focus-visible,.inspector-check input:focus-visible+.inspector-check-box{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-segment-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inspector-segment[data-labelled]{gap:var(--space-xxs)}.inspector-radio-field{display:contents}.inspector-radio-field[data-notes]{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.inspector-note{display:flex;align-items:center;gap:var(--space-xs);margin:0;color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.inspector-note .icon{width:14px;height:14px}.inspector-check{position:relative;display:inline-flex;align-items:center;gap:var(--space-s);height:24px;color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);cursor:pointer}.inspector-check input{position:absolute;opacity:0;width:16px;height:16px;margin:0;cursor:pointer}.inspector-check-box{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-xs);background:var(--neutral-3);box-shadow:var(--border-shadow-s);color:var(--color-none)}.inspector-check-box .icon{width:12px;height:12px}.inspector-check input:checked+.inspector-check-box{background:var(--color-1);color:var(--cte-accent-text)}.inspector-check[data-disabled]{color:var(--neutral-6);cursor:not-allowed}.inspector-row[data-lead]>:first-child{flex:0 0 96px}.inspector-row[data-lead]>:only-child{flex:1 1 0}.inspector-color-field{gap:var(--space-xs);padding:0 var(--space-xs) 0 4px}.inspector-color-swatch{position:relative;display:inline-block;flex-shrink:0;width:16px;height:16px;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs)}.inspector-color-swatch-fill{display:block;width:100%;height:100%}.inspector-color-field .color-picker-trigger-swatch{cursor:pointer}.inspector-color-hex{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-regular);text-transform:uppercase}.inspector-color-opacity{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:flex-end;gap:1px;min-width:0;padding-left:var(--space-xs);box-shadow:inset var(--border-s) 0 0 var(--cte-border);color:inherit;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);font-variant-numeric:tabular-nums;cursor:text}.inspector-color-opacity .inspector-input{width:3ch;flex:0 0 3ch;text-align:right}.inspector-color-opacity .inspector-field-suffix{cursor:inherit}.inspector-color-field[data-inherited] .inspector-color-hex,.inspector-color-field[data-inherited] .inspector-color-opacity{color:var(--neutral-6)}.inspector-color-field[data-inherited]:focus-within .inspector-color-hex,.inspector-color-field[data-inherited]:focus-within .inspector-color-opacity{color:var(--neutral-10)}.inspector-color-field[data-readonly]{color:var(--neutral-7);background:var(--neutral-2);cursor:default}.theme-dark .inspector-color-field[data-readonly]{background:var(--neutral-2)}.inspector-color-field[data-readonly] .inspector-color-opacity{cursor:default}.inspector-paint-stop{display:grid;grid-template-columns:96px minmax(0,1fr) 24px;align-items:center;gap:var(--space-xs);min-width:0}.inspector-paint-stop>span{display:flex;min-width:0}.inspector-paint-stop>span>*{flex:1 1 0;min-width:0}.inspector-paint-stop-action{justify-content:center}.inspector-paint-stop-action>*{flex:0 0 auto}.inspector-paint-stop-binding{grid-column:1 / 3}.inspector-paint-stop+.inspector-paint-stop{padding-top:var(--space-xs);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.inspector-text-button{display:inline-flex;align-self:flex-start;align-items:center;gap:var(--space-xs);height:24px;padding:0 var(--space-xs);border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);cursor:pointer}.inspector-text-button .icon{width:14px;height:14px}.inspector-text-button:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .inspector-text-button:hover{background:var(--neutral-3)}.inspector-text-button:disabled{opacity:.5;cursor:not-allowed}.inspector-text-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-text-button[data-wide]{align-self:stretch;justify-content:center;margin:var(--space-xxs) 0;background:var(--neutral-3)}.inspector-text-button[data-wide]:hover{background:var(--neutral-4)}.inspector-count-button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:2px;min-width:24px;height:24px;padding:0 var(--space-xxs);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--neutral-6);font-family:var(--font-data);font-size:var(--size-xs);cursor:pointer}.inspector-count-button .icon{width:13px;height:13px}.inspector-count-button:hover{background:var(--neutral-3);color:var(--neutral-10)}.inspector-count-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-count-button:disabled{opacity:.5;cursor:not-allowed}.inspector-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.inspector-icon-button .icon{width:14px;height:14px}.inspector-icon-button:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .inspector-icon-button:hover{background:var(--neutral-3)}.inspector-icon-button:disabled{opacity:.5;cursor:not-allowed}.inspector-icon-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-row>.inspector-icon-button{flex:0 0 24px}.inspector-transform-actions{display:grid;grid-template-columns:repeat(3,27px);flex:0 0 auto;height:24px;overflow:hidden;border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.inspector-transform-actions[data-position-toggle]{grid-template-columns:repeat(4,24px)}.theme-dark .inspector-transform-actions{background:var(--neutral-3)}.inspector-transform-action{display:inline-flex;align-items:center;justify-content:center;width:27px;height:24px;padding:0;border:0;background:var(--color-none);color:var(--neutral-7);box-shadow:inset calc(-1 * var(--border-s)) 0 0 var(--cte-border);cursor:pointer}.inspector-transform-action:last-child{box-shadow:none}.inspector-transform-action:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .inspector-transform-action:hover{background:var(--neutral-4)}.inspector-transform-action[aria-pressed=true]{background:var(--neutral-4);color:var(--color-1)}.inspector-transform-action:disabled{color:var(--neutral-5);cursor:not-allowed}.inspector-transform-action:focus-visible{position:relative;outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-transform-action svg{width:16px;height:16px;fill:currentColor}.inspector-transform-action .inspector-transform-flip-y{transform:rotate(90deg)}.inspector-row>.inspector-transform-actions{flex:0 0 auto}.inspector-flex-direction{display:grid;grid-template-columns:repeat(4,24px);align-items:center;gap:var(--space-xxs)}.inspector-flex-direction-button,.inspector-flex-wrap-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--neutral-1);color:var(--neutral-6);box-shadow:var(--border-shadow-s);cursor:pointer}.theme-dark .inspector-flex-direction-button,.theme-dark .inspector-flex-wrap-button{background:var(--neutral-3)}.inspector-flex-direction-button:hover,.inspector-flex-wrap-button:hover{color:var(--neutral-10)}.inspector-flex-direction-button[aria-pressed=true],.inspector-flex-wrap-button[aria-pressed=true]{background:var(--neutral-4);color:var(--color-1)}.inspector-flex-direction-button:focus-visible,.inspector-flex-wrap-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-flex-direction-button:disabled,.inspector-flex-wrap-button:disabled{color:var(--neutral-5);cursor:not-allowed}.inspector-flex-direction-button svg,.inspector-flex-wrap-button svg{flex:0 0 auto;width:14px;height:14px}.inspector-flex-direction-button .inspector-flex-column-glyph{transform:rotate(90deg)}.inspector-flex-wrap-button{width:24px;padding:0}.inspector-flex-panel{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:var(--space-xs)}.inspector-flex-panel-controls{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:0}.inspector-spacing-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:24px}.inspector-spacing-heading-label{color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.inspector-spacing-mode{display:grid;grid-template-columns:repeat(3,24px);overflow:hidden;border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.theme-dark .inspector-spacing-mode{background:var(--neutral-3)}.inspector-spacing-mode-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:var(--color-none);color:var(--neutral-6);box-shadow:inset calc(-1 * var(--border-s)) 0 0 var(--cte-border);cursor:pointer}.inspector-spacing-mode-button:last-child{box-shadow:none}.inspector-spacing-mode-button:hover{color:var(--neutral-10);background:var(--neutral-2)}.theme-dark .inspector-spacing-mode-button:hover{background:var(--neutral-4)}.inspector-spacing-mode-button[aria-pressed=true]{color:var(--color-1);background:var(--neutral-4)}.inspector-spacing-mode-button:focus-visible{position:relative;outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-spacing-mode-button:disabled{color:var(--neutral-5);cursor:not-allowed}.inspector-spacing-mode-button .icon{width:14px;height:14px}.inspector-numeric-token{position:relative;display:inline-flex;flex:0 0 18px;align-items:center;justify-content:center;align-self:stretch;margin-right:calc(-1 * var(--space-xs));color:var(--neutral-6)}.inspector-numeric-token select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.inspector-numeric-token .icon{width:12px;height:12px;transform:rotate(90deg);pointer-events:none}.inspector-field-prefix[data-scrub-handle],.inspector-field-suffix[data-scrub-handle]{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;width:24px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.inspector-field-prefix[data-scrub-handle]{margin-left:calc(-1 * var(--space-s))}.inspector-field-suffix[data-scrub-handle]{margin-right:calc(-1 * var(--space-s))}.inspector-field[data-scrubbing]{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.inspector-anchor-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2px;padding:3px;width:112px;height:88px;border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s)}.theme-dark .inspector-anchor-grid{background:var(--neutral-3)}.inspector-anchor-cell{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-5);cursor:pointer}.inspector-anchor-cell:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .inspector-anchor-cell:hover{background:var(--neutral-4)}.inspector-anchor-dot{display:block;width:4px;height:4px;border-radius:50%;background:currentColor}.inspector-anchor-cell[aria-pressed=true]{color:var(--color-1)}.inspector-anchor-cell[aria-pressed=true] .inspector-anchor-dot{width:10px;height:10px;border-radius:2px}.inspector-anchor-cell:disabled{opacity:.5;cursor:not-allowed}.inspector-anchor-cell:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.inspector-row>.inspector-fixed-slot{flex:0 0 auto}.inspector-row-spacer{display:block;min-height:1px}.inspector-track-row{display:grid;grid-template-columns:16px minmax(0,1fr) repeat(3,24px);align-items:center;gap:var(--space-xxs);min-width:0}.inspector-track-index{color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);font-variant-numeric:tabular-nums;text-align:center}.inspector-track-earlier .icon{transform:rotate(-90deg)}.inspector-track-later .icon{transform:rotate(90deg)}.inspector-alert{color:var(--error)}.property-group{display:flex;flex-direction:column;gap:var(--space-xs);padding:0 var(--space-m) var(--space-m);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.property-group-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:32px}.property-group-title{margin:0;color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.property-group-actions{display:flex;align-items:center;gap:var(--space-xxs)}.property-group-actions .button{padding:var(--space-xxs);color:var(--neutral-7)}.property-group-actions .button:hover{color:var(--neutral-10)}.property-group-actions .icon{width:var(--space-m);height:var(--space-m)}.property-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.property-field,.property-value{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:var(--space-xs);min-width:0}.property-field[data-compact]{display:block}.property-field[data-compact] .property-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.property-label,.property-value>span:first-child{overflow:hidden;color:var(--cte-text-muted);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);white-space:nowrap;text-overflow:ellipsis}.property-scrub-label[data-scrub-handle]{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.property-control{display:flex;align-items:center;gap:var(--space-xxs);min-width:0;height:24px;padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s);transition:box-shadow var(--motion-duration) var(--motion-easing),background var(--motion-duration) var(--motion-easing)}.theme-dark .property-control{background:var(--neutral-3)}.property-control:hover{box-shadow:var(--border-shadow-s)}.property-control:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.property-control:has(.property-input:focus-visible){outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.property-input{flex:1;width:100%;min-width:0;margin:0;border:0;height:24px;padding:0;background:var(--color-none);color:var(--neutral-10);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);outline:none;appearance:textfield}.property-input::-webkit-inner-spin-button,.property-input::-webkit-outer-spin-button{appearance:none;margin:0}.property-input::placeholder{color:var(--neutral-6);opacity:1}.property-affix{flex-shrink:0;color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.property-control[data-mixed] .property-input::placeholder{color:var(--neutral-10)}.property-control[data-readonly],.theme-dark .property-control[data-readonly]{padding:0;background:var(--color-none);box-shadow:none}.property-control[data-readonly] .property-input{color:var(--neutral-8);font-weight:var(--weight-ui-regular);cursor:default}.property-control[data-disabled],.theme-dark .property-control[data-disabled]{background:var(--neutral-2);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4)}.property-control[data-disabled] .property-input,.property-control[data-disabled] .property-affix{color:var(--neutral-6);cursor:not-allowed}.property-select-control{position:relative;display:flex;align-items:center;min-width:0}.property-select{width:100%;min-width:0;border:0;height:24px;border-radius:var(--radius-s);padding:0 var(--space-s);padding-right:calc(var(--space-xs) + var(--space-m) + var(--space-xxs));background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);appearance:none;cursor:pointer;text-overflow:ellipsis;transition:box-shadow var(--motion-duration) var(--motion-easing)}.theme-dark .property-select{background:var(--neutral-3)}.property-select:hover{box-shadow:var(--border-shadow-s)}.property-select:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.property-select:focus-visible,.property-toggle input:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.property-select:disabled,.theme-dark .property-select:disabled{background:var(--neutral-3);color:var(--neutral-6);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4-transparent);cursor:not-allowed}.property-select-control .icon{position:absolute;right:var(--space-xs);width:var(--space-m);height:var(--space-m);color:var(--neutral-7);transform:rotate(90deg);pointer-events:none}.property-select:disabled+.icon{color:var(--neutral-6)}@media(prefers-reduced-motion:reduce){.property-control,.property-select{transition:none}}.property-toggle{display:flex;align-items:center;gap:var(--space-xs);min-height:var(--line-m);cursor:pointer}.property-toggle input{margin:0;accent-color:var(--color-1)}.property-toggle input:disabled,.property-toggle input:disabled+.property-toggle-label{cursor:not-allowed}.property-toggle-label{color:var(--cte-text);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.property-toggle input:disabled+.property-toggle-label{color:var(--neutral-6)}.property-value output{color:var(--cte-text);font-variant-numeric:tabular-nums;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-regular);overflow-wrap:anywhere}.property-source-tag{justify-self:start;display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-xs);background:var(--neutral-2);color:var(--neutral-8);font-family:var(--font-ui);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-ui-medium);white-space:nowrap}.property-source-tag .icon{width:var(--space-s);height:var(--space-s)}.theme-dark .property-source-tag{background:var(--neutral-3)}.property-hint{display:flex;align-items:flex-start;gap:var(--space-xs);margin:0;color:var(--cte-text-muted);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.property-hint .icon{width:var(--space-m);height:var(--line-xs);color:var(--neutral-7)}.property-hint[data-tone=read-only]{padding:var(--space-xs);border-radius:var(--radius-s);background:var(--neutral-2)}.property-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs)}.property-actions .button{padding:var(--space-xxs) var(--space-xs);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.property-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-xs);padding:var(--space-l) var(--space-m)}.property-empty-glyph{display:inline-flex;padding:var(--space-xs);border-radius:var(--radius-s);background:var(--emphasis-icon-background);color:var(--emphasis-icon-foreground)}.property-empty-title{color:var(--cte-text);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.property-empty-body{color:var(--cte-text-muted);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.property-selection-summary{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-s) var(--space-m)}.property-selection-summary>.icon{width:var(--space-m);height:var(--space-m);color:var(--neutral-7)}.property-selection-text{display:flex;flex:1;flex-direction:column;min-width:0}.property-selection-title{color:var(--cte-text);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.property-selection-detail{color:var(--cte-text-muted);font-family:var(--font-ui);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-ui-regular)}.color-picker-trigger{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--space-s);border:0;border-radius:var(--radius-s);padding:var(--space-xs) var(--space-s);color:var(--neutral-10);background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-s);font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-regular);cursor:pointer}.theme-dark .color-picker-trigger{background:var(--neutral-2)}.color-picker-trigger:disabled{color:var(--cte-text-muted);cursor:not-allowed}.color-picker-trigger:focus-visible,.color-picker-close:focus-visible,.color-picker-icon-button:focus-visible,.color-picker-eyedropper:focus-visible,.color-picker-space-tabs button:focus-visible,.color-picker-plane:focus-visible,.color-picker-value-row input:focus-visible,.color-picker-rail:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.color-picker-positioner{z-index:300}.color-picker-popup{position:relative;width:min(530px,calc(100vw - 24px));height:min(300px,calc(100vh - 24px));display:grid;grid-template-rows:24px minmax(0,1fr);padding:8px 12px 12px;border:0;border-radius:8px;color:var(--neutral-10);background:color-mix(in srgb,var(--neutral-1) 94%,transparent);box-shadow:var(--border-shadow-s),0 10px 28px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.theme-dark .color-picker-popup{background:color-mix(in srgb,var(--neutral-2) 94%,transparent)}.color-picker-header{grid-row:1;display:flex;align-items:center;justify-content:space-between;min-width:0}.color-picker-title{position:absolute;top:11px;left:50%;max-width:180px;margin:0;overflow:hidden;color:var(--cte-text-muted);font-size:var(--size-xs);font-weight:var(--weight-ui-medium);text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%)}.color-picker-space-tabs{display:flex;align-items:center;height:24px;gap:2px}.color-picker-space-tabs span,.color-picker-space-tabs button{height:22px;border:0;border-radius:var(--radius-s);padding:0 8px;color:var(--neutral-10);background:var(--color-none);font:inherit}.color-picker-space-tabs span{background:var(--neutral-3);box-shadow:var(--border-shadow-s)}.color-picker-space-tabs button:disabled{color:var(--cte-text-muted);cursor:not-allowed;opacity:.6}.color-picker-close,.color-picker-icon-button,.color-picker-eyedropper{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border:0;border-radius:var(--radius-s);padding:0;color:var(--neutral-9);background:var(--color-none);cursor:pointer}.color-picker-close:hover,.color-picker-icon-button:hover,.color-picker-eyedropper:hover:not(:disabled){color:var(--neutral-10);background:var(--neutral-3)}.color-picker-close svg,.color-picker-icon-button svg,.color-picker-eyedropper svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.color-picker-content{position:relative;grid-row:2;display:grid;grid-template-columns:minmax(210px,1.1fr) minmax(210px,.9fr);gap:12px;min-height:0}.color-picker-workspace{display:grid;grid-template-columns:minmax(0,1fr) 12px 12px;gap:8px;min-width:0;min-height:0;padding-top:4px}.color-picker-plane{position:relative;min-width:0;min-height:0;overflow:hidden;border-radius:2px;box-shadow:var(--border-shadow-s);cursor:crosshair;touch-action:none}.color-picker-plane-white,.color-picker-plane-black{position:absolute;inset:0;pointer-events:none}.color-picker-plane-white{background:linear-gradient(to right,#fff,transparent)}.color-picker-plane-black{background:linear-gradient(to bottom,transparent,#000)}.color-picker-plane-thumb{position:absolute;z-index:1;width:13px;height:13px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #000000d9,0 1px 2px #00000059;pointer-events:none;transform:translate(-50%,-50%)}.color-picker-rail{width:12px;height:100%;margin:0;border:0;border-radius:3px;appearance:none;cursor:ns-resize;box-shadow:var(--border-shadow-s);writing-mode:vertical-lr;direction:rtl}.color-picker-rail::-webkit-slider-thumb{width:16px;height:6px;border:1px solid rgb(0 0 0 / 80%);border-radius:2px;appearance:none;background:#fff;box-shadow:0 0 0 1px #fffc}.color-picker-rail::-moz-range-thumb{width:16px;height:6px;border:1px solid rgb(0 0 0 / 80%);border-radius:2px;background:#fff;box-shadow:0 0 0 1px #fffc}.color-picker-details{display:grid;grid-template-rows:52px repeat(4,40px) minmax(16px,1fr);align-content:start;min-width:0;min-height:0;padding-top:4px}.color-picker-preview{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border-radius:3px;background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:8px 8px;box-shadow:var(--border-shadow-s)}.color-picker-preview>span{position:relative;display:grid;grid-template-rows:18px 1fr;min-width:0;text-align:center}.color-picker-preview>span>span{position:relative;z-index:1;color:var(--cte-text-muted);background:var(--neutral-2);line-height:18px}.color-picker-preview i{display:block}.color-picker-value-row{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:6px;min-width:0;padding-top:4px}.color-picker-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;overflow:hidden;border-radius:var(--radius-s);background:var(--neutral-2);box-shadow:var(--border-shadow-s)}.color-picker-inputs label{position:relative;display:grid;grid-template-rows:22px 12px;min-width:0;color:var(--cte-text-muted);text-align:center}.color-picker-inputs label+label{box-shadow:inset 1px 0 0 var(--neutral-4)}.color-picker-value-row input{width:100%;min-width:0;border:0;padding:2px 5px 0;color:var(--neutral-10);background:var(--color-none);font-family:var(--font-data);font-size:var(--size-xs);line-height:20px;text-align:center;outline:none}.color-picker-value-row input[aria-invalid=true]{box-shadow:inset 0 0 0 var(--border-s) var(--error)}.color-picker-inputs label span{font-size:var(--size-xxs);line-height:12px}.color-picker-number-label[data-scrub-handle]{cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none}.color-picker-hex-row .color-picker-inputs{grid-template-columns:minmax(0,1fr) 58px}.color-picker-hex-row .color-picker-inputs>label:first-child input{text-align:left}.color-picker-status{min-height:16px;padding-top:3px;overflow:hidden;color:var(--cte-text-muted);font-size:var(--size-xxs);line-height:var(--line-xxs);text-overflow:ellipsis;white-space:nowrap}.color-picker-error{color:var(--error)}.color-picker-eyedropper{position:absolute;right:0;top:-28px}.color-picker-eyedropper:disabled{color:var(--cte-text-muted);cursor:not-allowed;opacity:.5}.color-picker-swatch{display:inline-block;flex-shrink:0;width:var(--space-l);height:var(--space-l);overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs)}.color-picker-swatch-fill{display:block;width:100%;height:100%}.color-picker-trigger-swatch{flex-shrink:0;width:16px;height:16px;padding:0;gap:0;border-radius:var(--radius-xs);background:var(--color-none);box-shadow:none}.theme-dark .color-picker-trigger-swatch{background:var(--color-none)}.color-picker-trigger-swatch .color-picker-swatch{width:16px;height:16px}.color-picker-trigger-swatch:focus-visible{outline-offset:var(--border-s)}@media(max-width:570px){.color-picker-popup{width:calc(100vw - 24px);height:min(560px,calc(100vh - 24px))}.color-picker-content{grid-template-columns:1fr;grid-template-rows:minmax(210px,1fr) auto;overflow-y:auto}.color-picker-details{min-height:260px}}@media(prefers-reduced-motion:no-preference){.color-picker-popup{transition:opacity var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing)}}.token-field{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-xs);min-width:0;height:24px;padding:0 var(--space-xs) 0 4px;border-radius:var(--radius-s);background:var(--neutral-2);color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);cursor:default}.token-field-swatch{position:relative;display:inline-block;flex-shrink:0;width:16px;height:16px;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs)}.token-field-swatch-fill{display:block;width:100%;height:100%}.token-chip{flex:1 1 auto;min-width:3ch;height:18px;padding:0 var(--space-xs);overflow:hidden;border-radius:var(--radius-xs);background:var(--neutral-4);color:var(--neutral-10);font-weight:var(--weight-ui-medium);line-height:18px;white-space:nowrap;text-overflow:ellipsis}.theme-light .token-chip{background:var(--neutral-3)}.token-field-context{flex:0 1 auto;min-width:0;margin-left:auto;overflow:hidden;color:var(--neutral-6);font-family:var(--font-data);font-weight:var(--weight-data-regular);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis}.token-field-opacity{display:flex;flex:0 0 54px;min-width:0;height:20px;align-items:center;margin-left:auto;color:var(--neutral-6);font-family:var(--font-data);font-variant-numeric:tabular-nums}.token-field-opacity input{width:100%;min-width:0;height:20px;padding:0 2px;border:0;outline:0;background:transparent;color:var(--neutral-10);font:inherit;text-align:right}.token-field-opacity input::placeholder{color:var(--neutral-6)}.token-field-opacity input:focus-visible{border-radius:var(--radius-xs);outline:var(--focus-ring-outline);outline-offset:0}.token-field-opacity input:disabled{color:var(--neutral-6);cursor:not-allowed}.token-field-opacity>span{flex:0 0 auto;padding-right:2px}.token-field-text{flex:1 1 auto;min-width:0;padding-left:var(--space-xxs);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.token-field[data-tone=mixed]{color:var(--neutral-6)}.token-field[data-tone=error]{color:var(--error)}.token-field[data-tone=error] .token-field-text{padding-left:0}.token-field-alert{display:inline-flex;flex-shrink:0;width:16px;height:16px;align-items:center;justify-content:center}.token-field-alert .icon{width:14px;height:14px}.token-actions{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-xxs);min-width:0;height:24px}.token-chooser{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.token-chooser:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .token-chooser:hover{background:var(--neutral-3)}.token-chooser:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.token-chooser[data-disabled]{opacity:.5;cursor:not-allowed}.token-chooser-glyph{width:14px;height:14px;fill:currentColor}.token-chooser-positioner{z-index:330}.token-chooser-popup{width:208px;max-height:min(460px,var(--available-height));overflow:hidden;border:0;border-radius:var(--radius-s);background:color-mix(in srgb,var(--neutral-2) 92%,transparent);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.theme-light .token-chooser-popup{background:color-mix(in srgb,var(--neutral-1) 94%,transparent)}.token-chooser-header{display:flex;align-items:center;gap:var(--space-xs);height:32px;padding:4px var(--space-s);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--cte-border);color:var(--neutral-6)}.token-chooser-header .icon{width:12px;height:12px}.token-chooser-header input{flex:1 1 auto;min-width:0;height:24px;padding:0;border:0;outline:none;background:transparent;color:var(--neutral-10);font-family:var(--font-ui);font-size:var(--size-xs)}.token-chooser-list{max-height:428px;overflow-y:auto;padding:var(--space-xxs) 0}.token-chooser-option{display:flex;align-items:center;gap:var(--space-s);width:100%;height:28px;padding:0 var(--space-s);border:0;background:transparent;color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);text-align:left;cursor:default}.token-chooser-option[data-active]{background:var(--neutral-4);color:var(--neutral-10)}.theme-light .token-chooser-option[data-active]{background:var(--neutral-3)}.token-chooser-option:disabled{color:var(--neutral-5)}.token-chooser-swatch{display:block;flex:0 0 32px;width:32px;height:20px;overflow:hidden;border-radius:var(--radius-xs);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs);box-shadow:var(--border-shadow-s)}.token-chooser-swatch>span{display:block;width:100%;height:100%}.token-chooser-empty{display:grid;min-height:200px;place-items:center;padding:var(--space-m);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);text-align:center}.token-action{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-7);cursor:pointer}.token-action .icon{width:14px;height:14px}.token-action:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .token-action:hover{background:var(--neutral-3)}.token-action:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.token-action:disabled{opacity:.5;cursor:not-allowed}.token-action[aria-disabled=true]{color:var(--neutral-5);cursor:not-allowed}.token-action[aria-disabled=true]:hover{background:var(--color-none);color:var(--neutral-5)}.appearance-section{position:relative;display:flex;flex-direction:column}.appearance-section:after{content:"";position:absolute;inset-inline:0;bottom:0;height:var(--border-s);background:var(--cte-border);pointer-events:none}.appearance-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);height:32px;padding:0 var(--space-m);outline:none}.appearance-section-header:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.appearance-section[data-absent] .appearance-section-header{cursor:pointer}.appearance-section-title{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.appearance-section[data-absent] .appearance-section-title{color:var(--neutral-5)}.appearance-section[data-absent] .appearance-section-header:hover .appearance-section-title{color:var(--neutral-7)}.appearance-section-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-s)}.appearance-section-body{display:flex;flex-direction:column;min-width:0;padding:0 var(--space-m) var(--space-s)}.appearance-line{display:flex;align-items:center;gap:var(--space-xxs);min-width:0;min-height:24px;padding:var(--space-xxs) 0}.appearance-line>*{flex:1 1 0;min-width:0}.appearance-line[data-layout=value-actions]>:first-child{flex:1 1 auto}.appearance-line[data-layout=value-actions]>:not(:first-child){flex:0 0 auto}.appearance-line>.appearance-icon-button,.appearance-line>.appearance-handle,.appearance-line>.appearance-segments,.appearance-line>.inspector-text-button{flex:0 0 auto}.appearance-line[data-lead]>:first-child{flex:0 0 88px}.appearance-line[data-lead]>:only-child{flex:1 1 0}.appearance-spacer{display:block}.appearance-icon-button,.appearance-handle{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.appearance-handle{width:16px;cursor:grab;touch-action:none}.appearance-glyph{width:14px;height:14px}.appearance-icon-button:hover,.appearance-handle:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .appearance-icon-button:hover,.theme-dark .appearance-handle:hover{background:var(--neutral-3)}.appearance-icon-button[data-off]{color:var(--neutral-5)}.appearance-icon-button:disabled,.appearance-handle:disabled{opacity:.5;cursor:not-allowed}.appearance-icon-button:disabled:hover,.appearance-handle:disabled:hover{background:var(--color-none);color:var(--neutral-6)}.appearance-icon-button:focus-visible,.appearance-handle:focus-visible,.appearance-segment:focus-visible,.appearance-mixed:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.appearance-mixed{display:flex;align-items:center;width:100%;height:24px;margin:var(--space-xxs) 0;padding:0 var(--space-s);border:0;border-radius:var(--radius-s);background:var(--neutral-2);color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);text-align:left;cursor:pointer}.theme-dark .appearance-mixed{background:var(--neutral-3)}.appearance-mixed:hover{color:var(--neutral-10)}.appearance-mixed:disabled{opacity:.5;cursor:not-allowed}.appearance-list{display:flex;flex-direction:column;min-width:0}.appearance-item{display:flex;flex-direction:column;min-width:0;border-radius:var(--radius-s)}.appearance-item+.appearance-item{box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.appearance-item[data-dragging]{background:var(--neutral-2);box-shadow:var(--border-shadow-s)}.theme-dark .appearance-item[data-dragging]{background:var(--neutral-3)}.appearance-item[data-dragging] .appearance-handle{cursor:grabbing}.appearance-select{width:100%;border:0;text-align:left}.appearance-select[data-mixed] .appearance-select-value{color:var(--neutral-5)}.appearance-select-value{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:24px}.appearance-select-positioner{z-index:320;min-width:var(--anchor-width)}.appearance-select-popup{width:var(--anchor-width);max-height:min(460px,var(--available-height));overflow:hidden;border:0;border-radius:var(--radius-s);background:color-mix(in srgb,var(--neutral-2) 92%,transparent);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:var(--transform-origin)}.theme-light .appearance-select-popup{background:color-mix(in srgb,var(--neutral-1) 94%,transparent)}.appearance-select-list{max-height:min(460px,var(--available-height));overflow-y:auto;padding:var(--space-xxs);outline:none}.appearance-select-group{display:contents}.appearance-select-item{display:flex;align-items:center;gap:var(--space-s);min-height:28px;padding:0 var(--space-s);border-radius:var(--radius-xs);color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);cursor:default;outline:none}.appearance-select-item[data-highlighted]{background:var(--neutral-4);color:var(--neutral-10)}.theme-light .appearance-select-item[data-highlighted]{background:var(--neutral-3)}.appearance-select-item[data-disabled]{color:var(--neutral-5)}.appearance-select-item-text{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.appearance-select-indicator{flex:0 0 auto;color:var(--color-1);font-size:11px}.appearance-select-separator{height:var(--border-s);margin:var(--space-xxs) var(--space-s);background:var(--cte-border)}@media(prefers-reduced-motion:no-preference){.appearance-select-popup{transition:opacity var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing)}}.appearance-segments{display:inline-flex;align-items:stretch;width:90px;height:24px;padding:1px;border-radius:var(--radius-s);background:var(--neutral-2);box-shadow:inset 0 0 0 var(--border-s) var(--cte-border)}.theme-dark .appearance-segments{background:var(--neutral-3)}.appearance-segment{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0;border:0;border-radius:var(--radius-s);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.appearance-segment:hover{color:var(--neutral-10)}.appearance-segment[data-checked]{background:var(--neutral-4);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-s)}.theme-light .appearance-segment[data-checked]{background:var(--neutral-1)}.appearance-segment:disabled{opacity:.5;cursor:not-allowed}.appearance-file{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);opacity:0;pointer-events:none}.appearance-image{display:flex;align-items:center;gap:var(--space-xs);min-width:0;height:24px}.appearance-image-thumb{display:inline-flex;flex-shrink:0;width:24px;height:24px;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs)}.appearance-image-thumb img{width:100%;height:100%;object-fit:cover}.appearance-image-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.gradient-bar{padding:var(--space-xxs) var(--space-s)}.gradient-bar-rail{position:relative;height:24px}.gradient-bar-track{position:absolute;inset:4px 0;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-s) var(--space-s);cursor:copy}.gradient-bar-fill{position:absolute;inset:0}.gradient-bar[data-disabled] .gradient-bar-track{cursor:not-allowed}.gradient-bar-stop{position:absolute;top:0;width:12px;height:24px;padding:2px;border:0;border-radius:var(--radius-xs);background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-s);transform:translate(-50%);cursor:ew-resize;touch-action:none}.gradient-bar-stop[data-active]{box-shadow:0 0 0 2px var(--color-1),var(--shadow-s)}.gradient-bar-stop:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-s)}.gradient-bar-stop-color{display:block;width:100%;height:100%;border-radius:2px;box-shadow:var(--border-shadow-s)}.gradient-bar-midpoint{position:absolute;top:50%;width:8px;height:8px;padding:0;border:0;border-radius:1px;background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-s);transform:translate(-50%,-50%) rotate(45deg);cursor:ew-resize;touch-action:none}.gradient-bar-midpoint:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-s)}.gradient-bar-stop:disabled,.gradient-bar-midpoint:disabled{cursor:not-allowed}.sizing-field-control{display:flex;min-width:0;height:24px}.sizing-field-control>.inspector-field{flex:1 1 auto;border-radius:var(--radius-s) 0 0 var(--radius-s)}.sizing-field-trigger{display:inline-flex;flex:0 0 20px;align-items:center;justify-content:center;width:20px;height:24px;padding:0;border:0;border-radius:0 var(--radius-s) var(--radius-s) 0;background:var(--neutral-1);color:var(--neutral-6);box-shadow:inset var(--border-s) 0 0 var(--cte-border),var(--border-shadow-s);cursor:pointer}.theme-dark .sizing-field-trigger{background:var(--neutral-3)}.sizing-field-trigger:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .sizing-field-trigger:hover{background:var(--neutral-4)}.sizing-field-trigger:focus-visible{position:relative;z-index:1;outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.sizing-field-trigger:disabled{color:var(--neutral-5);background:var(--neutral-2);cursor:not-allowed}.sizing-field-trigger .icon{width:10px;height:10px;transform:rotate(90deg)}.sizing-field-positioner{z-index:330}.sizing-field-popup{min-width:72px;overflow:hidden;border:0;border-radius:var(--radius-s);background:color-mix(in srgb,var(--neutral-2) 92%,transparent);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-m);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform-origin:var(--transform-origin)}.theme-light .sizing-field-popup{background:color-mix(in srgb,var(--neutral-1) 94%,transparent)}.sizing-field-options{padding:var(--space-xxs)}.sizing-field-option{display:flex;align-items:center;justify-content:space-between;width:100%;height:28px;padding:0 var(--space-s);border:0;border-radius:var(--radius-xs);background:transparent;color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);text-align:left;cursor:default}.sizing-field-option:hover,.sizing-field-option:focus-visible{background:var(--neutral-4);color:var(--neutral-10);outline:none}.theme-light .sizing-field-option:hover,.theme-light .sizing-field-option:focus-visible{background:var(--neutral-3)}.sizing-field-option:disabled{color:var(--neutral-5)}.sizing-field-option .icon{width:12px;height:12px;color:var(--color-1)}@media(prefers-reduced-motion:no-preference){.sizing-field-popup{transition:opacity var(--motion-duration) var(--motion-easing),transform var(--motion-duration) var(--motion-easing)}}.radius-mode-button{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.radius-mode-button svg{width:14px;height:14px}.radius-mode-button:hover,.radius-mode-button[aria-pressed=true]{background:var(--neutral-3);color:var(--neutral-10)}.radius-mode-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.radius-mode-button:disabled{opacity:.5;cursor:not-allowed}.radius-unified-row{display:flex;align-items:center;gap:var(--space-s);min-width:0;min-height:24px;padding:var(--space-xxs) 0}.radius-unified-row>.radius-slider{flex:1 1 auto;min-width:0}.radius-value-slot{display:flex;flex:0 0 68px;min-width:0}.radius-value-slot>*{flex:1 1 auto;min-width:0}.radius-slider{height:24px;margin:0;padding:0;border:0;appearance:none;background:var(--color-none);cursor:pointer}.radius-slider::-webkit-slider-runnable-track{height:var(--space-s);border-radius:var(--radius-full);background:linear-gradient(to right,var(--neutral-9) 0 var(--radius-slider-value),var(--neutral-4) var(--radius-slider-value) 100%)}.radius-slider::-moz-range-track{height:var(--space-s);border-radius:var(--radius-full);background:linear-gradient(to right,var(--neutral-9) 0 var(--radius-slider-value),var(--neutral-4) var(--radius-slider-value) 100%)}.radius-slider::-webkit-slider-thumb{width:var(--space-m);height:var(--space-m);margin-top:calc((var(--space-s) - var(--space-m)) / 2);border:0;border-radius:var(--radius-full);appearance:none;background:var(--neutral-10);box-shadow:var(--border-shadow-s)}.radius-slider::-moz-range-thumb{width:var(--space-m);height:var(--space-m);border:0;border-radius:var(--radius-full);background:var(--neutral-10);box-shadow:var(--border-shadow-s)}.radius-slider:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--space-xxs)}.radius-slider:disabled{opacity:.5;cursor:not-allowed}.radius-slider[data-mixed]::-webkit-slider-runnable-track{background:var(--neutral-4)}.radius-slider[data-mixed]::-moz-range-track{background:var(--neutral-4)}.radius-corner-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xxs);min-width:0;padding:var(--space-xxs) 0}.radius-corner-glyph{width:13px;height:13px}.radius-corner-grid .inspector-field{gap:var(--space-xxs);padding-right:var(--space-xs)}.radius-corner-grid .inspector-field-prefix[data-scrub-handle]{width:20px}.sidebar-stack{display:flex;flex-direction:column;min-height:100%}.sidebar-section{display:flex;flex-direction:column;min-width:0;box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.sidebar-section:first-child{box-shadow:none}.sidebar-section[data-grow][data-expanded]{flex:1;min-height:0}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);height:36px;padding:0 var(--space-m) 0 calc(var(--space-s) + 2px)}.sidebar-section-toggle{display:inline-flex;align-items:center;gap:var(--space-s);min-width:0;height:36px;padding:0;border:0;background:var(--color-none);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);cursor:pointer}.sidebar-section-toggle:hover{color:var(--neutral-8)}.sidebar-section-toggle:focus-visible,.sidebar-action:focus-visible,.sidebar-page-row:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-l))}.sidebar-section-chevron{display:inline-flex;width:12px;height:12px;color:inherit}.sidebar-section-chevron .icon{width:12px;height:12px;transform:rotate(90deg);transition:transform var(--motion-duration) var(--motion-easing)}.sidebar-section:not([data-expanded]) .sidebar-section-chevron .icon{transform:rotate(0)}.sidebar-section-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-section-count{color:var(--neutral-5);font-variant-numeric:tabular-nums}.sidebar-section-actions{display:inline-flex;align-items:center;gap:var(--space-xxs)}.sidebar-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;border-radius:var(--radius-s);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.sidebar-action:hover{background:var(--neutral-2);color:var(--neutral-10)}.sidebar-action[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sidebar-action[aria-disabled=true]:hover{background:var(--color-none);color:var(--neutral-6)}.sidebar-section-body{display:flex;flex-direction:column;min-height:0;padding-bottom:var(--space-xs);overflow-y:auto}.sidebar-page-row{display:flex;align-items:center;gap:var(--space-xs);height:30px;margin:0 var(--space-xs);padding:0 var(--space-xxs);border-radius:var(--radius-xs);color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);cursor:pointer}.sidebar-page-row:hover{background:var(--neutral-2)}.sidebar-page-row[data-selected=true]{background:var(--navigation-active-background);color:var(--neutral-10)}.sidebar-page-icon{display:inline-flex;color:var(--neutral-6)}.sidebar-page-row[data-selected=true] .sidebar-page-icon{color:var(--neutral-10)}.sidebar-page-name{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sidebar-inline-name{flex:1;min-width:0;height:22px;padding:0 var(--space-xxs);border:0;border-radius:var(--radius-xs);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s);font:inherit;line-height:var(--line-xs);outline:none}.sidebar-inline-name:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}@media(prefers-reduced-motion:reduce){.sidebar-section-chevron .icon{transition:none}}.left-rail:has(>.sidebar-tabs){display:flex;flex-direction:column}.left-rail:has(>.sidebar-tabs)>*{flex-shrink:0}.sidebar-tabs{position:sticky;top:44px;z-index:3;padding:0 var(--space-m) var(--space-s);background:var(--neutral-1)}.sidebar-tabs-track{display:flex;align-items:stretch;height:24px;border-radius:var(--radius-s);background:var(--neutral-2);box-shadow:var(--border-shadow-s)}.theme-dark .sidebar-tabs-track{background:var(--neutral-3)}.sidebar-tab{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;padding:0 var(--space-xs);border:0;border-radius:var(--radius-s);background:var(--color-none);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);cursor:pointer}.sidebar-tab:hover{color:var(--neutral-10)}.sidebar-tab[aria-selected=true]{background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s)}.theme-dark .sidebar-tab[aria-selected=true]{background:var(--neutral-4)}.sidebar-tab:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.sidebar-tab-panel{display:flex;flex-direction:column;flex:1 0 auto;min-height:0}.sidebar-tab-panel>.sidebar-stack{flex:1 0 auto;min-height:0}.theme-panel{display:flex;flex-direction:column;min-width:0}.theme-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);height:32px;padding:0 var(--space-s) 0 var(--space-m);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--cte-border)}.theme-toolbar-lead{display:flex;flex:1 1 auto;align-items:center;min-width:0}.theme-toolbar-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-xxs)}.theme-count{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.theme-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.theme-icon-button .icon{width:14px;height:14px}.theme-icon-button[data-direction=up] .icon{transform:rotate(-90deg)}.theme-icon-button[data-direction=down] .icon{transform:rotate(90deg)}.theme-icon-button:hover{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .theme-icon-button:hover{background:var(--neutral-3)}.theme-icon-button:disabled{opacity:.5;cursor:not-allowed}.theme-icon-button:disabled:hover{background:var(--color-none);color:var(--neutral-6)}.theme-search{display:flex;flex:1 1 auto;align-items:center;gap:var(--space-xs);min-width:0;height:24px;padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s);cursor:text}.theme-dark .theme-search{background:var(--neutral-3)}.theme-search:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent)}.theme-search-icon{display:inline-flex;color:var(--neutral-6)}.theme-search-icon .icon{width:14px;height:14px}.theme-search-input{flex:1;width:100%;min-width:0;height:24px;padding:0;border:0;background:var(--color-none);color:inherit;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);outline:none}.theme-search-input::placeholder{color:var(--neutral-5)}.theme-group{display:flex;flex-direction:column;min-width:0}.theme-group-toggle{display:flex;align-items:center;gap:var(--space-s);height:32px;padding:0 var(--space-m) 0 calc(var(--space-s) + 2px);border:0;background:var(--color-none);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);text-align:left;cursor:pointer}.theme-group-toggle:hover{color:var(--neutral-8)}.theme-group-chevron{display:inline-flex;width:12px;height:12px}.theme-group-chevron .icon{width:12px;height:12px;transform:rotate(0);transition:transform var(--motion-duration) var(--motion-easing)}.theme-group[data-expanded] .theme-group-chevron .icon{transform:rotate(90deg)}.theme-group-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.theme-group-count{color:var(--neutral-5);font-variant-numeric:tabular-nums}.theme-group-body{display:flex;flex-direction:column;padding-bottom:var(--space-xs)}.theme-token-list{display:flex;flex-direction:column;gap:1px}.theme-token-row{display:flex;align-items:center;gap:var(--space-s);height:24px;margin:0 var(--space-xs);padding:0 var(--space-xs);border-radius:var(--radius-xs);color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);cursor:default}.theme-token-row:hover{background:var(--neutral-2)}.theme-dark .theme-token-row:hover{background:var(--neutral-3)}.theme-token-row[data-selected]{background:var(--navigation-active-background);color:var(--neutral-10)}.theme-token-row:focus-visible,.theme-group-toggle:focus-visible,.theme-icon-button:focus-visible,.theme-button:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-s))}.theme-token-name{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.theme-token-value{display:inline-flex;flex:0 1 auto;align-items:center;justify-content:flex-end;gap:var(--space-xxs);min-width:0}.theme-swatch{position:relative;display:inline-block;flex-shrink:0;width:16px;height:16px;overflow:hidden;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s);background-image:repeating-conic-gradient(var(--neutral-4) 0 25%,var(--neutral-3) 0 50%);background-size:var(--space-xs) var(--space-xs)}.theme-swatch[data-size=preview]{width:100%;height:56px;border-radius:var(--radius-s);background-size:var(--space-s) var(--space-s)}.theme-swatch-fill{display:block;width:100%;height:100%}.theme-swatch[data-unresolved]:after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,var(--color-none) calc(50% - .5px),var(--error) 50%,var(--color-none) calc(50% + .5px))}.theme-color-value{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--neutral-7);font-variant-numeric:tabular-nums}.theme-color-hex{font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-regular);text-transform:uppercase}.theme-color-opacity{min-width:4ch;text-align:right;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs)}.theme-chip{display:inline-flex;align-items:center;min-width:0;max-width:112px;height:18px;padding:0 var(--space-xs);overflow:hidden;border-radius:var(--radius-xs);background:var(--neutral-3);color:var(--neutral-8);font-family:var(--font-ui);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-ui-medium);white-space:nowrap;text-overflow:ellipsis}.theme-dark .theme-chip{background:var(--neutral-4)}.theme-empty{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s);padding:var(--space-m)}.theme-empty-title{color:var(--neutral-9);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.theme-note{margin:0;padding:var(--space-s) var(--space-m);color:var(--neutral-6);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs)}.theme-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);min-height:24px;padding:0 var(--space-s);border:0;border-radius:var(--radius-s);background:var(--color-none);color:var(--neutral-10);box-shadow:var(--border-shadow-s);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);cursor:pointer}.theme-button:hover{background:var(--neutral-2)}.theme-dark .theme-button:hover{background:var(--neutral-3)}.theme-button[data-variant=primary]{background:var(--color-1);color:var(--cte-accent-text)}.theme-button[data-variant=danger]{color:var(--error)}.theme-button[data-variant=danger]:hover{background:var(--error-transparent)}.theme-button:disabled{color:var(--neutral-6);cursor:not-allowed}.theme-editor-positioner{z-index:300}.theme-editor{display:flex;flex-direction:column;gap:var(--space-s);width:248px;padding:var(--space-m);border:0;border-radius:var(--radius-m);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s),var(--shadow-m);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular);outline:none}.theme-dark .theme-editor{background:var(--neutral-2)}.theme-editor-title{margin:0;color:var(--neutral-7);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.theme-editor-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:24px}.theme-editor-title-actions{display:inline-flex;align-items:center;gap:var(--space-xxs);margin-right:calc(-1 * var(--space-xs))}.theme-editor-field{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:var(--space-s);min-width:0}.theme-editor-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-7)}.theme-editor-control{display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}.theme-readonly{display:flex;align-items:center;height:24px;padding:0 var(--space-s);overflow:hidden;border-radius:var(--radius-s);background:var(--neutral-2);color:var(--neutral-7);box-shadow:var(--border-shadow-s);font-family:var(--font-data);font-weight:var(--weight-data-regular);white-space:nowrap;text-overflow:ellipsis}.theme-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-xs);padding-top:var(--space-xs)}.theme-editor-actions>:first-child{margin-right:auto}.theme-confirm{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-xs);padding-top:var(--space-xs)}@media(prefers-reduced-motion:reduce){.theme-group-chevron .icon{transition:none}}.panel-header-bar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);height:44px;padding:0 var(--space-m) 0 var(--space-s)}.panel-header-title{display:flex;flex:1;align-items:center;min-width:0;height:24px;padding:0 var(--space-xxs);border-radius:var(--radius-xs)}.panel-header-title-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--neutral-10);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.panel-header-actions{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-xxs)}.panel-header-actions .button{min-height:24px;padding:0 var(--space-s);font-size:var(--size-xs);line-height:var(--line-xs)}.header-icon-button{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;padding:2px;border:0;border-radius:var(--radius-xs);background:var(--color-none);color:var(--neutral-6);cursor:pointer}.header-icon-button .icon{width:20px;height:20px}.header-icon-button:hover{background:var(--neutral-2);color:var(--neutral-10)}.header-icon-button[aria-pressed=true]{color:var(--neutral-10)}.header-icon-button:disabled{opacity:.5;cursor:not-allowed}.header-icon-button:focus-visible,.panel-resizer:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-l))}.panel-resizer{position:absolute;top:0;bottom:0;z-index:10;width:12px;cursor:ew-resize;touch-action:none}.panel-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--border-s);background:var(--color-none);transition:background var(--motion-duration) var(--motion-easing)}.panel-resizer:hover:after,.panel-resizer:focus-visible:after{background:var(--color-1)}@media(prefers-reduced-motion:reduce){.panel-resizer:after{transition:none}}.work-area{position:relative}.left-rail>.panel-header-bar,.right-rail>.panel-header-bar{position:sticky;top:0;z-index:3;background:var(--neutral-1)}.panel-toolbar{position:sticky;top:0;z-index:3;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;gap:2px;padding:var(--space-l) var(--space-m) var(--space-xs);background:var(--neutral-1)}.panel-toolbar .button{min-height:22px;margin-left:var(--space-xs);padding:0 var(--space-s);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.header-icon-button[data-compact]{padding:0;color:var(--neutral-6)}.header-icon-button[data-compact] .icon{width:15px;height:15px}.theme-dark .header-icon-button:hover{background:var(--neutral-3)}.header-icon-button[data-compact][aria-pressed=true]{background:var(--neutral-2);color:var(--neutral-10)}.theme-dark .header-icon-button[data-compact][aria-pressed=true]{background:var(--neutral-3)}.repository-list{display:flex;flex-direction:column;gap:var(--space-xxs)}.repository-scroll-area{position:relative;display:flex;height:min(32vh,280px);min-height:0;flex-direction:column;margin:var(--space-xxs) 0;overflow:hidden;border-radius:var(--radius-m);background:var(--neutral-2);box-shadow:inset 0 0 0 var(--border-s) var(--cte-border)}.repository-scroll-viewport{width:100%;min-height:0;flex:1;overscroll-behavior:contain;outline:none}.repository-scroll-viewport:focus-visible{outline:var(--focus-ring-outline);outline-offset:calc(-1 * var(--border-l))}.repository-scroll-content{min-width:0;padding:var(--space-xxs) var(--space-s) var(--space-xxs) var(--space-xxs)}.repository-scroll-area[data-has-action] .repository-scroll-content{padding-bottom:calc(var(--space-xxl) + var(--space-l))}.repository-scrollbar{z-index:3;display:flex;width:var(--space-s);justify-content:center;padding:var(--space-xxs);opacity:0;transition:opacity var(--motion-duration) var(--motion-easing)}.repository-scroll-area:hover .repository-scrollbar,.repository-scroll-area:focus-within .repository-scrollbar,.repository-scrollbar[data-hovering],.repository-scrollbar[data-scrolling]{opacity:1}.repository-scroll-thumb{width:100%;min-height:var(--space-xl);border-radius:var(--radius-m);background:var(--neutral-6)}.repository-scroll-area .repository-row:hover{background:var(--neutral-3)}.repository-row{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:var(--space-xs);min-height:36px;padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-s)}.repository-row[data-selectable]{cursor:pointer}.repository-row[data-kind=token]{-webkit-user-select:none;user-select:none}.repository-row[data-kind=component]{grid-template-columns:auto minmax(0,1fr)}.repository-row:hover{background:var(--neutral-2)}.repository-row[data-selected]{background:var(--navigation-active-background);color:var(--navigation-active-foreground)}.repository-select{width:var(--space-m);height:var(--space-m);margin:0;accent-color:var(--color-1)}.repository-select:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.repository-mark{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;color:var(--neutral-7)}.repository-mark .icon{width:16px;height:16px}.repository-row-body{display:flex;min-width:0;flex-direction:column}.repository-row-name{overflow:hidden;color:var(--neutral-10);font-weight:var(--weight-ui-medium);text-overflow:ellipsis;white-space:nowrap}.repository-row-detail{overflow:hidden;color:var(--cte-text-muted);font-family:var(--font-data);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);text-overflow:ellipsis;white-space:nowrap}.repository-row-action .button{min-height:22px;padding:0 var(--space-xs);font-size:var(--size-xxs);line-height:var(--line-xxs)}.repository-list-static{display:flex;flex-direction:column;gap:var(--space-xs)}.repository-list-header{position:relative;z-index:2;display:flex;min-height:32px;flex:0 0 auto;align-items:center;padding:var(--space-xxs) var(--space-s) var(--space-xxs) var(--space-xs);background:var(--neutral-2);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--cte-border)}.repository-selection-toggle{display:flex;width:100%;align-items:center;gap:var(--space-xs);color:var(--neutral-10);cursor:pointer;font-weight:var(--weight-ui-medium);-webkit-user-select:none;user-select:none}.repository-bulk-bar{display:flex;width:100%}.repository-bulk-bar .button{width:100%}.repository-scroll-area .repository-bulk-bar{position:absolute;z-index:2;inset-inline:var(--space-xxs);bottom:var(--space-xxs);width:auto;padding-top:var(--space-xl);pointer-events:none}.repository-scroll-area .repository-bulk-bar:before{position:absolute;inset:0;content:"";background:linear-gradient(to bottom,var(--color-none),var(--neutral-2) 55%);pointer-events:none}.repository-scroll-area .repository-bulk-bar .button{position:relative;z-index:1;pointer-events:auto}.repository-summary{color:var(--cte-text-muted);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs)}.repository-diagnostics{display:flex;flex-direction:column;gap:var(--space-xs)}.repository-diagnostic{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xxs) var(--space-xs);padding:var(--space-xs);border-radius:var(--radius-s);background:var(--neutral-2)}.repository-diagnostic-name{overflow:hidden;color:var(--neutral-9);font-weight:var(--weight-ui-medium);text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap}.repository-diagnostic-count{color:var(--cte-text-muted);font-family:var(--font-data)}.repository-diagnostic .repository-row-detail{grid-column:1 / -1;white-space:normal}@media(prefers-reduced-motion:reduce){.repository-scrollbar{transition:none}}.theme-light{--border-default-color: rgb(0 0 0 / .1);--border-l: 2px;--border-m: 1px;--border-none: 0px;--border-s: 1px;--border-shadow-l: 0 0 0 2px rgb(0 0 0 / .1);--border-shadow-m: 0 0 0 1px rgb(0 0 0 / .1);--border-shadow-none: 0 0 0 0 transparent;--border-shadow-s: 0 0 0 1px rgb(0 0 0 / .1);--color-1: oklch(.3797 .0772 167.68);--color-1-transparent: color-mix(in srgb, oklch(.3797 .0772 167.68) 30%, transparent);--color-2: #00c9bb;--color-2-transparent: #00c9bb33;--color-3: #76ef6b;--color-3-transparent: #76ef6b33;--color-4: #e864ff;--color-4-transparent: #e864ff33;--color-none: transparent;--cte-accent: oklch(.3797 .0772 167.68);--cte-accent-text: #ffffff;--cte-border: rgb(0 0 0 / .1);--cte-canvas: #ffffff;--canvas-grid-color: rgb(128 128 128 / .32);--cte-danger: #ff5263;--cte-detail-font-size: 15px;--cte-detail-letter-spacing: 0em;--cte-detail-line-height: 23px;--cte-focus: oklch(.3797 .0772 167.68);--cte-font: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cte-font-size: 12px;--cte-font-weight: 400;--cte-letter-spacing: 0em;--cte-line-height: 16px;--cte-surface: #fafafa;--cte-surface-muted: #f0f0f0;--cte-text: #000000;--cte-text-muted: #6c6c6c;--emphasis-balance-background: #f0f0f0;--emphasis-chart-fill: transparent;--emphasis-icon-background: #f0f0f0;--emphasis-icon-foreground: #000000;--emphasis-rewards-background: #f0f0f0;--emphasis-type-background: #f0f0f0;--emphasis-type-foreground: #000000;--error: #ff5263;--error-transparent: #ff526333;--focus-ring-outline: 2px solid color-mix(in srgb, oklch(.3797 .0772 167.68) 60%, transparent);--font-brand: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-data: "Sidebar Geist Mono", monospace;--font-editorial: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--icon-bold-display: none;--icon-light-display: inline;--icon-regular-display: none;--icon-stroke-width: 1.5;--letter-spacing-l: 0em;--letter-spacing-m: 0em;--letter-spacing-s: 0em;--letter-spacing-xl: 0em;--letter-spacing-xs: .005em;--letter-spacing-xxl: 0em;--letter-spacing-xxs: .005em;--line-l: 24px;--line-m: 20px;--line-s: 18px;--line-xl: 28px;--line-xs: 16px;--line-xxl: 34px;--line-xxs: 14px;--motion-bounce: .2;--motion-duration: .15s;--motion-easing: cubic-bezier(.2, .8, .2, 1);--motion-enabled: 1;--motion-large-bounce: .2;--motion-large-duration: .3s;--motion-large-easing: cubic-bezier(.16, 1, .3, 1);--motion-large-iterations: infinite;--motion-large-type: easing;--motion-large-visual-duration: .3;--motion-popup-scale: .96;--motion-press-distance: 1px;--motion-small-iterations: infinite;--motion-type: easing;--motion-visual-duration: .15;--navigation-active-background: #f0f0f0;--navigation-active-foreground: #000000;--neutral-1: #ffffff;--neutral-1-transparent: #ffffff33;--neutral-10: #000000;--neutral-10-transparent: #00000033;--neutral-2: #fafafa;--neutral-2-transparent: #fafafa33;--neutral-3: #f0f0f0;--neutral-3-transparent: #f0f0f033;--neutral-4: #dddddd;--neutral-4-transparent: #dddddd33;--neutral-5: #c5c5c5;--neutral-5-transparent: #c5c5c533;--neutral-6: #969696;--neutral-6-transparent: #96969633;--neutral-7: #6c6c6c;--neutral-7-transparent: #6c6c6c33;--neutral-8: #454545;--neutral-8-transparent: #45454533;--neutral-9: #252525;--neutral-9-transparent: #25252533;--option-badge-background: #f0f0f0;--option-badge-foreground: #000000;--radius-full: 9999px;--radius-l: 14px;--radius-m: 10px;--radius-s: 6px;--radius-xl: 20px;--radius-xs: 4px;--radius-zero: 0px;--shadow-l: 0px 12px 30px 0px #00000000;--shadow-m: 0px 8px 24px 0px #00000000;--shadow-none: none;--shadow-s: 0px 1px 2px 0px #00000000;--size-l: 16px;--size-m: 14px;--size-s: 13px;--size-xl: 20px;--size-xs: 12px;--size-xxl: 28px;--size-xxs: 11px;--space-l: 16px;--space-m: 12px;--space-s: 8px;--space-xl: 24px;--space-xs: 6px;--space-xxl: 32px;--space-xxs: 4px;--space-zero: 0px;--success: #76ef6b;--success-transparent: #76ef6b33;--surface-raised-image: none;--surface-raised-shadow: 0 0 0 0 transparent;--surface-recessed-image: none;--surface-recessed-shadow: 0 0 0 0 transparent;--theme-icon-family: Central;--theme-icon-style: filled;--theme-name: Wonder;--toolbar-divider-bleed: 1;--warning: #ffa344;--warning-transparent: #ffa34433;--weight-brand-heavy: 600;--weight-brand-medium: 500;--weight-brand-regular: 400;--weight-data-heavy: 600;--weight-data-medium: 500;--weight-data-regular: 400;--weight-editorial-heavy: 600;--weight-editorial-medium: 500;--weight-editorial-regular: 400;--weight-ui-heavy: 600;--weight-ui-medium: 500;--weight-ui-regular: 400}.theme-dark{--border-default-color: color-mix(in srgb, oklch(93.1% 0 0) 6%, transparent);--border-l: 2px;--border-m: 1px;--border-none: 0px;--border-s: 1px;--border-shadow-l: 0 0 0 2px rgba(53, 53, 53, .8);--border-shadow-m: 0 0 0 1px rgba(53, 53, 53, .8), inset 0 0 0 1px oklch(22.5% 0 0);--border-shadow-none: 0 0 0 0 transparent;--border-shadow-s: 0 0 0 1px rgba(53, 53, 53, .8), 0 1px 1px -.5px rgba(0, 0, 0, .35);--color-1: oklch(.3797 .0772 167.68);--color-1-transparent: color-mix(in srgb, oklch(.3797 .0772 167.68) 30%, transparent);--color-2: #00c9bb;--color-2-transparent: #00c9bb33;--color-3: #76ef6b;--color-3-transparent: #76ef6b33;--color-4: #e864ff;--color-4-transparent: #e864ff33;--color-none: transparent;--cte-accent: oklch(.3797 .0772 167.68);--cte-accent-text: oklch(97% 0 0);--cte-border: color-mix(in srgb, oklch(93.1% 0 0) 6%, transparent);--cte-canvas: oklch(21.7% 0 0);--canvas-grid-color: rgb(128 128 128 / .32);--cte-danger: #ff5263;--cte-detail-font-size: 15px;--cte-detail-letter-spacing: 0em;--cte-detail-line-height: 23px;--cte-focus: oklch(.3797 .0772 167.68);--cte-font: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--cte-font-size: 12px;--cte-font-weight: 400;--cte-letter-spacing: 0em;--cte-line-height: 16px;--cte-surface: oklch(22.5% 0 0);--cte-surface-muted: oklch(25% 0 0);--cte-text: oklch(93.1% 0 0);--cte-text-muted: oklch(65.3% 0 0);--emphasis-balance-background: #2b2b2b;--emphasis-chart-fill: transparent;--emphasis-icon-background: oklch(29% 0 0);--emphasis-icon-foreground: oklch(93.1% 0 0);--emphasis-rewards-background: #2b2b2b;--emphasis-type-background: #2b2b2b;--emphasis-type-foreground: #ffffff;--error: #ff5263;--error-transparent: #ff526333;--focus-ring-outline: 2px solid color-mix(in srgb, oklch(.3797 .0772 167.68) 60%, transparent);--font-brand: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-data: "Sidebar Geist Mono", monospace;--font-editorial: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui: "GT Standard M", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--icon-bold-display: none;--icon-light-display: inline;--icon-regular-display: none;--icon-stroke-width: 1.5;--letter-spacing-l: 0em;--letter-spacing-m: 0em;--letter-spacing-s: 0em;--letter-spacing-xl: 0em;--letter-spacing-xs: .005em;--letter-spacing-xxl: 0em;--letter-spacing-xxs: .005em;--line-l: 24px;--line-m: 20px;--line-s: 18px;--line-xl: 28px;--line-xs: 16px;--line-xxl: 34px;--line-xxs: 14px;--motion-bounce: .2;--motion-duration: .15s;--motion-easing: cubic-bezier(.2, .8, .2, 1);--motion-enabled: 1;--motion-large-bounce: .2;--motion-large-duration: .3s;--motion-large-easing: cubic-bezier(.16, 1, .3, 1);--motion-large-iterations: infinite;--motion-large-type: easing;--motion-large-visual-duration: .3;--motion-popup-scale: .96;--motion-press-distance: 1px;--motion-small-iterations: infinite;--motion-type: easing;--motion-visual-duration: .15;--navigation-active-background: color-mix(in srgb, oklch(65.3% 0 0) 16%, transparent);--navigation-active-foreground: oklch(93.1% 0 0);--neutral-1: oklch(22.5% 0 0);--neutral-1-transparent: color-mix(in srgb, oklch(22.5% 0 0) 20%, transparent);--neutral-10: oklch(93.1% 0 0);--neutral-10-transparent: color-mix(in srgb, oklch(93.1% 0 0) 20%, transparent);--neutral-2: oklch(25% 0 0);--neutral-2-transparent: color-mix(in srgb, oklch(25% 0 0) 20%, transparent);--neutral-3: oklch(29% 0 0);--neutral-3-transparent: color-mix(in srgb, oklch(29% 0 0) 20%, transparent);--neutral-4: oklch(33.3% 0 0);--neutral-4-transparent: color-mix(in srgb, oklch(33.3% 0 0) 20%, transparent);--neutral-5: oklch(54.5% 0 0);--neutral-5-transparent: color-mix(in srgb, oklch(54.5% 0 0) 20%, transparent);--neutral-6: oklch(65.3% 0 0);--neutral-6-transparent: color-mix(in srgb, oklch(65.3% 0 0) 20%, transparent);--neutral-7: oklch(73.2% 0 0);--neutral-7-transparent: color-mix(in srgb, oklch(73.2% 0 0) 20%, transparent);--neutral-8: oklch(80.8% 0 0);--neutral-8-transparent: color-mix(in srgb, oklch(80.8% 0 0) 20%, transparent);--neutral-9: oklch(87% 0 0);--neutral-9-transparent: color-mix(in srgb, oklch(87% 0 0) 20%, transparent);--option-badge-background: oklch(29% 0 0);--option-badge-foreground: oklch(93.1% 0 0);--radius-full: 9999px;--radius-l: 14px;--radius-m: 10px;--radius-s: 6px;--radius-xl: 20px;--radius-xs: 4px;--radius-zero: 0px;--shadow-l: 0 1px 2px -.5px rgba(0, 0, 0, .3), 0 8px 16px -4px rgba(0, 0, 0, .4), 0 16px 32px -4px rgba(0, 0, 0, .36);--shadow-m: 0 1px 2px -.5px rgba(0, 0, 0, .3), 0 4px 8px -3px rgba(0, 0, 0, .34), 0 8px 20px -2px rgba(0, 0, 0, .3);--shadow-none: none;--shadow-s: 0 1px 1px -.5px rgba(0, 0, 0, .35);--size-l: 16px;--size-m: 14px;--size-s: 13px;--size-xl: 20px;--size-xs: 12px;--size-xxl: 28px;--size-xxs: 11px;--space-l: 16px;--space-m: 12px;--space-s: 8px;--space-xl: 24px;--space-xs: 6px;--space-xxl: 32px;--space-xxs: 4px;--space-zero: 0px;--success: #76ef6b;--success-transparent: #76ef6b33;--surface-raised-image: none;--surface-raised-shadow: 0 0 0 0 transparent;--surface-recessed-image: none;--surface-recessed-shadow: 0 0 0 0 transparent;--theme-icon-family: Central;--theme-icon-style: filled;--theme-name: Wonder;--toolbar-divider-bleed: 1;--warning: #ffa344;--warning-transparent: #ffa34433;--weight-brand-heavy: 600;--weight-brand-medium: 500;--weight-brand-regular: 400;--weight-data-heavy: 600;--weight-data-medium: 500;--weight-data-regular: 400;--weight-editorial-heavy: 600;--weight-editorial-medium: 500;--weight-editorial-regular: 400;--weight-ui-heavy: 600;--weight-ui-medium: 500;--weight-ui-regular: 400}html,body,#root{margin:0;width:100%;height:100%}*{box-sizing:border-box}.editor-root{position:relative;height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--cte-canvas);color:var(--cte-text);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.theme-light{color-scheme:light}.theme-dark{color-scheme:dark}.stack,.panel,.field{display:flex;flex-direction:column;gap:var(--space-s)}.row,.panel-header,.file-bar,.file-actions,.value-pair,.tabs,.toolbar,.canvas-footer,.scope-options{display:flex;align-items:center;gap:var(--space-xs)}.file-bar{flex-shrink:0;height:44px;padding:0 var(--space-m) 0 var(--space-s);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--cte-border);background:var(--neutral-1)}.file-name{display:flex;align-items:center;gap:var(--space-s);flex:1}.file-actions{gap:var(--space-s)}.work-area{display:grid;grid-template-columns:280px minmax(0,1fr) 280px;flex:1;min-height:0}.left-rail,.right-rail{background:var(--neutral-1);overflow-y:auto;padding-bottom:var(--space-m);min-width:0}.left-rail{box-shadow:inset calc(-1 * var(--border-s)) 0 0 var(--cte-border)}.right-rail{box-shadow:inset var(--border-s) 0 0 var(--cte-border)}.panel-header{justify-content:space-between;min-height:36px;padding:0 var(--space-m) 0 calc(var(--space-s) + 2px);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.panel-header .heading{color:var(--neutral-6)}.heading{margin:0;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium)}.text{font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.text-muted{color:var(--cte-text-muted)}.text-strong{font-weight:var(--weight-ui-medium)}.text-data{font-family:var(--font-data);font-weight:var(--weight-data-regular)}.text-runtime-tag{display:inline-flex;align-items:center;gap:var(--space-xxs);padding:var(--space-xxs) var(--space-xs);border-radius:var(--radius-xs);background:var(--neutral-2);color:var(--neutral-8);font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);font-weight:var(--weight-ui-medium);white-space:nowrap}.theme-dark .text-runtime-tag{background:var(--neutral-3)}.text-runtime-tag.runtime-live:before{content:"";width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-full);background:var(--success)}.text-small{font-size:var(--size-xxs);line-height:var(--line-xxs);letter-spacing:var(--letter-spacing-xxs);color:var(--cte-text-muted)}.button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;gap:var(--space-xs);min-height:24px;padding:var(--space-xxs) var(--space-s);border:0;border-radius:var(--radius-s);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);color:var(--neutral-10);cursor:pointer;background:var(--color-none);box-shadow:var(--shadow-none)}.button:hover{background:var(--neutral-3-transparent)}.button:focus-visible,.input:focus-visible,.check input:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.button-primary{color:var(--cte-accent-text);background:var(--color-1);box-shadow:inset 0 0 0 var(--border-s) var(--border-default-color)}.button-primary:hover{background:var(--color-1);box-shadow:inset 0 0 0 var(--border-s) var(--border-default-color),var(--shadow-s)}.button-secondary{background:var(--neutral-3);box-shadow:var(--border-shadow-s)}.button-outline{box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4)}.button:disabled{cursor:not-allowed;color:var(--neutral-6)}.button-primary:disabled{background:var(--neutral-3);color:var(--neutral-6)}.button[data-active]{background:var(--navigation-active-background);color:var(--navigation-active-foreground)}.file-bar .button,.tabs .button,.toolbar .button,.canvas-footer .button,.layer-depth-0 .button,.layer-depth-1 .button,.scope-options .button{font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);padding:var(--space-xs)}.icon{width:20px;height:20px;flex-shrink:0}.tabs{padding:0 var(--space-m);gap:var(--space-m);box-shadow:inset 0 calc(-1 * var(--border-s)) 0 var(--neutral-4)}.source-tab{border:0;border-radius:var(--radius-zero);background:var(--color-none);color:var(--neutral-6);padding:var(--space-s) 0;font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);cursor:pointer;transition:color var(--motion-duration) var(--motion-easing)}.source-tab:hover,.source-tab[data-active]{color:var(--neutral-10)}.theme-dark .source-tab[data-active]{color:var(--color-1)}.source-tab:focus-visible{outline:var(--focus-ring-outline)}.layer-depth-0,.layer-depth-1{padding:0 var(--space-xs)}.layer-depth-1{padding-left:var(--space-xl)}.layer-depth-0 .button,.layer-depth-1 .button{justify-content:flex-start;width:100%}.library-content{padding:var(--space-s) var(--space-xs);gap:var(--space-s)}.library-content>.text,.library-content>.property-field{padding:0 var(--space-xs)}.component-list{display:flex;flex-direction:column;gap:var(--space-xxs)}.component-list .button{justify-content:flex-start;font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-regular)}.component-list .button .icon,.layer-depth-0 .button .icon,.layer-depth-1 .button .icon{width:var(--space-m);height:var(--space-m);color:var(--neutral-7)}.component-list .button:disabled .icon{color:inherit}.layer-depth-0 .button[data-active],.layer-depth-1 .button[data-active]{font-weight:var(--weight-ui-medium)}.layer-depth-0 .button[data-active] .icon,.layer-depth-1 .button[data-active] .icon{color:inherit}.canvas-area{position:relative;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--neutral-2);overflow:hidden}.canvas-grid{display:none;position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(var(--neutral-4) var(--border-s),var(--color-none) var(--border-s));background-size:22px 22px}.canvas-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:var(--space-m) var(--space-l)}.preview-stage{position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow:auto;padding:var(--space-xl)}.preview-frame{width:420px;height:540px;flex-shrink:0;border:0;background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-l);transform-origin:center}.preview-placeholder{position:absolute;top:50%;left:50%;width:min(360px,calc(100% - 2 * var(--space-xxl)));z-index:1;transform:translate(-50%,-50%)}.toolbar{align-self:center;position:relative;padding:var(--space-xxs);gap:var(--space-xxs);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-m)}.theme-dark .toolbar{background:var(--neutral-2)}.canvas-area>.canvas-top{padding-left:calc(var(--space-s) + 44px + var(--space-m))}.canvas-footer{position:relative;justify-content:space-between;padding:var(--space-m) var(--space-l)}.zoom-controls{display:flex;align-items:center;gap:var(--space-xs)}.canvas-footer-start{display:flex;align-items:center;gap:var(--space-s)}.preview-theme-control{display:flex;align-items:center;gap:var(--space-xs)}.canvas-runtime-status{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.preview-theme-control .input.canvas-choice{height:24px;padding-block:0;font-size:var(--size-xs);line-height:var(--line-xs)}.disclosure{box-shadow:inset 0 var(--border-s) 0 var(--cte-border);padding:0 var(--space-m)}.disclosure summary{display:flex;align-items:center;gap:var(--space-xxs);padding:var(--space-s) 0;border-radius:var(--radius-s);color:var(--neutral-10);cursor:pointer;list-style:none;font-weight:var(--weight-ui-medium)}.disclosure summary::-webkit-details-marker{display:none}.disclosure summary:focus-visible{outline:var(--focus-ring-outline);outline-offset:var(--border-l)}.disclosure summary .icon{width:var(--space-m);height:var(--space-m);color:var(--neutral-7);transition:transform var(--motion-duration) var(--motion-easing)}.disclosure summary:hover .icon{color:var(--neutral-10)}.disclosure[open]>summary .icon{transform:rotate(90deg)}.disclosure-content{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-m)}@media(prefers-reduced-motion:reduce){.disclosure summary .icon{transition:none}}.scope-options{align-items:stretch;flex-wrap:wrap}.scope-options .button{text-align:center;flex:1}.scope-radio{font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);padding:var(--space-xs)}.scope-radio[data-checked]{background:var(--navigation-active-background);color:var(--navigation-active-foreground)}.field{gap:var(--space-xxs)}.field-label{color:var(--cte-text-muted)}.input{width:100%;min-width:0;height:24px;border:0;padding:0 var(--space-s);border-radius:var(--radius-s);background:var(--neutral-1);color:var(--neutral-10);box-shadow:var(--border-shadow-s);font-family:var(--font-ui);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-ui-medium);transition:box-shadow var(--motion-duration) var(--motion-easing)}.theme-dark .input{background:var(--neutral-3)}.input:hover{box-shadow:var(--border-shadow-s)}.input:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-1) 60%,transparent);outline:none}.input[aria-invalid=true]{box-shadow:inset 0 0 0 var(--border-s) var(--error),var(--shadow-s)}.input[readonly],.theme-dark .input[readonly]{padding-inline:0;background:var(--color-none);box-shadow:none;color:var(--neutral-8);font-weight:var(--weight-ui-regular)}.input:disabled,.theme-dark .input:disabled{background:var(--neutral-2);color:var(--neutral-6);box-shadow:inset 0 0 0 var(--border-s) var(--neutral-4);cursor:not-allowed}@media(prefers-reduced-motion:reduce){.input,.source-tab{transition:none}}.value-pair{justify-content:space-between}.message{display:flex;flex-direction:column;gap:var(--space-s);padding:var(--space-m);background:var(--neutral-1);border-radius:var(--radius-s);box-shadow:var(--border-shadow-s)}.message-danger{box-shadow:inset 0 0 0 var(--border-s) var(--error)}.activity{position:absolute;left:50%;bottom:calc(var(--space-xxl) + var(--space-m));z-index:300;width:min(480px,calc(100% - 2 * var(--space-l)));padding:var(--space-s) var(--space-m);border-radius:var(--radius-s);background:var(--neutral-1);box-shadow:var(--border-shadow-s),var(--shadow-m);transform:translate(-50%)}.review-panel{height:300px;min-height:180px;display:flex;flex-direction:column;flex-shrink:0;background:var(--neutral-1);box-shadow:inset 0 var(--border-s) 0 var(--cte-border)}.review-content{overflow:auto;padding:0 var(--space-m) var(--space-m);display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:var(--space-m)}.code-block{margin:0;overflow:auto;padding:var(--space-m);border-radius:var(--radius-s);background:var(--neutral-2);color:var(--cte-text);font-family:var(--font-data);font-size:var(--size-xs);line-height:var(--line-xs);letter-spacing:var(--letter-spacing-xs);font-weight:var(--weight-data-regular);white-space:pre}.check{display:flex;align-items:flex-start;gap:var(--space-xs);font-family:var(--font-ui);font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.check input{accent-color:var(--color-1)}.dialog-backdrop{position:fixed;inset:0;z-index:20;background:var(--neutral-10-transparent)}.dialog-popup{position:fixed;top:50%;left:50%;z-index:21;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:var(--space-l);width:min(480px,90vw);padding:var(--space-l);border-radius:var(--radius-m);background:var(--neutral-1);color:var(--cte-text);box-shadow:var(--border-shadow-s),var(--shadow-l);font-family:var(--font-ui);font-weight:var(--weight-ui-regular);font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.dialog-popup{gap:var(--space-s)}.dialog-popup .heading,.dialog-popup .text{font-size:var(--size-m);line-height:var(--line-m);letter-spacing:var(--letter-spacing-m)}.color-swatch{display:inline-block;width:16px;height:16px;border-radius:var(--radius-xs);box-shadow:var(--border-shadow-s)}@media(max-width:1200px){.work-area{grid-template-columns:240px minmax(0,1fr) 260px}}@media(max-width:1000px){.work-area{grid-template-columns:206px minmax(0,1fr) 252px}.file-bar,.file-actions{gap:var(--space-xxs)}}@media(max-width:760px){.work-area{grid-template-columns:172px minmax(240px,1fr) 252px;overflow-x:auto}.review-content{grid-template-columns:1fr}}