.render-primary{margin-top:17px;min-height:44px;padding:11px 12px;border:1px solid #b8a8ed55;border-radius:7px;background:linear-gradient(110deg,#aa9ada26,#8ea2b41a);display:flex;align-items:center;gap:8px;color:#ddd8ee;font-size:11px;box-shadow:inset 0 1px 0 #ffffff09}.render-primary i{width:15px;height:15px}.render-primary small{font-size:8px;letter-spacing:.5px;border:1px solid #b8a8ed33;border-radius:4px;padding:3px 5px;color:#b8adce;margin-left:auto}.render-primary:hover{border-color:#c6b6ff99;box-shadow:0 0 25px #b5a7ef20;transform:translateY(-1px)}.render-primary+.export-btn{margin-top:9px}.render-export-invite{background:radial-gradient(ellipse at top right,#b5a0ec20,transparent 80%),#11191d;border:1px solid #b6a9ec2b;border-radius:9px;padding:19px;margin-bottom:18px}.render-export-invite>span{font-size:8px;color:#aaa0c7;letter-spacing:1.8px}.render-export-invite>strong{font-size:16px;font-weight:450;display:block;letter-spacing:.5px;margin-top:9px}.render-export-invite>p{color:#86978e;font-size:11px;line-height:1.8;margin-top:8px}.render-export-invite>button{margin-top:17px;font-size:10px}.render-modal{max-width:1240px;width:calc(100% - 38px);padding:28px 30px;max-height:94vh}.render-modal .modal-top{margin-bottom:13px}.render-modal .modal-top h2{font-size:25px;font-weight:450;letter-spacing:.7px}.render-modal .modal-top .eyebrow{font-size:7px;letter-spacing:1.9px;color:#a2b5a8}.render-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.render-intro>p{font-size:11px;line-height:1.9;color:#8c9d94;letter-spacing:.3px}.render-intro>span{font-size:7px;letter-spacing:1.6px;color:#566c61}.render-service-notice{padding:13px 15px;display:flex;gap:12px;align-items:center;background:#b9bf9c08;border:1px solid #b4c29b24;border-radius:8px;margin-bottom:17px}.render-service-notice>span{color:#b6c69a;font-size:22px;align-self:flex-start;line-height:1.25}.render-service-notice strong{font-size:10px;font-weight:500;color:#c1c9b1}.render-service-notice p{font-size:9px;line-height:1.8;color:#89977e;margin-top:5px}.render-service-notice>button{margin-left:auto;color:#b2c2a6;border:1px solid #b5c69622;border-radius:5px;padding:8px 10px;font-size:9px;white-space:nowrap}.render-snapshot-note{font-size:10px;line-height:1.8;color:#b6ad93;background:#d6b17808;border:1px solid #d6b17822;padding:10px 14px;border-radius:7px;margin-bottom:14px}.render-workspace{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:23px}.render-preview-column{min-width:0}.render-stage-head{height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.render-stage-head>div:first-child{display:flex;gap:13px;align-items:center}.render-stage-head>div>span{font-size:9px;color:#708d7d;letter-spacing:1px;font-family:'DM Sans',sans-serif}.render-stage-head>div>strong{font-size:13px;font-weight:450;color:#c4dbcc;letter-spacing:.3px}.render-view-tabs{display:flex;gap:3px;background:#0c1519;padding:3px;border:1px solid #ffffff0b;border-radius:6px}.render-view-tabs>button{font-size:9px;padding:6px 9px;border-radius:4px;color:#758e7e;white-space:nowrap}.render-view-tabs>button.active{color:#c0deca;background:#b9eed915;box-shadow:inset 0 0 0 1px #b9eed90d}.render-view-tabs>button:disabled{opacity:.3;cursor:default}.render-stage{border:1px solid #b3d1bd22;background:radial-gradient(ellipse,#3c4740,#222e2b);border-radius:9px;overflow:hidden;aspect-ratio:16/9;position:relative;display:grid;place-items:center;min-height:150px}.render-stage>figure{padding:0;margin:0;position:relative;width:100%;height:100%;min-width:0;display:grid;place-items:center}.render-stage>figure>img{width:100%;height:100%;max-height:490px;object-fit:contain;display:block}.render-stage figcaption{position:absolute;bottom:12px;left:12px;font-size:8px;letter-spacing:.5px;color:#d8e6d7;padding:6px 9px;border:1px solid #c2d7c630;border-radius:4px;background:#13251eb8;backdrop-filter:blur(10px)}.render-stage.comparison{grid-template-columns:1fr 1fr;gap:1px;aspect-ratio:16/7;background:#b9eed91a}.render-stage.comparison>figure{aspect-ratio:16/9;height:auto}.render-stage.comparison>figure>img{height:auto}.render-stage.comparison figcaption{font-size:7px;bottom:8px;left:8px}.render-stage-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:12px 1px 15px;font-size:9px;min-height:48px}.render-stage-foot>span{color:#6e8b79;line-height:1.9}.render-stage-foot>span.has-error{color:#cbac95}.render-stage-foot>button{color:#afcdb8;font-size:9px;white-space:nowrap;padding:0}.render-shot-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.render-shot{display:block;text-align:left;padding:4px 4px 9px;border:1px solid #b3d1bd17;border-radius:7px;background:#0f181b;min-width:0;overflow:hidden}.render-shot.selected{border-color:#acd8ba85;background:#b9eed909;box-shadow:0 0 15px #b9eed907}.render-shot.duplicate{border-color:#d2a66c7a}.render-shot-image{position:relative;display:block;aspect-ratio:16/9;border-radius:3px;overflow:hidden;background:#283731}.render-shot-image>img{width:100%;height:100%;object-fit:cover}.render-shot-image>span{position:absolute;top:4px;left:4px;font-size:6px;letter-spacing:.8px;padding:2px 4px;border:1px solid #d8ead12b;border-radius:3px;background:#10201db0;color:#d0e3cc}.render-shot-name{font-size:8px;color:#b2c8b9;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:9px 3px 0;line-height:1.5}.render-shot-name>small{font-size:7px;color:#627f6c;margin-right:5px}.render-shot-state{font-size:7px;display:block;padding:5px 3px 0;color:#647e6b}.render-shot-state.rendering{color:#b7afd9}.render-shot-state.completed{color:#a8d6b8}.render-shot-state.failed,.render-shot-state.interrupted{color:#c6a582}.render-spinner{height:16px;width:16px;position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);border:1.5px solid #c5b6ed44;border-top-color:#ddd3f9;border-radius:50%;animation:render-spin 1.2s linear infinite}.render-settings{padding:18px 16px;background:linear-gradient(150deg,#a6bbba07,#10191d);border:1px solid #b3d1bd13;border-radius:9px}.render-settings-title{margin-bottom:20px}.render-settings-title>span{font-size:7px;color:#738f7c;letter-spacing:1.7px}.render-settings-title>strong{font-size:12px;font-weight:450;letter-spacing:.3px;display:block;margin-top:8px;color:#b9cfc0}.render-field{margin-bottom:16px}.render-field>label{font-size:9px;display:flex;justify-content:space-between;margin-bottom:8px;color:#9bb5a3}.render-field>label>span{font-size:8px;color:#5e7c67}.render-field>select{font-size:9px;padding:9px 10px;border:1px solid #b3d1bd1c;border-radius:5px;background:#0d171b;color:#b4cbbd;outline:none;width:100%;color-scheme:dark}.render-field>input{font-size:11px;padding:9px}.render-field>small{font-size:8px;line-height:1.9;color:#6d8d78;display:block;margin-top:7px}.render-field>textarea{font-size:9px;line-height:1.9;min-height:66px;padding:9px;background:#0e181c;border-color:#b3d1bd1c}.render-field>textarea::placeholder{color:#486653}.render-field select:disabled,.render-field textarea:disabled{opacity:.5}.render-angle-fields{display:grid;gap:13px;margin-bottom:15px}.render-angle-fields>label{display:block;font-size:8px;color:#809e8a}.render-angle-fields>label>span{float:right;color:#b9d3c0;font-family:'DM Sans',sans-serif}.render-angle-fields input{padding:0;display:block;width:100%;margin:10px 0 0;height:3px;border:0;background:#365141;appearance:none;accent-color:#b5dcc3;outline:none}.render-angle-fields input::-webkit-slider-thumb{appearance:none;width:9px;height:9px;border-radius:50%;background:#b6d7bf;border:1px solid #d5ead9;box-shadow:0 0 0 3px #b4d5ba0e;cursor:grab}.render-angle-fields input:disabled{opacity:.3}.render-use-current{font-size:8px;width:100%;padding:8px;border:1px solid #b3d1bd1a;border-radius:4px;color:#8fb69a;background:#b4d5ba03}.render-settings-divider{height:1px;background:#b3d1bd0d;margin:17px 0}.render-model-note{display:flex;gap:6px;align-items:center;color:#5f816b;font-size:7px;line-height:1.8;margin-top:14px}.render-model-note .status-dot{height:3px;width:3px;box-shadow:none}.render-bottom{margin-top:24px;padding-top:20px;border-top:1px solid #b3d1bd15;display:flex;justify-content:space-between;align-items:center;gap:20px}.render-bottom>div>strong{font-size:12px;font-weight:450;letter-spacing:.3px;color:#bfd7c7}.render-bottom>div>p{font-size:9px;line-height:1.9;color:#789a81;margin-top:6px}.render-bottom-actions{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.render-bottom-actions>.secondary{font-size:9px;padding:10px 12px;white-space:nowrap}.render-bottom-actions>.primary{font-size:10px;min-height:38px;white-space:nowrap;padding:10px 14px}.render-bottom-actions>.primary>i{width:13px;height:13px}.render-bottom-actions>button:disabled{opacity:.35;cursor:default}.render-disclaimer{font-size:8px;line-height:1.9;color:#4f6b59;margin-top:17px;letter-spacing:.1px}@keyframes render-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.render-modal{padding:24px}.render-workspace{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.render-settings{padding:16px 13px}.render-bottom{align-items:flex-start;gap:16px;flex-direction:column}.render-bottom-actions{width:100%}.render-bottom-actions>.primary{margin-left:auto}.render-intro>span{display:none}.render-stage-head>div>strong{font-size:11px}.render-view-tabs>button{font-size:8px;padding:6px}.render-stage-head>div>span{font-size:8px}.render-shot-grid{gap:6px}.render-shot-name{font-size:7px}.render-shot-name>small{font-size:6px;margin-right:3px}}@media(max-width:760px){.render-modal{width:calc(100% - 20px);max-height:95vh;padding:20px 17px}.render-modal .modal-top h2{font-size:20px;letter-spacing:.2px}.render-modal .modal-top .eyebrow{font-size:6px;letter-spacing:1.3px}.render-intro>p{font-size:10px}.render-service-notice{gap:9px;padding:11px 10px}.render-service-notice>span{font-size:18px}.render-service-notice strong{font-size:9px}.render-service-notice p{font-size:8px}.render-service-notice>button{font-size:8px;padding:7px}.render-workspace{grid-template-columns:1fr;gap:18px}.render-stage-head{height:34px;gap:6px}.render-stage-head>div:first-child{gap:7px}.render-stage-head>div>strong{font-size:10px}.render-stage-head>div>span{font-size:7px;letter-spacing:.5px}.render-view-tabs>button{font-size:7px;padding:6px}.render-stage{border-radius:7px}.render-stage figcaption{font-size:6px;left:8px;bottom:8px;padding:4px 6px}.render-stage-foot{font-size:8px;gap:10px;padding:10px 0 12px}.render-stage-foot>button{font-size:8px}.render-shot-grid{gap:5px}.render-shot{padding:3px 3px 7px;border-radius:5px}.render-shot-name{font-size:7px;padding:7px 1px 0}.render-shot-name>small{display:none}.render-shot-state{font-size:6px;padding:5px 1px 0}.render-shot-image>span{font-size:5px;padding:1px 3px;top:3px;left:3px}.render-settings{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.render-settings-title{grid-column:1/-1;margin-bottom:18px}.render-settings-title>strong{font-size:13px}.render-settings .render-field:first-of-type{grid-column:1/-1}.render-angle-fields{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.render-use-current,.render-settings-divider,#render-access-field,.render-model-note{grid-column:1/-1}.render-settings .render-field:has(#render-notes){grid-column:1/-1}.render-settings-title>span{font-size:7px}.render-field>label{font-size:9px}.render-field>select{font-size:10px}.render-field>textarea{font-size:10px;min-height:65px}.render-field{margin-bottom:15px}.render-use-current{font-size:9px;padding:10px}.render-settings-divider{margin:15px 0}.render-bottom{margin-top:20px;padding-top:17px}.render-bottom>div>strong{font-size:12px}.render-bottom>div>p{font-size:8px}.render-bottom-actions{justify-content:flex-start;gap:6px}.render-bottom-actions>.secondary{font-size:8px;padding:9px}.render-bottom-actions>.primary{margin-left:0;width:100%;justify-content:center;margin-top:5px;font-size:11px;min-height:42px}.render-bottom-actions>.primary>span:last-child{margin-left:auto}.render-bottom-actions>.primary>i{margin-right:auto}.render-disclaimer{font-size:7px}.render-stage.comparison{aspect-ratio:auto;grid-template-columns:1fr}.render-stage.comparison>figure{height:100%;aspect-ratio:16/9}.render-snapshot-note{font-size:8px}.render-primary{min-height:45px;margin-top:14px}.render-export-invite{padding:16px}.render-export-invite>strong{font-size:14px}.render-export-invite>p{font-size:10px}}
@media(prefers-reduced-motion:reduce){.render-spinner{animation:none}}
