/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#172121;--muted:#5f6a68;--paper:#f4f5ee;--panel:#fff;--line:#d9dfd8;--teal:#0c756f;--teal-soft:#d9efea;--red:#d4352d;--shadow:0 14px 40px #1a26231c}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input{font:inherit}.app-shell{min-width:1120px;padding:20px 34px 24px}.topbar,.workbench{max-width:1540px;margin:0 auto}.topbar{justify-content:space-between;align-items:end;gap:28px;padding:0 2px 14px;display:flex}.eyebrow{color:var(--teal);letter-spacing:1.4px;margin:0 0 5px;font-size:12px;font-weight:700}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:27px;line-height:1.16}h2{margin-bottom:0;font-size:17px;line-height:1.25}.topbar-note{color:var(--muted);margin:0 0 2px;font-size:14px}.workbench{grid-template-columns:minmax(700px,1fr) 348px;align-items:start;gap:24px;display:grid}.left-column{gap:12px;display:grid}.panel,.preview-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.panel{border-radius:8px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:16px;padding:12px 16px 10px;display:flex}.panel-heading.compact{padding-bottom:6px}.panel-heading .eyebrow{margin-bottom:5px}.room-stage{aspect-ratio:2.08;background:#1e2726;position:relative;overflow:hidden}.room-backdrop,.stage-presenter{-webkit-user-select:none;user-select:none;pointer-events:none;display:block;position:absolute}.room-backdrop{object-fit:cover;width:100%;height:100%;inset:0}.stage-presenter{width:18.2%;bottom:29.6%;left:50%;transform:translate(-50%)}.camera-height-track,.camera-lateral-track{z-index:3;opacity:0;pointer-events:none;transition:opacity .15s;position:absolute}.camera-height-track{border-left:1px dashed #78e8d8d1;width:1px;height:47%;bottom:8%;left:50%}.camera-height-track:before,.camera-height-track:after{content:"";border-top:1px solid #78e8d8;border-left:1px solid #78e8d8;width:6px;height:6px;position:absolute;left:-3px}.camera-height-track:before{top:0;transform:rotate(45deg)}.camera-height-track:after{bottom:0;transform:rotate(225deg)}.camera-lateral-track{border-top:1px dashed #78e8d8d1;height:1px;bottom:12%;left:28%;right:28%}.camera-lateral-track:before,.camera-lateral-track:after{content:"";border-top:1px solid #78e8d8;border-left:1px solid #78e8d8;width:6px;height:6px;position:absolute;top:-3px}.camera-lateral-track:before{left:0;transform:rotate(-45deg)}.camera-lateral-track:after{right:0;transform:rotate(135deg)}.room-stage.active-height .camera-height-track,.room-stage.active-lateral .camera-lateral-track{opacity:1}.camera-depth-guide{z-index:3;opacity:0;transform-origin:50% 100%;pointer-events:none;border-left:1px dashed #78e8d8c7;width:2px;height:24%;transition:opacity .16s ease-out;position:absolute;bottom:26%;left:50%;transform:perspective(260px)rotateX(58deg)}.camera-depth-guide:before,.camera-depth-guide:after{content:"";border-top:1px solid #78e8d8;border-left:1px solid #78e8d8;width:7px;height:7px;position:absolute;left:-4px}.camera-depth-guide:before{top:-2px;transform:rotate(45deg)}.camera-depth-guide:after{bottom:-2px;transform:rotate(225deg)}.room-stage.active-distance .camera-depth-guide{opacity:1}.camera-rig{z-index:4;width:112px;height:100%;transform:translateX(calc(-50% + var(--camera-x)));pointer-events:none;transition:transform .14s ease-out;position:absolute;top:0;bottom:0;left:50%}.camera-head{width:100%;height:210px;transform:translateY(calc(var(--camera-head-y) + var(--camera-depth-y))) scale(var(--camera-scale));transform-origin:50% 10%;transition:transform .16s ease-out;position:absolute;top:34%;left:0}.camera-device{filter:drop-shadow(0 9px 10px #00000045);width:76px;height:206px;position:absolute;top:0;left:18px}.camera-device-depth{z-index:0;background:linear-gradient(135deg,#364142,#090d0e 62%);border-radius:15px;width:56px;height:83px;position:absolute;top:-3px;left:15px;transform:translate(3px)}.camera-device-back{z-index:2;background:linear-gradient(150deg,#303a3b 0%,#111718 46%,#080c0d 100%);border:1px solid #4d5858;border-radius:15px;width:58px;height:86px;position:absolute;top:0;left:10px;box-shadow:inset 1px 1px 1px #ffffff2e,inset -2px -3px 5px #0000006b}.camera-back-inset{background:linear-gradient(145deg,#ffffff06,#0000001f);border:1px solid #77878633;border-radius:10px;position:absolute;inset:10px 9px 17px}.camera-back-inset:after{content:"";opacity:.7;background:#4d5a59;border-radius:2px;width:15px;height:2px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.camera-back-port{background:#1f2929;border:1px solid #050708;border-radius:2px;width:12px;height:5px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.camera-device-plug{z-index:4;background:linear-gradient(90deg,#111718,#3d4747 48%,#0b0f10);border-radius:3px 3px 5px 5px;width:17px;height:17px;position:absolute;top:79px;left:31px}.camera-device-cable{z-index:3;border-bottom:4px solid #101617;border-left:4px solid #101617;border-radius:0 0 0 18px;width:20px;height:49px;position:absolute;top:91px;left:37px}.camera-device-mount{z-index:1;background:linear-gradient(#273132,#0d1213);border:1px solid #303b3b;border-radius:7px 7px 4px 4px;width:68px;height:25px;position:absolute;top:88px;left:5px;box-shadow:0 4px 6px #00000042}.camera-device-mount:after{content:"";background:#050809;border-radius:2px;height:3px;position:absolute;bottom:4px;left:14px;right:14px}.camera-device-post{z-index:0;background:linear-gradient(90deg,#101617,#475252 48%,#0d1213);border-radius:5px;width:9px;height:440px;position:absolute;top:108px;left:35px;box-shadow:inset 1px 0 #ffffff1f}.camera-rig.is-adjusting .camera-device-back{box-shadow:inset 1px 1px 1px #ffffff2e,inset -2px -3px 5px #0000006b,0 0 0 2px #5fdac9b8,0 0 18px #5fdac959}.camera-callout{color:#fff;white-space:nowrap;background:#132120e6;border:1px solid #ffffff2e;border-radius:3px;padding:5px 7px;font-size:11px;font-weight:700;position:absolute;top:5px;left:91px}.side-view{z-index:6;opacity:0;pointer-events:none;background:#151e1deb;border:1px solid #ffffff8f;border-radius:6px;width:31%;height:31%;transition:opacity .18s,transform .18s;position:absolute;bottom:3.5%;right:2.2%;overflow:hidden;transform:translateY(8px);box-shadow:0 10px 26px #00000047}.side-view.is-visible{opacity:1;transform:translateY(0)}.side-view-title{color:#ffffffe6;font-size:11px;font-weight:700;position:absolute;top:8px;left:10px}.side-label{color:#a9bab7;font-size:9px;position:absolute;top:27px}.side-label-far{left:9px}.side-label-near{right:9px}.side-floor{background:#7c8c88;height:2px;position:absolute;bottom:20%;left:7%;right:7%}.side-green-screen{background:#168154;border-radius:2px 2px 0 0;width:7px;height:55%;position:absolute;bottom:20%;right:3.5%}.side-person{background:#53b9aa;border-radius:8px 8px 3px 3px;width:16px;height:43%;position:absolute;bottom:20%;left:82%;transform:translate(-50%)}.side-person:before{content:"";background:#e8b78f;border-radius:50%;width:20px;height:20px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.side-person i{background:#3a887f;border-radius:8px 8px 2px 2px;width:28px;height:9px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.side-desk{background:#a7673e;border-radius:2px;width:25%;height:8px;position:absolute;bottom:20%;left:58%;box-shadow:0 9px 0 -3px #69432e}.side-camera{left:var(--side-camera-x);width:29px;height:29px;transition:left .14s ease-out;position:absolute;bottom:20%;transform:translate(-50%)}.side-camera:before{content:"";background:#111718;border-radius:4px;width:24px;height:17px;position:absolute;top:0;left:1px;box-shadow:inset 0 0 0 1px #536261}.side-camera-lens{z-index:2;background:#5ea39e;border-radius:0 5px 5px 0;width:8px;height:9px;position:absolute;top:4px;right:0;box-shadow:2px 0 #0a0f10}.side-camera-post{background:#6c7b79;width:3px;height:24px;position:absolute;top:17px;left:12px}.side-camera-post:after{content:"";background:#6c7b79;width:17px;height:2px;position:absolute;bottom:-1px;left:-7px}.side-distance-line{left:var(--side-camera-x);width:var(--side-distance-width);border-top:1px dashed #6bd3c6c7;height:1px;transition:left .14s ease-out,width .14s ease-out;position:absolute;bottom:44%}.side-distance-line:after{content:"";border-top:1px solid #6bd3c6;border-right:1px solid #6bd3c6;width:6px;height:6px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.side-direction-label{color:#9ed9d1;font-size:9px;position:absolute;bottom:48%;left:56%;transform:translate(-50%)}.controls-panel{padding-bottom:12px}.controls-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 20px;padding:2px 16px 0;display:grid}.range-control{color:var(--ink);gap:6px;display:grid}.control-name{font-size:13px;font-weight:700}.range-control input{-webkit-appearance:none;appearance:none;background:linear-gradient(to right, var(--teal) 0 var(--range-progress), #d9dfdb var(--range-progress) 100%);cursor:pointer;border-radius:6px;outline:none;width:100%;height:6px}.range-control input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--teal);border:3px solid #fff;border-radius:50%;width:17px;height:17px;box-shadow:0 1px 5px #0000003d}.range-control input:focus-visible{outline-offset:5px;outline:2px solid #64b9b1}.range-ends{color:#7a8582;justify-content:space-between;font-size:10px;display:flex}.reset-button{color:#1c5955;cursor:pointer;background:#fff;border:1px solid #bac9c5;border-radius:5px;padding:6px 9px;font-size:12px}.reset-button:hover{border-color:var(--teal);background:#f1faf8}.right-column{gap:14px;display:grid}.preview-card{aspect-ratio:9/16;background:#161919;border-radius:7px;position:relative;overflow:hidden}.preview-background{z-index:0;background:#e8ddcd url(/assets/preview-room-bg.png) 50%/cover no-repeat;position:absolute;inset:55.1% 0 0}.preview-top{z-index:1;pointer-events:none;width:100%;height:55.1%;position:absolute;top:0;left:0;overflow:hidden}.preview-top img{width:100%;height:auto;display:block}.live-canvas{z-index:2;width:100%;height:100%;display:block;position:absolute;inset:0}.preview-badge{z-index:4;color:#fff;background:#0e1e1ec7;border-radius:3px;padding:5px 7px;font-size:11px;font-weight:700;position:absolute;bottom:10px;right:10px}@media (max-width:1180px){.app-shell{min-width:0;padding:22px}.workbench{grid-template-columns:minmax(620px,1fr) 315px;gap:18px}.controls-grid{gap:12px 18px}}@media (prefers-reduced-motion:reduce){.camera-rig,.camera-head,.camera-height-track,.camera-lateral-track,.camera-depth-guide,.side-view,.side-camera,.side-distance-line{transition:none}}