:root{--ui-font-family: "Inter", sans-serif;--font-family-ui: var(--ui-font-family);--font-style-regular: 400;--font-style-bold: 700;--page1-color-surface-background: #f7f7f7;--page1-color-surface-panel: #fcfcfc;--page1-color-surface-input: #ffffff;--page1-color-surface-button: #f2f2f2;--page1-color-surface-button-hover: #e5e5e5;--page1-color-surface-button-active: #cccccc;--page1-color-surface-selection: #f2f2f2;--page1-color-state-selection-bg: var(--page1-color-surface-selection);--page1-color-text-title: #616161;--page1-color-text-legend: #616161;--page1-color-text-label: #757575;--page1-color-text-button: #616161;--page1-color-text-control: #999999;--page1-color-icon-default: #616161;--page1-color-border-control: #dbdbdb;--page1-color-border-control-borderless: transparent;--page1-color-border-fieldset: #dbdbdb;--page1-color-border-panel-subtle: #dbdbdb;--page1-color-border-grid-light: #ebebeb;--page1-color-border-grid-dark: #e0e0e0;--page1-color-border-ruler: #cccccc;--page1-radius-panel: 16px;--page1-radius-fieldset: 0px;--page1-radius-control: 6px;--page1-radius-control-l: 12px;--page1-radius-control-xl: 24px;--page1-stroke-default: 1px;--page1-stroke-panel-subtle: 1px;--page1-border-divider: var(--page1-stroke-default) solid var(--page1-color-border-fieldset);--page1-opacity-panel-surface: .9;--page1-opacity-panel-border-subtle: .1;--page1-opacity-solid: 1;--page1-space-page-padding: 40px;--space-page-padding: var(--page1-space-page-padding);--page1-space-workspace-edge: 10px;--page1-space-panel-gap: 6px;--page1-space-panel-padding: 10px;--space-panel-padding: var(--page1-space-panel-padding);--page1-space-fieldset-padding-s: 8px;--page1-space-fieldset-padding-m: 12px;--page1-space-fieldset-padding-l: 16px;--page1-space-panel-section-gap: var(--page1-space-fieldset-padding-m);--page1-space-fieldset-labeled-gap: var(--page1-space-fieldset-padding-m);--page1-space-fieldset-continuation-gap: var(--page1-space-fieldset-padding-s);--page1-space-divider-before: var(--page1-space-fieldset-labeled-gap);--page1-space-divider-after: var(--page1-space-fieldset-labeled-gap);--page1-space-button-padding-l: 7px;--page1-space-button-padding-m: 6px;--page1-space-button-padding-s: 5px;--page1-space-button-padding-xs: 4px;--page1-space-button-padding-xxs: 3px;--page1-space-control-gap-xs: 2px;--page1-space-control-gap-s: 4px;--page1-space-control-gap-m: 6px;--space-control-gap: var(--page1-space-control-gap-m);--page1-space-control-gap-l: 8px;--page1-space-control-gap-xl: 12px;--page1-space-control-gap-xxl: 16px;--page1-space-section-gap: 28px;--space-fieldset-padding: var(--page1-space-fieldset-padding-m);--page1-type-size-button-small: 11px;--type-size-button-small: var(--page1-type-size-button-small);--page1-type-size-button-large: 12px;--type-size-button-large: var(--page1-type-size-button-large);--page1-type-size-label: 12px;--type-size-label: var(--page1-type-size-label);--page1-type-size-legend: 14px;--type-size-legend: var(--page1-type-size-legend);--page1-type-size-input-value: 12px;--type-size-input-value: var(--page1-type-size-input-value);--page1-type-size-control: 13px;--type-size-control: var(--page1-type-size-control);--page1-type-size-panel-title: 15px;--type-size-panel-title: var(--page1-type-size-panel-title);--page1-type-line-height-legend: 14.4px;--type-line-height-legend: var(--page1-type-line-height-legend);--page1-size-control-height-sm: 22px;--page1-size-control-height: 24px;--page1-size-icon-button-width: 26px;--page1-size-panel-header-height: 34px;--size-control-height-sm: var(--page1-size-control-height-sm);--size-control-height: var(--page1-size-control-height);--page1-size-page-tabs-height: 40px;--page1-size-side-rail: 312px;--stroke-weight-default: var(--page1-stroke-default);--stroke-weight-panel-subtle: var(--page1-stroke-panel-subtle);--opacity-panel-surface: var(--page1-opacity-panel-surface);--opacity-panel-border-subtle: var(--page1-opacity-panel-border-subtle);--opacity-solid: var(--page1-opacity-solid);--ui-focus-ring: 0 0 0 2px rgba(97, 97, 97, .14)}:root[data-icon-capture=true]{--figma-capture-width: 1920px;--figma-capture-height: 1080px}body{font-family:var(--ui-font-family);margin:0;padding:0;height:100vh;background:var(--page1-color-surface-background);color:var(--page1-color-text-title);font-size:var(--page1-type-size-input-value)}label{display:flex;flex-direction:column;gap:var(--page1-space-button-padding-xs);font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label)}button,input,select,textarea{font:inherit}.floating-panel,.floating-panel button,.floating-panel input,.floating-panel select,.floating-panel textarea{font-family:var(--ui-font-family)!important}:root[data-icon-capture=true],:root[data-icon-capture=true] body{width:var(--figma-capture-width);min-width:var(--figma-capture-width);max-width:var(--figma-capture-width);height:var(--figma-capture-height);min-height:var(--figma-capture-height);max-height:var(--figma-capture-height);overflow:hidden}:root[data-icon-capture=true] #page-tabs-container{width:var(--figma-capture-width);min-width:var(--figma-capture-width);max-width:var(--figma-capture-width)}:root[data-icon-capture=true] #ui-overlay{width:var(--figma-capture-width);height:calc(var(--figma-capture-height) - 40px)}:root[data-icon-capture=true] .construction{width:var(--figma-capture-width);height:var(--figma-capture-height)}input[type=text],input[type=number],input[type=color],select,textarea{margin-top:0;box-sizing:border-box;height:var(--page1-size-control-height);width:100%;border:var(--page1-stroke-default) solid var(--page1-color-border-control);background-color:var(--page1-color-surface-input);border-radius:var(--page1-radius-control);box-shadow:none;color:var(--page1-color-text-control);font-size:var(--page1-type-size-input-value);font-weight:400;line-height:14px}input[type=text]:focus,input[type=number]:focus,input[type=range]:focus,select:focus,textarea:focus{outline:none;box-shadow:none}input[type=text],input[type=number],select,textarea{padding:4px 8px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(13 5) rotate(90)'%3E%3Cpath d='M3.72973 5L0 1.16667L1.13514 0L6 5L1.13514 10L0 8.83333L3.72973 5Z' fill='%23CCCCCC'/%3E%3C/g%3E%3C/svg%3E");background-position:right 4px center;background-size:16px 16px;background-repeat:no-repeat;text-overflow:ellipsis}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;padding-right:24px;background-image:none}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.floating-panel input[type=number].number-stepper-hover{cursor:pointer}.floating-panel label:has(>input[type=number]){position:relative}.floating-panel label:has(>input[type=number]):before,.floating-panel label:has(>input[type=number]):after{content:"keyboard_arrow_up";position:absolute;right:4px;z-index:1;width:12px;height:12px;color:var(--page1-color-surface-button-active);font-family:Material Symbols Outlined;font-size:12px;line-height:12px;font-weight:400;font-style:normal;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;pointer-events:none;-webkit-user-select:none;user-select:none;text-transform:none;letter-spacing:0}.floating-panel label:has(>input[type=number]):before{bottom:10px}.floating-panel label:has(>input[type=number]):after{bottom:2px;transform:rotate(180deg)}input[type=range]{--range-progress: 0%;--range-track-fill: var(--page1-color-surface-button-active);--range-track-rest: var(--page1-color-surface-button);-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;width:100%;height:var(--page1-size-control-height);margin:0;padding:8px 0;border:0;background:transparent;box-shadow:none;accent-color:var(--page1-color-surface-button-active);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:8px;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:30px;background:linear-gradient(to right,var(--range-track-fill) 0%,var(--range-track-fill) var(--range-progress),var(--range-track-rest) var(--range-progress),var(--range-track-rest) 100%);box-sizing:border-box}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:14px;height:14px;margin-top:-4px;border:0;border-radius:50%;background:var(--page1-color-surface-button-active)}input[type=range]::-moz-range-track{height:8px;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:30px;background:var(--range-track-rest);box-sizing:border-box}input[type=range]::-moz-range-progress{height:8px;border-radius:30px;background:var(--range-track-fill)}input[type=range]::-moz-range-thumb{box-sizing:border-box;width:14px;height:14px;border:0;border-radius:50%;background:var(--page1-color-surface-button-active)}input[type=color]{padding:0;min-width:var(--page1-size-control-height)}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}input[type=color]::-moz-color-swatch{border:0;border-radius:3px}.typesetter-color{width:var(--page1-size-control-height);height:var(--page1-size-control-height);padding:0;min-width:var(--page1-size-control-height);flex:0 0 var(--page1-size-control-height);box-sizing:border-box}.color-input{position:relative;width:100%}.color-input-picker{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}input.color-input-text{width:100%;height:var(--page1-size-control-height);margin-top:0;background-color:var(--color-input-bg, var(--page1-color-surface-input));color:var(--color-input-fg, var(--page1-color-text-title));cursor:pointer}input.color-input-text.is-editing{cursor:text}input[type=checkbox]{margin-left:6px;transform:translateY(2px)}.floating-panel label{font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label);gap:4px}.floating-panel label>input,.floating-panel label>select,.floating-panel label>.spinner-wrapper,.floating-panel label>.axis-input-lock-wrap,.floating-panel label>.pos-spinner,.floating-panel label>.pill-toggle,.floating-panel label>.buttons-row{margin-top:0}.floating-panel label .spinner-wrapper input,.floating-panel label .pos-spinner input{margin-top:0}.switch-label{flex-direction:row;align-items:center;gap:6px;min-height:24px}.switch-label input[type=checkbox]{margin:0;transform:none}.pill-toggle-row{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;width:100%}.pill-toggle-row>div{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:4px}.pill-toggle-row .pill-toggle{flex:1 1 0;min-width:0;width:100%;height:var(--page1-size-control-height);display:flex;min-height:var(--page1-size-control-height)}.pill-toggle-row .pill-toggle button{flex:1 1 0;min-width:0;width:0;height:100%}.pill-toggle.pill-hug-left-fill button:first-child{flex:0 0 auto;width:auto}.pill-toggle.pill-hug-left-fill button:last-child{flex:1 1 0;width:0}.pill-toggle.pill-active-hug button.active{flex:1 1 0;width:0}.pill-toggle.pill-active-hug button:not(.active){flex:1 1 0;width:0}.pill-toggle.pill-equal button{flex:1 1 0}.path-mode-row{align-items:flex-end}.path-mode-row .pill-toggle{flex:1 1 0;min-width:0;width:100%}button{min-height:var(--page1-size-control-height);padding:4px var(--page1-space-button-padding-l);margin-top:0;cursor:pointer;width:100%;border-radius:var(--page1-radius-control);background-color:var(--page1-color-surface-button);border:var(--page1-stroke-default) solid var(--page1-color-border-control);color:var(--page1-color-text-button);font-weight:400;font-size:var(--page1-type-size-button-large);line-height:1;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;gap:3px;white-space:nowrap}button:hover:not(:disabled){background-color:var(--page1-color-surface-button-hover)}button:focus{outline:none;box-shadow:var(--ui-focus-ring)}button:active:not(:disabled){background-color:var(--page1-color-surface-button-active)}button:disabled{cursor:not-allowed;opacity:.55}.buttons-row{display:flex;gap:var(--page1-space-control-gap-l)}.buttons-row button{margin-top:0}.small{width:auto;min-height:var(--page1-size-control-height-sm);padding:3px var(--page1-space-button-padding-s);font-size:var(--page1-type-size-button-small)}.format-buttons{width:100%;justify-content:space-between}.format-buttons .small{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:0;white-space:nowrap;min-height:var(--page1-size-control-height);padding:4px var(--page1-space-button-padding-l);font-size:var(--page1-type-size-button-large)}.format-buttons .material-symbols-outlined{font-size:13px;line-height:1}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;font-size:16px;line-height:1;color:currentColor}:root[data-icon-capture=true] .ms-icon{width:1em;height:1em;display:none;fill:currentColor;vertical-align:middle;position:static;overflow:visible;transform-origin:center;-webkit-user-select:auto;user-select:auto}:root[data-icon-capture=true] .ms-icon-source.ms-icon-ready{display:none}:root[data-icon-capture=true] .ms-icon-source.ms-icon-ready+.ms-icon{display:inline-block}.icon-btn,.icon-toggle,.view-toggle{width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);flex:0 0 var(--page1-size-icon-button-width);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);margin-top:0;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:0;border-radius:var(--page1-radius-control);border:var(--page1-stroke-default) solid var(--page1-color-border-control);background:var(--page1-color-surface-button);color:var(--page1-color-icon-default)}.icon-btn{width:var(--page1-size-icon-button-width)}.icon-rotate-90 .material-symbols-outlined{transform:rotate(90deg)}.icon-toggle:hover:not(:disabled),.view-toggle:hover:not(:disabled){background:var(--page1-color-surface-button-hover)}.icon-toggle.is-active,.visibility-toggle.is-active,.view-toggle.is-active{background:var(--page1-color-surface-selection)}.icon-toggle .material-symbols-outlined,.view-toggle .material-symbols-outlined{opacity:1}.icon-toggle.is-active .material-symbols-outlined,.view-toggle.is-active .material-symbols-outlined{opacity:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.icon-toggle[data-action=aspect-link]:not(.is-active),.icon-toggle[data-action=oval-rotation-link]:not(.is-active),.icon-toggle[data-action=toggle-fill-inheritance]:not(.is-active),.icon-toggle[data-action=toggle-arch-inheritance]:not(.is-active),.icon-toggle[data-action=final-outline-inktrap][data-field=lockDepthWidthRatio]:not(.is-active),.icon-toggle[data-action=final-outline-serif][data-field=lockDepthWidthRatio]:not(.is-active){background-color:var(--page1-color-surface-selection);border-color:var(--page1-color-border-control)}.icon-toggle[data-action=aspect-link]:not(.is-active) .material-symbols-outlined,.icon-toggle[data-action=oval-rotation-link]:not(.is-active) .material-symbols-outlined,.icon-toggle[data-action=toggle-fill-inheritance]:not(.is-active) .material-symbols-outlined,.icon-toggle[data-action=toggle-arch-inheritance]:not(.is-active) .material-symbols-outlined,.icon-toggle[data-action=final-outline-inktrap][data-field=lockDepthWidthRatio]:not(.is-active) .material-symbols-outlined,.icon-toggle[data-action=final-outline-serif][data-field=lockDepthWidthRatio]:not(.is-active) .material-symbols-outlined{opacity:1;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 20}.icon-toggle[data-action=aspect-link].is-active .material-symbols-outlined,.icon-toggle[data-action=oval-rotation-link].is-active .material-symbols-outlined,.icon-toggle[data-action=toggle-fill-inheritance].is-active .material-symbols-outlined,.icon-toggle[data-action=toggle-arch-inheritance].is-active .material-symbols-outlined,.icon-toggle[data-action=final-outline-inktrap][data-field=lockDepthWidthRatio].is-active .material-symbols-outlined,.icon-toggle[data-action=final-outline-serif][data-field=lockDepthWidthRatio].is-active .material-symbols-outlined{opacity:.55;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20}.icon-toggle[data-action=toggle-is-closed].is-active,.icon-toggle[data-action=rail-offset-toggle].is-active,.icon-toggle[data-action=item-visibility].is-active{background-color:var(--page1-color-surface-selection);border-color:var(--page1-color-border-control)}.toggle-label{font-size:11px;line-height:1}.pill-toggle{display:inline-flex;align-items:center;height:var(--page1-size-control-height);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);overflow:hidden;background:var(--page1-color-surface-input);box-sizing:border-box;position:relative;cursor:pointer;padding:0}.pill-toggle:before{content:"";position:absolute;top:-1px;left:calc(var(--pill-left, 0px) - 1px);height:var(--page1-size-control-height);width:calc(var(--pill-width, 50%) + 2px);background:var(--page1-color-surface-button);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);transition:left .24s ease-in-out,width .24s ease-in-out;pointer-events:none;box-sizing:border-box}.pill-toggle.pill-no-anim:before{transition-duration:0ms}.pill-toggle button{border:none;background:transparent;padding:0 6px;margin:0;height:100%;min-height:0;width:auto;font-size:var(--page1-type-size-button-large);line-height:14px;color:var(--page1-color-text-button);border-radius:0;position:relative;z-index:1;cursor:inherit}.pill-toggle button.active{background-color:transparent}.pill-toggle button:hover:not(:disabled){background-color:transparent}.pill-toggle button:focus{box-shadow:none}.height-ref-pill{width:100%;margin-top:0}.height-ref-pill button{flex:1 1 0;min-width:0;width:0}#page-tabs-container{position:fixed;top:0;left:0;width:100%;height:var(--page1-size-page-tabs-height);background:var(--page1-color-surface-button);border-bottom:var(--page1-stroke-default) solid var(--page1-color-border-control);z-index:20;display:flex;align-items:center;box-sizing:border-box}#page-tabs-wrapper{display:flex;align-items:center;gap:var(--page1-space-control-gap-xs);overflow-x:hidden;width:100%;box-sizing:border-box;padding:0 8px;height:100%}.page-tab{display:flex;align-items:center;background:transparent;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-bottom:none;padding:0 6px 0 8px;height:34px;border-radius:8px 8px 0 0;gap:var(--page1-space-control-gap-xs);cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s;-webkit-user-select:none;user-select:none;flex-shrink:1;flex-basis:116px;min-width:100px;color:var(--page1-color-text-control);align-self:flex-end}.page-tab:hover{background:#fff6}.page-tab.active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-border-control);border-bottom-color:var(--page1-color-surface-panel);cursor:default;color:var(--page1-color-text-title)}.page-tab.drop-target{background:#cce5ff;border-color:#99c7ff}.page-tab.dragging{opacity:.4;cursor:grabbing}.tab-drop-indicator{width:3px;height:32px;background-color:#007bff;border-radius:1.5px;margin:0 -1px;flex-shrink:0}.page-tab .tab-name{border:none;background:transparent;padding:4px;flex:1;min-width:30px;font-size:12px;outline:none;pointer-events:all;height:22px;color:inherit}.page-tab.active .tab-name{cursor:text}.page-tab:not(.active) .tab-name{cursor:pointer;pointer-events:none}.page-tab .tab-name:focus{background:var(--page1-color-surface-input);box-shadow:inset 0 0 0 1px var(--page1-color-border-control);border-radius:var(--page1-radius-control)}.page-tab .tab-element-marker{flex:0 0 auto;width:10px;font-size:11px;line-height:1;color:var(--page1-color-text-title);text-align:center;pointer-events:none}.tab-button{background:var(--page1-color-surface-button);border:var(--page1-stroke-default) solid var(--page1-color-border-control);cursor:pointer;font-size:14px;padding:0;width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);flex:0 0 var(--page1-size-icon-button-width);border-radius:var(--page1-radius-control-xl);display:flex;align-items:center;justify-content:center;color:var(--page1-color-icon-default);margin:0;font-weight:400}.tab-button .material-symbols-outlined,.scroll-btn .material-symbols-outlined{font-size:16px;line-height:1}.tab-button:hover{background:var(--page1-color-surface-button-hover)}.tab-button:focus{box-shadow:var(--ui-focus-ring)}.page-tab .tab-button{background:transparent;border-color:transparent;width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);border-radius:var(--page1-radius-control-xl)}.add-page-btn{margin-left:0}.scroll-btn{display:none;position:absolute;top:0;bottom:0;margin:auto 0;width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);z-index:21;background:var(--page1-color-surface-button);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control-xl);cursor:pointer;font-weight:700;line-height:1;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .2s;padding:0;align-items:center;justify-content:center}.scroll-btn:hover{background:var(--page1-color-surface-button-hover)}.scroll-btn.left{left:8px}.scroll-btn.right{right:8px}#page-tabs-container.scrolling-active{justify-content:center}#page-tabs-container.scrolling-active .scroll-btn{display:inline-flex}#page-tabs-container.scrolling-active #page-tabs-wrapper{padding:0 40px}#ui-overlay{position:fixed;top:var(--page1-size-page-tabs-height);left:0;width:100%;height:calc(100% - var(--page1-size-page-tabs-height));pointer-events:none;z-index:10}#panel-snap-slots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.panel-snap-slot{position:absolute;box-sizing:border-box;border:var(--page1-stroke-default) dashed var(--page1-color-border-panel-subtle);border-radius:var(--page1-radius-panel);background:#cccccc24;opacity:0;transition:opacity .12s ease,border-color .12s ease,background-color .12s ease}#ui-overlay.panel-slot-dragging .panel-snap-slot{opacity:.28}#ui-overlay.panel-slot-dragging .panel-snap-slot.is-occupied{opacity:.18}#ui-overlay.panel-slot-dragging .panel-snap-slot.is-target{border-style:solid;border-color:var(--page1-color-text-title);background:#cccccc42;opacity:.72}.floating-panel{position:absolute;pointer-events:auto;background:var(--page1-color-surface-panel);border:var(--page1-stroke-panel-subtle) solid var(--page1-color-border-panel-subtle);border-radius:var(--page1-radius-panel);box-shadow:none;padding:var(--page1-space-panel-padding);display:flex;flex-direction:column;gap:var(--page1-space-panel-section-gap);resize:none;overflow:auto;min-width:200px;min-height:46px;box-sizing:border-box;z-index:1}.floating-panel.is-panel-dragging{z-index:5}.panel-resize-handle{position:absolute;background:transparent;pointer-events:auto;z-index:2}.panel-resize-n,.panel-resize-s{left:8px;right:8px;height:8px;cursor:ns-resize}.panel-resize-n{top:0}.panel-resize-s{bottom:0}.panel-resize-e,.panel-resize-w{top:8px;bottom:8px;width:8px;cursor:ew-resize}.panel-resize-e{right:0}.panel-resize-w{left:0}.panel-resize-ne,.panel-resize-nw,.panel-resize-se,.panel-resize-sw{width:8px;height:8px}.panel-resize-ne{top:0;right:0;cursor:nesw-resize}.panel-resize-nw{top:0;left:0;cursor:nwse-resize}.panel-resize-se{bottom:0;right:0;cursor:nwse-resize}.panel-resize-sw{bottom:0;left:0;cursor:nesw-resize}#actions-panel .panel-resize-n,#actions-panel .panel-resize-s,#actions-panel .panel-resize-ne,#actions-panel .panel-resize-nw,#actions-panel .panel-resize-se,#actions-panel .panel-resize-sw{display:none}.panel-header{cursor:grab;flex:0 0 auto;height:var(--page1-size-panel-header-height);min-height:var(--page1-size-panel-header-height);box-sizing:border-box;border-bottom:var(--page1-border-divider);padding-bottom:var(--page1-space-panel-padding);margin-bottom:0;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:var(--page1-space-control-gap-l)}.panel-header>button,.panel-header .buttons-row>button{width:auto;flex:0 0 auto;margin:0}.panel-header h2{margin:0;font-size:var(--page1-type-size-panel-title);font-weight:700;line-height:1.27;color:var(--page1-color-text-title)}.design-space-header-controls{display:flex;align-items:center;gap:6px}.settings-header-controls{display:flex;align-items:center;gap:var(--page1-space-control-gap-s);margin-left:auto}.settings-header-controls .settings-view-toggle{margin:0;background:transparent;border-color:transparent}.settings-header-controls .settings-view-toggle.is-active{background:var(--page1-color-surface-button);border-color:var(--page1-color-border-control)}.design-space-save-dot{width:8px;height:8px;border-radius:50%;background:#bbb;display:inline-block}.design-space-save-dot.saved{background:#2e7d32}.design-space-save-dot.unsaved{background:#d97706}.design-space-save-label{font-size:11px;color:#555;white-space:nowrap}#global-settings-panel{top:var(--page1-space-workspace-edge);left:var(--page1-space-workspace-edge);width:var(--page1-size-side-rail);min-width:var(--page1-size-side-rail);height:auto}#global-settings-panel>input[type=file]{display:none}#global-settings-panel>fieldset{margin-top:0}#design-space-panel{left:var(--page1-space-workspace-edge);width:var(--page1-size-side-rail);min-width:var(--page1-size-side-rail);height:auto;min-height:0;padding-bottom:var(--page1-space-panel-padding)}:root:not([data-ui-showcase=true]) #view-settings-panel.workspace-hidden-panel{position:fixed;left:-9999px;top:auto;right:auto;bottom:auto;width:1px;min-width:1px;max-width:1px;height:1px;min-height:1px;max-height:1px;padding:0;border:0;opacity:0;overflow:hidden;pointer-events:none}:root:not([data-ui-showcase=true]) #view-settings-panel.workspace-hidden-panel>*{display:none}#actions-panel{top:var(--page1-space-workspace-edge);height:auto;min-height:46px;min-width:200px;resize:none}#actions-panel .panel-header{height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);border-bottom:none;padding-bottom:0;flex-wrap:nowrap}.actions-controls{display:flex;align-items:center;gap:var(--page1-space-control-gap-xl);margin-left:auto;flex-wrap:nowrap;font-size:0}.actions-group{display:inline-flex;align-items:center;gap:var(--page1-space-control-gap-l)}.actions-controls>*{margin:0}.actions-controls button{margin-top:0}.actions-controls .actions-empty{font-size:11px;line-height:1.2;color:#777;white-space:nowrap;display:inline-flex;align-items:center}.actions-controls .small{font-size:11px;line-height:1.2;display:inline-flex;align-items:center;justify-content:center}.action-inline{display:inline-flex;align-items:center;gap:var(--page1-space-control-gap-s)}.action-input{height:var(--page1-size-control-height);font-size:12px;padding:4px 8px;width:64px;margin-top:0}.action-input.action-rotation{width:64px}#ovalRotationInput{margin-top:0}.action-label-inline{font-size:11px;color:#666;white-space:nowrap}.action-group-controls{display:inline-flex;align-items:center;gap:var(--page1-space-control-gap-s)}.action-group-label{font-size:var(--page1-type-size-button-small);color:var(--page1-color-text-label);white-space:nowrap;display:inline-flex;align-items:center;height:var(--page1-size-control-height)}.design-space-axes{flex-grow:1;overflow-y:auto;min-height:0;padding-right:0;display:flex;flex-direction:column;gap:var(--page1-space-panel-section-gap)}.design-space-axis{display:flex;flex-direction:column;gap:var(--page1-space-fieldset-labeled-gap);border:none;border-bottom:var(--page1-border-divider);border-radius:0;padding:0 0 var(--page1-space-divider-after);margin-top:0;background:transparent}.design-space-axes>.design-space-axis:first-child{margin-top:0}.design-space-axes>.design-space-axis:last-child{border-bottom:none;padding-bottom:0}.axis-content{display:flex;flex-direction:column;gap:var(--page1-space-fieldset-continuation-gap);width:100%}.design-space-axis .axis-title{font-weight:600;margin-bottom:4px}.axis-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--page1-space-fieldset-continuation-gap)}.axis-input{display:flex;flex-direction:column;gap:4px;font-size:12px}.axis-input-lock-wrap{position:relative;display:flex;align-items:center;margin-top:0}.axis-input-field{width:100%}.axis-input-lock-wrap .axis-input-field{margin-top:0;padding-right:24px}.axis-input-field.locked{background-color:#f2f2f2;color:#777}.axis-lock-btn{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:18px;height:18px;min-height:18px;max-height:18px;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:var(--page1-radius-control);border:var(--page1-stroke-default) solid var(--page1-color-border-control);background:var(--page1-color-surface-button-hover);color:var(--page1-color-icon-default);font-size:12px;line-height:18px;cursor:pointer}.axis-lock-btn .axis-lock-icon{flex:0 0 12px;width:12px;height:12px;font-size:12px;line-height:12px;display:block}.axis-lock-btn:hover:not(:disabled){background:var(--page1-color-surface-button)}.axis-slider-group{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--page1-space-fieldset-continuation-gap)}.axis-slider-group input[type=range]{width:100%;margin:0}#design-space-panel .axis-slider-group input[type=range]{box-sizing:border-box}.axis-controls-group{display:flex;align-items:stretch;gap:var(--page1-space-control-gap-m);min-width:0;width:100%;height:var(--page1-size-control-height)}.axis-controls-group .master-value-display{flex:1 1 0;min-width:0}.axis-controls-group .delete-master-btn{margin-left:auto}.axis-controls-group button{width:auto;margin-top:0;min-height:var(--page1-size-control-height);height:var(--page1-size-control-height);padding:var(--page1-space-button-padding-xs) var(--page1-space-button-padding-l);line-height:14px}.axis-slider-group .master-value-display{font-family:var(--ui-font-family);font-size:var(--page1-type-size-input-value);font-weight:400;color:var(--page1-color-text-control);background:var(--page1-color-surface-button);padding:4px 4px 4px 8px;border-radius:var(--page1-radius-control);min-width:40px;height:var(--page1-size-control-height);border:var(--page1-stroke-default) solid var(--page1-color-border-control);box-sizing:border-box;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:var(--page1-space-control-gap-m);white-space:nowrap;line-height:14px}.axis-slider-group .master-value-display .master-value-text{line-height:inherit}.delete-master-btn{width:16px;min-width:16px;height:16px;min-height:16px;line-height:16px;font-size:13px;padding:0;background:transparent;border:none;color:#999;cursor:pointer;border-radius:50%;display:flex;justify-content:center;align-items:center;margin:0;flex-shrink:0}.delete-master-btn:hover{background:#0000001a;color:#d00}#view-settings-panel{left:var(--page1-space-workspace-edge);width:var(--page1-size-side-rail);min-width:var(--page1-size-side-rail);bottom:var(--page1-space-workspace-edge);top:auto;height:auto;max-height:calc(100vh / 3);min-height:0}#view-settings-panel .panel-header{margin-bottom:0;padding-bottom:0;border-bottom:none}.view-header-controls{display:flex;align-items:center;gap:var(--page1-space-control-gap-s);margin-left:auto}#properties-panel{top:var(--page1-space-workspace-edge);right:var(--page1-space-workspace-edge);left:auto;width:var(--page1-size-side-rail);min-width:var(--page1-size-side-rail);height:auto;padding-bottom:var(--page1-space-panel-padding)}#scene-layers-panel{bottom:var(--page1-space-workspace-edge);top:auto;right:var(--page1-space-workspace-edge);left:auto;width:var(--page1-size-side-rail);min-width:var(--page1-size-side-rail);height:auto;max-height:calc(100% - (2 * var(--page1-space-workspace-edge)));min-height:0;overflow:hidden}#scene-layers-panel .panel-header{flex-wrap:nowrap}#scene-layers-panel .layers-header-controls{align-items:center;gap:var(--page1-space-control-gap-m);column-gap:var(--page1-space-control-gap-m);row-gap:var(--page1-space-control-gap-m);justify-content:flex-end;margin-left:auto;width:auto}#scene-layers-panel .layers-header-controls>button{margin:0;width:auto;min-width:0;flex:0 0 auto;white-space:nowrap}#typesetter-panel{bottom:var(--page1-space-workspace-edge);top:auto;height:158px;min-height:46px;min-width:200px}#typesetter-panel .panel-header input{margin-top:0}.floating-panel.collapsed{height:auto!important;min-height:0;resize:none;overflow:hidden;gap:0}.floating-panel.collapsed>*:not(.panel-header){display:none}.floating-panel.collapsed .panel-header{height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);border-bottom:none;padding-bottom:0}.typesetter-content{flex-grow:1;display:flex;min-height:0}#typesetter-input{flex-grow:1;background:var(--page1-color-surface-input);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);padding:9px;display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;cursor:text;outline:none}#typesetter-input:focus-within{box-shadow:0 0 0 2px #007bff40}.typesetter-glyph{height:100%;flex-shrink:0;-webkit-user-select:none;user-select:none}.typesetter-glyph svg{height:90%;width:auto;display:block;fill:#333;position:relative;top:50%;transform:translateY(-50%);background:transparent;border:none}#typesetter-caret{width:1px;height:90%;background:#000;flex-shrink:0;visibility:hidden}#typesetter-input:focus-within #typesetter-caret{visibility:visible;animation:blink 1s step-end infinite}@keyframes blink{0%,to{background:transparent}50%{background:#000}}.properties-panel-content{overflow-y:auto;padding-right:0;flex-grow:1;scrollbar-gutter:auto;display:flex;flex-direction:column;gap:var(--page1-space-divider-before)}.properties-panel-content.has-scrollbar{padding-right:0}.properties-panel-content>details{border:none;border-bottom:var(--page1-border-divider);padding:0 0 var(--page1-space-divider-after);margin:0;border-radius:0;background:transparent}.properties-panel-content>div{display:flex;flex-direction:column;gap:var(--page1-space-divider-before)}.properties-panel-content>details>summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--page1-space-control-gap-l);padding:0;min-height:24px;font-size:var(--page1-type-size-legend);color:var(--page1-color-text-legend)}.properties-panel-content>details>summary::-webkit-details-marker{display:none}.properties-panel-content>details[open]>summary .caret{transform:rotate(90deg)}.properties-panel-content>details>.content,.properties-panel-content>.content{margin-top:0;border-top:none;padding-top:0}#properties-panel .no-selection{color:#888;text-align:center;padding:40px 20px}.macro-pair-controls{overflow-y:auto;padding-right:0;flex:1 1 auto;min-height:0;scrollbar-gutter:auto;--layer-toggle-size: var(--page1-size-icon-button-width);--layer-toggle-gap: 4px;--layer-indent: calc(var(--layer-toggle-size) + var(--layer-toggle-gap))}.macro-pair-controls.has-scrollbar{padding-right:0}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}#global-settings-panel .canvas-fieldset{margin-top:0;padding-bottom:var(--page1-space-divider-after)}#global-settings-panel .canvas-fieldset .inputs{margin-bottom:0}#global-settings-panel .settings-export-actions{display:flex;flex-direction:column;gap:var(--page1-space-fieldset-continuation-gap);width:100%}#global-settings-panel.collapsed>.settings-export-actions{display:none}.macro-pair-controls .draggable-item{border:none;border-radius:var(--page1-radius-control);margin-bottom:8px;background:transparent}.macro-pair-controls .draggable-item:last-child{margin-bottom:0}.macro-pair-controls summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:0;min-height:var(--page1-size-control-height);padding:0}.macro-pair-controls summary::-webkit-details-marker{display:none}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:var(--page1-space-control-gap-m);width:100%;min-height:var(--page1-size-control-height)}.summary-left{display:flex;align-items:center;gap:var(--page1-space-control-gap-s);flex:1;min-width:0;padding-left:0}.summary-left .visibility-toggle{margin-left:auto}.summary-left .pair-name{margin:0;align-self:center;height:24px;padding:4px 8px;line-height:14px}.macro-pair-controls .pair-name{background-color:var(--page1-color-surface-input)}.macro-pair-controls .pair-name[readonly]{cursor:default;color:var(--page1-color-text-control)}.macro-pair-controls .pair-name[readonly]:focus{background-color:var(--page1-color-surface-input);box-shadow:none}.macro-pair-controls .pair-name[readonly]:active{background-color:var(--page1-color-surface-input);box-shadow:none}.macro-pair-controls .pair-name.is-editing{cursor:text}.summary-right{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.macro-pair-controls .summary-right .icon-toggle{width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);padding:0}.macro-pair-controls .layer-toggle,.summary-left .visibility-toggle{width:var(--layer-toggle-size);min-width:var(--layer-toggle-size);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);flex:0 0 var(--layer-toggle-size);padding:0;background:var(--page1-color-surface-button);border-color:var(--page1-color-border-control);color:var(--page1-color-icon-default)}.layer-toggle .material-symbols-outlined{transition:transform .15s ease}.layer-toggle.is-open .material-symbols-outlined{transform:rotate(90deg)}.caret{transition:transform .15s ease;font-size:11px;opacity:.8}details[open]>summary .caret{transform:rotate(90deg)}.pair-name{flex:1;min-width:0}.macro-pair-controls .draggable-item.selected{background:var(--page1-color-surface-selection);border-radius:var(--page1-radius-control)}.macro-pair-controls .draggable-item.selected>summary .pair-name,.macro-pair-controls .layer-subitem.selected .pair-name{background-color:var(--page1-color-surface-input);box-shadow:none}.layer-subitem{display:flex;align-items:center;gap:var(--page1-space-control-gap-s);min-height:var(--page1-size-control-height);padding:0}.layer-subitem .pair-name{margin:0;height:24px;padding:4px 8px;line-height:14px}.layer-subitem.macro-item{padding-left:var(--layer-indent)}.layer-subitem.segment-item{padding-left:calc(var(--layer-indent) + var(--layer-indent))}.layer-subitem.selected{background:var(--page1-color-surface-selection);border-radius:var(--page1-radius-control)}.layer-subitem.dragging{opacity:.5;background:#e0e0e0;border-radius:6px}.path-children-container{padding-top:0;padding-bottom:0;margin-top:var(--page1-space-control-gap-l);display:flex;flex-direction:column;gap:var(--page1-space-control-gap-l)}.path-children-container .layer-subitem{padding-top:0;padding-bottom:0}.path-children-container.nested{margin-top:8px;padding-bottom:0}.path-children-container.nested .layer-subitem.macro-item{padding-left:calc(var(--layer-indent) + var(--layer-indent))}.path-children-container.nested .layer-subitem.segment-item{padding-left:calc(var(--layer-indent) + var(--layer-indent) + var(--layer-indent))}.content{margin-top:0;border-top:none;padding-top:0}.content label{font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label);flex:1}.pair-row{display:flex;gap:var(--page1-space-control-gap-l);align-items:flex-end;margin-top:0}.pair-row label{display:flex;flex-direction:column;gap:var(--page1-space-button-padding-xs);font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label);flex:1}.pair-row select{width:100%}.fieldset-divider-section{border-top:var(--page1-border-divider);padding-top:var(--page1-space-divider-after);margin-top:0}.straight-cap-controls{display:flex;flex-direction:column;align-items:flex-start;gap:var(--page1-space-control-gap-l);width:100%}.pair-row.ratio-lock-row{align-items:flex-end}.pair-row.ratio-lock-row>label{flex:1 1 0}.ratio-link-toggle{flex:0 0 var(--page1-size-icon-button-width);width:var(--page1-size-icon-button-width);padding:0;margin-top:0}.row-label{font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label);white-space:nowrap}.row-label+.pill-toggle{margin-top:0}.endpoint-selectors{margin-top:0}fieldset{border:none;border-bottom:var(--page1-border-divider);border-radius:var(--page1-radius-fieldset);padding:0 0 var(--page1-space-divider-after);margin:var(--page1-space-divider-before) 0 0;display:flex;flex-direction:column;gap:var(--page1-space-divider-before);height:auto;background:transparent}fieldset.macro-ab-controls{padding:0 0 var(--page1-space-divider-after);gap:var(--page1-space-divider-before)}#properties-panel .macro-ab-controls .pair-row{align-items:flex-end}#properties-panel .macro-ab-controls .anchor-radius-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;align-items:stretch}#properties-panel .properties-panel-content>fieldset:first-child,#properties-panel .properties-panel-content>details:first-child,#properties-panel .properties-panel-content>div>fieldset:first-child{margin-top:0}#properties-panel .properties-panel-content>fieldset,#properties-panel .properties-panel-content>div>fieldset{margin-top:0}#properties-panel .properties-panel-content>fieldset:last-of-type,#properties-panel .properties-panel-content>details:last-of-type,#properties-panel .properties-panel-content>div>fieldset:last-of-type{border-bottom:none;padding-bottom:0}.anchor-container{flex:1;min-width:0}#properties-panel .macro-ab-controls .anchor-grid-wrap{width:100%}#properties-panel .macro-ab-controls .anchor-grid{align-self:center}.macro-radius-ref-column{display:flex;flex:1 1 auto;min-width:0;flex-direction:column;justify-content:space-between;align-self:stretch;gap:var(--page1-space-control-gap-m)}.macro-radius-ref-column>label{flex:0 0 auto}legend{display:inline-flex;align-items:center;font-family:var(--ui-font-family);font-weight:600;font-size:var(--page1-type-size-legend);padding:0;margin:0 0 var(--page1-space-divider-before);line-height:var(--page1-type-line-height-legend);letter-spacing:0;font-stretch:normal;color:var(--page1-color-text-legend);background:transparent;border-radius:0;box-shadow:none}.legend-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;cursor:pointer;flex:0 0 auto;width:auto;direction:ltr;background:transparent;border-radius:0}.floating-panel legend .legend-toggle{flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font-family:var(--ui-font-family);font-size:var(--page1-type-size-legend);font-weight:600;line-height:var(--page1-type-line-height-legend);color:var(--page1-color-text-legend)}.legend-toggle input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:12px;height:12px;margin:0;cursor:pointer;order:0;transform:none;align-self:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:3px;background:var(--page1-color-surface-input);background-repeat:no-repeat;background-position:center;background-size:8px 8px}.legend-toggle input[type=checkbox]:checked{background-color:var(--page1-color-surface-button);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23616161' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M2.5 6.25 4.85 8.6 9.5 3.75'/%3E%3C/svg%3E")}:root[data-icon-capture=true] fieldset.capture-fieldset{position:relative;margin-top:12px;padding-top:14px}:root[data-icon-capture=true] fieldset.capture-fieldset>legend.capture-source-legend{opacity:0;pointer-events:none;max-height:0;overflow:hidden;margin:0;padding:0}:root[data-icon-capture=true] .capture-legend{position:absolute;top:0;left:8px;display:inline-flex;align-items:center;gap:6px;padding:0 4px;line-height:1.2;transform:translateY(-58%);font-size:12px;font-weight:400;font-family:var(--ui-font-family)!important;letter-spacing:0;font-stretch:normal;color:#8f8f8f;background:#fafafaeb;border-radius:999px;box-shadow:0 0 0 1px #fafafaeb;white-space:nowrap;z-index:1}:root[data-icon-capture=true] .capture-legend-text{font:inherit;color:inherit;line-height:inherit;white-space:inherit}:root[data-icon-capture=true] .capture-legend-checkbox{width:12px;height:12px;flex:0 0 12px;box-sizing:border-box;border:1px solid #b6b6b6;border-radius:3px;background:#fffffff5;position:relative}:root[data-icon-capture=true] .capture-legend-checkbox.is-disabled{opacity:.6}:root[data-icon-capture=true] .capture-legend-checkbox.is-checked:after{content:"";position:absolute;left:3px;top:0;width:3px;height:6px;border:solid #6d6d6d;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}:root[data-ui-showcase=true] body{min-width:1920px;margin:0;background:radial-gradient(circle at top left,#fffffff2,#f2f1eef5 38%,#ebe9e5fa);color:#222;overflow-x:auto;overflow-y:auto}:root[data-ui-showcase=true] body>.construction,:root[data-ui-showcase=true] body>#ui-overlay,:root[data-ui-showcase=true] body>#page-tabs-container{display:none!important}:root[data-ui-showcase=true] #panel-snap-slots{display:none!important}#ui-showcase-root{width:1920px;min-height:1080px;margin:0 auto;box-sizing:border-box;padding:40px 40px 56px;display:flex;flex-direction:column;gap:30px}.showcase-hero{display:flex;flex-direction:column;gap:8px;padding:8px 4px 0}.showcase-eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#7c746a}.showcase-hero h1,.showcase-section-header h2,.showcase-card-header h3{margin:0}.showcase-hero h1{font-size:34px;line-height:1.05;font-weight:600}.showcase-hero p,.showcase-section-header p,.showcase-card-header p{margin:0;color:#6d675f}.showcase-section{display:flex;flex-direction:column;gap:14px}.showcase-section-header{display:flex;flex-direction:column;gap:4px;padding:0 4px}.showcase-section-header h2{font-size:20px;font-weight:600}.showcase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;align-items:start}.showcase-card{grid-column:span 4;display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px;border-radius:24px;background:#ffffffb8;border:1px solid rgba(0,0,0,.08);box-shadow:0 18px 45px #5c4d3e1f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.showcase-card[data-span=wide]{grid-column:span 6}.showcase-card[data-span=full]{grid-column:1 / -1}.showcase-card[data-span=third]{grid-column:span 4}.showcase-card-header{display:flex;flex-direction:column;gap:4px}.showcase-card-header h3{font-size:16px;font-weight:600}.showcase-card-header p{font-size:12px;line-height:1.45}.showcase-frame{min-width:0}#ui-showcase-root .showcase-panel,#ui-showcase-root .showcase-tabs{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important}#ui-showcase-root .showcase-tabs{display:flex!important;align-items:center;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #00000014}#ui-showcase-root .showcase-panel{overflow:visible!important;cursor:default}#ui-showcase-root .showcase-panel .panel-header{cursor:default}#ui-showcase-root #actions-panel.showcase-panel{min-width:0}#ui-showcase-root #actions-panel.showcase-panel .panel-header{flex-wrap:wrap}#ui-showcase-root #actions-panel.showcase-panel .actions-controls{width:100%;margin-left:0;flex-wrap:wrap;row-gap:8px}#ui-showcase-root #actions-panel.showcase-panel .actions-empty-group{flex:1 1 auto}#ui-showcase-root #typesetter-panel.showcase-panel{min-width:0}#ui-showcase-root #properties-panel.showcase-panel .properties-panel-content,#ui-showcase-root #scene-layers-panel.showcase-panel .macro-pair-controls{overflow:visible;max-height:none;padding-right:0;flex-grow:0}#ui-showcase-root #scene-layers-panel.showcase-panel .macro-pair-controls{max-width:100%}#ui-showcase-root .showcase-panel.collapsed{width:auto!important}#ui-showcase-root .showcase-panel.collapsed .panel-header{margin-right:0}@media(max-width:1960px){#ui-showcase-root{padding-left:24px;padding-right:24px}}:root[data-icon-capture=true] .capture-legend .legend-toggle{background:transparent;border-radius:0}:root[data-icon-capture=true] .capture-legend input[type=checkbox]{margin:0;transform:none}legend-header{display:flex;justify-content:space-between;align-items:center;width:100%}.sub-nav{display:flex;gap:4px;width:100%;margin-top:8px;flex-basis:100%;order:2}.sub-nav button{margin:0;padding:4px 8px;font-size:11px;background:#eee;border:1px solid #ddd;border-radius:4px;box-shadow:none}.sub-nav button:not(.active):hover{background-color:#e0e0e0}.sub-nav button.active{background:#007bff;color:#fff;border-color:#007bff}.sub-list{display:flex;flex-direction:column;gap:8px;padding:8px}.sub-list-item{display:flex;justify-content:space-between;align-items:center;padding:6px;background:#fff;border-radius:4px;border:1px solid #e0e0e0}.sub-list-item.draggable-macro{cursor:grab}.sub-list-item.draggable-macro.dragging{cursor:grabbing}.sub-list-item button{margin:0}.responsive-wrap-row{display:flex;flex-wrap:wrap-reverse;align-items:flex-start;gap:16px}.responsive-wrap-row>.split-left{flex:2 1 180px;display:flex;flex-direction:column;gap:8px}.responsive-wrap-row>.split-right{flex:1 1 140px;display:flex;flex-direction:column;gap:8px}.responsive-wrap-row>.split-right>label{width:100%;display:flex;flex-direction:column;font-size:12px}.responsive-wrap-row>.split-right input[type=color]{width:100%;box-sizing:border-box}.fill-options{flex-direction:row!important;align-items:flex-end;gap:12px}.fill-options>label{min-width:0}.vis-layout-inline{display:flex;align-items:center;gap:8px}.vis-master-label{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.view-toggles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:6px}.fill-boundaries-selector{display:flex;flex-direction:column;gap:6px}.fill-boundaries-group{display:flex;align-items:center;gap:12px}.fill-boundaries-group strong{font-weight:600;width:35px}.fill-boundaries-group label{display:flex;flex-direction:row;align-items:center;gap:6px;font-weight:400;cursor:pointer}.spinner-wrapper,.pos-spinner{margin-top:4px}.spinner-wrapper input,.pos-spinner input{margin-top:0}.spinner-wrapper{display:flex;gap:4px;align-items:center}.spinner-wrapper input{flex:1;min-width:0}.spinner{display:flex;flex-direction:column;gap:0;justify-content:center;align-items:center;height:24px;width:12px;position:relative}.spinner button+button{margin-top:0}.spinner button{padding:0;margin:0;height:12px;min-height:12px;max-height:12px;width:12px;min-width:12px;max-width:12px;line-height:0;font-size:11px;display:grid;place-items:center;cursor:pointer;box-sizing:border-box;background:transparent;border:none;color:#b3b3b3;font-weight:400;border-radius:0;position:absolute;left:0}.spinner button:active:not(:disabled){color:#666}.spinner button[data-chevron=up]{top:2px}.spinner button[data-chevron=down]{top:10px}.spinner .spinner-chevron{width:12px;height:12px;display:block;color:var(--page1-color-surface-button-active);font-size:12px;line-height:12px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;transform:scale(var(--chevron-scale, 1));transform-origin:50% 50%}.spinner button:active:not(:disabled) .spinner-chevron{--chevron-scale: .8}.spinner button[data-chevron=down] .spinner-chevron{transform:rotate(180deg) scale(var(--chevron-scale, 1))}.spinner button:focus{outline:none;box-shadow:none}.spinner-wrapper.spinner-inline{position:relative;display:block}.spinner-wrapper.spinner-inline input{padding-right:16px}.spinner-wrapper.spinner-inline input[type=number],.pos-spinner input[type=number]{background-image:none}.pos-spinner input[type=number]{padding-right:8px}.spinner-wrapper.spinner-inline .spinner{position:absolute;right:4px;top:0;transform:none;height:24px;display:flex;align-items:center;justify-content:center}.spinner-wrapper.spinner-inline .spinner button{display:flex;align-items:center;justify-content:center;text-align:center}.spinner-wrapper.spinner-inline .spinner button:focus{box-shadow:none}.spinner-wrapper.spinner-inline .spinner .material-symbols-rounded{display:block;line-height:1}.spinner-wrapper.spinner-inline .spinner button:hover:not(:disabled),.spinner-wrapper.spinner-inline .spinner button:active:not(:disabled){background:transparent}.opacity-stepper,.opacity-stepper input{width:100%}.fill-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--page1-space-control-gap-l);align-items:flex-end}.fill-row>.icon-toggle{align-self:flex-end;margin-top:0;margin-left:0}.fill-row .fill-color-column,.fill-row .fill-opacity-column,.fill-row .fill-opacity{min-width:0}.fill-row .fill-opacity-column{display:flex;align-items:flex-end;gap:var(--page1-space-control-gap-s)}.fill-row .fill-opacity{flex:1 1 0}.fill-row .spinner-wrapper{margin-top:0}.fill-row input[type=color],.fill-row .opacity-stepper input{height:24px}.no-native-spin{-moz-appearance:textfield}.pos-spinner{display:grid;grid-template-columns:1fr var(--page1-size-icon-button-width) var(--page1-size-icon-button-width);gap:4px;align-items:center;height:24px}.pos-spinner:has(>button:only-of-type){grid-template-columns:1fr var(--page1-size-icon-button-width)}.pos-spinner input{flex:1;min-width:0;width:100%}.pos-spinner button{padding:0;height:24px;min-height:24px;font-size:11px;cursor:pointer;width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);flex:0 0 var(--page1-size-icon-button-width);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin-top:0}.pos-spinner .pos-chevron{font-size:16px;line-height:1;display:inline-block;transform-origin:center}.pos-spinner .chevron-left{transform:rotate(180deg)}.pos-spinner .chevron-up{transform:rotate(-90deg)}.pos-spinner .chevron-down{transform:rotate(90deg)}.anchor-grid-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:var(--page1-space-button-padding-xs)}.anchor-grid-wrap>strong{font-size:var(--page1-type-size-label);font-weight:500;color:var(--page1-color-text-label);width:auto;text-align:left}.anchor-grid{display:grid;grid-template-columns:repeat(3,var(--page1-size-control-height));grid-template-rows:repeat(3,var(--page1-size-control-height));gap:var(--page1-space-button-padding-xs)}.anchor-grid button{width:var(--page1-size-control-height);height:var(--page1-size-control-height);min-height:var(--page1-size-control-height);padding:0;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);background:var(--page1-color-surface-input);color:transparent;cursor:pointer}.anchor-grid button:not(.active):hover{background-color:var(--page1-color-surface-button-hover)}.anchor-grid button.active{background:var(--page1-color-surface-button-active);color:var(--page1-color-surface-input);border-color:var(--page1-color-border-control)}.anchor-grid button.active:hover{background-color:var(--page1-color-surface-button-active)}.anchor-grid .dot{width:5px;height:5px;border-radius:50%;background:currentColor;display:inline-block}.tab-button,.sub-nav button,.spinner button,.pos-spinner button,.anchor-grid button{box-shadow:none}.tab-button:active,.sub-nav button:active,.pos-spinner button:active,.anchor-grid button:active{transform:none}.sub-nav button:focus,.pos-spinner button:focus,.anchor-grid button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}.history-btn{min-width:22px;text-align:center;flex-shrink:0}.construction{position:fixed;top:0;left:0;width:100%;height:100%;background:#f9f9f9;overflow:visible;box-sizing:border-box;z-index:1;cursor:grab}.construction:active{cursor:grabbing}svg{position:absolute;display:block;-webkit-user-select:none;user-select:none;transform-origin:0 0;overflow:visible}svg text{font-size:10px}svg.hide-grid .grid-lines,svg.hide-grid .rulers{display:none}svg.hide-grid .grid-background{stroke:transparent}svg.hide-construction .construction-geometry,svg.hide-construction .final-outline{display:none}svg.hide-fill .fill-polygon{display:none}svg.hide-final-outline .final-outline-derived{display:none}svg.hide-final-outline .final-outline-point{display:none}svg.hide-final-outline .final-outline-stroke{display:none}svg.hide-rulers .typographic-rulers{display:none}#mobile-ui{display:none}.final-outline-derived,.final-outline-stroke{pointer-events:none}.final-outline-point{pointer-events:all;cursor:pointer}.selection-highlight{stroke-width:2px;stroke-dasharray:6 3;pointer-events:none}.selection-highlight.green{stroke:#28a745;fill:#28a74533}.selection-highlight.purple{stroke:#6f42c1;fill:#6f42c133}.selection-highlight.orange{stroke:#fd7e14;fill:#fd7e1433}.construction-geometry .selected-A{stroke:#dc3545!important;stroke-dasharray:6 3;fill:#dc354533}.construction-geometry .selected-B{stroke:#007bff!important;stroke-dasharray:6 3;fill:#007bff33}.handle{pointer-events:all;cursor:move;fill:#f000;stroke:none}.handle.resize{cursor:nwse-resize}.handle.resize-n,.handle.resize-s{cursor:ns-resize}.handle.resize-e,.handle.resize-w{cursor:ew-resize}.handle.resize-ne,.handle.resize-sw{cursor:nesw-resize}.handle.resize-nw,.handle.resize-se{cursor:nwse-resize}.handle.spline-handle{cursor:crosshair}.arch-bow-wrapper{display:flex;flex-direction:column}.arch-bow-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.arch-bow-header.rail-header{align-items:center}.arch-bow-header>label{margin:0;font-weight:400}.rail-visibility,.rail-offset{display:flex;align-items:center;gap:6px}.rail-visibility .visibility-toggle{margin:0}.rail-visibility .visibility-toggle,.rail-offset .icon-toggle{width:var(--page1-size-icon-button-width);min-width:var(--page1-size-icon-button-width);flex:0 0 var(--page1-size-icon-button-width);padding:0}.arch-tension-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.arch-tension-row input[type=range]{width:100%;margin:0}.arch-tension-row .spinner-wrapper,.arch-tension-row input[type=number]{width:100%;min-width:0}.arch-tension-row>label{grid-column:1 / -1;margin:0;white-space:nowrap}.rail-control-group{border-top:var(--page1-border-divider);padding-top:var(--page1-space-divider-after);margin-top:0;display:flex;flex-direction:column;gap:8px}.spline-controls-fieldset>.rail-control-group:first-of-type{border-top:none;padding-top:0}.spline-controls-fieldset .handle-mode-control{padding-bottom:var(--page1-space-divider-after);border-bottom:var(--page1-border-divider)}.spline-controls-fieldset .arch-tension-row{row-gap:var(--page1-space-button-padding-xs)}.spline-controls-fieldset .arch-tension-row>label{color:var(--page1-color-text-label);font-size:var(--page1-type-size-label);font-weight:500;line-height:14px}.construction-fieldset .rail-control-group{border-top:var(--page1-border-divider);padding-top:var(--page1-space-divider-after)}.construction-fieldset>.rail-control-group:first-of-type{border-top:none;padding-top:0}.construction-fieldset{gap:var(--page1-space-divider-before);position:relative;border-bottom:none;padding-bottom:0}#properties-panel .construction-fieldset:has(+.segment-fill-fieldset){border-bottom:var(--page1-border-divider);padding-bottom:var(--page1-space-divider-after)}.construction-fieldset .endpoint-selectors label{min-width:0}.construction-fieldset .segment-rail-shape-row{margin-top:0;border-top:var(--page1-border-divider);padding-top:var(--page1-space-divider-after)}.construction-fieldset .arch-tension-row{height:var(--page1-size-control-height);min-height:var(--page1-size-control-height)}.construction-fieldset .arch-tension-row .spinner-wrapper{margin-top:0}@media(max-width:760px),(pointer:coarse)and (max-width:900px){:root{--mobile-dock-side: 10px;--mobile-dock-bottom: calc(10px + env(safe-area-inset-bottom)) ;--mobile-top: calc(8px + env(safe-area-inset-top)) ;--mobile-glass: rgba(252, 252, 252, .92)}body{overflow:hidden;-webkit-text-size-adjust:100%}#page-tabs-container{display:none!important}#ui-overlay{top:0;height:100%;pointer-events:none}#ui-overlay .floating-panel{display:none!important}.construction,#glyphSVG{touch-action:none}#mobile-ui.is-active{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;pointer-events:none;font-family:var(--ui-font-family);color:var(--page1-color-text-title)}.mobile-page-header{position:fixed;top:var(--mobile-top);left:var(--mobile-dock-side);right:var(--mobile-dock-side);display:grid;grid-template-columns:36px 36px minmax(0,1fr) 36px 36px;gap:6px;align-items:center;pointer-events:auto}.mobile-side-rail{position:fixed;display:flex;flex-direction:column;gap:6px;pointer-events:auto;z-index:41}.mobile-view-rail{top:calc(var(--mobile-top) + 42px);left:var(--mobile-dock-side);align-items:flex-start}.mobile-top-actions-rail{top:calc(var(--mobile-top) + 42px);right:var(--mobile-dock-side);align-items:flex-end}.mobile-side-rail-stack{display:flex;flex-direction:column;gap:6px}.mobile-side-rail-btn{box-shadow:0 8px 18px #00000014}.mobile-page-strip{min-width:0;height:36px;display:block;overflow:hidden;border:var(--page1-stroke-default) solid var(--page1-color-border-panel-subtle);border-radius:var(--page1-radius-control-xl);background:var(--mobile-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-page-strip::-webkit-scrollbar,.mobile-lineup::-webkit-scrollbar{display:none}.mobile-page-current{min-width:0;width:100%;height:100%;padding:0 6px 0 12px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;color:var(--page1-color-text-title);font-size:13px;font-weight:700;-webkit-tap-highlight-color:transparent}.mobile-page-name{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.mobile-page-inline-actions{display:inline-flex;align-items:center;gap:4px;min-width:0}.mobile-page-inline-btn{width:24px;height:24px;min-width:24px;min-height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:50%;background:var(--page1-color-surface-button);color:var(--page1-color-icon-default);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-page-inline-btn .material-symbols-outlined{font-size:15px;line-height:1}.mobile-icon-btn,.mobile-page-nav-btn,.mobile-nav-btn,.mobile-lineup-item,.mobile-control-pill,.mobile-control-title-wrap,.mobile-action-trigger,.mobile-color-value,.mobile-text-value{font-family:var(--ui-font-family);border:var(--page1-stroke-default) solid var(--page1-color-border-control);background:var(--page1-color-surface-button);color:var(--page1-color-text-button);border-radius:999px;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-icon-btn,.mobile-page-nav-btn,.mobile-nav-btn{width:36px;height:36px;min-width:36px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:50%;padding:0}.mobile-icon-btn .material-symbols-outlined,.mobile-page-nav-btn .material-symbols-outlined,.mobile-nav-btn .material-symbols-outlined,.mobile-lineup-item .material-symbols-outlined,.mobile-action-trigger .material-symbols-outlined{font-size:20px;line-height:1}.mobile-icon-btn.has-rotated-icon .material-symbols-outlined{transform:rotate(90deg)}.mobile-icon-btn.is-active,.mobile-icon-btn[aria-pressed=true],.mobile-page-nav-btn.is-active,.mobile-nav-btn.is-active,.mobile-side-rail-btn.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-icon-btn:disabled,.mobile-page-nav-btn:disabled,.mobile-nav-btn:disabled,.mobile-control-title-wrap:disabled{opacity:.34;cursor:default}.mobile-dock{position:fixed;left:var(--mobile-dock-side);right:var(--mobile-dock-side);bottom:var(--mobile-dock-bottom);pointer-events:auto;border:var(--page1-stroke-panel-subtle) solid var(--page1-color-border-panel-subtle);border-radius:18px;background:var(--mobile-glass);box-shadow:0 12px 34px #0000001f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:10px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;max-height:calc(100vh - 68px - var(--mobile-top) - env(safe-area-inset-bottom))}.mobile-hierarchy-layer{display:block;align-items:center;min-width:0}.mobile-layer-label{display:none}.mobile-lineup{min-width:0;display:flex;gap:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;padding:0;-webkit-overflow-scrolling:touch}.mobile-lineup>*+*{margin-left:6px}.mobile-lineup-item{flex:0 0 auto;width:max-content;min-width:0;max-width:190px;height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;background:#f2f2f2cc}.mobile-section-item{max-width:210px;background:#fcfcfcb8}.mobile-section-item.has-toggle{padding-right:10px}.mobile-section-chip-indicator{width:18px;height:18px;min-width:18px;min-height:18px;margin-left:2px;padding:0;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:50%;background:var(--page1-color-surface-button);box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-section-chip-indicator-dot{width:8px;height:8px;border-radius:50%;background:var(--page1-color-text-title);opacity:0;transform:scale(.6);transition:opacity .15s ease,transform .15s ease;pointer-events:none}.mobile-section-chip-indicator.is-active .mobile-section-chip-indicator-dot{opacity:1;transform:scale(1)}.mobile-lineup-item.is-active{background:var(--page1-color-surface-panel);color:var(--page1-color-text-title);border-color:var(--page1-color-text-title)}.mobile-lineup-text,.mobile-control-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-lineup-text{flex:0 1 auto;text-align:left;font-size:12px;font-weight:700}.mobile-lineup-meta{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--page1-color-surface-selection);color:var(--page1-color-text-control);font-size:10px;line-height:18px;font-weight:700;text-align:center;box-sizing:border-box}.mobile-lineup-empty{min-height:34px;padding:0 12px;display:inline-flex;align-items:center;color:var(--page1-color-text-control);border:var(--page1-stroke-default) dashed var(--page1-color-border-control);border-radius:var(--page1-radius-control-l);font-size:12px;font-weight:600}.mobile-control-editor{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;gap:6px;align-items:center;padding-top:10px;border-top:var(--page1-border-divider);min-width:0}.mobile-control-editor.is-static{grid-template-columns:minmax(0,1fr)}.mobile-control-editor>.mobile-nav-btn{align-self:center}.mobile-editor-main{min-width:0;display:flex;flex-direction:column;gap:7px;justify-content:center}.mobile-editor-surface{min-width:0;display:grid;gap:7px}.mobile-inline-settings-row{min-width:0;display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mobile-inline-settings-row>*+*{margin-left:6px}.mobile-inline-settings-row::-webkit-scrollbar{display:none}.mobile-lineup-wrap{min-width:0;display:flex;align-items:center;gap:6px}.mobile-lineup-wrap>.mobile-lineup{flex:1 1 auto}.mobile-design-space-row-actions{flex:0 0 auto}.mobile-fieldset-action-btn{flex:0 0 auto;min-height:34px;white-space:nowrap}.mobile-typesetter-settings-row{align-items:stretch}.mobile-typesetter-setting{flex:0 0 auto;display:grid;gap:4px;min-width:0}.mobile-typesetter-setting-label{font-size:11px;font-weight:700;color:var(--page1-color-text-control);white-space:nowrap}.mobile-typesetter-color-setting{min-width:34px;align-items:start}.mobile-typesetter-color-input{margin-top:2px}.mobile-typesetter-surface{max-height:min(330px,calc(100vh - 250px))}.mobile-typesetter-content{display:flex;min-height:0}.mobile-typesetter-input{position:relative;flex-grow:1;background:var(--page1-color-surface-input);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);padding:9px;box-sizing:border-box;cursor:text;outline:none;min-height:130px}.mobile-typesetter-capture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;margin:0;padding:0;border:0;resize:none;background:transparent;color:transparent;-webkit-text-fill-color:transparent;caret-color:transparent;font:inherit;box-sizing:border-box;outline:none;overflow:hidden;-webkit-appearance:none}.mobile-typesetter-render{position:relative;z-index:2;display:flex;align-items:center;gap:0;overflow-x:auto;overflow-y:hidden;height:112px;min-height:112px;pointer-events:none}.mobile-typesetter-render .typesetter-glyph{height:100%}.mobile-typesetter-input:focus-within,.mobile-typesetter-input:focus,.mobile-typesetter-input:focus-visible{box-shadow:0 0 0 2px #007bff40}.mobile-typesetter-caret{width:2px;height:auto;min-height:96px;align-self:stretch;margin-block:8px;background:#000;border-radius:1px;flex-shrink:0;opacity:1;visibility:hidden}.mobile-typesetter-input:focus-within .mobile-typesetter-caret,.mobile-typesetter-input:focus .mobile-typesetter-caret,.mobile-typesetter-input:focus-visible .mobile-typesetter-caret{visibility:visible;animation:mobileTypesetterCaretBlink 1s steps(1,end) infinite}@keyframes mobileTypesetterCaretBlink{0%,59%{opacity:1}60%,to{opacity:0}}.mobile-editor-section-surface{min-width:0;display:grid;gap:10px;max-height:min(330px,calc(100vh - 250px));overflow-y:auto;padding-right:1px}.mobile-editor-section-surface>.mobile-editor-surface.is-fieldset,.mobile-editor-section-surface>.mobile-editor-surface.is-layer-tree{max-height:none;overflow:visible;padding-right:0}.mobile-editor-section-surface>.mobile-editor-surface.is-action-row{flex-wrap:wrap;overflow:visible}.mobile-editor-surface.is-action-row{display:flex;gap:0;min-height:34px;align-items:center;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.mobile-editor-surface.is-action-row>*+*{margin-left:6px}.mobile-editor-surface.is-action-row::-webkit-scrollbar{display:none}.mobile-row-template{--mobile-row-height: 34px;min-height:var(--mobile-row-height)}.mobile-row-template>.mobile-nav-btn{width:var(--mobile-row-height);height:var(--mobile-row-height);min-width:var(--mobile-row-height);min-height:var(--mobile-row-height)}.mobile-editor-surface.is-fieldset{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;row-gap:8px;align-items:end;max-height:168px;overflow-y:auto;padding-right:1px}.mobile-editor-surface.is-fieldset .mobile-range-widget,.mobile-editor-surface.is-fieldset .mobile-color-widget,.mobile-editor-surface.is-fieldset .mobile-companion-control.is-range,.mobile-editor-surface.is-fieldset .mobile-companion-control.is-color,.mobile-editor-surface.is-fieldset .mobile-companion-control.is-action,.mobile-editor-surface.is-fieldset .mobile-action-btn{grid-column:1 / -1}.mobile-editor-surface.is-fieldset .mobile-option-widget.is-wide,.mobile-editor-surface.is-fieldset .mobile-select-widget.is-wide,.mobile-editor-surface.is-fieldset .mobile-select-widget:only-child,.mobile-editor-surface.is-fieldset .mobile-companion-control.is-option:has(.mobile-option-widget.is-wide),.mobile-editor-surface.is-fieldset .mobile-companion-control.is-option:has(.mobile-select-widget.is-wide),.mobile-editor-surface.is-fieldset .mobile-companion-control.is-switch{grid-column:1 / -1}.mobile-editor-surface.is-fieldset .mobile-action-btn{justify-self:start}.mobile-editor-surface.is-fieldset .mobile-anchor-widget{justify-self:center;justify-items:center}.mobile-editor-surface.is-layer-tree{max-height:min(330px,calc(100vh - 250px));overflow-y:auto;padding-right:1px}.mobile-design-axis-surface{max-height:188px;overflow-y:auto;padding-right:1px}.mobile-design-axis-inputs{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}.mobile-design-axis-inputs .mobile-action-btn{grid-column:1 / -1;justify-self:start}.mobile-design-axis-inputs .mobile-exact-widget{gap:4px}.mobile-design-axis-inputs .mobile-value-input{height:34px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700;background:#ffffffdb}.mobile-exact-control-wrap{position:relative;min-width:0;display:block}.mobile-exact-control-wrap.has-inline-action input.mobile-value-input,.mobile-exact-control-wrap.has-inline-action input.mobile-text-input{padding-right:calc(12px + var(--mobile-inline-actions-width, 24px))}.mobile-inline-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:3px}.mobile-inline-action-btn{width:22px;height:22px;min-width:22px;min-height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button-hover);color:var(--page1-color-icon-default);cursor:pointer;box-sizing:border-box}.mobile-inline-action-btn .material-symbols-outlined{width:15px;height:15px;font-size:15px;line-height:15px}.mobile-inline-action-btn[data-chevron=down] .spinner-chevron,.mobile-inline-action-btn .chevron-left{transform:rotate(180deg)}.mobile-inline-action-btn .chevron-up{transform:rotate(-90deg)}.mobile-inline-action-btn .chevron-down{transform:rotate(90deg)}.mobile-design-axis-slider{min-width:0;display:grid;gap:5px}.mobile-design-axis-slider-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(72px,.34fr) auto;gap:8px;align-items:center}.mobile-design-axis-slider-row input[type=range]{width:100%;margin:0}.mobile-design-master-value{position:relative;min-width:0;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-size:12px;font-weight:700;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-design-master-value.has-delete{padding-right:34px}.mobile-design-master-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-design-delete-master{position:absolute;right:5px;top:50%;width:24px;height:24px;min-width:24px;min-height:24px;padding:0;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:50%;background:var(--page1-color-surface-button-hover);color:var(--page1-color-icon-default);font-family:var(--ui-font-family);font-size:13px;font-weight:800;line-height:1;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.mobile-design-set-axis{width:max-content;min-width:0;max-width:74px;height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-family:var(--ui-font-family);font-size:12px;font-weight:700;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-design-set-axis span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-design-axis-actions{min-width:0;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.mobile-design-axis-actions>*+*{margin-left:6px}.mobile-design-axis-actions::-webkit-scrollbar{display:none}.mobile-widget-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;align-items:center}.mobile-widget-row.has-label{grid-template-columns:minmax(0,1fr);gap:5px}.mobile-range-widget.has-label{grid-template-columns:minmax(0,1fr) 96px}.mobile-range-widget.has-label .mobile-widget-label,.mobile-color-widget.has-label .mobile-widget-label{grid-column:1 / -1}.mobile-widget-label{min-width:0;color:var(--page1-color-text-label);font-size:11px;font-weight:700;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-anchor-grid{display:grid;grid-template-columns:repeat(3,34px);grid-template-rows:repeat(3,34px);gap:6px}.mobile-anchor-btn{width:34px;height:34px;min-width:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:var(--page1-radius-control);background:var(--page1-color-surface-button);color:transparent;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-anchor-btn.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-anchor-btn:focus,.mobile-anchor-btn:focus-visible{outline:none;box-shadow:none}.mobile-anchor-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.mobile-anchor-point{font-size:20px;line-height:1}.mobile-action-btn,.mobile-option-btn,.mobile-switch,.mobile-select,.mobile-value-input,.mobile-text-input{min-width:0;height:34px;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-family:var(--ui-font-family);font-size:12px;font-weight:700;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.mobile-action-btn{flex:0 0 auto;width:max-content;min-width:0;max-width:190px;padding:0 14px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.mobile-editor-surface.is-icon-row .mobile-action-btn{flex:0 0 34px;width:34px;min-width:34px;max-width:34px;aspect-ratio:1 / 1;border-radius:50%;padding:0}.mobile-action-btn span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-action-btn .material-symbols-outlined{font-size:18px;line-height:1}.mobile-companion-control{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.mobile-companion-main{min-width:0}.mobile-companion-actions{min-width:0;display:flex;gap:4px;align-items:flex-end;justify-content:flex-end}.mobile-linked-pair-row{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;align-items:end}.mobile-linked-pair-item{min-width:0}.mobile-fill-pair-row{grid-column:1 / -1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:end}.mobile-fill-pair-item{min-width:0}.mobile-fill-pair-item .mobile-color-widget{grid-column:auto}.mobile-fill-pair-item .mobile-companion-control.is-color,.mobile-fill-pair-item .mobile-companion-control.is-exact{grid-template-columns:minmax(0,1fr);gap:0}.mobile-fill-pair-item .mobile-companion-actions{display:none}.mobile-linked-pair-action{min-width:0;display:flex;align-items:flex-end;justify-content:center}.mobile-companion-btn{width:34px;height:34px;min-width:34px;min-height:34px;aspect-ratio:1 / 1;padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-icon-default);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-companion-btn.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-companion-btn .material-symbols-outlined{font-size:17px;line-height:1}.mobile-action-btn.is-active,.mobile-option-btn.is-active,.mobile-switch.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-option-buttons{min-width:0;display:flex;gap:6px}.mobile-segmented-switch{position:relative;min-width:0;height:34px;display:grid;align-items:stretch;padding:0;overflow:hidden;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-input);box-sizing:border-box;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.mobile-segmented-indicator{position:absolute;top:-1px;bottom:-1px;left:calc(var(--mobile-pill-left, 0%) - 1px);width:calc(var(--mobile-pill-width, 50%) + 2px);border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);box-sizing:border-box;pointer-events:none;transition:left .24s ease-in-out,width .24s ease-in-out}.mobile-segmented-option{position:relative;z-index:1;min-width:0;width:100%;height:100%;min-height:0;margin:0;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:0;background:transparent;color:var(--page1-color-text-button);font-family:var(--ui-font-family);font-size:12px;font-weight:700;line-height:1;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:transparent;outline:none}.mobile-segmented-option.is-active{color:var(--page1-color-text-title)}.mobile-segmented-switch .mobile-segmented-option:hover:not(:disabled),.mobile-segmented-switch .mobile-segmented-option:active:not(:disabled),.mobile-segmented-switch .mobile-segmented-option:focus,.mobile-segmented-switch .mobile-segmented-option:focus-visible,.mobile-segmented-switch .mobile-segmented-option.is-active:hover:not(:disabled),.mobile-segmented-switch .mobile-segmented-option.is-active:active:not(:disabled){background:transparent!important;box-shadow:none!important;outline:none!important}.mobile-option-btn{flex:1 1 0;padding:0 9px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-select,.mobile-value-input,.mobile-text-input{width:100%;padding:0 12px}select.mobile-select,input.mobile-value-input,input.mobile-text-input{height:34px;padding:0 12px;border-radius:999px;background-color:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-size:12px;font-weight:700;line-height:normal}select.mobile-select{padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,var(--page1-color-icon-default) 50%),linear-gradient(135deg,var(--page1-color-icon-default) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-repeat:no-repeat;background-size:5px 5px,5px 5px}.mobile-value-input{text-align:center}.mobile-switch{padding:0 14px;cursor:pointer}.mobile-layer-tree{min-width:0;width:100%;display:grid;gap:4px}.mobile-layer-row{min-width:0;width:100%;display:grid;grid-template-columns:var(--mobile-layer-columns, 34px minmax(0, 1fr) 34px);gap:4px;align-items:center;padding-left:var(--mobile-layer-row-offset, 0px);box-sizing:border-box;transition:opacity .12s ease}.mobile-layer-row.is-selected .mobile-layer-name-input{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-layer-row.is-dragging{opacity:.55}.mobile-layer-row.is-drop-before{box-shadow:inset 0 2px #2b6cff}.mobile-layer-row.is-drop-after{box-shadow:inset 0 -2px #2b6cff}.mobile-layer-row.is-drop-inside{box-shadow:inset 0 0 0 2px #2b6cff;border-radius:10px}.mobile-layer-action,.mobile-layer-spacer{width:34px;height:34px;min-width:34px;min-height:34px}.mobile-layer-action{padding:0;display:inline-flex;align-items:center;justify-content:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-icon-default);box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}.mobile-layer-action.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}.mobile-layer-action .material-symbols-outlined{font-size:18px;line-height:1}.mobile-layer-action.is-toggle .material-symbols-outlined{font-size:20px}.mobile-layer-spacer{display:block}.mobile-layer-name-wrap{min-width:0;width:max(0px,calc(100% - var(--mobile-layer-name-offset, 0px) - var(--mobile-layer-name-shrink, 0px)));display:block;justify-self:start;margin-left:var(--mobile-layer-name-offset, 0px);max-width:100%}.mobile-layer-name-input{min-width:0;width:100%;display:block;height:34px;padding:0 12px;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-family:var(--ui-font-family);font-size:12px;font-weight:700;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;line-height:normal}.mobile-layer-name-input:focus,.mobile-layer-name-input:focus-visible{outline:none;box-shadow:none}#mobile-ui input.mobile-layer-name-input{height:34px;min-height:34px;padding:0 12px;border-radius:999px!important;background:var(--page1-color-surface-button);background-clip:padding-box;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#mobile-ui .mobile-layer-row.is-selected input.mobile-layer-name-input,#mobile-ui input.mobile-layer-name-input.is-selected{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title);color:var(--page1-color-text-title)}#mobile-ui input.mobile-layer-name-input:focus,#mobile-ui input.mobile-layer-name-input:focus-visible{outline:none;box-shadow:none}.mobile-layer-empty{min-height:34px;padding:0 12px;display:flex;align-items:center;border:var(--page1-stroke-default) dashed var(--page1-color-border-control);border-radius:999px;color:var(--page1-color-text-control);font-size:12px;font-weight:700}.mobile-color-widget,.mobile-color-widget.has-label{grid-template-columns:minmax(0,1fr)}.mobile-color-field{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;align-items:center}.mobile-color-field:not(.has-hex-input){grid-template-columns:34px minmax(0,1fr)}.mobile-color-value{min-width:0;height:34px;max-width:100%;padding:0 12px;display:inline-flex;align-items:center;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:var(--page1-color-surface-button);color:var(--page1-color-text-button);font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-slider-wrap{position:relative;width:100%;min-height:34px;display:flex;align-items:center}.mobile-slider-wrap:before{content:"";position:absolute;left:2px;right:2px;top:50%;height:24px;transform:translateY(-50%);background-image:repeating-linear-gradient(to right,transparent 0,transparent 13px,rgba(97,97,97,.34) 13px,rgba(97,97,97,.34) 14px);pointer-events:none}.mobile-control-slider{position:relative;z-index:1;height:34px;padding:14px 0;width:100%}.mobile-control-slider::-webkit-slider-runnable-track{height:4px}.mobile-control-slider::-webkit-slider-thumb{width:22px;height:22px;margin-top:-10px;background:var(--page1-color-text-title)}.mobile-control-slider::-moz-range-track,.mobile-control-slider::-moz-range-progress{height:4px}.mobile-control-slider::-moz-range-thumb{width:22px;height:22px;background:var(--page1-color-text-title)}.mobile-control-lineup{min-height:34px}.mobile-control-pill{background:#f2f2f2b8}.mobile-control-pill.is-active{background:var(--page1-color-surface-panel);border-color:var(--page1-color-text-title)}.mobile-color-input{width:54px;height:34px;padding:0;border:var(--page1-stroke-default) solid var(--page1-color-border-control);border-radius:999px;background:transparent;overflow:hidden;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-color-input.is-round{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;border-radius:50%;background:transparent}.mobile-color-text-input{min-width:0;text-transform:lowercase}.mobile-color-input::-webkit-color-swatch-wrapper{padding:0}.mobile-color-input::-webkit-color-swatch{border:none;border-radius:999px}.mobile-color-input::-moz-color-swatch{border:none;border-radius:999px}.mobile-empty-control{color:var(--page1-color-text-control);font-size:13px}}.element-binding-row{display:flex;align-items:flex-end;gap:var(--page1-space-control-gap-s)}.element-binding-row select{flex:1 1 0;min-width:0}.segment-fill-boundaries-row{display:flex;align-items:center;gap:var(--page1-space-control-gap-l);position:static;padding:0;border:none;border-radius:0;background:transparent;z-index:auto}.segment-fill-boundaries-row .fill-boundaries-group{gap:var(--page1-space-control-gap-l)}.segment-fill-boundaries-row .fill-boundaries-group strong{width:auto;font-weight:500}.segment-curve-row{display:flex;gap:8px;align-items:flex-end}.segment-curve-row>label{flex:1}.rail-control-group .arch-bow-header{margin-bottom:0}.rail-control-group .arch-bow-header>label:first-child{flex-basis:50%}.rail-control-group input[type=checkbox]{margin-right:4px;margin-left:0}.arch-bow-fieldset .arch-bow-controls{display:flex;flex-direction:column;gap:var(--page1-space-control-gap-l)}.arch-bow-fieldset .arch-bow-header{margin-bottom:0}.arch-bow-fieldset .arch-bow-header small{color:var(--page1-color-text-label);font-size:var(--page1-type-size-label);font-weight:500;opacity:.7}.arch-bow-fieldset .arch-bow-label{margin:0;flex:0 0 auto;font-size:var(--page1-type-size-label);font-weight:500;line-height:14px;color:var(--page1-color-text-label)}.arch-bow-fieldset .arch-tension-row{grid-template-columns:1fr 1fr var(--page1-size-icon-button-width);align-items:end;margin-top:0}.arch-bow-fieldset .arch-tension-row.no-clear-button{grid-template-columns:1fr 1fr}.group-container{background:transparent;border:none}.group-container>summary{font-weight:700}.group-children-container{padding-left:0;margin-left:0;margin-top:var(--page1-space-control-gap-l);padding-top:0;border-left:none;display:flex;flex-direction:column;gap:var(--page1-space-control-gap-l)}.group-children-container>.draggable-item{margin-bottom:0}.macro-pair-controls .path-in-group,.macro-pair-controls .macro-in-group{border:none;background:transparent;border-radius:0;box-shadow:none;padding-bottom:0}.path-in-group>summary{padding:0}.path-in-group>summary .layer-row{padding:0}.macro-in-group>summary{padding:0}.macro-in-group>summary .layer-row{padding:0}.group-children-container>.path-in-group>summary .summary-left,.group-children-container>.group-container>summary .summary-left,.group-children-container>.macro-in-group>summary .summary-left{padding-left:var(--layer-indent)}.draggable-item{transition:opacity .2s ease}.draggable-item.dragging{opacity:.5;background:#e0e0e0}.drop-indicator{height:3px;background-color:#007bff;margin:-1px 0;border-radius:2px;transition:all .1s ease-out;pointer-events:none}.drop-zone-active{outline:2px dashed #007bff;outline-offset:-4px;background-color:#007bff1a!important}#dbg{position:fixed;left:0;right:0;top:0;background:#d32f2f;color:#fff;padding:10px 15px;display:none;z-index:99999;white-space:pre-wrap;font-family:monospace;font-size:14px;box-shadow:0 2px 10px #0000004d}#pages-library-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:50;display:none;justify-content:center;align-items:center;box-sizing:border-box}#pages-library-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#pages-library-panel{position:relative;width:90%;height:90%;max-width:1400px;background:#f0f0f0;border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;padding:0 12px 12px;box-sizing:border-box}#pages-library-panel .panel-header{border-bottom:var(--page1-border-divider);margin-bottom:12px;padding:0;cursor:default}#pages-library-panel .panel-header h2{padding:0 12px}.library-tabbar{display:flex;gap:6px;padding:0 20px 10px}.library-tab-btn{border:1px solid #d8d8d8;background:#f7f7f7;color:#666;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer}.library-tab-btn.active{border-color:#999;background:#fff;color:#222}#pages-library-grid{flex-grow:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(7,1fr);gap:20px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.pages-library-btn{margin-right:0;margin-left:0;margin-bottom:0}.page-card{background:#fdfdfd;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .2s,border-color .2s;position:relative;height:180px}.page-card:hover{box-shadow:0 4px 12px #0000001a;border-color:#999}.page-card.is-active{border-color:#007bff;box-shadow:0 0 0 3px #007bff40}.page-card.is-open:not(.is-active){border-color:#aaa}.page-card-preview{flex-grow:1;background:#f0f0f0;cursor:pointer;padding:0;box-sizing:border-box;min-height:0;position:relative}.page-card-preview svg{height:90%;width:auto;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.page-card-info{padding:6px 10px;background:#fff;border-top:var(--page1-border-divider);display:flex;justify-content:space-between;align-items:center;gap:8px}.page-card-name{font-weight:600;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card-status{position:absolute;top:8px;left:8px;font-size:10px;background:#0009;color:#fff;padding:2px 6px;border-radius:10px;font-weight:600}.page-card-actions{display:flex;gap:4px;flex-shrink:0}.page-card-actions button{margin:0}.page-card-actions .delete-btn:hover:not(:disabled){background-color:#fdd;color:#c00}.element-card .page-card-preview{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:10px;box-sizing:border-box}.element-type-pill{display:inline-flex;align-items:center;font-size:10px;text-transform:uppercase;letter-spacing:.04em;border:1px solid #d6d6d6;border-radius:999px;padding:2px 8px;background:#fff;color:#666}.element-usage-count{display:inline-flex;align-items:center;font-size:12px;color:#444}.library-empty-state{grid-column:1 / -1;min-height:180px;border:1px dashed #cfcfcf;border-radius:10px;background:#fafafa;color:#666;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;text-align:center;padding:20px}@media(max-width:760px),(pointer:coarse)and (max-width:900px){#pages-library-container{align-items:flex-start;padding:calc(12px + env(safe-area-inset-top)) 10px calc(12px + env(safe-area-inset-bottom))}#pages-library-overlay{backdrop-filter:none;-webkit-backdrop-filter:none;background:#00000047}#pages-library-panel{width:100%;max-width:none;height:100%;max-height:none;border-radius:14px;padding:0 10px 10px}#pages-library-panel .panel-header{min-height:42px;margin-bottom:8px}.library-tabbar{padding:0 6px 8px}#pages-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:10px}.page-card{min-width:0;height:168px}.page-card-info{padding:6px 8px}.page-card-actions{gap:2px}}@media(min-width:700px)and (max-width:900px)and (pointer:coarse){#pages-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}