:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{touch-action:manipulation}body{color:#e8eef5;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#0b1115;margin:0}input[type=text],input[type=search],input[type=number],input[type=email],input[type=password],input[type=url],input[type=tel],textarea,[contenteditable=true],.selectable-text{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}#app{box-sizing:border-box;place-items:stretch stretch;height:100vh;padding:0;display:grid}.layout{width:100%;height:100%;min-height:0;position:relative}.panel{box-sizing:border-box;background:#111a21;border:1px solid #2a3643;border-radius:12px;min-height:0;padding:16px}.panel:first-child{flex-direction:column;width:100%;height:100%;display:flex}.scene-shell{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}aside.control-panel{-webkit-backdrop-filter:blur(10px);z-index:6;will-change:transform, opacity;background:#111a21c7;border-radius:10px;width:256px;max-height:calc(100% - 24px);padding:12px;font-size:12px;transition:transform .32s,opacity .32s;position:absolute;top:12px;right:12px;overflow:auto;box-shadow:0 10px 26px #00000073}aside.control-panel label{gap:4px;margin-bottom:9px;font-size:11px}aside.control-panel input[type=range]{height:16px}aside.control-panel button{border-radius:8px;padding:7px 9px;font-size:12px}aside.control-panel .row{gap:6px}aside.control-panel .preview-toggle{gap:6px;font-size:11px}aside.control-panel .preview-toggle input[type=checkbox]{width:13px;height:13px}aside.control-panel .aim-label output{font-size:11px}aside.control-panel .aim-label output.limit-hint{font-size:10px}aside.control-panel .preview-seconds-slider{margin-bottom:9px;font-size:10px}aside.control-panel .fine-tune-hint{font-size:10px}aside.control-panel .fine-center{padding:1px 6px;font-size:10px}aside.control-panel .events{max-height:120px;margin-top:10px;padding-top:8px;font-size:10px}aside.control-panel.is-hidden-for-shot,aside.control-panel.is-collapsed{opacity:0;pointer-events:none;transform:translate(calc(100% + 24px))}aside.control-panel.is-dragging{cursor:grabbing;transition:none}.control-panel-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;margin:-4px -6px 6px;padding:4px 0 8px;display:flex}.control-panel-handle span{background:#3d4e60;border-radius:2px;width:28px;height:2px;transition:background .12s;display:block}.control-panel-handle:hover span{background:#5a7187}.control-panel-handle.is-dragging{cursor:grabbing}.control-panel-handle.is-dragging span{background:#f2c879}.control-panel-toggle{z-index:7;color:#d8e3ee;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#111a21d9;border:1px solid #2a3643;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:20px;height:44px;padding:0;transition:background .12s,color .12s;display:inline-flex;position:absolute;top:12px;right:266px;box-shadow:-4px 2px 10px #00000059}.control-panel-toggle:hover{color:#fff;background:#1d2a36f2}.control-panel-toggle:focus-visible{outline-offset:2px;outline:2px solid #f2c879}.control-panel-toggle-icon{width:14px;height:14px;transition:transform .22s;display:block}.control-panel-toggle[aria-expanded=true] .control-panel-toggle-icon{transform:rotate(180deg)}.control-panel-toggle.is-hidden-for-shot{opacity:0;pointer-events:none;transition:opacity .32s}.panel h1{margin:0 0 8px;font-size:20px}.panel p{color:#b6c4d3;margin:0 0 16px;font-size:14px}.scene-host{flex:auto;width:100%;min-height:0;position:relative}.scene-host canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:0;width:100%;height:100%;display:block}.take-shot-canvas-button{z-index:6;-webkit-backdrop-filter:blur(6px);color:#f5fbff;letter-spacing:.01em;background:#141f28db;border:1px solid #4a5f75;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:600;display:inline-flex;position:absolute;bottom:16px;right:16px;box-shadow:0 6px 16px #0006}.take-shot-canvas-button:hover:not(:disabled){background:#243443f0}.take-shot-canvas-button:focus-visible{outline-offset:2px;outline:2px solid #f2c879}.take-shot-canvas-button svg{flex:none;width:16px;height:16px;display:block}label{color:#d8e3ee;gap:6px;margin-bottom:12px;font-size:13px;display:grid}input[type=range]{width:100%}.row{gap:8px;display:flex}.preview-row{justify-content:space-between;align-items:end;margin-bottom:12px}.preview-toggle{align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.preview-toggle input[type=checkbox]{accent-color:#ffd86b;width:16px;height:16px}.preview-seconds-slider{color:#d8e3ee;gap:4px;margin-bottom:12px;font-size:12px;display:grid}.preview-seconds-label{color:#b6c4d3;justify-content:space-between;align-items:baseline;display:flex}.preview-seconds-label output{color:#f5fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.aim-label .aim-label-row{justify-content:space-between;align-items:baseline;display:flex}.aim-label output{color:#f5fbff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.aim-label output.limit-hint{color:#ffb46b;font-size:11px}.aim-label output.limit-hint:empty{display:none}.fine-tune-hint{color:#8a98a8;justify-content:space-between;align-items:center;font-size:11px;display:flex}.fine-center{color:#f5fbff;cursor:pointer;background:#1d2a36;border:1px solid #3d4e60;border-radius:6px;padding:2px 8px;font-size:11px}.fine-center:hover{background:#263646}.preview-status{color:#ffd86b;min-height:14px;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}button{color:#f5fbff;cursor:pointer;background:#1d2a36;border:1px solid #3d4e60;border-radius:10px;padding:10px 12px}button:hover{background:#263646}button:disabled{opacity:.45;cursor:not-allowed}button:disabled:hover{background:#1d2a36}.history-row{margin-top:8px}.history-row button{flex:1;padding:8px 12px;font-size:13px}aside.control-panel .history-row{gap:8px}.labelled-icon-button{color:#d8e3ee;flex:1 1 0;justify-content:center;align-items:center;gap:8px;display:inline-flex;position:relative}.labelled-icon-button svg{flex:none;width:16px;height:16px;display:block}.labelled-icon-button .button-spinner{border:2px solid color-mix(in srgb, currentColor 30%, transparent);pointer-events:none;border-top-color:currentColor;border-radius:999px;width:12px;height:12px;display:none;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.labelled-icon-button.is-loading .button-spinner{animation:.65s linear infinite button-spinner-rotate;display:block}@keyframes button-spinner-rotate{to{transform:translateY(-50%)rotate(360deg)}}aside.control-panel .labelled-icon-button{padding:7px 10px;font-size:12px}aside.control-panel .labelled-icon-button svg{width:14px;height:14px}.import-row{margin-top:10px}.import-photo-button{justify-content:center;align-items:center;gap:8px;width:100%;display:inline-flex}.import-photo-button svg{flex:none;width:16px;height:16px;display:block}.switch-field{color:#d8e3ee;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.switch-field>span{flex:auto;min-width:0}.switch{appearance:none;cursor:pointer;background:#2a3643;border:1px solid #3d4e60;border-radius:999px;flex:none;width:28px;height:16px;margin:0;transition:background .16s,border-color .16s;position:relative}.switch:after{content:"";background:#cdd8e4;border-radius:50%;width:12px;height:12px;transition:left .16s,background .16s;position:absolute;top:1px;left:1px;box-shadow:0 1px 2px #0006}.switch:hover{border-color:#526478}.switch:checked{background:#2f6a3a;border-color:#3f8a4e}.switch:checked:after{background:#f5fbff;left:13px}.switch:focus-visible{outline-offset:2px;outline:2px solid #f2c879}.switch:disabled{cursor:not-allowed;opacity:.55;background:#202a34;border-color:#2c3947}.switch:disabled:after{background:#9aa9b8}.switch-field:has(.switch:disabled){color:#93a2b2;cursor:not-allowed}.switch-grid{grid-template-columns:1fr 1fr;gap:8px 12px;margin-bottom:10px;display:grid}.switch-grid--two{margin-bottom:6px}.events{color:#b8c4d1;white-space:pre-line;border-top:1px solid #2a3643;max-height:180px;margin-top:14px;padding-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;overflow:auto}.pocketed-overlay{z-index:5;-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#0a1016a6;border:1px solid #2a3643;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;max-width:calc(100% - 24px);padding:8px 10px;display:flex;position:absolute;bottom:12px;left:12px}.pocketed-overlay[hidden]{display:none}.lighting-overlay{z-index:5;pointer-events:auto;color:#d8e3ee;flex-direction:row;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;top:12px;left:12px}.lighting-overlay-toggle{color:#f2e3cc;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0a1016a6;border:1px solid #2a3643;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .12s,box-shadow .12s,color .12s,transform .12s;display:inline-flex;box-shadow:0 2px 8px #00000059}.lighting-overlay-toggle:hover{color:#fff1c9;background:#18222ed9}.lighting-overlay-toggle:focus-visible{outline-offset:2px;outline:2px solid #f2c879}.lighting-overlay-icon{filter:drop-shadow(0 0 2px #ffdc8c00);width:20px;height:20px;transition:filter .16s,transform .16s;display:block}.lighting-overlay.is-expanded .lighting-overlay-toggle,.lighting-overlay-toggle[aria-expanded=true]{color:#fff1c9;background:#241c10e6;box-shadow:0 0 0 1px #6a4e1f,0 0 14px #ffc86e59}.lighting-overlay.is-expanded .lighting-overlay-icon,.lighting-overlay-toggle[aria-expanded=true] .lighting-overlay-icon{filter:drop-shadow(0 0 6px #ffd282e6)}.lighting-overlay-panel{-webkit-backdrop-filter:blur(6px);transform-origin:0;background:#0a1016a6;border:1px solid #2a3643;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;transition:opacity .14s,transform .14s,visibility .14s;display:flex}.lighting-overlay.is-collapsed .lighting-overlay-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12px)scaleX(.85)}.lighting-overlay.is-expanded .lighting-overlay-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scaleX(1)}.lighting-overlay-label{letter-spacing:.04em;text-transform:uppercase;color:#9fb0c1;white-space:nowrap;font-size:11px}.lighting-overlay input[type=range]{width:140px}.lighting-overlay-value{text-align:right;color:#f2e3cc;font-variant-numeric:tabular-nums;min-width:3ch}.camera-help-overlay{z-index:5;pointer-events:auto;color:#d8e3ee;flex-direction:row;align-items:flex-start;gap:8px;font-size:12px;display:flex;position:absolute;top:56px;left:12px}.camera-help-toggle{color:#d8e3ee;cursor:pointer;-webkit-backdrop-filter:blur(6px);background:#0a1016a6;border:1px solid #2a3643;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .12s,box-shadow .12s,color .12s;display:inline-flex;box-shadow:0 2px 8px #00000059}.camera-help-toggle:hover{color:#fff;background:#18222ed9}.camera-help-toggle:focus-visible{outline-offset:2px;outline:2px solid #f2c879}.camera-help-icon{width:20px;height:20px;display:block}.camera-help-overlay.is-expanded .camera-help-toggle,.camera-help-toggle[aria-expanded=true]{color:#fff;background:#141e2ce6;box-shadow:0 0 0 1px #3c5470,0 0 14px #78aadc4d}.camera-help-panel{-webkit-backdrop-filter:blur(6px);transform-origin:0;background:#0a1016b8;border:1px solid #2a3643;border-radius:12px;flex-direction:column;gap:6px;max-width:280px;padding:10px 14px;transition:opacity .14s,transform .14s,visibility .14s;display:flex}.camera-help-overlay.is-collapsed .camera-help-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-12px)scaleX(.85)}.camera-help-overlay.is-expanded .camera-help-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0)scaleX(1)}.camera-help-title{letter-spacing:.06em;text-transform:uppercase;color:#9fb0c1;font-size:11px}.camera-help-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.camera-help-list li{grid-template-columns:52px 1fr;align-items:baseline;column-gap:10px;line-height:1.35;display:grid}.camera-help-gesture{color:#f2e3cc;font-size:12px;font-weight:600}.camera-help-detail{color:#b6c4d3;font-size:11.5px}.pocketed-overlay-label{letter-spacing:.04em;text-transform:uppercase;color:#9fb0c1;padding-right:2px;font-size:11px}.pocketed-swatch{cursor:pointer;color:#0000;border:1px solid #ffffff38;border-radius:50%;width:28px;height:28px;padding:0;transition:transform .12s,box-shadow .12s;position:relative;box-shadow:0 1px 2px #00000059,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff2e}.pocketed-swatch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 6px #00000073,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff38}.pocketed-swatch:disabled{opacity:.45;cursor:not-allowed}.pocketed-swatch.active{outline-offset:2px;outline:2px solid #ffd86b;animation:1.4s ease-in-out infinite pocketed-swatch-pulse}@keyframes pocketed-swatch-pulse{0%,to{box-shadow:0 0 #ffd86b8c,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff38}50%{box-shadow:0 0 0 6px #ffd86b00,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff38}}.pocketed-swatch--reds{box-shadow:5px 0 0 -1px #b52a2a8c,9px 0 0 -2px #b52a2a59,0 1px 2px #00000059,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff2e}.pocketed-swatch--reds:hover:not(:disabled){box-shadow:5px 0 0 -1px #b52a2a99,9px 0 0 -2px #b52a2a66,0 3px 6px #00000073,inset 0 -2px 4px #00000059,inset 0 2px 3px #ffffff38}.pocketed-swatch-badge{color:#f5fbff;text-align:center;background:#0f171e;border:1px solid #3d4e60;border-radius:9px;min-width:18px;height:18px;padding:0 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:16px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 1px 3px #00000080}.photo-import-backdrop{z-index:1000;background:#04080cbf;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-import-dialog{color:#e8eef5;background:#0f171e;border:1px solid #2a3643;border-radius:14px;outline:none;grid-template-rows:auto 1fr auto;width:min(1200px,100vw - 48px);max-height:calc(100vh - 48px);display:grid;box-shadow:0 20px 60px #00000073}.photo-import-header{border-bottom:1px solid #2a3643;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.photo-import-header h2{margin:0;font-size:16px;font-weight:600}.photo-import-close{color:#b6c4d3;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 6px;font-size:24px;line-height:1}.photo-import-close:hover{color:#fff;background:#1d2a36}.photo-import-body{grid-template-rows:auto 1fr;gap:12px;min-height:0;padding:14px 18px;display:grid;overflow:hidden}.photo-import-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.photo-import-file{cursor:pointer;color:#f5fbff;background:#1d2a36;border:1px solid #3d4e60;border-radius:10px;align-items:center;padding:8px 12px;font-size:13px;display:inline-flex;position:relative}.photo-import-file:hover{background:#263646}.photo-import-file input[type=file]{opacity:0;cursor:pointer;font-size:0;position:absolute;inset:0}.photo-import-toolbar button{border-radius:10px;padding:8px 12px;font-size:13px}.photo-import-status{color:#ffd86b;min-height:14px;margin-left:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.photo-import-main{grid-template-columns:1fr 300px;gap:14px;min-height:0;display:grid}.photo-import-canvas-wrap{background:#060a0d;border:1px solid #2a3643;border-radius:10px;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.photo-import-canvas{touch-action:none;cursor:crosshair;max-width:100%;max-height:100%;display:block}.photo-import-empty{color:#7c8a99;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.photo-import-sidebar{grid-template-rows:auto;align-content:start;gap:10px;min-width:0;display:grid}.photo-import-minimap-wrap{background:#060a0d;border:1px solid #2a3643;border-radius:10px;place-items:center;padding:10px;display:grid}.photo-import-minimap{border-radius:6px;display:block}.photo-import-footer{border-top:1px solid #2a3643;justify-content:flex-end;gap:10px;padding:12px 18px;display:flex}.photo-import-apply{background:#285e3a;border-color:#2f7a49}.photo-import-apply:hover:not(:disabled){background:#316a43}@media (width<=900px){.photo-import-main{grid-template-columns:1fr}}@media (width<=980px){aside.control-panel{width:220px;padding:10px;font-size:11px}.control-panel-toggle[aria-expanded=true]{right:240px}}@media (width<=640px){aside.control-panel{border-radius:10px;grid-template-columns:1fr 1fr;align-content:start;gap:4px 10px;width:min(68%,420px);max-height:calc(100% - 20px);padding:8px 10px;font-size:10px;display:grid;inset:10px 10px auto auto;overflow:auto}aside.control-panel>label{margin-bottom:0}aside.control-panel>.switch-grid,aside.control-panel>.row,aside.control-panel>.preview-seconds-slider,aside.control-panel>#previewStatus,aside.control-panel>#controlPanelHandle{grid-column:1/-1}aside.control-panel>#controlPanelHandle{order:-1;margin:-4px -4px 4px;padding:2px 0 4px}aside.control-panel label{font-size:10px}aside.control-panel .labelled-icon-button,aside.control-panel .import-photo-button{gap:5px;padding:5px 7px;font-size:10px}aside.control-panel .labelled-icon-button svg,aside.control-panel .import-photo-button svg{width:12px;height:12px}aside.control-panel .switch{width:22px;height:12px}aside.control-panel .switch:after{width:8px;height:8px;top:1px;left:1px}aside.control-panel .switch:checked:after{left:11px}aside.control-panel .switch-grid{gap:5px 8px}aside.control-panel.is-hidden-for-shot,aside.control-panel.is-collapsed{opacity:0;pointer-events:none;transform:translateY(calc(-100% - 24px))}.control-panel-toggle{top:10px;right:calc(8px + min(68%,420px))}}