body{font-family:Inter,sans-serif;margin:0;padding:0;height:100vh;background:#f9f9f9;font-size:13px}label{display:flex;flex-direction:column;font-size:12px}input[type=text],input[type=number],input[type=range],input[type=color],select{margin-top:4px;box-sizing:border-box;height:24px;width:100%;border:1px solid #ccc;background-color:#fff;border-radius:4px;box-shadow:none}input[type=text]:focus,input[type=number]:focus,input[type=range]:focus,select:focus{outline:none;box-shadow:0 0 0 2px #007bff40}input[type=text],input[type=number],input[type=range],select{padding:4px}input[type=color]{padding:0}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:24px;height:24px;padding:0;min-width:24px;flex:0 0 24px;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:24px;margin-top:0;background-color:var(--color-input-bg, #ffffff);color:var(--color-input-fg, #000000);cursor:pointer}input.color-input-text.is-editing{cursor:text}input[type=checkbox]{margin-left:6px;transform:translateY(2px)}.floating-panel label{font-size:12px;font-weight:400;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:24px;display:flex;min-height:24px}.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:0 0 auto;width:auto}.pill-toggle.pill-active-hug button:not(.active){flex:1 1 0;width:0}.pill-toggle.pill-equal button{flex:1 1 0}button{padding:6px 10px;margin-top:10px;cursor:pointer;width:100%;border-radius:4px;background-color:#e0e0e0;border:1px solid #ccc;color:#333;font-weight:400;transition:background-color .15s ease-out;box-shadow:none}button:hover:not(:disabled){background-color:#d5d5d5}button:focus{outline:none;box-shadow:0 0 0 2px #007bff40}button:active:not(:disabled){background-color:#ccc}button:disabled{cursor:not-allowed;opacity:.5}.buttons-row{display:flex;gap:8px}.buttons-row button{margin-top:0}.small{width:auto;padding:3px 6px;font-size:11px}.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}.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}: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:auto;height:24px;margin-top:0;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-btn{width:26px;padding:0}.view-toggle{width:26px;padding:0;gap:0}.icon-rotate-90 .material-symbols-outlined{transform:rotate(90deg)}.icon-toggle,.view-toggle{background:transparent;border:1px solid transparent}.icon-toggle:hover:not(:disabled),.view-toggle:hover:not(:disabled){background:transparent}.icon-toggle.is-active,.visibility-toggle.is-active,.view-toggle.is-active{background:transparent}.visibility-toggle.is-active{background:#e0e0e0;border-color:#ccc}.icon-toggle .material-symbols-outlined,.view-toggle .material-symbols-outlined{opacity:.55}.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:#e0e0e0;border-color:#ccc}.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:#e0e0e0;border-color:#ccc}.toggle-label{font-size:11px;line-height:1}.pill-toggle{display:inline-flex;align-items:center;height:24px;border:1px solid #ccc;border-radius:4px;overflow:hidden;background:#fff;box-sizing:border-box;position:relative;cursor:pointer}.pill-toggle:before{content:"";position:absolute;top:0;left:var(--pill-left, 0px);height:100%;width:var(--pill-width, 50%);background:#e0e0e0;border-radius:3px;transition:left .24s ease-in-out,width .24s ease-in-out;pointer-events:none}.pill-toggle.pill-no-anim:before{transition-duration:0ms}.pill-toggle button{border:none;background:transparent;padding:0 8px;margin:0;height:100%;width:auto;font-size:11px;color:#333;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{margin-top:4px}#page-tabs-container{position:fixed;top:0;left:0;width:100%;height:40px;background:#e0e0e0;z-index:20;display:flex;align-items:center;box-sizing:border-box}#page-tabs-wrapper{display:flex;align-items:flex-end;gap:2px;overflow-x:hidden;width:100%;box-sizing:border-box;padding:0 10px;height:100%}.page-tab{display:flex;align-items:center;background:transparent;border:1px solid #ccc;border-bottom:none;padding:0 4px 0 10px;height:32px;border-radius:8px 8px 0 0;gap:6px;cursor:pointer;transition:background-color .2s,border-color .2s,opacity .2s;-webkit-user-select:none;user-select:none;flex-shrink:1;flex-basis:200px;min-width:100px}.page-tab:hover{background:#d5d5d5}.page-tab.active{background:#f9f9f9;border-color:#ccc;border-bottom-color:#f9f9f9;cursor:default}.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:13px;outline:none;pointer-events:all}.page-tab.active .tab-name{cursor:text}.page-tab:not(.active) .tab-name{cursor:pointer;pointer-events:none}.page-tab .tab-name:focus{background:#fff;box-shadow:inset 0 0 0 1px #007bff}.tab-button{background:transparent;border:none;cursor:pointer;font-size:14px;padding:4px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555;margin:0;font-weight:400}.tab-button:hover{background:#0000001a}.tab-button:focus{box-shadow:0 0 0 2px #00000026}.add-page-btn{margin-left:4px;margin-bottom:4px}.scroll-btn{display:none;position:absolute;top:0;bottom:0;margin:auto 0;width:28px;height:28px;z-index:21;background:#f0f0f0e6;border:1px solid #aaa;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;line-height:26px;text-align:center;-webkit-user-select:none;user-select:none;transition:background-color .2s;padding:0}.scroll-btn:hover{background:#fff}.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:block}#page-tabs-container.scrolling-active #page-tabs-wrapper{padding:0 40px}#ui-overlay{position:fixed;top:40px;left:0;width:100%;height:calc(100% - 40px);pointer-events:none;z-index:10}.floating-panel{position:absolute;pointer-events:auto;background:#fafafae6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.1);border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:0 10px 10px;display:flex;flex-direction:column;gap:8px;resize:none;overflow:auto;min-width:200px;min-height:120px;box-sizing:border-box}.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}.panel-header{cursor:grab;min-height:42px;box-sizing:border-box;border-bottom:1px solid #e0e0e0;margin-bottom:4px;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.panel-header h2{margin:0;font-size:15px}.design-space-header-controls{display:flex;align-items:center;gap:6px}.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:10px;left:10px;width:320px;height:auto}#design-space-panel{left:10px;width:320px;height:auto;min-height:0}#actions-panel{top:10px;height:auto;min-height:42px;min-width:200px;resize:none;padding-bottom:0;padding-right:10px}#actions-panel .panel-header{border-bottom:none;margin-bottom:0;flex-wrap:nowrap}.actions-controls{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:nowrap;font-size:0}.actions-group{display:inline-flex;align-items:center;gap:8px}.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:4px}.action-input{height:24px;font-size:12px;padding:4px;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:4px}.action-group-label{font-size:11px;color:#666;white-space:nowrap;display:inline-flex;align-items:center;height:24px}.design-space-axes{flex-grow:1;overflow-y:auto;min-height:0;padding-right:0;display:flex;flex-direction:column;gap:0}.design-space-axis{display:flex;flex-direction:column;gap:8px;border:1px solid #ddd;border-radius:8px;padding:8px;background:transparent}.design-space-axes>.design-space-axis:first-child{margin-top:0}.design-space-axis .axis-title{font-weight:600;margin-bottom:4px}.axis-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.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;padding:0;margin:0;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid #ccc;background:#f6f6f6;color:#555;font-size:12px;line-height:18px;cursor:pointer}.axis-lock-btn svg{width:12px;height:12px;display:block;fill:currentColor}.axis-lock-btn .material-symbols-outlined{font-size:12px}.axis-lock-btn:hover:not(:disabled){background:#eaeaea}.axis-slider-group{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8px}.axis-slider-group input[type=range]{width:100%;margin:0}.axis-controls-group{display:flex;align-items:stretch;gap:8px;min-width:0;width:100%}.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}.axis-slider-group .master-value-display{font-family:monospace;font-size:11px;background:#eee;padding:3px 6px;border-radius:4px;min-width:40px;border:1px solid transparent;box-sizing:border-box;text-align:center;display:flex;align-items:center;gap:6px;white-space:nowrap}.axis-slider-group .master-value-display .master-value-text{line-height:inherit}.delete-master-btn{width:10px;height:10px;line-height:10px;font-size:10px;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:10px;width:320px;min-width:320px;bottom:10px;top:auto;height:auto;max-height:calc(100vh / 3);min-height:0;padding-bottom:0}#view-settings-panel .panel-header{margin-bottom:0}.view-header-controls{display:flex;align-items:center;gap:6px;margin-left:auto}#properties-panel{top:10px;right:10px;left:auto;width:320px;height:auto}#scene-layers-panel{bottom:10px;top:auto;right:10px;left:auto;width:320px;height:auto;max-height:calc(100vh / 3);min-height:0;padding-right:10px}#scene-layers-panel .panel-header{flex-wrap:nowrap}#scene-layers-panel .buttons-row{gap:6px;column-gap:6px;row-gap:6px;justify-content:flex-end;margin-left:auto;width:fit-content;font-size:0}#scene-layers-panel .buttons-row .small{margin:0}#typesetter-panel{bottom:10px;top:auto;height:140px;min-height:42px;min-width:200px;padding-right:10px}#typesetter-panel .panel-header input{margin-top:0}.floating-panel.collapsed{height:auto!important;min-height:0;resize:none;padding-bottom:0}.floating-panel.collapsed>*:not(.panel-header){display:none}.floating-panel.collapsed .panel-header{border-bottom:none;margin-bottom:0}.typesetter-content{flex-grow:1;display:flex;min-height:0}#typesetter-input{flex-grow:1;background:#fff;border:1px solid #ccc;border-radius:4px;padding:8px;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}.properties-panel-content.has-scrollbar{padding-right:8px}.properties-panel-content>details{border:1px solid #ddd;padding:8px;margin:10px 0 0;border-radius:6px;background:#fafafa}.properties-panel-content>details>summary{font-weight:600;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:4px 0}.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-grow:1;--layer-toggle-size: 26px;--layer-toggle-gap: 6px;--layer-indent: calc(var(--layer-toggle-size) + var(--layer-toggle-gap))}.macro-pair-controls.has-scrollbar{padding-right:8px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}#global-settings-panel .canvas-fieldset{margin-top:0;padding-bottom:8px}#global-settings-panel .canvas-fieldset .inputs{margin-bottom:0}#global-settings-panel .format-buttons{margin-top:4px}.macro-pair-controls .draggable-item{border:1px solid #eee;border-radius:8px;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:10px;padding:8px}.macro-pair-controls summary::-webkit-details-marker{display:none}.layer-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%}.summary-left{display:flex;align-items:center;gap:6px;flex:1}.summary-left .visibility-toggle{margin-left:auto}.summary-left .pair-name{margin:0;align-self:center;height:24px;padding:0 6px;line-height:22px}.macro-pair-controls .pair-name{background-color:#fff}.macro-pair-controls .pair-name[readonly]{cursor:default;color:#888}.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:24px;padding:0}.layer-toggle{background:#e0e0e0;border-color:#ccc}.macro-pair-controls .layer-toggle,.summary-left .visibility-toggle{width:26px;padding:0}.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:120px}.macro-pair-controls .draggable-item.selected{border-color:#007bff;background:#e7f3ff}.layer-subitem{display:flex;align-items:center;gap:6px;padding:4px 8px}.layer-subitem .pair-name{margin:0;height:24px;padding:0 6px;line-height:22px}.layer-subitem.macro-item{padding-left:calc(8px + var(--layer-indent))}.layer-subitem.segment-item{padding-left:calc(8px + (var(--layer-indent) * 2))}.layer-subitem.selected{background:#e7f3ff;border-radius:6px}.layer-subitem.dragging{opacity:.5;background:#e0e0e0;border-radius:6px}.path-children-container{padding-top:0;padding-bottom:8px;margin-top:0;display:flex;flex-direction:column;gap:8px}.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) * 2)}.path-children-container.nested .layer-subitem.segment-item{padding-left:calc(var(--layer-indent) * 3)}.content{margin-top:8px;border-top:1px dashed #e6e6e6;padding-top:10px}.content label{font-size:12px;flex:1}.pair-row{display:flex;gap:8px;align-items:center;margin-top:0}.pair-row label{display:flex;flex-direction:column;font-size:12px;flex:1}.pair-row select{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 26px;width:26px;padding:0;margin-top:0}.row-label{font-size:12px;font-weight:400;white-space:nowrap}.row-label+.pill-toggle{margin-top:4px}.endpoint-selectors{margin-top:0}fieldset{border:1px solid #ddd;border-radius:8px;padding:8px;margin:8px 0 0;display:flex;flex-direction:column;gap:8px;height:auto}fieldset.macro-ab-controls{padding:8px;gap:8px}#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:center}#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}.anchor-container{flex:1}legend{font-weight:600;font-size:13px;padding:0 6px;margin-left:-6px;color:#aaa}.legend-toggle{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:6px;font:inherit;color:inherit;cursor:pointer;flex:0 0 auto;width:auto;direction:ltr}.legend-toggle input[type=checkbox]{margin:0;cursor:pointer;order:0;transform:none;align-self:center}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}.spinner button+button{margin-top:-2px}.spinner button{padding:0;margin:0;height:12px;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:relative}.spinner button:active:not(:disabled){color:#666}.spinner .spinner-chevron{width:12px;height:12px;display:block;fill:currentColor;transform:rotate(var(--chevron-rot, 0deg)) 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{--chevron-rot: 180deg}.spinner button:focus{box-shadow:0 0 0 2px #007bff40}.spinner-wrapper.spinner-inline{position:relative;display:block}.spinner-wrapper.spinner-inline input{padding-right:16px}.spinner-wrapper.spinner-inline .spinner{position:absolute;right:4px;top:50%;transform:translateY(-50%);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{align-items:center}.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::-webkit-outer-spin-button,.no-native-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-native-spin{-moz-appearance:textfield}.pos-spinner{display:grid;grid-template-columns:1fr 26px 26px;gap:4px;align-items:center;height:24px}.pos-spinner input{flex:1;min-width:0;width:100%}.pos-spinner button{padding:0;height:24px;font-size:11px;cursor:pointer;width:26px;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;align-items:center;gap:8px}.anchor-grid-wrap>strong{font-weight:600;width:15px;text-align:left}.anchor-grid{display:grid;grid-template-columns:repeat(3,20px);grid-template-rows:repeat(3,20px);gap:2px}.anchor-grid button{width:20px;height:20px;padding:0;border:1px solid #ccc;border-radius:4px;background:#fff;cursor:pointer}.anchor-grid button:not(.active):hover{background-color:#f0f0f0}.anchor-grid button.active{background:#222;color:#fff;border-color:#222}.anchor-grid button.active:hover{background-color:#444}.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}.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:26px;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:1px solid #e0e0e0;padding-top:10px;margin-top:0;display:flex;flex-direction:column;gap:8px}.construction-fieldset .spine-group{border-top:none;padding-top:0}.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}.group-container{background:transparent;border:1px solid #cdd8e2}.group-container>summary{font-weight:700}.group-children-container{padding-left:8px;margin-left:0;margin-top:0;padding-top:0;border-left:none;display:flex;flex-direction:column;gap:0}.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:8px}.path-in-group>summary{padding:0}.path-in-group>summary .layer-row{padding:0 8px 0 var(--layer-indent)}.macro-in-group>summary{padding:0}.macro-in-group>summary .layer-row{padding:0 8px 0 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:1px solid #e0e0e0;margin-bottom:12px;padding:0;cursor:default}#pages-library-panel .panel-header h2{padding:0 12px}#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:8px;margin-left:0;margin-bottom:4px}.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:1px solid #eee;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}