:root{color-scheme:light;--app-system-font-stack: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-font-sans: "Noto Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", var(--app-system-font-stack);font-family:var(--app-font-sans);color:#2d241c;background:linear-gradient(135deg,#f4f1ea,#e7e0d2);--page-start: #f4f1ea;--page-end: #e7e0d2;--panel: #fcfaf6;--panel-soft: #f3ece1;--panel-softer: #f5efe5;--panel-warm: #fff8ee;--panel-dark: #2d241c;--glass-panel: rgba(252, 250, 246, .14);--glass-panel-soft: rgba(243, 236, 225, .18);--glass-panel-softer: rgba(245, 239, 229, .2);--glass-panel-warm: rgba(255, 248, 238, .22);--glass-outline: rgba(255, 255, 255, .12);--glass-surface: rgba(244, 236, 225, .16);--glass-control: rgba(255, 255, 255, .24);--glass-control-strong: rgba(255, 255, 255, .32);--glass-dark: rgba(45, 36, 28, .36);--glass-border-panel: rgba(216, 204, 184, .28);--glass-border-surface: rgba(216, 204, 184, .24);--glass-border-control: rgba(216, 204, 184, .34);--solid-segment-surface: rgba(239, 231, 218, .74);--solid-segment-border: rgba(216, 204, 184, .56);--solid-segment-indicator: rgba(45, 36, 28, .92);--solid-action: rgba(90, 78, 65, .9);--solid-action-border: rgba(233, 223, 210, .12);--border: #d8ccb8;--border-soft: #e0d5c3;--text: #2d241c;--muted: #7c6a58;--muted-soft: #cdbfae;--focus-ring: rgba(123, 155, 191, .58);--floating-control: rgba(252, 250, 246, .88);--floating-control-border: color-mix(in srgb, var(--border) 56%, white 44%);--floating-control-shadow: 0 10px 22px rgba(45, 36, 28, .1), inset 0 1px 0 rgba(255, 255, 255, .5);--popover-shadow: 0 18px 32px rgba(45, 36, 28, .16), inset 0 1px 0 rgba(255, 255, 255, .48);--control-hover: rgba(45, 36, 28, .06);--control-selected: rgba(45, 36, 28, .1);--segment-text: #6f5e4d;--segment-active-text: #fff9f0;--action-fill: var(--panel-dark);--action-fill-hover: #3a2d22;--action-text: #fff9f0;--font-attribution-body-surface: rgba(255, 248, 238, .92);--font-attribution-body-border: color-mix(in srgb, var(--border) 40%, white 60%);--font-attribution-body-text: var(--text);--font-attribution-copy-surface: rgba(45, 36, 28, .08);--font-attribution-copy-surface-hover: rgba(45, 36, 28, .12);--font-picker-popover-sheen: linear-gradient(180deg, rgba(255, 255, 255, .34), rgba(255, 255, 255, .08) 28%, transparent);--font-picker-option-surface: color-mix(in srgb, var(--panel) 88%, white 12%);--font-picker-option-surface-hover: color-mix(in srgb, var(--panel-soft) 86%, white 14%);--font-picker-option-selected: color-mix(in srgb, rgba(236, 243, 251, .98) 72%, var(--font-picker-option-surface) 28%);--divider-gap: 14px;--visual-viewport-height: 100svh;--visual-viewport-offset-top: 0px;--browser-ui-inset-bottom: 0px;--theme-fade-duration: .32s;--theme-fade-easing: cubic-bezier(.22, 1, .36, 1);--theme-fade-page-start: var(--page-start);--theme-fade-page-end: var(--page-end)}:root[data-locale=ja]{--app-font-sans: "Noto Sans JP", "Noto Sans", "Noto Sans SC", "Noto Sans KR", "Hiragino Sans", "Yu Gothic UI", var(--app-system-font-stack)}:root[data-locale=zh]{--app-font-sans: "Noto Sans SC", "Noto Sans", "Noto Sans JP", "Noto Sans KR", "PingFang SC", "Microsoft YaHei", var(--app-system-font-stack)}:root[data-locale=ko]{--app-font-sans: "Noto Sans KR", "Noto Sans", "Noto Sans JP", "Noto Sans SC", "Apple SD Gothic Neo", "Malgun Gothic", var(--app-system-font-stack)}:root[data-locale=en]{--app-font-sans: "Noto Sans", "Noto Sans JP", "Noto Sans SC", "Noto Sans KR", var(--app-system-font-stack)}:root[data-theme=dark]{color-scheme:dark;color:#f4ede3;background:linear-gradient(135deg,#15120f,#272019);--page-start: #15120f;--page-end: #272019;--panel: #26211c;--panel-soft: #302920;--panel-softer: #372e24;--panel-warm: #332719;--panel-dark: #f1dfc4;--glass-panel: rgba(38, 33, 28, .62);--glass-panel-soft: rgba(48, 41, 32, .66);--glass-panel-softer: rgba(55, 46, 36, .7);--glass-panel-warm: rgba(51, 39, 25, .72);--glass-outline: rgba(255, 244, 222, .08);--glass-surface: rgba(255, 239, 213, .08);--glass-control: rgba(255, 239, 213, .1);--glass-control-strong: rgba(255, 239, 213, .16);--glass-dark: rgba(0, 0, 0, .34);--glass-border-panel: rgba(202, 170, 124, .18);--glass-border-surface: rgba(202, 170, 124, .16);--glass-border-control: rgba(202, 170, 124, .24);--solid-segment-surface: rgba(34, 29, 24, .86);--solid-segment-border: rgba(202, 170, 124, .28);--solid-segment-indicator: #d8b77d;--solid-action: #d8b77d;--solid-action-border: rgba(255, 244, 222, .18);--border: #5c4c38;--border-soft: #4b4032;--text: #f4ede3;--muted: #c7b69f;--muted-soft: #8f806d;--focus-ring: rgba(141, 180, 211, .62);--floating-control: rgba(39, 34, 28, .9);--floating-control-border: rgba(202, 170, 124, .26);--floating-control-shadow: 0 12px 24px rgba(0, 0, 0, .28), inset 0 1px 0 rgba(255, 244, 222, .08);--popover-shadow: 0 20px 36px rgba(0, 0, 0, .36), inset 0 1px 0 rgba(255, 244, 222, .08);--control-hover: rgba(255, 239, 213, .08);--control-selected: rgba(216, 183, 125, .2);--segment-text: #c7b69f;--segment-active-text: #1c1711;--action-fill: #d8b77d;--action-fill-hover: #e4c993;--action-text: #1c1711;--font-attribution-body-surface: rgba(18, 15, 12, .72);--font-attribution-body-border: color-mix(in srgb, var(--border) 54%, transparent);--font-attribution-body-text: var(--text);--font-attribution-copy-surface: rgba(216, 183, 125, .12);--font-attribution-copy-surface-hover: rgba(216, 183, 125, .18);--font-picker-popover-sheen: linear-gradient(180deg, rgba(255, 239, 213, .08), rgba(255, 239, 213, .03) 28%, transparent);--font-picker-option-surface: color-mix(in srgb, var(--glass-control-strong) 62%, var(--panel-soft) 38%);--font-picker-option-surface-hover: color-mix(in srgb, var(--glass-control-strong) 78%, var(--panel-softer) 22%);--font-picker-option-selected: color-mix(in srgb, var(--control-selected) 72%, var(--font-picker-option-surface) 28%)}*{box-sizing:border-box}html,body,#app{min-height:100%}html{background:var(--page-end);scrollbar-gutter:stable}body{margin:0;overflow-x:hidden;min-height:100dvh;background:linear-gradient(135deg,var(--page-start) 0%,var(--page-end) 100%)}html.is-theme-css-fading body:before{content:"";position:fixed;inset:0;z-index:2147483647;pointer-events:none;background:linear-gradient(135deg,var(--theme-fade-page-start) 0%,var(--theme-fade-page-end) 100%);animation:theme-page-fade-out var(--theme-fade-duration) var(--theme-fade-easing) both}html.is-keycap-export-overlay-open,body.is-keycap-export-overlay-open{overflow:hidden;overscroll-behavior:none}button,input,select{font:inherit}button{appearance:none}h1,h2,h3,p,ol,pre{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{--shell-padding-block: 24px;--shell-padding-inline: 24px;--shell-padding-top: max(var(--shell-padding-block), env(safe-area-inset-top, 0px));--shell-padding-right: max(var(--shell-padding-inline), env(safe-area-inset-right, 0px));--shell-padding-bottom: max( var(--shell-padding-block), env(safe-area-inset-bottom, 0px), var(--browser-ui-inset-bottom) );--shell-padding-left: max(var(--shell-padding-inline), env(safe-area-inset-left, 0px));position:relative;min-height:100vh;min-height:100dvh;padding:var(--shell-padding-top) var(--shell-padding-right) var(--shell-padding-bottom) var(--shell-padding-left);overflow-x:clip;background:linear-gradient(135deg,var(--page-start) 0%,var(--page-end) 100%)}.app-top-controls{position:fixed;top:var(--shell-padding-top, 24px);right:var(--shell-padding-right, 24px);z-index:80;display:flex;align-items:flex-start;gap:8px;pointer-events:none}.theme-control,.language-control{position:relative;pointer-events:auto}.theme-switch{display:inline-grid;grid-template-columns:repeat(2,34px);gap:4px;min-height:40px;padding:3px;border:1px solid var(--floating-control-border);border-radius:14px;background:var(--floating-control);box-shadow:var(--floating-control-shadow);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);position:relative;isolation:isolate}.theme-switch__indicator{position:absolute;top:3px;bottom:3px;left:3px;z-index:0;width:calc((100% - 10px)/2);border-radius:10px;background:var(--solid-segment-indicator);box-shadow:0 8px 16px #2d241c1a,inset 0 1px #ffffff14;transform:translate(calc(var(--theme-index) * (100% + 4px)));transition:transform .24s cubic-bezier(.22,1,.36,1);pointer-events:none}.theme-switch.is-switching .theme-switch__indicator{animation:theme-switch-indicator-settle .26s cubic-bezier(.22,1,.36,1) both}.theme-switch__button{display:inline-grid;place-items:center;width:34px;height:32px;border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;position:relative;z-index:1;transition:background-color .18s ease,color .18s ease,transform .18s ease}.theme-switch__button:hover{color:var(--text);background:var(--control-hover)}.theme-switch__button.is-selected{background:transparent;color:var(--segment-active-text)}.theme-switch__button.is-selected:hover{background:transparent}.theme-switch__button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-switch__button:active{transform:translateY(1px)}.theme-switch__icon,.theme-switch__icon svg{display:block;width:17px;height:17px}.theme-switch__icon svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.theme-switch__button.is-activating .theme-switch__icon{animation:theme-switch-icon-enter .26s cubic-bezier(.22,1,.36,1) both}@keyframes theme-switch-indicator-settle{0%{filter:brightness(.98)}58%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes theme-switch-icon-enter{0%{opacity:.72;transform:translateY(1px) scale(.9)}62%{opacity:1;transform:translateY(-1px) scale(1.08)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.theme-switch__indicator{transition:none}.theme-switch.is-switching .theme-switch__indicator,.theme-switch__button.is-activating .theme-switch__icon{animation:none}}.language-combobox{--language-menu-offset-y: -6px;position:relative}.language-combobox__button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 12px;border:1px solid var(--floating-control-border);border-radius:14px;background:var(--floating-control);color:var(--text);box-shadow:var(--floating-control-shadow);backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);cursor:pointer}.language-combobox__button:focus-visible,.language-combobox__option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.language-combobox__icon,.language-combobox__icon svg{display:block;width:17px;height:17px}.language-combobox__icon svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.language-combobox__label{font-size:12px;font-weight:800;letter-spacing:0;line-height:1;white-space:nowrap}.language-combobox__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:2;display:grid;gap:4px;min-width:150px;padding:6px;border:1px solid var(--floating-control-border);border-radius:14px;background:var(--panel);box-shadow:var(--popover-shadow);opacity:0;pointer-events:none;transform:translateY(var(--language-menu-offset-y)) scale(.98);transform-origin:top right;visibility:hidden;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s linear .22s;will-change:opacity,transform}.language-combobox.is-open .language-combobox__menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1);visibility:visible;transition:opacity .16s ease,transform .22s cubic-bezier(.22,1,.36,1),visibility 0s}.language-combobox__option{width:100%;border:0;border-radius:10px;padding:9px 10px;background:transparent;color:var(--text);font-size:13px;font-weight:700;text-align:left;cursor:pointer;transition:background-color .16s ease,color .16s ease}.language-combobox__option:hover{background:var(--control-hover)}.language-combobox__option.is-selected{background:var(--control-selected)}@media(prefers-reduced-motion:reduce){.language-combobox__menu,.language-combobox.is-open .language-combobox__menu,.language-combobox__option{transition:none}.language-combobox__menu,.language-combobox.is-open .language-combobox__menu{transform:none}}.drop-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:#2d241c2e;backdrop-filter:blur(16px) saturate(118%);-webkit-backdrop-filter:blur(16px) saturate(118%)}.drop-overlay[hidden]{display:none}.drop-overlay__card{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;align-items:center;max-width:min(540px,calc(100vw - 48px));padding:22px 24px;border-radius:22px;border:1px solid color-mix(in srgb,var(--border) 52%,white 48%);background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 32%),var(--panel);box-shadow:0 20px 44px #2d241c24,inset 0 1px #ffffff57;text-align:left}.drop-overlay__icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#2d241c14;color:var(--text)}.drop-overlay__icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.drop-overlay__copy{display:grid;gap:7px;min-width:0}.drop-overlay__card strong{font-size:22px;line-height:1.2;color:var(--text)}.drop-overlay__copy>span,.note-card p{font-size:13px;line-height:1.6;color:var(--muted)}.drop-overlay__chip{grid-column:2;justify-self:start;padding:4px 9px;border-radius:999px;background:#2d241c14;color:var(--text);font-size:11px;font-weight:800;line-height:1;letter-spacing:0}.editor-screen{--sidebar-width: clamp(320px, 34vw, 420px);--inspector-card-min-width: min(380px, calc(100vw - var(--shell-padding-left) - var(--shell-padding-right)));--column-gap: 20px;--preview-size: min( calc(100vh - 48px) , calc(100vw - 48px) );display:grid;grid-template-columns:var(--sidebar-width) var(--preview-size);gap:var(--column-gap);align-items:start;position:relative;isolation:isolate;justify-content:center}.left-column{grid-column:1;grid-row:1;min-width:0;position:relative;z-index:2}.inspector-card{display:grid;align-content:start;gap:14px;min-width:var(--inspector-card-min-width);padding:22px;border-radius:28px;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%),var(--glass-panel);border:1px solid var(--glass-border-panel);box-shadow:0 14px 28px #2d241c09,inset 0 1px 0 var(--glass-outline);backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}.mobile-inspector-shell{display:grid;gap:10px}.mobile-inspector-toggle{display:none}.inspector-content{display:grid;gap:14px}.segment-control{--segment-gap: 6px;--segment-padding: 6px;display:grid;grid-template-columns:repeat(var(--segment-count),minmax(0,1fr));gap:var(--segment-gap);padding:var(--segment-padding);border-radius:20px;background:var(--solid-segment-surface);border:1px solid var(--solid-segment-border);box-shadow:inset 0 1px #ffffff70,0 10px 24px #2d241c0f;position:relative;isolation:isolate}.segment-control__indicator{position:absolute;top:var(--segment-padding);bottom:var(--segment-padding);left:var(--segment-padding);width:calc((100% - (var(--segment-padding) * 2) - (var(--segment-gap) * (var(--segment-count) - 1))) / var(--segment-count));border-radius:14px;background:var(--solid-segment-indicator);box-shadow:0 10px 22px #2d241c1f,inset 0 1px #ffffff14;transform:translate(calc(var(--segment-index) * (100% + var(--segment-gap))));transition:transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:0}.segment-link{border:0;border-radius:14px;padding:10px 12px;background:transparent;color:var(--segment-text);font-size:13px;font-weight:700;cursor:pointer;position:relative;z-index:1;white-space:nowrap;transition:color .18s ease,transform .18s ease}.segment-link.is-active{color:var(--segment-active-text)}.inspector-panel{display:grid;gap:14px;view-transition-name:inspector-panel}.inspector-panel--export{gap:24px}.panel-intro{display:grid;gap:6px}.panel-title{font-size:24px;font-weight:700;letter-spacing:0;color:var(--text)}.panel-text,.field-hint,.field-group-header p{color:var(--muted);font-size:13px;line-height:1.45}.info-chip-list,.parameter-group-list,.note-list,.export-button-list{display:grid;gap:12px}.export-button-list{gap:24px}.info-chip,.note-card{display:grid;gap:6px;padding:14px 16px;border-radius:18px;background:var(--glass-panel-soft);border:1px solid rgba(216,204,184,.2);backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%)}.info-chip{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px}.chip-label{font-size:12px;color:var(--muted)}.info-chip strong,.note-card strong,.export-action-card strong,.export-option-action strong,.legend-input__label,.field-label,.field-group-header h3{color:var(--text)}.info-chip strong,.note-card strong{font-size:16px;font-weight:700}.legend-card,.field-group-card{display:grid;gap:14px;padding:20px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 34%),var(--glass-panel-warm);border:1px solid var(--glass-border-panel);box-shadow:0 14px 32px #2d241c09,inset 0 1px 0 var(--glass-outline);backdrop-filter:blur(0px) saturate(100%);-webkit-backdrop-filter:blur(0px) saturate(100%);transform-origin:top center}.subsection-title,.notes-heading{font-size:20px;font-weight:700;color:var(--text)}.legend-input{display:grid;gap:8px;padding:14px 16px;border-radius:16px;background:var(--glass-panel-softer);border:1px solid var(--glass-border-control);box-shadow:inset 0 1px #ffffff2e}.legend-input__label{font-size:12px;font-weight:700;color:var(--muted)}.legend-input input{width:100%;border:0;outline:none;background:transparent;font-size:20px;font-weight:700;color:var(--text)}.legend-input input::placeholder{color:color-mix(in srgb,var(--muted) 62%,white 38%)}.field-group-header{display:grid;gap:4px}.field-group-card__header{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center}.field-group-card__header--plain{grid-template-columns:minmax(0,1fr)}.field-group-card__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;background:color-mix(in srgb,var(--panel-soft) 76%,white 24%);color:var(--panel-dark);box-shadow:inset 0 1px #ffffff80,0 10px 18px #2d241c0b}.field-group-card__icon-symbol{display:block;width:44px;height:44px;background:currentColor;-webkit-mask:var(--field-group-icon) center / contain no-repeat;mask:var(--field-group-icon) center / contain no-repeat}.field-group-card__icon-symbol--stem{width:54px;height:54px}.field-group-card__title-stack{display:grid;gap:4px;align-content:center;align-self:center;min-width:0}.field-group-card__title-stack--solo{align-content:center}.field-group-card__title-stack h3{font-size:19px;font-weight:800;line-height:1.15}.field-group-card__caption{color:var(--muted);font-size:12px;font-weight:650;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-group-card__header>.field-group-toggle{align-self:center}.field-group-header__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field-group-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--border-soft) 78%,white 22%);border-radius:12px;background:var(--glass-control);color:var(--muted);cursor:pointer;box-shadow:inset 0 1px #ffffff3d,0 6px 12px #2d241c0d;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.field-group-toggle:hover{background:var(--glass-control-strong);color:var(--text)}.field-group-toggle:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.field-group-toggle__icon{display:block;width:14px;height:14px;flex:0 0 auto}.field-group-body{display:grid;gap:12px}.field-group-body[hidden]{display:none}.field-group-description{color:var(--muted);font-size:13px;line-height:1.45}.legend-subcard-list,.parameter-subcard-list{display:grid;gap:10px}.legend-subcard,.parameter-subcard{display:grid;gap:12px;padding:12px;border:1px solid var(--glass-border-surface);border-radius:16px;background:color-mix(in srgb,var(--glass-surface) 76%,transparent);box-shadow:inset 0 1px #ffffff1f}.legend-subcard__header,.parameter-subcard__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.legend-subcard__header h4,.parameter-subcard__header h4{margin:0;color:var(--text);font-size:14px;font-weight:700;line-height:1.3}.legend-subcard__body,.parameter-subcard__body{display:grid;gap:10px}.legend-subcard__body[hidden],.parameter-subcard__body[hidden]{display:none}.legend-subcard__body>.field-note{padding:0 2px}.key-unit-basis-readout{padding-top:2px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.field-grid{display:grid;gap:10px}.field{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:start;padding:12px 14px;border-radius:16px;background:var(--glass-surface);border:1px solid var(--glass-border-surface);box-shadow:inset 0 1px #ffffff1f}.field--with-leading-icon{--field-leading-icon-size: 60px;--field-leading-icon-symbol-size: 44px;--field-leading-icon-radius: 17px;grid-template-columns:var(--field-leading-icon-size) minmax(0,1fr);column-gap:12px}.field--with-leading-icon>.field-copy,.field--with-leading-icon>.field-control,.field--with-leading-icon>.field-control-cluster,.field--with-leading-icon>.field-range-control,.field--with-leading-icon>.checkbox-pill,.field--with-leading-icon>.field-note,.field--with-leading-icon>.key-unit-basis-readout{grid-column:1 / -1}.field--with-leading-icon>.field-copy{grid-column:2}.field--linked-size.field--with-leading-icon>.field-range-control,.field--linked-size.field--with-leading-icon>.field-control-cluster{grid-column:1 / -1}.field--linked-size.field--with-leading-icon>.field-leading-icon{grid-row:1}.field--key-unit-basis.field--with-leading-icon>.field-control,.field--key-unit-basis.field--with-leading-icon>.key-unit-basis-readout{grid-column:1 / -1}.field--key-unit-basis.field--with-leading-icon>.field-leading-icon{grid-row:1}.field--with-leading-icon>.field-dependent-list{grid-column:1 / -1}.field--checkbox.field--with-leading-icon>.field-leading-icon{grid-row:1}.field--single-number.field--with-leading-icon>.field-control{grid-column:1 / -1}.field--slider-number.field--with-leading-icon>.field-range-control{grid-column:1 / -1}.field--single-number.field--with-leading-icon>.field-leading-icon{grid-row:1}.field--with-leading-icon>.field-leading-icon{align-self:stretch;width:var(--field-leading-icon-size);height:auto;min-height:var(--field-leading-icon-size);border-radius:var(--field-leading-icon-radius)}.field--with-leading-icon>.field-copy{align-self:center;gap:2px}.field--with-leading-icon .field-label{font-size:14px;line-height:1.25}.field--with-leading-icon .field-hint{font-size:12px;line-height:1.35}.field--with-leading-icon .field-leading-icon__symbol{width:var(--field-leading-icon-symbol-size);height:var(--field-leading-icon-symbol-size)}.field-leading-icon{display:grid;grid-column:1;grid-row:1;place-items:center;width:48px;height:48px;align-self:start;border-radius:15px;background:color-mix(in srgb,var(--panel-soft) 76%,white 24%);color:var(--panel-dark);box-shadow:inset 0 1px #ffffff80,0 8px 14px #2d241c0a}.field-leading-icon__symbol{display:block;width:34px;height:34px;background:currentColor;-webkit-mask:var(--field-leading-icon) center / contain no-repeat;mask:var(--field-leading-icon) center / contain no-repeat}.field--checkbox{grid-template-columns:minmax(0,1fr)}.field--checkbox.field--with-leading-icon{grid-template-columns:var(--field-leading-icon-size) minmax(0,1fr);column-gap:12px}.field-note{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.field--color,.field--preview-color{grid-template-columns:minmax(0,1fr)}.field--linked-size,.field--number-pair{align-items:start}.field--font-search,.field--icon-search{align-items:start;position:relative;overflow:visible}.field--font-search.is-open,.field--icon-search.is-open{z-index:120}.field--with-dependents:has(.field--font-search.is-open),.field--with-dependents:has(.field--icon-search.is-open){position:relative;z-index:120}.field--corner-radius{gap:12px}.field--with-dependents{gap:var(--divider-gap)}.field-dependent-list{display:grid;gap:var(--divider-gap)}.field--dependent{margin-top:0;padding:var(--divider-gap) 0 0;border:0;border-top:1px solid var(--glass-border-surface);border-radius:0;background:transparent;box-shadow:none}.field-copy{display:grid;gap:4px;width:100%;min-width:0}.field>.field-control,.field>.field-control-cluster,.field>.field-range-control,.field>.font-picker,.field>.icon-picker{width:100%;justify-self:stretch}.field>.checkbox-pill{justify-self:end}.field-label{font-size:14px;font-weight:700}.field-control,.checkbox-pill{display:inline-flex;align-items:center;gap:10px;min-width:110px;max-width:100%;padding:8px 12px;border-radius:12px;background:var(--glass-control);border:1px solid var(--glass-border-control);box-shadow:inset 0 1px #ffffff24}.name-field-control{width:100%;justify-self:stretch}.name-field-control:focus-within{border-color:#7b9bbf6b;box-shadow:inset 0 1px #ffffff2e,0 0 0 3px #7b9bbf1f}.name-field-control input[type=text]{width:100%;min-width:0;margin:0;padding:0;border:0;outline:none;background:transparent;color:var(--text);font:inherit;font-weight:700;appearance:none;-webkit-appearance:none}.name-field-control input[type=text]::placeholder{color:color-mix(in srgb,var(--muted) 62%,white 38%)}.field-control-cluster{display:grid;gap:8px;width:100%}.field-control-cluster--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.field-control-cluster--slider-pair{grid-template-columns:1fr;gap:12px}.field-control-cluster--linked-size{grid-template-columns:repeat(2,minmax(0,1fr))}.field-control-cluster--linked-size .field-control{min-width:0}.field-range-control{display:grid;gap:9px;min-width:0}.field-range-slider{display:grid;min-width:0}.field-slider-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0}.field-slider-track{--field-slider-thumb-size: 18px;position:relative;display:grid;align-items:center;min-width:0;min-height:30px}.field-slider-limit{min-width:3.2ch;color:var(--muted);font-size:11px;font-weight:700;line-height:1;text-align:center;font-variant-numeric:tabular-nums}.field-slider-row input[type=range]{position:relative;z-index:1;width:100%;min-width:0;height:26px;margin:0;border:0;background:transparent;accent-color:var(--panel-dark);cursor:pointer;appearance:none;-webkit-appearance:none}.field-slider-guide-rail{position:absolute;left:calc(var(--field-slider-thumb-size) / 2);right:calc(var(--field-slider-thumb-size) / 2);top:50%;z-index:2;height:6px;pointer-events:none;transform:translateY(-50%)}.field-slider-guide{position:absolute;left:var(--field-slider-guide-position, 50%);top:50%;width:5px;height:5px;border-radius:999px;background:color-mix(in srgb,var(--panel-dark) 72%,white 28%);box-shadow:0 0 0 2px color-mix(in srgb,white 72%,var(--panel-dark) 28%);opacity:.86;transform:translate(-50%,-50%)}.field-slider-guide[hidden]{display:none}.field-slider-row input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--panel-dark) 20%,white 80%);box-shadow:inset 0 0 0 1px #2d241c14}.field-slider-row input[type=range]::-webkit-slider-thumb{width:18px;height:18px;margin-top:-6px;border:2px solid color-mix(in srgb,white 70%,var(--panel-dark) 30%);border-radius:999px;background:var(--panel-dark);box-shadow:0 2px 6px #2d241c38;appearance:none;-webkit-appearance:none}.field-slider-row input[type=range]::-moz-range-track{height:6px;border:0;border-radius:999px;background:color-mix(in srgb,var(--panel-dark) 20%,white 80%);box-shadow:inset 0 0 0 1px #2d241c14}.field-slider-row input[type=range]::-moz-range-thumb{width:18px;height:18px;border:2px solid color-mix(in srgb,white 70%,var(--panel-dark) 30%);border-radius:999px;background:var(--panel-dark);box-shadow:0 2px 6px #2d241c38}.field-range-control__number{justify-content:flex-end;width:100%}.corner-radius-panel{display:grid;gap:10px}.corner-radius-grid{display:grid;gap:8px}.corner-radius-control{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.corner-radius-control .corner-radius-icon{grid-row:1 / span 2}.corner-radius-control .field-range-slider,.corner-radius-control__input{grid-column:2;min-width:0;width:100%}.corner-radius-control__input{justify-content:stretch;padding-inline:10px}.corner-radius-control__input input[type=number]{flex:1 1 auto;min-width:3.5ch;width:100%}.corner-radius-icon{position:relative;display:inline-block;width:24px;height:24px;flex:0 0 auto;color:var(--muted)}.corner-radius-icon__mark{position:absolute;width:11px;height:11px;border-color:currentColor;border-style:solid;opacity:.82}.corner-radius-icon__mark--left-top{top:2px;left:2px;border-width:2px 0 0 2px;border-top-left-radius:7px}.corner-radius-icon__mark--right-top{top:2px;right:2px;border-width:2px 2px 0 0;border-top-right-radius:7px}.corner-radius-icon__mark--right-bottom{right:2px;bottom:2px;border-width:0 2px 2px 0;border-bottom-right-radius:7px}.corner-radius-icon__mark--left-bottom{bottom:2px;left:2px;border-width:0 0 2px 2px;border-bottom-left-radius:7px}.checkbox-toggle{position:relative;justify-self:end;gap:8px;min-width:0;min-height:34px;padding:4px 0;border:0;border-radius:999px;background:transparent;box-shadow:none;cursor:pointer}.checkbox-toggle__input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.checkbox-toggle__label{color:var(--muted);font-size:12px;font-weight:700;line-height:1}.checkbox-toggle__switch{position:relative;display:inline-block;flex:0 0 auto;width:44px;height:26px;border-radius:999px;background:var(--solid-segment-surface);box-shadow:inset 0 0 0 1px var(--solid-segment-border),inset 0 1px 2px #2d241c1f;transition:background-color .18s ease,box-shadow .18s ease}.checkbox-toggle__switch:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 1px 3px #2d241c3d,0 3px 8px #2d241c24;transition:transform .18s ease}.checkbox-toggle__input:checked~.checkbox-toggle__switch{background:var(--solid-action);box-shadow:inset 0 0 0 1px var(--solid-action-border),0 2px 6px #2d241c2e}.checkbox-toggle__input:checked~.checkbox-toggle__switch:before{transform:translate(18px)}.checkbox-toggle__input:focus-visible~.checkbox-toggle__switch{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.font-picker{position:relative;display:grid;gap:8px;width:100%;z-index:1}.font-picker-trigger-shell{position:relative;width:100%;z-index:2}.font-picker-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 12px}.font-picker-selection{min-width:0;width:100%;display:grid;gap:4px;align-content:center;justify-content:flex-start}.font-picker-selection__label{display:block;max-width:none;overflow:hidden;white-space:normal;text-overflow:clip}.font-picker-selection__meta{font-size:11px;line-height:1.4;color:var(--muted)}.font-picker-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.font-picker-landing-page-link{justify-self:start;display:inline-flex;align-items:center;gap:6px;max-width:100%;min-width:0;padding:7px 10px;border-radius:10px;color:var(--solid-action);background:color-mix(in srgb,var(--solid-action) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 18%,transparent);font-size:12px;font-weight:700;line-height:1.35;text-decoration:none}.font-picker-landing-page-link__icon{flex:0 0 auto;width:16px;height:16px;border-radius:3px;object-fit:contain}.font-picker-landing-page-link__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-picker-landing-page-link:hover{background:color-mix(in srgb,var(--solid-action) 14%,transparent)}.font-picker-landing-page-link:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.font-picker-segments{--segment-gap: 4px;--segment-padding: 4px;flex:0 0 auto;position:relative;z-index:2;display:grid;grid-template-columns:repeat(var(--segment-count),minmax(0,1fr));gap:var(--segment-gap);padding:var(--segment-padding);border-radius:12px;background:var(--solid-segment-surface);box-shadow:inset 0 0 0 1px var(--solid-segment-border),0 1px #ffffff14;isolation:isolate}.font-picker-segments__indicator{position:absolute;top:var(--segment-padding);bottom:var(--segment-padding);left:var(--segment-padding);z-index:0;width:calc((100% - (var(--segment-padding) * 2) - (var(--segment-gap) * (var(--segment-count) - 1))) / var(--segment-count));border-radius:9px;background:var(--solid-segment-indicator);box-shadow:0 8px 18px #2d241c1f,inset 0 1px #ffffff2e;transform:translate(calc(var(--segment-index) * (100% + var(--segment-gap))));transition:transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.font-picker-segment{position:relative;z-index:1;min-width:0;border:0;border-radius:9px;padding:7px 8px;color:var(--segment-text);background:transparent;font-size:11px;font-weight:800;line-height:1.25;text-align:center;cursor:pointer;transition:color .18s ease,transform .18s ease}.font-picker-segment.is-active{color:var(--segment-active-text)}.font-picker-segment:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.font-picker-option-list{display:grid;gap:6px;min-height:0;overflow-y:auto;padding-right:4px}.font-picker-add-local,.font-picker-local-action{border:0;display:inline-grid;align-items:center;gap:3px;min-width:0;border-radius:12px;color:var(--solid-action);background:color-mix(in srgb,var(--solid-action) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 18%,transparent);font-weight:800;line-height:1.35;text-align:left;cursor:pointer}.font-picker-add-local{width:100%;padding:10px 12px}.font-picker-add-local>span:first-child{font-size:12px}.font-picker-add-local>span:last-child{color:var(--muted);font-size:11px;font-weight:700}.font-picker-source-card{position:relative;display:grid;min-width:0;border-radius:12px;overflow:hidden;color:var(--solid-action);background:color-mix(in srgb,var(--solid-action) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 18%,transparent);transition:background .18s ease,box-shadow .18s ease,opacity .18s ease}.font-picker-source-card__summary{border:0;display:grid;gap:3px;width:100%;min-width:0;padding:10px 12px;color:inherit;background:transparent;font-weight:800;line-height:1.35;text-align:left;cursor:pointer}.font-picker-source-card__summary>span:first-child{font-size:12px}.font-picker-source-card__summary>span:last-child{color:var(--muted);font-size:11px;font-weight:700}.font-picker-source-card:hover{background:color-mix(in srgb,var(--solid-action) 14%,transparent)}.font-picker-source-editor{display:grid;gap:10px;min-width:0;color:var(--text);animation:font-source-card-fade .18s ease}.font-picker-source-editor__header{display:grid;grid-template-columns:minmax(44px,1fr) auto minmax(44px,1fr);align-items:center;gap:10px;min-width:0}.font-picker-source-editor__header strong{grid-column:2;min-width:0;color:var(--text);font-size:14px;line-height:1.35;text-align:center}.font-picker-source-editor__back{border:0;grid-column:1;justify-self:start;padding:5px 8px;border-radius:999px;color:var(--muted);background:#2d241c12;font-size:11px;font-weight:800;cursor:pointer}.font-source-mode-tabs{--source-mode-gap: 5px;--source-mode-column-count: 2;--source-mode-row-count: 2;--source-mode-column: 0;--source-mode-row: 0;position:relative;display:grid;grid-template-columns:repeat(var(--source-mode-column-count),minmax(0,1fr));gap:var(--source-mode-gap);isolation:isolate}.font-source-mode-tabs__indicator{position:absolute;top:0;left:0;z-index:0;width:calc((100% - (var(--source-mode-gap) * (var(--source-mode-column-count) - 1))) / var(--source-mode-column-count));height:calc((100% - (var(--source-mode-gap) * (var(--source-mode-row-count) - 1))) / var(--source-mode-row-count));border-radius:9px;background:var(--solid-segment-indicator);box-shadow:0 8px 18px #2d241c1f,inset 0 1px #ffffff2e;transform:translate(calc(var(--source-mode-column) * (100% + var(--source-mode-gap))),calc(var(--source-mode-row) * (100% + var(--source-mode-gap))));transition:transform .26s cubic-bezier(.22,1,.36,1);pointer-events:none}.font-source-mode-tab{position:relative;z-index:1;border:0;min-width:0;border-radius:9px;padding:7px 8px;color:var(--segment-text);background:transparent;font-size:11px;font-weight:800;line-height:1.25;text-align:center;cursor:pointer;transition:color .18s ease,transform .18s ease}.font-source-mode-tab.is-active{color:var(--segment-active-text)}.font-picker-source-editor__input-panel{display:grid;gap:10px;min-width:0;opacity:1;transform:translateY(0);transition:opacity .14s ease,transform .14s ease}.font-picker-source-editor__input-panel.is-entering,.font-picker-source-editor__input-panel.is-exiting{opacity:0;transform:translateY(2px)}.font-picker-source-editor__field{display:grid;gap:5px;min-width:0}.font-picker-source-editor__field>span,.font-picker-source-editor__hint{color:var(--muted);font-size:11px;font-weight:700;line-height:1.35}.font-picker-source-editor>.font-picker-local-action{justify-self:end}.font-picker-source-editor input[type=url],.font-picker-source-editor textarea{width:100%;min-width:0;border:0;border-radius:10px;padding:9px 10px;color:var(--text);background:#ffffffa8;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--border) 64%,transparent);font:inherit;font-size:12px}.font-picker-source-editor textarea{min-height:86px;resize:vertical;line-height:1.45}.font-picker-source-editor input[type=url]:focus,.font-picker-source-editor textarea:focus,.font-picker-source-editor__back:focus-visible,.font-picker-source-card__summary:focus-visible,.font-source-mode-tab:focus-visible{outline:2px solid rgba(123,155,191,.48);outline-offset:2px}@media(prefers-reduced-motion:reduce){.font-picker-popover,.font-picker-popover__content,.font-source-mode-tabs__indicator,.font-picker-source-editor__input-panel{transition:none}.font-picker-popover__content.is-entering-forward,.font-picker-popover__content.is-entering-back,.font-picker-popover__content.is-exiting-forward,.font-picker-popover__content.is-exiting-back,.font-picker-source-editor__input-panel.is-entering,.font-picker-source-editor__input-panel.is-exiting{opacity:1;transform:none}}@keyframes font-source-card-fade{0%{opacity:.72}to{opacity:1}}.font-picker-local-action{justify-self:start;padding:7px 10px;font-size:12px}.font-picker-local-action--danger{color:#a04444;background:color-mix(in srgb,#a04444 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#a04444 18%,transparent)}.font-picker-add-local:hover,.font-picker-local-action:hover{background:color-mix(in srgb,var(--solid-action) 14%,transparent)}.font-picker-local-action--danger:hover{background:color-mix(in srgb,#a04444 14%,transparent)}.font-picker-add-local:focus-visible,.font-picker-local-action:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.font-local-card{gap:8px}.font-local-card__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.font-attribution-card{gap:10px}.font-attribution-card__header{display:grid;gap:10px}.font-attribution-card__header>span{display:grid;gap:4px}.font-attribution-card__copy{justify-self:start;flex:0 0 auto;border:0;padding:8px 10px;border-radius:12px;background:var(--font-attribution-copy-surface);color:var(--text);font-size:12px;font-weight:700;cursor:pointer}.font-attribution-card__copy:hover{background:var(--font-attribution-copy-surface-hover)}.font-attribution-card__body{margin:0;padding:12px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;border-radius:14px;background:var(--font-attribution-body-surface);box-shadow:inset 0 0 0 1px var(--font-attribution-body-border);font-size:11px;line-height:1.6;color:var(--font-attribution-body-text)}.font-picker-search-button{width:40px;height:40px;flex:0 0 auto;justify-self:end;align-self:stretch;padding:0;border:0;border-radius:10px;display:inline-grid;place-items:center;cursor:pointer;color:var(--text);background:#2d241c0f;box-shadow:inset 0 0 0 1px #d8ccb86b,inset 0 1px #ffffff24}.font-picker-search-button svg,.font-picker-search-input__icon svg{width:18px;height:18px;display:block}.font-picker-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:60;display:grid;gap:8px;width:min(320px,calc(100vw - 96px));padding:10px;border-radius:16px;background:var(--font-picker-popover-sheen),var(--panel);border:1px solid var(--floating-control-border);box-shadow:0 24px 36px #2d241c2e,0 8px 18px #2d241c14,var(--popover-shadow);isolation:isolate;backdrop-filter:none;-webkit-backdrop-filter:none}.font-picker-popover.is-source-editor{gap:0}.font-picker-popover.is-transitioning{overflow:hidden}.font-picker-popover__content{display:grid;gap:8px;min-width:0;opacity:1;transform:translate(0);transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.font-picker-popover__content.is-entering-forward{opacity:0;transform:translate(8px)}.font-picker-popover__content.is-entering-back,.font-picker-popover__content.is-exiting-forward{opacity:0;transform:translate(-8px)}.font-picker-popover__content.is-exiting-back{opacity:0;transform:translate(8px)}.font-picker-search-input{width:100%;min-width:0;justify-content:flex-start}.font-picker-search-input__icon{color:var(--muted);flex:0 0 auto}.field .font-picker-search-input input[type=text]{width:100%;min-width:0}.font-picker-options{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:hidden}.font-picker-option{width:100%;border:0;display:grid;gap:4px;padding:10px 12px;border-radius:12px;text-align:left;cursor:pointer;color:var(--text);background:var(--font-picker-option-surface);box-shadow:inset 0 0 0 1px var(--glass-border-control),inset 0 1px 0 var(--glass-outline)}.font-picker-option:hover{background:var(--font-picker-option-surface-hover)}.font-picker-option.is-selected{background:var(--font-picker-option-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 36%,var(--glass-border-control) 64%),inset 0 1px 0 var(--glass-outline)}.font-picker-option__preview{font-size:14px;line-height:1.3;font-weight:700}.font-picker-option__meta,.font-picker-empty{font-size:11px;line-height:1.4;color:var(--muted)}.font-picker-empty{padding:12px}.icon-picker{position:relative;display:grid;gap:8px;width:100%;z-index:1}.icon-picker-trigger-shell{position:relative;display:grid;gap:8px;width:100%;z-index:2}.icon-picker-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:6px 6px 6px 10px}.icon-picker-selection{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.icon-picker-selection__glyph,.icon-picker-option__glyph{display:inline-grid;place-items:center;color:var(--text)}.icon-picker-selection__glyph{width:36px;height:36px;border-radius:10px;background:color-mix(in srgb,var(--panel-soft) 74%,white 26%);box-shadow:inset 0 0 0 1px var(--glass-border-control)}.icon-picker-selection__glyph svg{width:22px;height:22px}.icon-picker-selection__copy{display:grid;gap:2px;min-width:0}.icon-picker-selection__label{overflow:hidden;color:var(--text);font-size:13px;font-weight:800;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.icon-picker-selection__meta{color:var(--muted);font-size:11px;font-weight:700;line-height:1.3}.icon-picker-catalog-link{justify-self:start;display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 10px;border-radius:10px;color:var(--solid-action);background:color-mix(in srgb,var(--solid-action) 9%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 18%,transparent);font-size:12px;font-weight:700;line-height:1.35;text-decoration:none}.icon-picker-catalog-link__favicon{width:14px;height:14px;flex:0 0 auto;border-radius:3px;object-fit:contain}.icon-picker-catalog-link__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-picker-catalog-link:hover{background:color-mix(in srgb,var(--solid-action) 14%,transparent)}.icon-picker-catalog-link:focus-visible,.icon-picker-option:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.icon-picker-popover{width:100%;max-width:100%}.icon-picker-result-heading{color:var(--muted);font-size:11px;font-weight:800;line-height:1.3}.icon-picker-option-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:7px;max-height:300px;min-height:0;overflow-y:auto;padding-right:4px}.icon-picker-option{border:0;display:grid;gap:7px;align-content:center;justify-items:center;min-width:0;min-height:82px;padding:9px 7px;border-radius:12px;color:var(--text);background:var(--font-picker-option-surface);box-shadow:inset 0 0 0 1px var(--glass-border-control),inset 0 1px 0 var(--glass-outline);cursor:pointer}.icon-picker-option:hover{background:var(--font-picker-option-surface-hover)}.icon-picker-option.is-selected{background:var(--font-picker-option-selected);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--solid-action) 36%,var(--glass-border-control) 64%),inset 0 1px 0 var(--glass-outline)}.icon-picker-option__glyph svg{width:24px;height:24px}.icon-picker-option__name{width:100%;overflow:hidden;color:var(--muted);font-size:10px;font-weight:750;line-height:1.25;text-align:center;text-overflow:ellipsis;white-space:nowrap}.icon-picker-empty{grid-column:1 / -1;padding:12px;color:var(--muted);font-size:11px;line-height:1.4}.field-control-cluster--color{grid-template-columns:minmax(0,1fr) auto;align-items:center}.field-mini-control{display:grid;gap:6px}.field-mini-control__label{font-size:11px;font-weight:700;color:var(--muted);text-align:right}.field-control-cluster--slider-pair .field-mini-control__label{text-align:left}.field input[type=number]{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text);text-align:right}.field input[type=text],.field input[type=search]{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text)}.field-control--color{min-width:0;justify-content:flex-start}.field-control--color .clr-field{min-width:0}.field-control--color .clr-field>button{display:none}.field-control--color input[type=text]{width:96px;font-weight:700}.field-control.is-invalid{box-shadow:inset 0 0 0 1px #b9655e}.field-color-chip{width:18px;height:18px;flex:0 0 auto;border-radius:999px;border:1px solid rgba(45,36,28,.12);background:var(--field-color, #ffffff);box-shadow:inset 0 1px #ffffff75,0 1px 4px #2d241c1f}.field-color-button{border:0;cursor:pointer;padding:8px 12px;border-radius:12px;background:var(--glass-control);box-shadow:inset 0 0 0 1px var(--glass-border-control);color:var(--text);font-size:12px;font-weight:700}.preview-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.preview-color-option{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;cursor:pointer}.preview-color-option__input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.preview-color-option__circle{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;border:1px solid color-mix(in srgb,var(--border) 34%,white 66%);background:#fff;box-shadow:inset 0 1px #ffffffd1,0 8px 16px #2d241c1f;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.preview-color-option__swatch{width:25px;height:25px;border-radius:999px;border:1px solid rgba(45,36,28,.16);background:var(--preview-color-option-color);box-shadow:inset 0 1px #ffffff6b,0 1px 3px #2d241c24}.preview-color-option__swatch--clear{background:linear-gradient(45deg,rgba(45,36,28,.16) 25%,transparent 25% 75%,rgba(45,36,28,.16) 75%),linear-gradient(45deg,rgba(45,36,28,.16) 25%,transparent 25% 75%,rgba(45,36,28,.16) 75%),var(--preview-color-option-color);background-position:0 0,5px 5px,0 0;background-size:10px 10px,10px 10px,auto}.preview-color-option__swatch--white{border-color:#2d241c38}.preview-color-option__swatch--orange{border-color:#6f2e0042}.preview-color-option__label{max-width:100%;overflow-wrap:anywhere;color:var(--muted);font-size:11px;font-weight:700;line-height:1.2;text-align:center}.preview-color-option:hover .preview-color-option__circle{transform:translateY(-1px)}.preview-color-option__input:checked+.preview-color-option__circle{border-color:color-mix(in srgb,var(--solid-action) 70%,white 30%);box-shadow:inset 0 1px #ffffffd1,0 0 0 3px color-mix(in srgb,var(--solid-action) 28%,transparent),0 10px 18px #2d241c29}.preview-color-option__input:checked~.preview-color-option__label{color:var(--text)}.preview-color-option__input:focus-visible+.preview-color-option__circle{outline:2px solid rgba(123,155,191,.58);outline-offset:3px}.field input[type=text]::placeholder{color:color-mix(in srgb,var(--muted) 62%,white 38%)}.field input[type=search]::placeholder{color:color-mix(in srgb,var(--muted) 62%,white 38%)}.field select{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-weight:700}.field select:disabled,.field input:disabled{opacity:.56;cursor:not-allowed}.field-control--select{justify-content:space-between}.field-unit{font-size:12px;font-weight:700;color:var(--muted)}.checkbox-pill input:not(.checkbox-toggle__input){margin:0;accent-color:var(--panel-dark)}.import-binding-notice{display:grid;gap:12px;padding:14px;border-radius:18px;border:1px solid color-mix(in srgb,#b8884c 42%,var(--glass-border-surface) 58%);background:color-mix(in srgb,#fff8ee 78%,#b8884c 22%);box-shadow:inset 0 1px #ffffff38,0 8px 20px #2d241c0a;transform-origin:top center}.import-binding-notice__header{display:grid;grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:11px}.import-binding-notice__copy{display:grid;gap:4px;min-width:0}.import-binding-notice__copy strong{color:var(--text);font-size:14px;font-weight:800;line-height:1.25}.import-binding-notice__copy span{color:var(--muted);font-size:12px;font-weight:650;line-height:1.45}.import-binding-notice__toggle{align-self:center;background:#ffffff6b}.import-binding-notice__list{display:grid;gap:6px}.import-binding-notice__list[hidden]{display:none}.import-binding-notice__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(54px,max-content) 28px;gap:8px;align-items:center;min-height:30px;border-radius:12px;padding:5px 6px 5px 8px;background:#ffffff6b;box-shadow:inset 0 0 0 1px #2d241c14}.import-binding-notice__name,.import-binding-notice__value,.import-binding-notice__more{display:inline-flex;max-width:100%;align-items:center;color:var(--text);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:800;line-height:1.2;overflow-wrap:anywhere}.import-binding-notice__value{justify-self:end;color:color-mix(in srgb,var(--text) 72%,var(--muted) 28%);text-align:right;word-break:break-word}.import-binding-notice__delete{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid rgba(45,36,28,.1);border-radius:999px;background:#ffffff8a;color:color-mix(in srgb,var(--text) 76%,var(--muted) 24%);cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.import-binding-notice__delete:hover{border-color:color-mix(in srgb,#8f352d 36%,var(--border) 64%);background:color-mix(in srgb,#8f352d 12%,white 88%);color:#8f352d}.import-binding-notice__delete:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.import-binding-notice__delete:active{transform:translateY(1px)}.import-binding-notice__delete svg{display:block;width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.import-binding-notice__more{min-height:26px;justify-self:start;border-radius:999px;padding:5px 8px;background:#ffffff6b;font-family:inherit;color:var(--muted);box-shadow:inset 0 0 0 1px #2d241c14}.export-action-card{display:grid;gap:14px;padding:16px;border-radius:20px;background:var(--glass-panel-warm);border:1px solid var(--glass-border-surface);box-shadow:inset 0 1px #ffffff24,0 6px 18px #2d241c05}.export-action-card__header{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:center}.export-action-card__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#2d241c14;color:var(--text)}.export-action-card__icon svg,.export-save-button svg{display:block;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.export-action-card__icon svg{width:22px;height:22px}.export-action-card__title-stack{display:grid;gap:3px;min-width:0}.export-action-card .chip-label,.export-option-action .chip-label{color:var(--muted);font-weight:700}.export-action-card strong,.export-option-action strong{font-size:17px;line-height:1.2}.export-action-card__text{font-size:13px;line-height:1.5;color:var(--muted)}.export-options-card{display:grid;gap:14px;padding:16px;border-radius:20px;background:var(--glass-panel-warm);border:1px solid var(--glass-border-surface);box-shadow:inset 0 1px #ffffff24,0 6px 18px #2d241c05}.export-options-card__title-stack{display:grid;gap:4px;min-width:0}.export-options-card__body{display:grid;gap:var(--divider-gap);padding-top:var(--divider-gap);border-top:1px solid var(--glass-border-surface)}.export-options-card__body[hidden]{display:none}.export-option-action{display:grid;gap:14px}.export-save-button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:42px;gap:8px;border:0;border-radius:14px;padding:11px 14px;background:var(--action-fill);color:var(--action-text);font-size:14px;font-weight:700;cursor:pointer;box-shadow:inset 0 1px #ffffff14;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}.export-save-button:hover{background:var(--action-fill-hover);box-shadow:inset 0 1px #ffffff1a,0 10px 18px #2d241c1f}.export-save-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.export-save-button:active{transform:translateY(1px)}.export-save-button:disabled{opacity:.7;cursor:wait;background:var(--action-fill);transform:none;box-shadow:inset 0 1px #ffffff14}.export-save-button svg{width:16px;height:16px;flex:0 0 auto}.export-save-button span{min-width:0;white-space:nowrap}.project-panel-grid,.project-keycap-body{display:grid;gap:12px}.project-keycap-list{display:grid;gap:8px}.project-keycap-item{display:grid;gap:10px;align-items:stretch;width:100%;padding:10px;border:1px solid var(--glass-border-control);border-radius:16px;background:var(--glass-panel-softer);color:var(--text);text-align:left;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .14s ease,transform .18s ease;will-change:transform}.project-keycap-item:hover,.project-keycap-item:focus-within{border-color:color-mix(in srgb,var(--border) 72%,var(--text) 28%);background:color-mix(in srgb,var(--panel-warm) 70%,white 30%);box-shadow:0 8px 18px #2d241c14}.project-keycap-item[data-project-keycap]{cursor:pointer}.project-keycap-item.is-dragging{opacity:.42;transform:scale(.97);box-shadow:inset 0 0 0 1px #2d241c1f}.project-keycap-item__select-button:focus-visible,.project-keycap-drag-handle:focus-visible,.project-keycap-action-button:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.project-keycap-item__content{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:stretch}.project-keycap-drag-handle{display:grid;align-content:center;justify-items:center;gap:4px;min-width:0;min-height:86px;padding:6px 3px;border:1px solid color-mix(in srgb,var(--border-soft) 78%,white 22%);border-radius:12px;background:#2d241c0f;color:color-mix(in srgb,var(--text) 72%,var(--muted) 28%);cursor:grab;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.project-keycap-drag-handle:hover{border-color:color-mix(in srgb,var(--border) 72%,var(--text) 28%);background:#2d241c1a;color:var(--text)}.project-keycap-drag-handle:active{cursor:grabbing;transform:translateY(1px)}.project-keycap-drag-handle__order{color:inherit;font-size:11px;font-weight:900;line-height:1}.project-keycap-drag-handle svg{display:block;width:16px;height:16px;fill:currentColor;stroke:none}.project-keycap-action-button:active{transform:translateY(1px)}.project-keycap-item.is-active{border-color:color-mix(in srgb,var(--panel-dark) 48%,var(--border) 52%);background:color-mix(in srgb,var(--panel-warm) 84%,white 16%);box-shadow:inset 0 0 0 1px #2d241c14}.project-keycap-item__summary{display:grid;grid-template-columns:86px minmax(0,1fr);gap:12px;align-items:center;width:100%}.project-keycap-item__select-button{border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:12px}.project-keycap-item__copy{display:grid;gap:4px;min-width:0}.project-keycap-item__title-row{display:flex;align-items:center;gap:8px;min-width:0}.project-keycap-item__preview{display:block;width:86px;aspect-ratio:1;overflow:hidden;padding:0;border-radius:12px;background:var(--panel);border:1px solid color-mix(in srgb,var(--border-soft) 68%,white 32%)}.project-keycap-preview-button{cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.project-keycap-preview-button:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--text) 30%);box-shadow:0 8px 18px #2d241c1a}.project-keycap-preview-button:focus-visible{outline:2px solid rgba(123,155,191,.58);outline-offset:2px}.project-keycap-preview-button:active{transform:translateY(1px)}.project-keycap-item__preview img{display:block;width:100%;height:100%;object-fit:cover}.project-keycap-item__copy strong,.project-keycap-item__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-keycap-item__copy strong{min-width:0;font-size:15px;font-weight:800;line-height:1.2}.project-keycap-item__copy span,.project-empty,.project-status{color:var(--muted);font-size:12px;line-height:1.35}.project-keycap-item__copy .project-keycap-item__status{flex:0 0 auto;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--panel-dark) 88%,var(--panel-warm) 12%);color:var(--panel);font-size:10px;font-weight:800;line-height:1}.project-keycap-item__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-keycap-action-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:0;min-height:38px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--border-soft) 78%,white 22%);border-radius:12px;font-size:12px;font-weight:800;line-height:1;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.project-keycap-export-button{background:#2d241c14;color:var(--text)}.project-keycap-export-button:hover,.project-keycap-design-button:hover{border-color:color-mix(in srgb,var(--border) 70%,var(--text) 30%);background:#2d241c1f}.project-keycap-design-button{background:#2d241c14;color:var(--text)}.project-keycap-action-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-keycap-action-button svg{display:block;width:15px;height:15px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.project-empty{padding:10px 2px}.project-secondary-button{min-height:46px;border:1px solid color-mix(in srgb,var(--action-fill) 82%,white 18%);background:var(--action-fill);color:var(--action-text);font-weight:800;box-shadow:inset 0 1px #ffffff1f,0 10px 18px #2d241c24}.project-secondary-button:hover{background:var(--action-fill-hover);box-shadow:inset 0 1px #ffffff24,0 12px 22px #2d241c2e}.project-secondary-button:disabled{border-color:color-mix(in srgb,var(--action-fill) 58%,white 42%);background:color-mix(in srgb,var(--action-fill) 78%,white 22%);color:color-mix(in srgb,var(--action-text) 76%,transparent)}.project-save-button{min-height:46px}.project-status:empty{display:none}.keycap-export-overlay{position:fixed;inset:0;z-index:70;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;background:#2d241c38;backdrop-filter:blur(14px) saturate(112%);-webkit-backdrop-filter:blur(14px) saturate(112%)}.keycap-export-dialog{display:grid;gap:16px;width:min(520px,calc(100vw - 48px));overflow:visible;padding:20px;border-radius:22px;background:var(--panel);border:1px solid color-mix(in srgb,var(--border) 58%,white 42%);box-shadow:0 24px 60px #2d241c33,inset 0 1px #ffffff70}.keycap-export-dialog__header{display:flex;align-items:center;justify-content:space-between;gap:14px}.keycap-export-dialog__title-stack{display:grid;gap:4px;min-width:0}.keycap-export-dialog__title-stack h2{color:var(--text);font-size:22px;font-weight:800;line-height:1.18;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.keycap-export-dialog__close{font-size:20px;font-weight:800;line-height:1}.keycap-export-dialog__body{display:grid;gap:12px}.keycap-export-option{padding:14px;border-radius:18px;background:var(--glass-panel-warm);border:1px solid var(--glass-border-surface)}.keycap-export-dialog__status{color:var(--muted);font-size:12px;line-height:1.35}.keycap-export-dialog__status:empty{display:none}.project-keycap-design-dialog{width:min(460px,calc(100vw - 48px))}.project-keycap-danger-option{border-color:color-mix(in srgb,#b65a4a 36%,var(--glass-border-surface) 64%)}.project-danger-button{background:#8f352d}.project-danger-button:hover{background:#762c26}.project-danger-button:disabled,.project-danger-button:disabled:hover{cursor:not-allowed;background:color-mix(in srgb,#8f352d 48%,var(--action-fill) 52%)}.note-card--neutral:last-child{margin-bottom:2px}.right-column{grid-column:2;grid-row:1;width:var(--preview-size);position:sticky;top:24px;height:calc(100vh - 48px);z-index:1}.preview-area{display:flex;justify-content:flex-start;align-items:flex-start;height:100%;overflow:visible}.preview-stage{width:var(--preview-size);aspect-ratio:1 / 1;max-height:100%;flex:0 0 auto;position:relative;overflow:visible;background:transparent}.preview-stage__canvas{position:absolute;inset:0}.preview-stage__canvas canvas{display:block;width:100%;height:100%}@media(prefers-reduced-motion:no-preference){::view-transition-group(*){animation-duration:.22s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(root){animation-duration:0s}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-group(inspector-panel){animation-duration:.26s}::view-transition-old(inspector-panel){animation:inspector-panel-old .18s cubic-bezier(.4,0,1,1) both}::view-transition-new(inspector-panel){animation:inspector-panel-new .26s cubic-bezier(.22,1,.36,1) both}html.is-theme-transitioning::view-transition-group(*){animation-duration:var(--theme-fade-duration);animation-timing-function:var(--theme-fade-easing)}html.is-theme-transitioning::view-transition-image-pair(*){isolation:isolate}html.is-theme-transitioning .inspector-panel,html.is-theme-transitioning .import-binding-notice,html.is-theme-transitioning .field-group-card,html.is-theme-transitioning .name-field-control,html.is-theme-transitioning .parameter-subcard,html.is-theme-transitioning .legend-subcard,html.is-theme-transitioning .field{view-transition-name:none!important}html.is-theme-transitioning::view-transition-old(*),html.is-theme-transitioning::view-transition-new(*){mix-blend-mode:normal}html.is-theme-transitioning::view-transition-old(*){animation:theme-view-fade-out var(--theme-fade-duration) var(--theme-fade-easing) both}html.is-theme-transitioning::view-transition-new(*){animation:theme-view-fade-in var(--theme-fade-duration) var(--theme-fade-easing) both}}@keyframes theme-page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-view-fade-out{0%{opacity:1}to{opacity:0}}@keyframes theme-view-fade-in{0%{opacity:0}to{opacity:1}}@keyframes inspector-panel-old{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@keyframes inspector-panel-new{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.preview-placeholder{display:grid;place-items:center;height:100%;padding:24px;color:var(--muted);text-align:center;line-height:1.6}.editor-screen--overlap{grid-template-columns:var(--sidebar-width) minmax(0,1fr);justify-content:stretch}.editor-screen--overlap .right-column{grid-column:1 / -1;width:auto}.editor-screen--overlap .preview-area{justify-content:flex-end}.editor-screen--overlap .preview-stage{margin-left:auto}@media(max-width:760px){html,body,#app{height:100%;overflow:hidden}.editor-screen{--mobile-shell-padding-top: var(--shell-padding-top);--mobile-shell-padding-bottom: max(var(--shell-padding-block), env(safe-area-inset-bottom, 0px));--mobile-preview-padding-bottom: max(clamp(12px, 4svh, 24px), env(safe-area-inset-bottom, 0px));--mobile-inspector-toggle-size: 44px;--mobile-inspector-peek: 54px;--mobile-viewport-height: calc( var(--visual-viewport-height) - var(--mobile-shell-padding-top) - var(--mobile-shell-padding-bottom) );--mobile-preview-stage-size: min( 100%, calc(var(--mobile-viewport-height) - var(--mobile-preview-padding-bottom) - 24px), 360px );grid-template-columns:1fr;grid-template-rows:minmax(var(--mobile-viewport-height),auto);justify-content:stretch;align-items:start;height:var(--mobile-viewport-height);overflow:hidden;touch-action:none}.app-shell{height:100vh;height:100dvh;overflow:hidden}.app-top-controls{top:auto;right:var(--shell-padding-right, 16px);bottom:var(--shell-padding-bottom, 16px);left:var(--shell-padding-left, 16px);justify-content:space-between;align-items:flex-end}.language-combobox{--language-menu-offset-y: 6px}.language-combobox__menu{top:auto;bottom:calc(100% + 8px);transform-origin:bottom right}.editor-screen--stack .left-column,.editor-screen--stack .right-column{grid-column:1;grid-row:1}.left-column{z-index:2;height:var(--mobile-viewport-height);pointer-events:none;transition:transform .26s cubic-bezier(.22,1,.36,1)}.mobile-inspector-shell{position:relative;top:0;height:100%;max-height:var(--mobile-viewport-height);grid-template-rows:minmax(0,1fr) var(--mobile-inspector-toggle-size);pointer-events:none;transition:top .26s cubic-bezier(.22,1,.36,1)}html.is-theme-transitioning .mobile-inspector-shell,html.is-theme-css-fading .mobile-inspector-shell{transition:none}.inspector-card{max-height:calc(var(--mobile-viewport-height) - var(--mobile-inspector-toggle-size) - 10px);overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.mobile-inspector-toggle{display:inline-grid;place-items:center;justify-self:center;width:var(--mobile-inspector-toggle-size);height:var(--mobile-inspector-toggle-size);border:1px solid var(--floating-control-border);border-radius:999px;background:var(--floating-control);color:var(--text);font-size:24px;font-weight:800;line-height:1;box-shadow:var(--floating-control-shadow);pointer-events:auto;touch-action:manipulation;backdrop-filter:blur(12px) saturate(112%);-webkit-backdrop-filter:blur(12px) saturate(112%);cursor:pointer}.mobile-inspector-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.editor-screen--inspector-hidden .mobile-inspector-shell{top:calc(var(--mobile-inspector-toggle-size) + var(--mobile-inspector-peek) + var(--mobile-shell-padding-top) + var(--mobile-shell-padding-bottom) - var(--visual-viewport-height))}.right-column{position:sticky;top:calc(var(--visual-viewport-offset-top) + var(--mobile-shell-padding-top));width:100%;height:var(--mobile-viewport-height);z-index:1}.preview-area{height:100%;min-height:0;justify-content:center;align-items:center;padding:0 0 var(--mobile-preview-padding-bottom);overflow:visible}.preview-stage{width:var(--mobile-preview-stage-size);min-height:0;max-height:none;margin-inline:auto}}@media(max-width:720px){.app-shell{--shell-padding-block: 16px;--shell-padding-inline: 16px}.app-top-controls{gap:6px}.theme-switch{grid-template-columns:repeat(2,32px);min-height:38px}.theme-switch__button{width:32px;height:30px}.language-combobox__button{min-height:38px;padding:8px 10px}.language-combobox__menu{min-width:136px}.inspector-card{padding:18px}.field-group-card{padding:16px;border-radius:22px}.field-group-card__header{grid-template-columns:50px minmax(0,1fr) auto;gap:10px}.field-group-card__header--plain{grid-template-columns:minmax(0,1fr)}.field-group-card__icon{width:50px;height:50px;border-radius:16px}.field-group-card__icon-symbol{width:38px;height:38px}.field-group-card__icon-symbol--stem{width:48px;height:48px}.field-group-card__title-stack h3{font-size:17px}.field-group-card__caption{font-size:12px}.segment-control{--segment-gap: 4px;--segment-padding: 4px}.segment-link{padding:9px 8px;font-size:12px}.project-keycap-item{padding:8px}.project-keycap-item__content{grid-template-columns:24px minmax(0,1fr);gap:8px}.project-keycap-drag-handle{min-height:68px;border-radius:10px}.project-keycap-drag-handle__order{font-size:10px}.project-keycap-item__summary{grid-template-columns:68px minmax(0,1fr);gap:10px}.project-keycap-item__preview{width:68px}.project-keycap-action-button{min-height:34px;padding:7px 8px}.field,.info-chip{grid-template-columns:1fr;align-items:start}.field--with-leading-icon{--field-leading-icon-size: 56px;--field-leading-icon-symbol-size: 40px;--field-leading-icon-radius: 16px;grid-template-columns:var(--field-leading-icon-size) minmax(0,1fr);column-gap:10px}.field-leading-icon{width:44px;height:44px;border-radius:14px}.field-leading-icon__symbol{width:31px;height:31px}.field-control,.checkbox-pill{justify-self:stretch}.checkbox-toggle{justify-self:end}.field input[type=number]{width:100%}.field-control-cluster--color,.field-control-cluster--pair,.corner-radius-grid--individual{grid-template-columns:1fr}.field-control--color input[type=text],.field-color-button{width:100%}.preview-area,.preview-stage{min-height:0}}@media(max-width:340px){.language-combobox__label{display:none}}