@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,system-ui,sans-serif;color:#e8e8e9;background:#0a0b0d;font-synthesis:none;--orange:#f4a83b;--panel:#111317;--line:#26292f;--muted:#858a94}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{border:0;color:inherit;cursor:pointer}.app{height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 40% 30%,#18191d,#0a0b0d 65%)}.toolbar{height:62px;flex:none;border-bottom:1px solid #22252b;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#0c0e11ee;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30}.toolbar button{background:transparent}.brand{display:flex;align-items:center;gap:10px;font-size:15px;justify-self:start}.brand b{font-weight:500;color:#a8a9ae}.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;color:#15100a;background:linear-gradient(145deg,#ffd27c,#e99125);box-shadow:0 0 18px #f5a6233a}.top-actions,.right-actions{display:flex;align-items:center;gap:4px}.top-actions>button,.top-actions>.dropdown>button,.right-actions>button{height:36px;border-radius:8px;padding:0 13px;display:flex;align-items:center;gap:7px;color:#a8abb2;font-size:13px}.toolbar button:hover:not(:disabled),.toolbar button.active{color:#fff;background:#1d2025}.right-actions{justify-self:end}.right-actions button:disabled{opacity:.35;cursor:not-allowed}.right-actions .primary,.primary{color:#1a1208!important;background:linear-gradient(135deg,#ffc45d,#e9962d)!important;font-weight:600;box-shadow:0 5px 22px #d88b2630}.dropdown{position:relative}.menu{position:absolute;top:44px;left:0;background:#17191e;border:1px solid #2c2f36;border-radius:13px;padding:7px;box-shadow:0 18px 60px #000a;z-index:50}.preset-menu{width:200px;display:grid;grid-template-columns:1fr 1fr}.preset-menu button{background:transparent;border-radius:8px;padding:9px;text-align:left;font-size:12px;display:flex;gap:7px;align-items:center}.preset-menu button:hover{background:#262930}.preset-menu span{color:#f4ac42}.main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 288px}.empty-main{grid-template-columns:minmax(0,1fr)}.stage-column{min-width:0;min-height:0;display:flex;flex-direction:column}.workspace{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#0c0e11;background-image:linear-gradient(45deg,#111317 25%,transparent 25%),linear-gradient(-45deg,#111317 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111317 75%),linear-gradient(-45deg,transparent 75%,#111317 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.workspace.placing{cursor:crosshair}.workspace canvas{position:relative;z-index:2;display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 15px 80px #000b}.source-preview{position:absolute;z-index:1;max-width:100%;max-height:100%;width:auto;height:auto}.workspace video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.empty-state{position:absolute;text-align:center;display:flex;flex-direction:column;align-items:center;padding:30px}.hero-bulb{width:82px;height:82px;border-radius:24px;display:grid;place-items:center;color:#ffc15a;background:radial-gradient(circle,#553a17,#181718 70%);border:1px solid #60451f;box-shadow:0 0 70px #f3a62c25;margin-bottom:25px}.empty-state h1{font-size:30px;letter-spacing:-.7px;margin:0 0 10px}.empty-state p{margin:0;color:#898e97;font-size:14px}.hero-actions{display:flex;gap:10px;margin:30px 0 23px}.hero-actions button{height:44px;border-radius:10px;padding:0 20px;display:flex;align-items:center;gap:9px}.hero-actions .primary{box-shadow:0 10px 28px #e6912529,inset 0 1px #ffffff3d,inset 0 -1px #884d0d2e}.secondary{background:#1a1d22;border:1px solid #30343b}.drop-hint{width:340px;display:flex;align-items:center;gap:12px;color:#60656d;font-size:12px}.drop-hint:before,.drop-hint:after{content:"";height:1px;flex:1;background:#2b2e34}.empty-state small{color:#777d86;font-size:11px;margin-top:22px}.gpu-error{position:absolute;bottom:20px;display:flex;align-items:center;gap:12px;padding:13px 18px;border-radius:12px;background:#301a1adf;border:1px solid #8b3a3a;color:#ffcaca}.gpu-error span{font-size:12px;color:#d99}.loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#090a0cc9;display:flex;align-items:center;justify-content:center;gap:12px;z-index:60}.loading span{width:19px;height:19px;border-radius:50%;border:2px solid #49433a;border-top-color:#f5aa3c;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.light-wrap{position:absolute;z-index:10;transform:translate(-50%,-50%);pointer-events:none}.light-wrap.disabled{opacity:.38}.radius{position:absolute;left:50%;top:50%;border:1px dashed #ffc158;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#ffbf4920,transparent 67%);transition:width .12s,height .12s}.light-handle{position:relative;width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#f5ae3d;color:#2a1c09;border:3px solid #ffe0a1;box-shadow:0 0 0 4px #f2a42b22,0 0 35px #ffad33cc;pointer-events:auto;touch-action:none}.light-wrap.selected .light-handle{box-shadow:0 0 0 5px #f2a42b35,0 0 45px #ffad33}.light-handle em{position:absolute;width:52px;height:35px;border:1px solid #ffd17a;border-radius:7px}.light-wrap label{position:absolute;white-space:nowrap;left:50%;top:53px;transform:translate(-50%);padding:5px 8px;border-radius:6px;background:#15171ce8;color:#f1f1f2;font-size:11px;border:1px solid #34373d}.camera-status{position:absolute;left:14px;top:14px;background:#101217d9;border-radius:7px;padding:6px 9px;font-size:11px;display:flex;align-items:center;gap:7px}.camera-status i{width:6px;height:6px;border-radius:50%;background:#45df83;box-shadow:0 0 8px #45df83}.original-layer{position:absolute;right:0;top:0;bottom:0;background-size:cover;background-position:center}.split-line{position:absolute;top:0;bottom:0;width:2px;background:#fff;transform:translate(-50%);z-index:15}.split-line i{position:absolute;top:50%;left:50%;width:30px;height:30px;background:#fff;border-radius:50%;transform:translate(-50%,-50%)}.split-line span{position:absolute;top:14px;background:#111b;padding:5px 8px;border-radius:6px;font-size:10px}.split-line span:first-child{right:8px}.split-line span:last-child{left:8px}.bottom-bar{height:67px;flex:none;border-top:1px solid var(--line);background:#111318;display:flex;align-items:center;padding:0 15px;gap:13px}.bottom-bar button{height:35px;border-radius:8px;background:#1b1e24;padding:0 12px;color:#bbbfc6;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px}.bottom-bar button:hover,.bottom-bar button.active{background:#2a2925;color:#ffc15b}.add-group{display:flex;gap:4px}.history-buttons{display:flex;border-left:1px solid var(--line);padding-left:10px}.history-buttons button{padding:0 9px}.history-buttons button:disabled{opacity:.3}.ambient{display:flex;align-items:center;gap:9px;color:#9a9ea6;font-size:12px;margin-left:auto}.ambient input{width:110px}.ambient output{width:32px;color:#d0d2d6}.depth-toggle.active{box-shadow:inset 0 0 0 1px #c98729;background:#322716!important}.capture i{width:11px;height:11px;border-radius:50%;background:#f14c4c;border:2px solid #ffaaaa}.side-panel{background:var(--panel);border-left:1px solid var(--line);overflow:auto;padding-bottom:25px}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 10px}.panel-title div{display:flex;align-items:baseline;gap:8px}.panel-title small{font-size:13px;color:#d5d6d8}.panel-title strong{font-size:10px;color:#656a73}.panel-title button,.selected-heading button{width:29px;height:29px;border-radius:7px;background:#202329;display:grid;place-items:center}.light-list{padding:0 10px}.light-list>button{width:100%;height:52px;padding:0 9px;border-radius:9px;background:transparent;display:grid;grid-template-columns:31px 1fr 26px;align-items:center;text-align:left}.light-list>button.active{background:#24221e;box-shadow:inset 0 0 0 1px #4d3c22}.type-icon{color:#ffb23e;font-size:19px}.light-list b{display:block;font-size:12px;font-weight:500}.light-list small{font-size:9px;color:#6e737c}.light-list i{display:grid;place-items:center;color:#797e87;font-style:normal}.no-lights{text-align:center;color:#60656e;font-size:12px;padding:20px}.divider{height:1px;background:var(--line);margin:10px 18px 15px}.selected-heading{display:flex;justify-content:space-between;padding:0 17px 14px}.selected-heading input{background:transparent;border:0;color:#e6e6e7;font-weight:600;width:180px;outline:0}.selected-heading button{color:#c57070}.control{padding:8px 17px}.control label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#b7bac0;margin-bottom:9px}.control output{color:#777c85;font-size:10px}.control input[type=range],.field input[type=range],.ambient input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;width:100%;border-radius:3px;background:#343840;accent-color:#eea43a}.control input[type=range]::-webkit-slider-thumb,.field input[type=range]::-webkit-slider-thumb,.ambient input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:13px;height:13px;border-radius:50%;background:#f3ad46;box-shadow:0 0 0 3px #e89e3430}.range-labels{display:flex;justify-content:space-between;color:#555a63;font-size:9px;margin-top:5px}.color{width:25px!important;height:25px;border:0;padding:0;border-radius:50%;overflow:hidden;background:none}.swatches{display:flex;gap:8px}.swatches button{width:20px;height:20px;border-radius:50%;border:2px solid #33353a}.temperature{background:linear-gradient(90deg,#ff9f58,#f8e1bd,#b8d8ff)!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608c9;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{position:relative;width:min(390px,calc(100vw - 30px));background:#17191e;border:1px solid #30343b;border-radius:18px;padding:28px;box-shadow:0 30px 100px #000;text-align:center}.close{position:absolute;right:12px;top:12px;width:31px;height:31px;border-radius:8px;background:#22252b;display:grid;place-items:center}.close svg{width:16px}.modal-icon{margin:0 auto 15px;width:48px;height:48px;border-radius:14px;background:#2d2519;color:#f6ac40;display:grid;place-items:center}.modal h2{font-size:19px;margin:0 0 8px}.modal p{font-size:12px;color:#858a92;margin:0 0 22px}.modal select,.field select{width:100%;height:41px;background:#101216;border:1px solid #30343b;border-radius:8px;color:#ccc;padding:0 10px;margin-bottom:12px}.wide{height:43px;width:100%;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:8px}.export-modal{text-align:left}.export-modal .modal-icon{margin-left:0}.field{margin:20px 0}.field>label{display:flex;justify-content:space-between;font-size:11px;color:#aeb1b7;margin-bottom:9px}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.segmented button{height:37px;border-radius:7px;background:#22252b}.segmented button.active{background:#46341b;color:#ffc15b;box-shadow:inset 0 0 0 1px #a8732c}.toast{position:fixed;left:50%;bottom:90px;z-index:150;transform:translate(-50%);padding:10px 16px;border-radius:9px;background:#292c32;border:1px solid #41454d;box-shadow:0 8px 30px #0008;font-size:12px}.toast-enter-active,.toast-leave-active{transition:.2s}.toast-enter-from,.toast-leave-to{opacity:0;transform:translate(-50%,10px)}.media-frame{position:relative;flex:none;overflow:visible;box-shadow:0 15px 80px #000b}.media-frame canvas,.media-frame .source-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;display:block}.media-frame canvas{z-index:2;box-shadow:none}.media-frame .source-preview{z-index:1;object-fit:fill}.media-frame .original-layer{z-index:12;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;background-size:100% 100%;background-repeat:no-repeat}.media-frame .split-line{z-index:14;pointer-events:none}.media-frame .split-line span{white-space:nowrap}.split-slider{position:absolute;z-index:15;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.empty-state{z-index:3}.hero-actions .primary{box-shadow:inset 0 1px #ffffff3d}.mobile-panel-toggle,.mobile-panel-close,.panel-grabber{display:none}.panel-actions{display:flex;gap:6px}.facing-choice{display:grid!important;grid-template-columns:1fr 1fr;gap:6px;margin:18px 0 12px}.facing-choice button{height:39px;border-radius:8px;background:#22252b;color:#aeb2ba}.facing-choice button.active{background:#49361b;color:#ffc15b;box-shadow:inset 0 0 0 1px #a8742f}@media(max-width:800px){.toolbar{grid-template-columns:auto minmax(0,1fr) auto;padding:0 10px}.brand span:last-child{display:none}.top-actions{justify-self:center}.right-actions .compare-btn,.right-actions button:nth-child(2){display:none}.main{grid-template-columns:1fr}.side-panel{display:block;position:fixed;left:0;right:0;top:auto;bottom:0;width:auto;height:min(72vh,560px);z-index:80;border:1px solid #30343b;border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -24px 70px #000b;transform:translateY(105%);transition:transform .24s ease;padding-bottom:max(25px,env(safe-area-inset-bottom))}.side-panel.open{transform:translateY(0)}.panel-grabber{display:block;width:38px;height:4px;border-radius:4px;background:#474b53;margin:8px auto 0}.mobile-panel-close{display:grid!important}.mobile-panel-toggle{display:flex!important}.bottom-bar{height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);gap:6px;overflow-x:auto}.ambient,.history-buttons,.add-group button:nth-child(2){display:none}.add-group{margin-right:auto}.workspace{touch-action:none}.empty-state h1{font-size:24px}.empty-state p{max-width:300px}.drop-hint{width:280px}.right-actions button span{display:none}}@media(max-width:520px){.toolbar{height:56px}.top-actions>.dropdown{display:none}.top-actions>button{padding:0 7px;font-size:12px}.right-actions>button{padding:0 10px}.workspace{min-height:0}.empty-state{padding:16px}.hero-bulb{width:64px;height:64px;margin-bottom:18px}.empty-state h1{font-size:22px}.hero-actions{flex-direction:column;width:220px;margin:22px 0 18px}.hero-actions button{justify-content:center}.gpu-error{left:10px;right:10px}.gpu-error span{display:none}.bottom-bar{padding-left:8px;padding-right:8px}.bottom-bar button{white-space:nowrap;padding:0 10px}.side-panel{height:78vh}}