:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e7eaee;background:#111315;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button{color:inherit}#app{display:grid;grid-template-rows:54px minmax(0,1fr) 28px;background:#111315}.topbar{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 14px;border-bottom:1px solid #2a2e33;background:#191c1f;box-shadow:0 3px 18px #0000003d}.render-settings-panel{position:absolute;z-index:60;top:46px;right:12px;width:min(340px,calc(100vw - 24px));max-height:calc(100vh - 94px);overflow:auto;padding:14px;border:1px solid #3b424a;border-radius:10px;background:#181c20fa;box-shadow:0 18px 60px #0000007a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.render-settings-panel[hidden]{display:none}.render-settings-header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid #343a41}.render-settings-header div{display:grid;gap:2px}.render-settings-header strong{font-size:13px}.render-settings-header span{color:#838c96;font-size:10px}.render-settings-header button{padding:5px 9px;border:1px solid #424a53;border-radius:5px;color:#bfc7d0;background:#292f35;font-size:10px;cursor:pointer}.render-settings-panel section{display:grid;gap:10px;padding-top:13px}.render-settings-panel h2{margin:0;color:#8faeda;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.render-setting{display:grid;gap:5px}.render-setting span{display:flex;align-items:center;justify-content:space-between;color:#b6bdc6;font-size:10px}.render-setting output{color:#e4e9ef;font-variant-numeric:tabular-nums}.render-setting input{width:100%;accent-color:#729fe0;cursor:pointer}.render-setting-select select{height:28px;padding:0 8px;border:1px solid #424a53;border-radius:5px;color:#dce3eb;background:#292f35;font-size:10px;cursor:pointer}.brand,.toolbar,.segmented,.resolution-control,.sun-control{display:flex;align-items:center}.brand{min-width:max-content;gap:10px}.brand-mark{display:grid;width:31px;height:31px;place-items:center;border:1px solid #7ba9ff;border-radius:7px;color:#b7d0ff;background:#22314d;font-size:11px;font-weight:800;letter-spacing:.08em}.brand div{display:grid;gap:1px}.brand strong{font-size:13px;letter-spacing:.01em}.brand small{color:#848b95;font-size:10px}.toolbar{gap:7px}.toolbar-label,.resolution-control{color:#989fa8;font-size:11px}.toolbar-divider{width:1px;height:24px;margin:0 4px;background:#34383d}.file-button,.icon-button,.toolbar-button,.segmented button,.resolution-control select{height:30px;border:1px solid #383d43;border-radius:5px;background:#24282c;cursor:pointer}.file-button{display:inline-flex;align-items:center;padding:0 12px;color:#eaf1ff;border-color:#416498;background:#29466e;font-size:12px;font-weight:650}.file-button:hover{background:#335785}.file-button input{display:none}.segmented{overflow:hidden;border:1px solid #383d43;border-radius:5px}.segmented button{width:30px;border:0;border-right:1px solid #383d43;border-radius:0;color:#aeb4bc;font-size:11px}.segmented button:last-child{border-right:0}.segmented button.active{color:#fff;background:#3d5e8f}.icon-button{width:30px;font-size:17px;line-height:1}.toolbar-button{padding:0 9px;color:#b7bec8;font-size:11px}.toolbar-button.active{border-color:#42c8d8;color:#d9fbff;background:#17606a}.icon-button:hover,.toolbar-button:hover,.segmented button:hover{background:#343a40}.count-badge{min-width:18px;color:#c9ced5;font-size:11px;text-align:center}.resolution-control{gap:7px}.sun-control{gap:5px;color:#989fa8;font-size:10px}.sun-control input{width:82px;accent-color:#e8a643;cursor:pointer}.sun-control output{width:42px;color:#d9dde3;font-variant-numeric:tabular-nums;text-align:right}.resolution-control select{padding:0 8px;color:#d9dde3;font-size:11px}#workspace{position:relative;min-width:0;min-height:0;overflow:hidden;background:#090b0d}#renderCanvas,#viewportGrid,#emptyState,#dropOverlay,#loadingOverlay{position:absolute;inset:0}#renderCanvas{width:100%;height:100%}#viewportGrid{z-index:5;display:grid;grid-template-columns:repeat(var(--columns, 1),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);gap:2px;padding:2px;pointer-events:none}#viewportGrid[data-count="3"] .viewport:first-child{grid-row:span 2}.viewport{position:relative;min-width:0;min-height:0;overflow:hidden;border:1px solid #343940;background:transparent;pointer-events:auto}.viewport:hover{border-color:#55749e}.viewport.is-denoising{border-color:#d8a64f}.viewport.is-denoised{border-color:#62a977}.viewport.has-selection{border-color:#6d9fe6}.viewport.is-transforming{border-color:#e5ad54}.viewport-header{position:absolute;z-index:2;top:7px;right:7px;left:7px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.viewport-title,.sample-counter{padding:4px 7px;border:1px solid rgb(255 255 255 / 8%);border-radius:4px;color:#c5cad1;background:#131619d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:10px}.view-actions{display:flex;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:4px;pointer-events:auto}.view-actions button{height:25px;padding:0 7px;border:0;border-right:1px solid rgb(255 255 255 / 10%);color:#aeb5be;background:#131619db;font-size:9px;cursor:pointer}.view-actions button:hover{color:#fff;background:#3b526f}.view-actions button:last-child{border-right:0;color:#e7a5a5;font-size:15px}.view-actions button[data-denoise]{color:#9edbb0;font-weight:700}.view-actions button[data-denoise].active{color:#fff;background:#38724b}.view-actions button[data-denoise]:disabled{color:#d8a64f;opacity:1}.view-actions button:disabled{opacity:.35;cursor:default}.transform-actions{position:absolute;z-index:3;bottom:7px;left:7px;display:none;overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:4px;background:#131619db;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewport.has-selection .transform-actions{display:flex}.transform-actions button{height:25px;padding:0 8px;border:0;border-right:1px solid rgb(255 255 255 / 10%);color:#aeb5be;background:transparent;font-size:9px;cursor:pointer}.transform-actions button:last-child{border-right:0;color:#d9a3a3}.transform-actions button:hover,.transform-actions button.active{color:#fff;background:#3b526f}.sample-counter{position:absolute;right:7px;bottom:7px}#emptyState{z-index:8;display:grid;align-content:center;justify-items:center;pointer-events:none;background:radial-gradient(circle at 50% 42%,rgb(55 75 102 / 22%),transparent 28%),linear-gradient(rgb(255 255 255 / .025) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / .025) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}#emptyState.hidden{display:none}.drop-icon{display:grid;width:70px;height:70px;margin-bottom:18px;place-items:center;border:1px dashed #6787b3;border-radius:14px;color:#a8c7f0;background:#2d415b73;font-size:18px;font-weight:750;letter-spacing:.08em}#emptyState h1{margin:0 0 7px;font-size:20px;font-weight:600}#emptyState p{margin:0 0 18px;color:#9299a2;font-size:12px}#emptyState span{color:#666d76;font-size:10px}#dropOverlay,#loadingOverlay{z-index:40;display:none;place-items:center;background:#080b0fe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#dropOverlay.visible,#loadingOverlay.visible{display:grid}#dropOverlay:before{position:absolute;inset:22px;border:2px dashed #6d9ddd;border-radius:14px;content:""}#dropOverlay div,#loadingOverlay{text-align:center}#dropOverlay div,#loadingOverlay.visible{gap:8px}#dropOverlay strong,#dropOverlay span,#loadingOverlay strong,#loadingOverlay span{display:block}#dropOverlay strong,#loadingOverlay strong{margin-bottom:7px;font-size:16px}#dropOverlay span,#loadingOverlay span{color:#929aa5;font-size:11px}.spinner{width:34px;height:34px;margin:0 auto 18px;border:3px solid #303944;border-top-color:#78a9e9;border-radius:50%;animation:spin .8s linear infinite}#loadingOverlay .loading-card{display:grid;gap:10px;min-width:min(420px,calc(100vw - 48px));padding:26px 28px 22px;border:1px solid rgb(255 255 255 / 8%);border-radius:18px;background:linear-gradient(180deg,#12161bf0,#090b0eeb);box-shadow:0 24px 80px #0000006b}#loadingOverlay .spinner{margin-bottom:8px}.loading-progress{width:100%;height:8px;overflow:hidden;border:1px solid rgb(255 255 255 / 8%);border-radius:999px;background:#ffffff0a}.loading-progress div{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f9fe8,#9ad0ff);transition:width .14s linear}.loading-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.loading-meta #loadingPercent{color:#dbe6f7;font-size:12px;font-weight:700}.loading-meta #loadingDetail{color:#8d96a0;font-size:11px;text-align:right}@keyframes spin{to{transform:rotate(360deg)}}.statusbar{z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-top:1px solid #292d31;color:#7f8790;background:#181b1e;font-size:10px}#fpsCounter{color:#7ba9ff;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:900px){.brand small,.toolbar-label,.resolution-control,.sun-control span,.sun-control output{display:none}.sun-control input{width:60px}.topbar{gap:8px}.toolbar{min-width:0}}