/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@layer theme{:root,:host{--font-sans:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Pretendard","Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.order-2{order:2}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.w-full{width:100%}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.touch-none{touch-action:none}.resize{resize:both}.items-center{align-items:center}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.border-primary{border-color:var(--primary)}.bg-muted{background-color:var(--muted)}.bg-primary{background-color:var(--primary)}.bg-white{background-color:var(--color-white)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow,.shadow-sm,.shadow\/caustic{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab, var(--ring) 50%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}.fade-in{--tw-enter-opacity:0}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled,.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-1\.5[data-orientation=horizontal]{height:calc(var(--spacing) * 1.5)}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:min-h-44[data-orientation=vertical]{min-height:calc(var(--spacing) * 44)}.data-\[orientation\=vertical\]\:w-1\.5[data-orientation=vertical]{width:calc(var(--spacing) * 1.5)}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--background:#f5f5f5;--foreground:#202020;--card:#fff;--card-foreground:#202020;--popover:#fff;--popover-foreground:#202020;--primary:#202020;--primary-foreground:#fff;--secondary:#eee;--secondary-foreground:#202020;--muted:#e5e5e5;--muted-foreground:#666;--accent:#f0f0f0;--accent-foreground:#202020;--destructive:#a32b2b;--border:#d8d8d8;--input:#d8d8d8;--ring:#202020;--radius:4px}*{box-sizing:border-box}html,body{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.5;overflow:hidden auto}button,input,summary{font:inherit}button,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,summary:focus-visible,input:focus-visible,[role=tabpanel]:focus-visible{outline-offset:2px;outline:2px solid #202020}[hidden]{display:none!important}.app-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex-direction:column;height:100dvh;display:flex}.topbar{flex:0 0 calc(56px + env(safe-area-inset-top));min-height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(16px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--border);background:#fff;align-items:center;display:flex}.topbar h1{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600;line-height:24px}.workspace{min-height:0;padding:16px max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 336px;gap:16px;display:grid}.viewer-slot{min-width:0;min-height:0;display:flex}.stage{border:1px solid var(--border);background:#fff;border-radius:4px;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.stage-viewport{background:#ddd;flex:1;min-height:0;position:relative;overflow:hidden}.stage-canvas{position:absolute;inset:0}.stage-canvas,.stage-canvas canvas{touch-action:none;-webkit-user-select:none;user-select:none}.stage-canvas canvas{cursor:grab;-webkit-user-drag:none;width:100%;height:100%;display:block}.stage-canvas canvas:active{cursor:grabbing}.stage-toolbar{border-top:1px solid var(--border);background:#fff;flex:0 0 52px;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 8px;display:flex}.render-mode{flex-shrink:0;gap:2px;display:flex}.render-mode button{color:#666;white-space:nowrap;background:#fff;border:0;border-radius:4px;min-height:36px;padding:0 8px}.render-mode button.active{color:#fff;background:#202020}.viewer-actions{align-items:center;gap:4px;min-width:0;display:flex}.tool-button{color:#202020;white-space:nowrap;background:#fff;border:1px solid #0000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:36px;height:36px;padding:0 8px;display:inline-flex}.tool-button:hover,.render-mode button:not(.active):hover{background:#f0f0f0}.save-button{border-color:var(--border);font-variant-numeric:tabular-nums}.tool-button,.render-mode button{appearance:none}.tool-button svg{flex-shrink:0}.render-status{border:1px solid var(--border);color:#666;pointer-events:none;background:#fff;border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.loading-wheel{border:1.5px solid #d8d8d8;border-top-color:#202020;border-radius:50%;flex-shrink:0;width:12px;height:12px;animation:1s linear infinite render-spin}@keyframes render-spin{to{transform:rotate(360deg)}}.render-warning{background:#fff;border:1px solid #202020;border-radius:4px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.render-warning button{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;padding:4px 8px}.stage.expanded{z-index:50;border:0;border-radius:0;width:100%;height:100dvh;position:fixed;inset:0}.stage.expanded .stage-toolbar{min-height:52px;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-basis:auto}.stage.expanded .render-status{top:max(12px, env(safe-area-inset-top))}body.mobile-stage-expanded{overflow:hidden}.diagnostic-menu{flex-shrink:0;position:relative}.diagnostic-menu summary{cursor:pointer;list-style:none}.diagnostic-menu summary::-webkit-details-marker{display:none}.diagnostic-content{z-index:10;border:1px solid var(--border);background:#fff;border-radius:4px;width:224px;padding:8px;position:absolute;bottom:calc(100% + 8px);right:0}.diagnostic-heading{color:#666;justify-content:space-between;gap:8px;padding:4px 8px 8px;font-size:12px;display:flex}.diagnostic-heading output{font-variant-numeric:tabular-nums}.diagnostic-content button{color:#202020;text-align:left;background:#fff;border:0;border-radius:4px;width:100%;min-height:40px;padding:8px;display:block}.diagnostic-content button:hover{background:#f0f0f0}.settings-panel{border:1px solid var(--border);background:#fff;border-radius:4px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.settings-tabs{border-bottom:1px solid var(--border);flex:0 0 48px;align-items:stretch;height:48px;min-height:48px;padding:0;display:flex}.settings-tabs button{color:#666;white-space:nowrap;appearance:none;background:0 0;border:0;border-radius:0;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:100%;margin:0;padding:0 8px;font-size:14px;line-height:20px;display:flex;position:relative}.settings-tabs button:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:12px;right:12px}.settings-tabs button[aria-selected=true]{color:#202020;font-weight:600}.settings-tabs button[aria-selected=true]:after{background:#202020}.settings-tabs button:focus-visible{outline-offset:-4px}.settings-content{scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;min-height:0;padding:16px;overflow-y:auto}.settings-content:focus-visible{outline-offset:-3px}.control-group,.range-control{border:0;min-width:0;margin:24px 0 0;padding:0}.settings-content>:first-child{margin-top:0}.control-group>h2{color:#202020;margin:0 0 12px;font-size:14px;font-weight:600;line-height:20px}.section-start{border-top:1px solid var(--border);padding-top:24px}.shape-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.material-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.option-row{gap:8px;display:flex}.option-row button{flex:1;min-width:0}.template-open{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;width:100%;min-height:40px;margin-bottom:16px;padding:8px 12px;font-weight:600;display:block}.template-open:hover{background:#f0f0f0}@media (pointer:coarse){.template-open{min-height:44px}}.shape-grid button,.material-grid button,.option-row button,.direction-wheel button,.light-source-list button,.light-presets button,.light-color-option{border:1px solid var(--border);color:#202020;white-space:nowrap;background:#fff;border-radius:4px;min-height:40px;padding:8px}.shape-grid button:hover,.material-grid button:hover,.option-row button:hover,.direction-wheel button:hover,.light-source-list button:hover,.light-presets button:hover,.light-color-option:hover{border-color:#202020}.shape-grid button.active,.material-grid button.active,.option-row button.active,.direction-wheel button.active,.light-source-list button.active,.light-presets button.active,.light-color-option.active{color:#fff;background:#202020;border-color:#202020}.range-label{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.range-label>span{font-weight:600}.range-label output,.light-diagram output{color:#666;text-align:right;font-variant-numeric:tabular-nums;min-width:56px;font-size:14px;font-weight:400}.range-ends{color:#666;justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;display:flex}[data-slot=slider]{min-height:24px}[data-slot=slider-track]{height:4px}[data-slot=slider-thumb]{width:16px;height:16px;box-shadow:none;border:1px solid #202020}[data-slot=slider-thumb]:hover{box-shadow:none}[data-slot=slider-thumb]:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid #202020}.color-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.value-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.color-option,.value-option{color:#666;background:#fff;border:1px solid #0000;border-radius:4px;flex-direction:column;align-items:center;gap:6px;min-width:0;min-height:60px;padding:4px 2px;font-size:12px;display:flex}.color-option.active,.value-option.active{color:#202020;border-color:#202020}.color-option:hover,.value-option:hover{border-color:#aaa}.color-swatch{border:1px solid #b8b8b8;border-radius:2px;flex-shrink:0;width:32px;height:32px;display:block}.value-option .color-swatch{width:36px}.material-presets{border-bottom:1px solid var(--border);padding-bottom:16px}.material-presets summary{color:#202020;cursor:pointer;align-items:center;gap:8px;min-height:40px;list-style:none;display:flex}.material-presets summary::-webkit-details-marker{display:none}.material-presets .preset-value{color:#666;margin-left:auto;font-size:12px}.material-presets[open] summary svg{transform:rotate(180deg)}.light-selector{align-items:flex-start;gap:4px;display:flex}.light-source-list{scrollbar-width:thin;flex:1;gap:4px;min-width:0;padding-bottom:4px;display:flex;position:relative;overflow-x:auto}.light-source-list button{flex-shrink:0;min-width:56px}.light-selector>.tool-button{min-width:40px;height:40px}.direction-wheel{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:"bl back br""left object right""fl front fr";gap:8px;display:grid}.direction-wheel button{padding:8px 4px;font-size:12px}.direction-wheel button:first-child{grid-area:front}.direction-wheel button:nth-child(2){grid-area:fl}.direction-wheel button:nth-child(3){grid-area:left}.direction-wheel button:nth-child(4){grid-area:bl}.direction-wheel button:nth-child(5){grid-area:back}.direction-wheel button:nth-child(6){grid-area:br}.direction-wheel button:nth-child(7){grid-area:right}.direction-wheel button:nth-child(8){grid-area:fr}.direction-object{color:#666;grid-area:object;justify-content:center;align-items:center;font-size:12px;display:flex}.light-diagram{margin:16px 0 0}.light-diagram figcaption{color:#666;justify-content:space-between;font-size:12px;display:flex}.light-diagram svg{width:100%;height:144px;display:block}.diagram-floor,.diagram-guide{stroke:#999;stroke-width:1px}.diagram-guide,.diagram-arc{stroke-dasharray:3 3}.diagram-ray{stroke:#666;stroke-width:1px}.diagram-object{fill:#999;stroke:#666;stroke-width:1px}.diagram-light{stroke:#666;stroke-width:1px}.diagram-arc{fill:none;stroke:#999;stroke-width:1px}.light-diagram text{fill:#666;font-size:12px}.light-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.light-color-option{justify-content:flex-start;align-items:center;gap:8px;font-size:12px;display:flex}.light-color-swatch{border:1px solid #aaa;border-radius:2px;flex-shrink:0;width:16px;height:16px}.color-setting-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:8px 0;display:flex}.color-setting-row input[type=color]{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;width:64px;height:36px;padding:4px}.color-setting-row input::-webkit-color-swatch-wrapper{padding:0}.color-setting-row input::-webkit-color-swatch{border:0;border-radius:2px}.color-setting-row input::-moz-color-swatch{border:0;border-radius:2px}.custom-light-color{color:#666;border-bottom:0;margin-top:8px;font-size:12px}@media (width<=1100px){.desktop-label{display:none}}@media (width<=760px),(width<=900px) and (orientation:portrait){.topbar{flex-basis:calc(52px + env(safe-area-inset-top));min-height:calc(52px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.topbar h1{font-size:18px}.workspace{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));flex-direction:column;gap:8px;display:flex}.viewer-slot{flex:none;height:clamp(240px,52svh,520px)}.settings-panel{flex:1 0 200px;min-height:200px}.settings-tabs{flex-basis:48px}.settings-content{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:16px}.stage-toolbar{flex-basis:56px}.render-mode button{min-width:44px;min-height:40px}.render-word{display:none}.tool-button{min-width:32px;height:40px;padding:0 6px}.viewer-actions{gap:2px}.shape-grid button,.material-grid button,.option-row button,.direction-wheel button,.light-source-list button,.light-presets button,.light-color-option{min-height:44px}.light-selector>.tool-button{height:44px}[data-slot=slider]{min-height:32px}}@media (orientation:landscape) and (width>=640px) and (height<=540px){.topbar{flex-basis:calc(40px + env(safe-area-inset-top));min-height:calc(40px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px, env(safe-area-inset-right)) 0 max(12px, env(safe-area-inset-left))}.topbar h1{font-size:16px}.workspace{padding:8px max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));grid-template-rows:minmax(240px,1fr);grid-template-columns:minmax(0,1fr) clamp(260px,34vw,304px);gap:8px;display:grid}.viewer-slot{height:auto;min-height:240px}.settings-panel{min-height:240px}.settings-content{overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:12px}.stage-toolbar{flex-wrap:wrap;flex-basis:52px;gap:4px;padding:4px 6px}.render-mode button{min-width:44px;min-height:40px;padding:0 6px}.render-word,.desktop-label{display:none}.viewer-actions{gap:2px}.tool-button{min-width:32px;height:40px;padding:0 6px}}@media (prefers-reduced-motion:reduce){.loading-wheel{animation:none}}.export-status{background:var(--background);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex;position:absolute;inset:0}.export-status button{border:1px solid var(--border);background:#fff;border-radius:4px;min-height:40px;padding:8px 12px}.settings-message{color:#666;padding:8px;font-size:12px;display:block}.model-source{color:#666;margin-top:12px;font-size:12px}.model-source summary{cursor:pointer;width:fit-content}.model-source a,.model-source span{overflow-wrap:anywhere;margin-top:6px;display:block}.model-source a{text-underline-offset:2px;text-decoration:underline}.save-dialog{border:1px solid var(--border);width:min(420px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--foreground);background:#fff;border-radius:4px;margin:auto;padding:24px;overflow-y:auto}.save-dialog::backdrop{background:#00000059}.save-dialog-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:24px;display:flex}.save-dialog-heading h2{letter-spacing:-.025em;margin:0;font-size:18px;font-weight:600}.save-dialog-heading>span{color:#666;font-size:12px}.save-options{border:0;min-width:0;margin:0;padding:0}.save-options legend{color:#666;margin-bottom:8px;padding:0;font-size:12px}.save-choice{border:1px solid var(--border);cursor:pointer;border-radius:4px;align-items:center;gap:12px;min-height:68px;margin-bottom:8px;padding:12px;display:flex}.save-choice:has(input:checked){background:#f5f5f5;border-color:#202020}.save-choice input{accent-color:#202020;flex-shrink:0;width:16px;height:16px;margin:0}.save-choice strong,.save-choice small{display:block}.save-choice strong{font-size:14px;font-weight:500}.save-choice small{color:#666;margin-top:2px;font-size:12px}.save-options:disabled .save-choice{opacity:.6;cursor:default}.save-size,.save-dimensions{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.save-size{padding:4px 0 12px}.save-size select{border:1px solid var(--border);color:#202020;min-width:132px;height:40px;font:inherit;background:#fff;border-radius:4px;padding:0 10px}.save-size select:focus-visible{outline-offset:2px;outline:2px solid #202020}.save-dimensions{border-top:1px solid var(--border);color:#666;margin-top:8px;font-size:12px}.save-dimensions output,.save-progress-label output{font-variant-numeric:tabular-nums;white-space:nowrap}.save-feedback{color:#666;min-height:46px;padding-top:4px;font-size:12px}.save-progress-label{justify-content:space-between;gap:12px;margin-bottom:6px;display:flex}.save-feedback>.loading-wheel{margin-top:6px;display:inline-block}.save-feedback progress{accent-color:#202020;background:#eee;border:0;border-radius:0;width:100%;height:4px;display:block}.save-feedback progress::-webkit-progress-bar{background:#eee}.save-feedback progress::-webkit-progress-value{background:#202020}.save-feedback progress::-moz-progress-bar{background:#202020}.save-error{color:var(--destructive)}.save-actions{gap:8px;margin-top:12px;display:flex}.save-actions button{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;flex:1;min-height:44px;padding:8px 16px}.save-actions .save-primary{color:#fff;background:#202020;border-color:#202020}@media (width<=480px){.save-dialog{padding:20px}}.object-selector{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;padding:8px;display:flex}.object-list{flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.object-list button{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;flex-shrink:0;min-width:36px;min-height:36px;padding:0 9px}.object-list button.active{color:#fff;background:#202020;border-color:#202020}.field-caption{color:#666;margin:16px 0 8px;font-size:12px}.transform-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.transform-grid label{color:#666;flex-direction:column;gap:4px;font-size:12px;display:flex}.transform-grid input{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;width:100%;min-width:0;min-height:40px;padding:8px}.transform-grid input:disabled{color:#999;background:#eee}.placement-actions{margin-top:16px}.stack-row{gap:8px;margin-top:8px;display:flex}.stack-row select,.stack-row button{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;flex:1;min-width:0;min-height:40px;padding:8px}.liquid-color{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.liquid-color input{border:1px solid var(--border);background:#fff;border-radius:4px;width:48px;height:36px;padding:2px}.control-note{color:#666;margin:8px 0 0;font-size:12px}.model-load-status{border:1px solid var(--border);background:#fff;border-radius:4px;align-items:center;gap:6px;max-width:calc(100% - 24px);padding:6px 8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.object-guides{pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.selection-box{fill:none;stroke:#fff;stroke-width:1px;stroke-dasharray:4 3;filter:drop-shadow(0 0 1px #222);opacity:.85}.guide-handle{pointer-events:auto;cursor:grab;touch-action:none}.guide-handle:active{cursor:grabbing}.guide-hit{fill:#0000;stroke:none}.guide-disc{fill:#fff;stroke:#202020;stroke-width:1.2px}.guide-handle text{fill:#202020;pointer-events:none;font-size:13px;font-weight:600}.height-line{fill:none;stroke:#fff;stroke-width:3px;filter:drop-shadow(0 0 1px #222)}.rotation-ring{fill:none;cursor:grab;pointer-events:stroke;touch-action:none}.ring-hit{stroke:#0000;stroke-width:24px}.ring-line{stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 1px #222);pointer-events:none}.ring-x .ring-line{stroke-dasharray:7 3}.ring-z .ring-line{stroke-dasharray:2 3}.object-edit-toolbar{z-index:2;border:1px solid var(--border);background:#fff;border-radius:4px;gap:2px;padding:3px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.object-edit-toolbar button{color:#666;white-space:nowrap;background:#fff;border:0;border-radius:2px;justify-content:center;align-items:center;min-width:42px;min-height:38px;padding:0 10px;display:flex}.object-edit-toolbar button.active{color:#fff;background:#202020}.object-edit-toolbar button:hover:not(.active){background:#f0f0f0}.snap-option{align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.snap-option input{accent-color:#202020;width:16px;height:16px}.rotation-reset{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;min-height:36px;margin-top:12px;padding:6px 10px;font-size:12px}@media (pointer:coarse){.object-edit-toolbar button{min-width:44px;min-height:44px}}.stage-viewport .render-warning{bottom:70px}.cloth-status{z-index:3;border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;align-items:center;gap:8px;width:fit-content;max-width:calc(100% - 24px);padding:6px 8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px;right:12px}.cloth-status button{border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:2px;padding:4px 6px}.topbar-actions{align-items:center;gap:16px;margin-left:auto;display:flex}.library-button,.practice-timer summary{color:#202020;white-space:nowrap;background:#fff;border:0;border-radius:4px;align-items:center;gap:10px;min-height:36px;padding:6px 8px;display:flex}.library-button:hover,.practice-timer summary:hover{background:#f0f0f0}.practice-timer{position:relative}.practice-timer summary{cursor:pointer;list-style:none}.practice-timer summary::-webkit-details-marker{display:none}.practice-timer time{font-variant-numeric:tabular-nums;font-size:14px}.practice-timer .timer-urgent{color:#b3261e}.timer-panel{z-index:30;border:1px solid var(--border);background:#fff;border-radius:4px;width:224px;padding:16px;position:absolute;top:calc(100% + 8px);right:0}.scene-library{border:1px solid var(--border);color:#202020;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto}.scene-library::backdrop{background:#00000059}.library-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.library-heading h2{margin:0;font-size:18px;font-weight:600}.scene-library button{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;min-height:40px;padding:8px 12px}.library-heading button{border:0}.library-save{gap:8px;display:flex}.library-save input{border:1px solid var(--border);-webkit-user-select:text;user-select:text;border-radius:4px;flex:1;min-width:0;padding:8px 12px}.library-save button{color:#fff;background:#202020;border-color:#202020}.library-error{color:#a32b2b;font-size:13px}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.scene-card{border:1px solid var(--border);border-radius:4px;min-width:0;overflow:hidden}.scene-library .scene-load{text-align:left;border:0;flex-direction:column;width:100%;padding:0 0 8px;display:flex}.scene-load img,.scene-no-image{aspect-ratio:4/3;object-fit:cover;background:#eee;width:100%}.scene-load strong{overflow-wrap:anywhere;padding:8px 10px 0;font-weight:500}.scene-load time{color:#666;padding:0 10px;font-size:12px}.scene-library .scene-delete{border:0;border-top:1px solid var(--border);border-radius:0;width:100%;font-size:12px}.library-empty{text-align:center;color:#666;margin:36px 0;font-size:13px}.library-backup{border-top:1px solid var(--border);gap:8px;margin-top:24px;padding-top:20px;display:flex}.background-image-row{align-items:center;gap:8px;margin-top:12px;display:flex}.background-image-row>span{margin-right:auto}.background-image-row button,.image-upload{border:1px solid var(--border);background:#fff;border-radius:4px;min-height:36px;padding:6px 10px;font-size:13px}.image-upload{cursor:pointer;position:relative;overflow:hidden}.image-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.image-upload:focus-within{outline-offset:2px;outline:2px solid #202020}.background-images{margin-bottom:24px}@media (width<=600px){.topbar h1{white-space:nowrap;font-size:16px}.topbar-actions{gap:4px}.library-button,.practice-timer summary{padding:6px;font-size:12px}.timer-label{display:none}.practice-timer time{font-size:13px}.scene-library{padding:16px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-save{flex-wrap:wrap}.library-save input{flex-basis:100%}}.light-presets{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px;margin-bottom:16px;display:grid}.precision-status{align-items:center}.precision-status.ready{color:#1f5a2e}.precision-status-text{flex-direction:column;gap:4px;display:inline-flex}.precision-meter{background:#0000001f;border-radius:2px;width:100%;min-width:120px;height:3px;display:block;overflow:hidden}.precision-meter>span{background:currentColor;height:100%;transition:width .4s;display:block}.shape-grid button{white-space:normal;text-align:center;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;padding:6px 4px 8px;font-size:12px;line-height:1.25;display:flex}.shape-thumb{aspect-ratio:1;object-fit:cover;background:#e8e6e2;border-radius:3px;width:100%;max-width:96px}.shape-grid button.active .shape-thumb{outline-offset:-2px;outline:2px solid #fff}.topbar-back{color:#666;border-radius:4px;align-items:center;gap:2px;margin-right:12px;padding:6px 8px 6px 2px;font-size:13px;text-decoration:none;display:inline-flex}.topbar-back:hover{color:#202020;background:#f0f0f0}.topbar-back:focus-visible{outline-offset:2px;outline:2px solid #202020}.practice-timer summary{cursor:pointer}.view-filter-defs{width:0;height:0;position:absolute;overflow:hidden}.view-filter-badge{color:#fff;pointer-events:none;background:#202020c7;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:12px;left:12px}.view-filter-select select{border:1px solid var(--border);color:#202020;min-height:36px;font:inherit;background:#fff;border-radius:4px;padding:0 26px 0 8px;font-size:13px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.view-filter-select{margin-right:auto}@media (width<=480px){.view-filter-select select{padding:0 18px 0 6px;font-size:12px}.stage-toolbar{gap:4px}}@media (width<=359px){.save-label:not(.busy){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.render-mode button{padding:0 6px}.stage-toolbar{gap:2px;padding:6px 4px}.view-filter-select select{padding:0 14px 0 4px}}.compare-canvas{pointer-events:none;position:absolute;inset:0}.compare-canvas canvas{width:100%;height:100%;display:block}.stage-viewport.compare-layout-split .stage-canvas{right:50%}.stage-viewport.compare-layout-split .compare-canvas{border-left:2px solid #fff;left:50%}.compare-label{z-index:2;color:#202020;pointer-events:none;white-space:nowrap;background:#ffffffeb;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:12px}.compare-label-current{left:12px}.compare-label-preset{right:12px}.stage-viewport.compare-layout-split .compare-label-preset{left:calc(50% + 12px);right:auto}.stage-viewport.has-view-filter .compare-label-current{top:44px}.compare-wipe{z-index:2;cursor:ew-resize;touch-action:none;width:32px;margin-left:-16px;position:absolute;top:0;bottom:0}.compare-wipe:before{content:"";background:#fff;width:2px;position:absolute;top:0;bottom:0;left:15px;box-shadow:0 0 3px #00000059}.compare-wipe span{background:#fff;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%;box-shadow:0 1px 4px #0000004d}.compare-wipe span:before{content:"‹ ›";color:#444;letter-spacing:1px;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.compare-wipe:focus-visible span{outline-offset:2px;outline:2px solid #202020}.compare-controls{flex-direction:column;gap:8px;display:flex}.compare-toggle{align-items:center;gap:8px;font-size:13px;display:flex}.compare-note{color:#777;margin:0;font-size:12px}.compare-field{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.compare-field select{border:1px solid var(--border);min-height:34px;font:inherit;background:#fff;border-radius:4px;padding:0 8px}.compare-layout{gap:2px;display:flex}.compare-layout button,.compare-apply{border:1px solid var(--border);color:#444;background:#fff;border-radius:4px;flex:1;min-height:34px;padding:0 8px}.compare-layout button.active{color:#fff;background:#202020;border-color:#202020}.compare-apply:hover,.compare-layout button:hover:not(.active){background:#f0f0f0}.guide-overlay{z-index:1;pointer-events:none;position:absolute;inset:0}.guide-overlay svg{display:block}.guide-overlay.measuring{pointer-events:auto;cursor:crosshair;touch-action:none}.stage-viewport.compare-layout-split .guide-overlay{right:50%}.measure-bar{z-index:3;border:1px solid var(--border);white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:4px;padding:3px 3px 3px 10px;font-size:12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.measure-hint{color:#555;margin-right:4px}.measure-bar button{color:#202020;background:#fff;border:0;border-radius:3px;min-height:32px;padding:0 8px}.measure-bar button:hover:not(:disabled){background:#f0f0f0}.measure-bar button:disabled{color:#bbb}.measure-bar button.primary{color:#fff;background:#202020}.stage-viewport.comparing .measure-bar,.stage-viewport.has-view-filter .measure-bar{top:44px}.guide-menu{flex-shrink:0;position:static}.stage-toolbar{position:relative}.guide-menu summary{cursor:pointer;list-style:none}.guide-menu summary::-webkit-details-marker{display:none}.guide-menu summary.on{border-color:var(--border);background:#f0f0f0}.guide-content{z-index:10;border:1px solid var(--border);background:#fff;border-radius:4px;flex-direction:column;gap:10px;width:272px;max-width:calc(100vw - 24px);padding:12px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 8px);right:8px}.guide-row{flex-direction:column;gap:6px;display:flex}.guide-row>span{color:#666;font-size:12px}.guide-segment{gap:2px;display:flex}.guide-segment button{border:1px solid var(--border);color:#444;white-space:nowrap;background:#fff;border-radius:3px;flex:1;min-height:34px;padding:0 4px}.guide-segment button.active{color:#fff;background:#202020;border-color:#202020}.guide-select{border:1px solid var(--border);color:#202020;width:100%;min-height:34px;font:inherit;background:#fff;border-radius:3px;padding:0 8px}.guide-paper-note{color:#888;font-size:11px;line-height:1.4}.guide-check{align-items:center;gap:8px;display:flex}.guide-measure{color:#202020;background:#fff;border:1px solid #202020;border-radius:4px;min-height:38px}.guide-measure.active{color:#fff;background:#202020}.guide-note{color:#888;margin:0;font-size:11px}@media (width<=480px){.measure-hint{display:none}.measure-bar{padding-left:3px}}.guide-view-row{display:none}@media (width<=480px){.view-filter-select{display:none}.render-mode{margin-right:auto}.guide-view-row{display:flex}.guide-menu summary.filtered{border-color:var(--border);background:#f0f0f0}.guide-content{gap:8px;max-height:min(300px,55vh);padding:10px;overflow-y:auto}.guide-segment button{min-height:32px}}.cloth-patterns{flex-wrap:wrap}.cloth-patterns button{flex:calc(33.333% - 6px)}.cloth-options,.cloth-controls .range-control+.range-control{margin-top:12px}.cloth-controls .field-caption{margin-top:16px}.cloth-photo{margin-top:12px}@media (width<=340px){.topbar-back{margin-right:4px}.topbar-back span{display:none}.topbar h1{font-size:15px}}.measure-mode{border:1px solid var(--border);color:#202020;max-width:112px;min-height:32px;font:inherit;background:#fff;border-radius:3px;padding:0 4px;font-size:12px}.measure-lab-overlay{z-index:2}.measure-lab-bar{white-space:normal;flex-direction:column;align-items:stretch;gap:3px;width:max-content;max-width:calc(100% - 16px);padding:3px}.measure-lab-row button{white-space:nowrap}.measure-lab-row{align-items:center;gap:2px;display:flex}.measure-lab-hint{color:#555;padding:0 4px 2px;font-size:11px;line-height:1.35}.measure-lab-key{font-style:normal}.measure-quiz{border-top:1px solid var(--border);align-items:center;gap:4px;padding:4px;display:flex}.measure-quiz>span{color:#444;white-space:nowrap}.measure-quiz input[type=number]{border:1px solid var(--border);width:58px;min-height:30px;font:inherit;-webkit-user-select:text;user-select:text;border-radius:3px;padding:0 4px}.measure-quiz input[type=range]{accent-color:#202020;flex:1;min-width:50px}.measure-lab-score{border-top:1px solid var(--border);color:#444;flex-wrap:wrap;align-items:center;gap:4px;padding:3px 4px;font-size:11px;display:flex}.measure-lab-score i{background:#f0f0f0;border-radius:3px;padding:1px 4px;font-style:normal}.measure-lab-score i.good{color:#fff;background:#202020}@media (width<=480px){.measure-mode{max-width:92px}.measure-lab-bar{top:8px}}.measure-bar button.primary:hover:not(:disabled){background:#000}.light-dial{margin:0 0 10px}.light-dial svg{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;max-width:360px;height:auto;display:block}.light-dial figcaption{color:#666;margin-top:4px;font-size:12px;line-height:1.4}.dial-area{fill:#f6f5f3;stroke:var(--border);cursor:pointer}.dial-ring{fill:none;stroke:#c9c6c0;stroke-dasharray:3 3}.dial-tick{stroke:#9a968f;stroke-width:1px}.dial-compass{fill:#8a867f;font-size:10px}.dial-object{fill:#d9d6d0;stroke:#555;stroke-width:1px}.dial-ray{stroke:#202020;stroke-width:1px;stroke-dasharray:4 3}.dial-camera line{stroke:#2f7bf6;stroke-width:1.5px;stroke-dasharray:2 3}.dial-camera circle{fill:#2f7bf6}.dial-camera text{fill:#2f7bf6;font-size:10px;font-weight:600}.dial-light{cursor:grab;outline:none}.dial-light:active{cursor:grabbing}.dial-light .dial-hit{fill:#0000}.dial-light circle:not(.dial-hit){stroke:#202020;stroke-width:1.5px}.dial-light.active circle:not(.dial-hit){stroke-width:3px}.dial-light.off circle:not(.dial-hit){stroke-dasharray:3 2;opacity:.6}.dial-light:focus-visible .dial-hit{stroke:#2f7bf6;stroke-width:2px}.dial-light text{fill:#202020;pointer-events:none;font-size:11px;font-weight:700}.dial-floor{stroke:#9a968f;stroke-width:1.5px}.dial-arc-guide{fill:none;stroke:#d6d3cd;stroke-width:1px;stroke-dasharray:3 3}.dial-arc{fill:none;stroke:#202020;stroke-width:3px;stroke-linecap:round;opacity:.35}.dial-caption{fill:#555;font-size:11px}.model-picker{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.model-card{border:1px solid var(--border);background:#fff;border-radius:4px;align-items:center;gap:12px;padding:8px;display:flex}.model-card-thumb{background:#eee;border-radius:3px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.model-card-thumb .shape-thumb{object-fit:cover;width:100%;height:100%;display:block}.model-card-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.model-card-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.model-card-category{color:#777;font-size:12px}.model-card-change{color:#fff;background:#202020;border:1px solid #202020;border-radius:4px;flex-shrink:0;min-height:40px;padding:0 14px}.model-sheet{border:1px solid var(--border);color:#202020;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;width:min(640px,100vw - 24px);height:min(720px,100dvh - 48px);max-height:none;margin:auto;padding:0;overflow:hidden}.model-sheet[open]{flex-direction:column;display:flex}.model-sheet::backdrop{background:#00000059}.model-sheet-head{justify-content:space-between;align-items:center;padding:12px 12px 8px 16px;display:flex}.model-sheet-head h2{margin:0;font-size:16px}.model-sheet-close{border:1px solid var(--border);color:#202020;background:#fff;border-radius:4px;min-height:36px;padding:0 12px}.model-sheet-search{border:1px solid var(--border);min-height:38px;font:inherit;-webkit-user-select:text;user-select:text;border-radius:4px;margin:0 16px 8px;padding:0 10px}.model-sheet-chips{flex-wrap:wrap;flex-shrink:0;gap:6px;padding:0 16px 10px;display:flex}.model-sheet-chips button{border:1px solid var(--border);color:#202020;white-space:nowrap;background:#fff;border-radius:18px;flex-shrink:0;align-items:center;gap:4px;min-height:36px;padding:0 12px;display:inline-flex}.model-sheet-chips button span{color:#999;font-size:11px}.model-sheet-chips button.active{color:#fff;background:#202020;border-color:#202020}.model-sheet-chips button.active span{color:#bbb}.model-sheet-body{border-top:1px solid var(--border);flex:1;min-height:0;padding:4px 16px 16px;overflow-y:auto}.model-sheet-body .shape-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));padding-top:10px}.model-sheet-body .shape-grid small{color:#888;font-size:10px}.model-sheet-body .shape-grid button.active small{color:#ccc}@media (width<=480px){.model-sheet{border-bottom:0;border-radius:10px 10px 0 0;width:100vw;max-width:100vw;height:82dvh;margin:auto 0 0}.model-sheet-body .shape-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}