.sca-studio{--ink:#172b50;--text:#27364b;--muted:#6d7888;--border:#e0e5ec;--surface:#fff;--canvas:#f5f6f8;--soft:#eef2f8;--red:#d6163c;--radius:16px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--text);background:var(--canvas);font-synthesis:none;-webkit-font-smoothing:antialiased}.sca-studio,.sca-studio *{box-sizing:border-box}.sca-studio{margin:0}.sca-studio button,.sca-studio input,.sca-studio select{font:inherit}.sca-studio button,.sca-studio a,.sca-studio input,.sca-studio select{-webkit-tap-highlight-color:transparent}.sca-studio button{cursor:pointer}.sca-studio button:disabled{cursor:default}.sca-studio button:focus-visible,.sca-studio a:focus-visible,.sca-studio input:focus-visible,.sca-studio select:focus-visible{outline:3px solid #6a98db;outline-offset:4px}.sca-studio button svg{pointer-events:none}.sca-studio button svg,.sca-studio svg{display:block}.sca-studio a{color:inherit}.sca-studio button{color:inherit}.sca-studio button[hidden],.sca-studio [hidden]{display:none!important}.sca-studio h1,.sca-studio h2,.sca-studio h3,.sca-studio p{margin:0}.sca-studio svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sca-studio .app-header{min-height:84px;display:flex;align-items:center;gap:22px;padding:16px 36px;border-bottom:1px solid var(--border);background:var(--surface)}.sca-studio .brand{flex:none;display:flex;align-items:center}.sca-studio .brand img{width:132px;height:42px;object-fit:contain}.sca-studio .header-divider{height:26px;width:1px;background:var(--border)}.sca-studio .brand-product{font-size:17px;letter-spacing:-.3px;font-weight:650;color:var(--ink)}.sca-studio .prototype-badge{padding:5px 9px;border:1px solid #d7deea;color:#65738a;background:#f7f9fc;font-size:11px;font-weight:600;border-radius:6px;letter-spacing:.2px}.sca-studio .header-actions{display:flex;gap:10px;margin-left:auto}.sca-studio .button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:650;line-height:1.3;background:none;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.sca-studio .button svg{width:17px;height:17px;flex:none}.sca-studio .button-primary{background:var(--ink);color:white;border-color:var(--ink);box-shadow:0 2px 3px #172b500b}.sca-studio .button-primary:hover{background:#263f6c}.sca-studio .button-quiet{border-color:var(--border);background:#fff}.sca-studio .button-quiet:hover{background:#f4f6fa}.sca-studio .button-quiet[aria-pressed=true]{background:#eaf1fb;border-color:#bac9df;color:#173d78}.sca-studio .button-quiet[aria-pressed=true] svg{fill:#dfe9f8}.sca-studio .button-square{width:40px;min-height:40px;padding:10px;border-color:var(--border);background:white}.sca-studio .button-square:hover{background:var(--soft)}.sca-studio .button-toggle{border-color:var(--border);background:white;min-height:40px}.sca-studio .button-toggle[aria-pressed=true]{color:var(--ink);background:#edf2fa;border-color:#b9c9e3}.sca-studio .workspace{max-width:1700px;margin:0 auto;padding:30px 36px 0}.sca-studio .workspace-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.sca-studio .eyebrow{font-size:10px;letter-spacing:1.55px;font-weight:750;color:#7c8798}.sca-studio .workspace-heading .eyebrow:before{content:"";display:inline-block;width:16px;height:2px;vertical-align:middle;background:var(--red);margin-right:8px}.sca-studio h1{font-size:29px;line-height:1.25;letter-spacing:-1px;font-weight:620;color:var(--ink);margin-top:9px}.sca-studio .intro{font-size:13px;line-height:1.6;color:var(--muted);margin-top:9px}.sca-studio .scene-kind{flex:none;display:flex;align-items:center;gap:7px;font-size:11px;color:#7a8595;padding-bottom:3px}.sca-studio .status-dot{width:5px;height:5px;border-radius:50%;background:#7c8b9f}.sca-studio .studio-layout{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:26px;align-items:start}.sca-studio .visual-workspace{min-width:0;background:white;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 16px #172b5004}.sca-studio .scene-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#fff;border-bottom:1px solid #e9ecf0}.sca-studio .scene-title{display:flex;align-items:center;gap:10px}.sca-studio .scene-icon{display:grid;place-items:center;width:35px;height:35px;border:1px solid #e8ecf1;border-radius:9px;color:#7b8aa0}.sca-studio .scene-icon svg{width:19px;height:19px}.sca-studio .scene-title strong{display:block;font-size:13px;font-weight:650;color:var(--ink)}.sca-studio .scene-title div>span{display:block;font-size:10px;color:#8993a0;margin-top:3px}.sca-studio .scene-actions{display:flex;gap:7px}.sca-studio .scene-actions .button{font-size:11px}.sca-studio .comparison-settings{display:flex;align-items:end;gap:12px;padding:12px 17px;background:#f8faff;border-bottom:1px solid var(--border)}.sca-studio .comparison-settings label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#69778c;font-weight:650;flex:0 1 185px}.sca-studio .comparison-settings select{padding:7px 28px 7px 9px;width:100%;border:1px solid #d8e0eb;background:#fff;color:var(--ink);font-size:11px;border-radius:6px;min-height:33px}.sca-studio .versus-mark{padding-bottom:10px;color:#b1bac6;font-size:13px}.sca-studio .comparison-hint{font-size:10px;color:#8a96a7;margin-left:auto;padding-bottom:11px;text-align:right}.sca-studio .scene-stage{position:relative;aspect-ratio:3/2;background:#eceeed;isolation:isolate;overflow:hidden}.sca-studio .scene-image{display:block;width:100%;height:100%;object-fit:contain}.sca-studio .vent-overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:none;fill:none}.sca-studio .vent-overlay-b{clip-path:inset(0 0 0 var(--split,50%))}.sca-studio .scene-label{position:absolute;top:18px;z-index:3;background:#fffffff0;border:1px solid #ffffffb0;box-shadow:0 2px 8px #172b500c;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:650;color:#34475d;pointer-events:none;backdrop-filter:blur(8px)}.sca-studio .label-left{left:18px}.sca-studio .label-right{right:18px}.sca-studio .render-note{position:absolute;right:15px;bottom:13px;font-size:9px;color:#526171;background:#ffffffd9;padding:5px 8px;border-radius:5px;pointer-events:none}.sca-studio .comparison-divider{position:absolute;z-index:3;left:var(--split,50%);top:0;bottom:0;width:2px;background:#ffffffed;box-shadow:0 0 4px #172b5050;pointer-events:none;transform:translateX(-1px)}.sca-studio .comparison-grip{position:absolute;left:1px;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;border:1px solid #ffffffc9;box-shadow:0 2px 14px #172b5030;background:#fffffff5;display:grid;place-items:center;color:#344761}.sca-studio .comparison-grip svg{width:22px;height:22px;stroke-width:1.5}.sca-studio .comparison-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:ew-resize;touch-action:none}.sca-studio .scene-stage:has(.comparison-range:focus-visible){outline:3px solid #477aca;outline-offset:-4px}.sca-studio .scene-loading,.sca-studio .scene-error{position:absolute;inset:0;z-index:7;background:#f4f6f8;display:flex;align-items:center;justify-content:center;gap:10px;color:#748297;font-size:13px;padding:20px;text-align:center}.sca-studio .scene-loading span{width:18px;height:18px;border:2px solid #dae1eb;border-top-color:#547099;border-radius:50%;animation:sca-studio-spin .8s linear infinite}.sca-studio .scene-error{background:#fbf5f5;color:#8f4553}@keyframes sca-studio-spin{to{transform:rotate(360deg)}}.sca-studio .scene-caption{padding:11px 17px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf0f4;font-size:10px;color:#6e7c90}.sca-studio .consistency-mark{width:16px;height:16px;border-radius:50%;background:#ecf3ee;color:#4f7c60;display:flex;align-items:center;justify-content:center}.sca-studio .consistency-mark svg{width:12px;height:12px;stroke-width:1.9}.sca-studio .caption-right{margin-left:auto;color:#98a2b0}.sca-studio .selection-detail{display:flex;gap:12px;align-items:stretch;padding:18px 20px 20px}.sca-studio .detail-rule{width:2px;border-radius:3px;background:#a7b7ce;flex:none}.sca-studio .selection-detail h2{font-size:14px;line-height:1.4;color:var(--ink);font-weight:650}.sca-studio .selection-detail p{font-size:12px;line-height:1.65;color:#7b8594;margin-top:4px;max-width:620px}.sca-studio .control-panel{padding-top:4px}.sca-studio .panel-section-head h2{font-size:19px;line-height:1.3;color:var(--ink);letter-spacing:-.5px;margin-top:8px;font-weight:650}.sca-studio .panel-section-head>p:last-child{font-size:11px;color:#8a94a3;margin-top:8px;line-height:1.6}.sca-studio .options{display:flex;flex-direction:column;gap:10px;margin-top:20px}.sca-studio .option-card{position:relative;display:grid;grid-template-columns:62px minmax(0,1fr) 17px;align-items:center;gap:12px;min-height:86px;text-align:left;padding:12px;background:#fff;border:1px solid var(--border);border-radius:12px;transition:border-color .15s,background .15s,box-shadow .15s}.sca-studio .option-card:hover{border-color:#a4b4cc;box-shadow:0 3px 10px #172b5006}.sca-studio .option-card.is-selected{border-color:#899fbd;background:#f2f6fc;box-shadow:0 0 0 1px #899fbd17}.sca-studio .option-card.is-selected:before{content:"";position:absolute;left:-1px;top:24px;bottom:24px;width:3px;background:var(--ink);border-radius:0 4px 4px 0}.sca-studio .option-preview{width:62px;height:52px;border-radius:7px;background:linear-gradient(145deg,#efefeb,#fafaf8);border:1px solid #e2e5e7;display:flex;align-items:center;justify-content:center;gap:7px;overflow:hidden;transform:none}.sca-studio .option-preview i{display:block;font-style:normal}.sca-studio .preview-slot i{width:2px;height:39px;background:#45505b;transform:rotate(27deg)}.sca-studio .preview-linear i{width:7px;height:36px;background:repeating-linear-gradient(90deg,#9ca2a7 0,#9ca2a7 1px,#e7e9e9 1px,#e7e9e9 3px);box-shadow:0 0 0 2px #fff,0 0 0 3px #dfe2e4;transform:rotate(27deg)}.sca-studio .preview-compact{display:grid;grid-template-columns:13px 13px;align-content:center;gap:7px 9px}.sca-studio .preview-compact i{width:13px;height:10px;border:1px solid #c9ced2;background:repeating-linear-gradient(0deg,#fafafa 0,#fafafa 2px,#bec4c9 2px,#bec4c9 3px);transform:skew(-18deg)}.sca-studio .option-copy{min-width:0}.sca-studio .option-copy strong{display:block;font-size:12px;line-height:1.4;color:#32445f;font-weight:650}.sca-studio .option-copy>span{display:block;font-size:10px;line-height:1.5;color:#8b95a4;margin-top:4px}.sca-studio .option-check{width:16px;height:16px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid #dce2eb;background:#fff;color:transparent}.sca-studio .option-check svg{width:13px;height:13px;stroke-width:2}.sca-studio .is-selected .option-check{color:white;background:var(--ink);border-color:var(--ink)}.sca-studio .studio-note{display:flex;align-items:start;gap:9px;padding-top:20px;margin-top:22px;border-top:1px solid var(--border);color:#8c96a4}.sca-studio .studio-note>svg{width:15px;height:15px;flex:none;margin-top:1px}.sca-studio .studio-note p{font-size:10px;line-height:1.8}.sca-studio .next-scene{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);margin-top:23px;padding-top:21px;color:#8d98a7}.sca-studio .next-label{font-size:9px;letter-spacing:1.3px;color:#9aa4b2;font-weight:650}.sca-studio .next-scene strong{font-size:12px;color:#68798e;font-weight:600}.sca-studio .next-scene>span:last-child{font-size:10px;line-height:1.6;color:#9aa4b2}.sca-studio .saved-section{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.sca-studio .saved-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.sca-studio .saved-heading h3{font-size:11px;font-weight:650;color:#5d6e84}.sca-studio .saved-heading>span{font-size:9px;background:#e7edf5;color:#617590;padding:2px 6px;border-radius:5px}.sca-studio .saved-list{display:flex;flex-direction:column;gap:5px;margin-top:10px}.sca-studio .saved-row{display:flex;align-items:center;gap:5px}.sca-studio .saved-item{flex:1;min-width:0;text-align:left;border:1px solid #e1e6ef;background:#fff;border-radius:7px;padding:9px 10px;font-size:10px;color:#536a87;line-height:1.5;white-space:normal}.sca-studio .saved-item:hover{background:#edf2f9}.sca-studio .saved-remove{width:26px;height:30px;border:none;background:none;color:#9aa5b4;font-size:18px}.sca-studio .saved-remove:hover{color:#b4324d}.sca-studio .local-save-note{font-size:9px;color:#a1aab7;margin-top:7px}.sca-studio .workspace-footer{display:flex;justify-content:space-between;gap:15px;padding:22px 0 25px;color:#9aa3b1;font-size:9px}.sca-studio .toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 32px);padding:12px 20px;background:#172b50f5;color:#fff;border-radius:10px;font-size:12px;line-height:1.5;box-shadow:0 8px 40px #172b5025;z-index:100;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;text-align:center}.sca-studio .toast.is-visible{opacity:1;transform:translate(-50%,0)}.sca-studio .share-dialog{width:min(470px,calc(100% - 32px));padding:24px;border:1px solid var(--border);border-radius:16px;color:var(--text);box-shadow:0 20px 80px #172b5030}.sca-studio .share-dialog::backdrop{background:#172b505c;backdrop-filter:blur(3px)}.sca-studio .dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.sca-studio .dialog-heading h2{font-size:18px;color:var(--ink)}.sca-studio .dialog-heading .button{font-size:24px;border:none}.sca-studio .share-dialog>p{font-size:12px;line-height:1.6;color:var(--muted);margin:12px 0}.sca-studio .share-dialog>input{width:100%;padding:12px;border:1px solid #d9e0eb;border-radius:8px;font-size:12px;color:var(--ink)}.sca-studio .share-dialog>.button{margin-top:14px}.sca-studio .scene-stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#101927}.sca-studio .scene-stage::backdrop{background:#101927}.sca-studio .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(min-width:1500px){.sca-studio .studio-layout{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.sca-studio .option-card{min-height:91px;grid-template-columns:68px minmax(0,1fr) 17px}.sca-studio .option-preview{width:68px;height:56px}.sca-studio .option-copy strong{font-size:13px}.sca-studio .option-copy>span{font-size:11px}}@media(max-width:1100px){.sca-studio .app-header{padding:14px 24px;gap:16px}.sca-studio .workspace{padding:25px 24px 0}.sca-studio .studio-layout{grid-template-columns:minmax(0,1fr) 270px;gap:20px}.sca-studio .option-card{grid-template-columns:50px minmax(0,1fr) 15px;gap:9px;padding:10px}.sca-studio .option-preview{width:50px;height:46px}.sca-studio .option-copy strong{font-size:11px}.sca-studio .option-copy>span{font-size:9px}.sca-studio .brand-product{font-size:15px}.sca-studio .header-actions .button{font-size:11px;padding:9px 11px}.sca-studio .comparison-hint{display:none}.sca-studio .comparison-settings label{flex:1}.sca-studio .workspace-heading .scene-kind{display:none}.sca-studio h1{font-size:26px}}@media(max-width:850px){.sca-studio .app-header{padding:13px 20px;min-height:76px;gap:13px}.sca-studio .brand img{width:115px;height:36px}.sca-studio .header-divider{height:23px}.sca-studio .brand-product{font-size:14px}.sca-studio .prototype-badge{font-size:9px;padding:4px 6px}.sca-studio .header-actions{gap:6px}.sca-studio .header-actions .button{min-height:36px;padding:8px 10px}.sca-studio .header-actions .button span{display:none}.sca-studio .header-actions .button svg{width:16px;height:16px}.sca-studio .workspace{padding:24px 20px 0}.sca-studio .workspace-heading{margin-bottom:19px}.sca-studio h1{font-size:25px}.sca-studio .intro{font-size:12px}.sca-studio .studio-layout{grid-template-columns:minmax(0,1fr);gap:26px}.sca-studio .control-panel{padding-top:0}.sca-studio .panel-section-head{display:block}.sca-studio .panel-section-head h2{font-size:18px}.sca-studio .panel-section-head .eyebrow{font-size:9px}.sca-studio .options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:15px}.sca-studio .option-card{grid-template-columns:1fr 17px;grid-template-rows:52px auto;align-items:start;padding:12px;gap:10px 6px;min-height:140px}.sca-studio .option-preview{grid-column:1;grid-row:1;width:62px;height:52px}.sca-studio .option-check{grid-column:2;grid-row:1;margin-top:2px}.sca-studio .option-copy{grid-row:2;grid-column:1/3}.sca-studio .option-copy strong{font-size:12px}.sca-studio .option-copy>span{font-size:10px}.sca-studio .option-card.is-selected:before{top:auto;bottom:-1px;left:22px;right:22px;width:auto;height:3px;border-radius:4px 4px 0 0}.sca-studio .studio-note{max-width:660px;padding-top:16px;margin-top:20px}.sca-studio .studio-note p{font-size:11px;line-height:1.7}.sca-studio .next-scene{display:none}.sca-studio .saved-section{max-width:640px}.sca-studio .saved-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sca-studio .workspace-footer{margin-top:5px}.sca-studio .scene-stage{aspect-ratio:3/2}}@media(max-width:540px){.sca-studio .app-header{gap:10px;min-height:70px;padding:12px 15px;flex-wrap:wrap}.sca-studio .brand img{width:105px;height:32px}.sca-studio .header-divider{display:none}.sca-studio .brand-product{font-size:12px;line-height:1.2;max-width:80px}.sca-studio .prototype-badge{font-size:8px;padding:4px 5px;letter-spacing:0}.sca-studio .header-actions{gap:5px}.sca-studio .header-actions .button{width:32px;min-height:32px;padding:7px;border-radius:7px}.sca-studio .header-actions .button svg{width:15px;height:15px}.sca-studio .header-actions .button-quiet{border-color:#dce3ed}.sca-studio .workspace{padding:22px 14px 0}.sca-studio .eyebrow{font-size:8px;letter-spacing:1.2px}.sca-studio .workspace-heading{margin-bottom:17px}.sca-studio h1{font-size:22px;letter-spacing:-.65px;margin-top:8px}.sca-studio .intro{font-size:11px;max-width:320px;line-height:1.65;margin-top:8px}.sca-studio .studio-layout{gap:25px}.sca-studio .visual-workspace{border-radius:12px}.sca-studio .scene-toolbar{padding:11px 10px;gap:7px}.sca-studio .scene-title{gap:7px}.sca-studio .scene-icon{width:28px;height:28px;border-radius:7px}.sca-studio .scene-icon svg{width:16px;height:16px}.sca-studio .scene-title strong{font-size:11px}.sca-studio .scene-title div>span{font-size:8px;margin-top:3px}.sca-studio .scene-actions{gap:5px}.sca-studio .scene-actions .button-toggle{padding:7px 9px;min-height:33px;gap:5px;font-size:10px}.sca-studio .scene-actions .button-toggle svg{width:14px;height:14px}.sca-studio .scene-actions .button-square{width:33px;min-height:33px;padding:8px}.sca-studio .scene-actions .button-square svg{width:15px;height:15px}.sca-studio .scene-stage{aspect-ratio:3/2}.sca-studio .scene-label{top:10px;padding:6px 8px;font-size:8px;border-radius:5px}.sca-studio .label-left{left:10px}.sca-studio .label-right{right:10px}.sca-studio .render-note{right:8px;bottom:8px;padding:4px 6px;font-size:7px}.sca-studio .comparison-grip{width:33px;height:33px}.sca-studio .comparison-grip svg{width:19px;height:19px}.sca-studio .scene-caption{font-size:8px;padding:9px 11px;gap:6px}.sca-studio .caption-right{display:none}.sca-studio .consistency-mark{width:13px;height:13px}.sca-studio .consistency-mark svg{width:10px;height:10px}.sca-studio .selection-detail{padding:14px 13px 16px;gap:10px}.sca-studio .selection-detail h2{font-size:12px}.sca-studio .selection-detail p{font-size:10px;line-height:1.7;margin-top:5px}.sca-studio .panel-section-head .eyebrow{font-size:8px}.sca-studio .panel-section-head h2{font-size:18px;margin-top:6px}.sca-studio .panel-section-head>p:last-child{font-size:11px;margin-top:6px}.sca-studio .options{gap:7px;margin-top:14px}.sca-studio .option-card{padding:10px 9px;gap:9px 3px;min-height:142px;grid-template-rows:46px auto;grid-template-columns:1fr 13px;border-radius:10px}.sca-studio .option-preview{width:47px;height:44px}.sca-studio .preview-slot i{height:33px}.sca-studio .preview-linear i{height:31px;width:6px}.sca-studio .preview-compact{grid-template-columns:11px 11px;gap:5px 7px}.sca-studio .preview-compact i{width:11px;height:8px}.sca-studio .option-check{width:13px;height:13px}.sca-studio .option-check svg{width:11px;height:11px}.sca-studio .option-copy strong{font-size:10px;line-height:1.45}.sca-studio .option-copy>span{font-size:9px;line-height:1.5;margin-top:4px}.sca-studio .studio-note{margin-top:19px;padding-top:17px;gap:8px}.sca-studio .studio-note p{font-size:10px;line-height:1.75}.sca-studio .studio-note>svg{width:14px;height:14px}.sca-studio .workspace-footer{flex-direction:column;gap:6px;padding:20px 0;font-size:8px}.sca-studio .comparison-settings{padding:10px;gap:7px}.sca-studio .comparison-settings label{font-size:9px;gap:5px;min-width:0}.sca-studio .comparison-settings select{padding:7px 20px 7px 7px;font-size:10px;min-width:0}.sca-studio .versus-mark{padding-bottom:9px}.sca-studio .saved-list{grid-template-columns:1fr}.sca-studio .toast{font-size:11px;bottom:16px;padding:11px 16px}.sca-studio .share-dialog{padding:20px}.sca-studio .dialog-heading h2{font-size:16px}}@media(max-width:375px){.sca-studio .app-header{gap:7px;padding-left:12px;padding-right:12px}.sca-studio .brand img{width:94px}.sca-studio .brand-product{font-size:11px;max-width:72px}.sca-studio .prototype-badge{font-size:7px;padding:4px}.sca-studio .header-actions .button{width:30px;min-height:30px;padding:6px}.sca-studio .scene-title div>span{display:none}.sca-studio .scene-icon{display:none}.sca-studio .scene-actions .button-toggle{font-size:9px}.sca-studio .option-copy strong{font-size:9px}.sca-studio .option-copy>span{font-size:8px}.sca-studio .option-card{padding:9px 7px}.sca-studio .option-preview{width:43px}.sca-studio .workspace{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:reduce){.sca-studio,.sca-studio *,.sca-studio *:before,.sca-studio *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.sca-studio .scene-stage.is-comparing #overlayA{clip-path:inset(0 calc(100% - var(--split,50%)) 0 0)}.sca-studio .fullscreen-exit{display:none;position:absolute;top:18px;right:18px;z-index:9;background:#fffffff0}.sca-studio .scene-stage:fullscreen .fullscreen-exit{display:inline-flex}.sca-studio .scene-stage:fullscreen .label-right{right:70px}
/* Readability pass: controls remain comfortably readable on narrow screens. */
.sca-studio .scene-title div>span,.sca-studio .option-copy>span,.sca-studio .panel-section-head>p:last-child,.sca-studio .studio-note p,.sca-studio .saved-item,.sca-studio .local-save-note{font-size:11px}
.sca-studio .scene-actions .button,.sca-studio .option-copy strong{font-size:12px}
@media(max-width:540px){
 .sca-studio .intro{font-size:12px;max-width:100%}.sca-studio .eyebrow,.sca-studio .panel-section-head .eyebrow{font-size:10px;letter-spacing:1px}
 .sca-studio .brand-product{font-size:12px}.sca-studio .prototype-badge{font-size:10px;padding:4px 5px}
 .sca-studio .header-actions .button{width:34px;min-height:34px}.sca-studio .header-actions .button svg{width:16px;height:16px}
 .sca-studio .scene-toolbar{padding:12px 10px}.sca-studio .scene-title strong{font-size:12px}.sca-studio .scene-title div>span{font-size:11px;line-height:1.3;max-width:135px}
 .sca-studio .scene-actions .button-toggle{font-size:12px;min-height:39px;padding:8px 9px}.sca-studio .scene-actions .button-square{width:39px;min-height:39px;padding:10px}
 .sca-studio .scene-label{font-size:11px;padding:6px 8px}.sca-studio .render-note{font-size:10px}.sca-studio .scene-caption{font-size:11px;line-height:1.5;padding:10px 12px}
 .sca-studio .selection-detail h2{font-size:14px}.sca-studio .selection-detail p{font-size:12px;line-height:1.7}.sca-studio .selection-detail{padding:16px 14px 18px}
 .sca-studio .panel-section-head h2{font-size:20px}.sca-studio .panel-section-head>p:last-child{font-size:12px}
 .sca-studio .options{display:flex;flex-direction:column;gap:9px;margin-top:16px}
 .sca-studio .option-card{display:grid;grid-template-columns:56px minmax(0,1fr) 20px;grid-template-rows:auto;min-height:78px;padding:12px;gap:12px;border-radius:12px;align-items:center}
 .sca-studio .option-preview{grid-column:1;grid-row:1;width:54px;height:48px}.sca-studio .option-copy{grid-column:2;grid-row:1}.sca-studio .option-check{grid-column:3;grid-row:1;width:18px;height:18px;margin:0}.sca-studio .option-check svg{width:14px;height:14px}
 .sca-studio .option-copy strong{font-size:13px;line-height:1.5}.sca-studio .option-copy>span{font-size:11px;line-height:1.55;margin-top:3px}
 .sca-studio .option-card.is-selected:before{left:-1px;top:20px;bottom:20px;width:3px;right:auto;height:auto;border-radius:0 4px 4px 0}
 .sca-studio .studio-note p{font-size:11px;line-height:1.75}.sca-studio .studio-note>svg{width:16px;height:16px}.sca-studio .workspace-footer{font-size:11px;line-height:1.6;gap:3px}
 .sca-studio .comparison-settings{gap:8px}.sca-studio .comparison-settings label{font-size:11px}.sca-studio .comparison-settings select{font-size:12px;min-height:39px;padding:8px 20px 8px 8px}
 .sca-studio .saved-heading h3,.sca-studio .saved-item,.sca-studio .local-save-note{font-size:11px}.sca-studio .saved-heading>span{font-size:10px}.sca-studio .toast{font-size:12px}
}
@media(max-width:375px){.sca-studio .app-header{gap:6px}.sca-studio .brand img{width:90px}.sca-studio .brand-product{font-size:11px;max-width:68px}.sca-studio .prototype-badge{font-size:9px}.sca-studio .header-actions .button{width:32px;min-height:32px}.sca-studio .scene-title div>span{display:none}.sca-studio .scene-title strong{font-size:12px}.sca-studio .scene-actions .button-toggle{font-size:12px}.sca-studio .option-preview{width:54px}.sca-studio .option-copy strong{font-size:13px}.sca-studio .option-copy>span{font-size:11px}}
/* App-style enlargement is also available when browser fullscreen is denied. */
.sca-studio .scene-stage.is-immersive{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;aspect-ratio:auto;z-index:1000;background:#101927;border-radius:0}
.sca-studio .scene-stage.is-immersive .fullscreen-exit{display:inline-flex}
.sca-studio .scene-stage.is-immersive .label-right{right:70px}
.sca-studio .scene-stage-placeholder{width:100%;pointer-events:none}
.sca-studio .scene-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 17px;border-bottom:1px solid var(--border);background:#f8faff}
.sca-studio .scene-choice{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;min-height:66px;padding:11px 14px;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#687c95;text-align:left;transition:border-color .15s,background .15s,color .15s}
.sca-studio .scene-choice>svg{width:22px;height:22px;flex:none;stroke-width:1.5}
.sca-studio .scene-choice>span{display:block;min-width:0}.sca-studio .scene-choice strong{display:block;font-size:13px;line-height:1.4;font-weight:650}.sca-studio .scene-choice small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#8a96a6}
.sca-studio .scene-choice:hover:not(:disabled){border-color:#a4b4cc;background:#f2f6fc}.sca-studio .scene-choice.is-selected{border-color:#819bbd;background:#edf3fc;color:var(--ink);box-shadow:0 0 0 1px #819bbd14}.sca-studio .scene-choice.is-selected small{color:#647c9d}
.sca-studio .scene-choice:disabled{opacity:.42}.sca-studio .scene-title{min-width:0}.sca-studio .scene-title>div{min-width:0}.sca-studio .scene-title strong{overflow-wrap:anywhere}.sca-studio .scene-actions{flex:none}
@media(max-width:1100px){.sca-studio .scene-selector{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.sca-studio .scene-selector{padding:10px;gap:7px}.sca-studio .scene-choice{flex-direction:row;justify-content:flex-start;gap:9px;min-height:68px;padding:10px 9px;text-align:left;border-radius:9px}.sca-studio .scene-choice>svg{width:20px;height:20px}.sca-studio .scene-choice strong{font-size:13px}.sca-studio .scene-choice small{font-size:10px;margin-top:2px}}
/* The picture must remain a normal vertical scroll surface on phones. */
.sca-studio .comparison-range{touch-action:pan-y pinch-zoom}
@media(pointer:coarse){.sca-studio .button,.sca-studio .button-square,.sca-studio .button-toggle{min-height:46px}.sca-studio .button-square{min-width:46px}.sca-studio .comparison-grip{width:48px;height:48px}.sca-studio button,.sca-studio select{touch-action:manipulation}.sca-studio .color-choice{scroll-margin-top:275px}.sca-studio .product-dialog{overscroll-behavior-y:contain}}
@media(max-width:540px){.sca-studio .header-actions .button,.sca-studio .scene-actions .button{min-width:46px;min-height:46px}.sca-studio .saved-remove{flex:none;min-width:46px;min-height:46px}.sca-studio .comparison-grip{width:48px;height:48px}.sca-studio .color-choice{scroll-margin-top:265px}.sca-studio .product-dialog{overscroll-behavior-y:contain}}
@media(max-width:540px){.sca-studio .brand{min-height:46px}.sca-studio .saved-item{min-height:46px}.sca-studio .share-dialog .button-square,.sca-studio .fullscreen-exit{min-width:46px;min-height:46px}.sca-studio .color-panel .color-mini-preview{max-width:100%}.sca-studio .color-panel .color-mini-frame{max-width:270px;margin-inline:auto}.sca-studio .color-panel .color-mini-preview figcaption{padding:6px 10px;text-align:center}.sca-studio .color-choice,.sca-studio .color-reset{scroll-margin-block-start:240px}}
@media(max-width:1100px) and (max-height:600px){.sca-studio .color-panel .color-mini-preview{position:static}.sca-studio .color-choice,.sca-studio .color-reset{scroll-margin-block-start:18px}}
/* Exact office-photo detail crops keep their own native aspect ratio. */
.sca-studio .comparison-settings{align-items:flex-end;flex-wrap:wrap;gap:14px}
.sca-studio .comparison-side{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(90px,.8fr);align-items:end;gap:9px;flex:1 1 260px;min-width:0}
.sca-studio .comparison-side label{min-width:0;flex:none;font-size:11px}
.sca-studio .comparison-settings select{min-height:44px;font-size:12px}
.sca-studio .comparison-hint{flex:1 1 100%;margin:0;padding:0;text-align:left;font-size:11px}
.sca-studio .versus-mark{align-self:center;padding:0}
.sca-studio .slot-count-control{min-width:0;margin:20px 0 0;padding:0;border:0}
.sca-studio .slot-count-control legend{padding:0;margin-bottom:9px;font-size:12px;font-weight:650;color:var(--ink)}
.sca-studio .slot-count-buttons,.sca-studio .inspect-count-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sca-studio .slot-count-buttons button,.sca-studio .inspect-count-buttons button{min-width:0;min-height:44px;padding:9px 5px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;color:#607189;font:inherit;font-size:12px;line-height:1.3;cursor:pointer;transition:background .15s,border-color .15s}
.sca-studio .slot-count-buttons button:hover,.sca-studio .inspect-count-buttons button:hover{border-color:#a4b4cc;background:#f7f9fc}
.sca-studio .slot-count-buttons button[aria-pressed=true],.sca-studio .inspect-count-buttons button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.sca-studio .slot-count-buttons button:focus-visible,.sca-studio .inspect-count-buttons button:focus-visible,.sca-studio .detail-open:focus-visible{outline:3px solid #477aca;outline-offset:3px}
.sca-studio .slot-count-control>p{margin-top:8px;font-size:11px;line-height:1.65;color:#7a8798}
.sca-studio .preview-slot{gap:4px}.sca-studio .preview-slot i{height:34px;width:3px;background:linear-gradient(90deg,#1f292b,#4c5351 70%,#1e2829)}
.sca-studio .preview-hidden-slot{gap:4px;background:linear-gradient(145deg,#f1f0eb,#fbfbf8)}.sca-studio .preview-hidden-slot i{height:34px;width:2px;background:#303937;transform:rotate(27deg)}
.sca-studio .preview-round i{width:31px;height:25px;border:3px solid #f8f8f4;border-radius:50%;background:radial-gradient(ellipse,#f1f1e9 0 47%,#757c7c 50%,#b0b5b2 58%,#eeeee7 66%);box-shadow:0 1px 3px #54605b50,inset 0 0 0 1px #c2c5bf;transform:rotate(-13deg)}
.sca-studio .preview-short-linear i{width:22px;height:34px;border:3px solid #fcfcf9;background:repeating-linear-gradient(90deg,#f6f6f1 0 2px,#7d8585 2px 3px);box-shadow:0 0 0 1px #c8cdca,0 1px 3px #53605a30;transform:skew(-8deg)}
.sca-studio .preview-filter-grille i{width:31px;height:29px;border:4px solid #fcfcf8;background-color:#a4aaa4;background-image:linear-gradient(90deg,#f2f2eb 1px,transparent 1px),linear-gradient(#f2f2eb 1px,transparent 1px);background-size:4px 4px;box-shadow:0 0 0 1px #c5cac4,0 1px 3px #53605a30;transform:skew(-7deg)}
.sca-studio .option-card:disabled{opacity:.45;cursor:default}
.sca-studio .detail-state-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:12px 14px 0}
.sca-studio .detail-state-buttons button{min-height:44px;padding:10px 12px;border:1px solid #d9e0e9;border-radius:8px;background:#fff;color:#607189;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.sca-studio .detail-state-buttons button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.sca-studio .detail-state-buttons button:hover:not([aria-pressed=true]){background:#f2f6fc;border-color:#a4b4cc}
.sca-studio .dialog-detail-state-buttons{width:min(320px,100%);margin:18px auto 0}.sca-studio .detail-loading-status{margin:10px 14px 0;color:#607189;font-size:11px;line-height:1.5}.sca-studio .product-dialog>.detail-loading-status{text-align:center}.sca-studio .detail-loading-status.is-error{color:#8f4553}
.sca-studio .color-panel{margin-top:16px;border:1px solid #c9d4e5;border-radius:12px;background:#fff;box-shadow:0 2px 8px #172b5005;overflow:hidden}
.sca-studio .color-panel>summary{position:relative;display:flex;align-items:center;gap:10px;min-height:62px;padding:11px 14px;cursor:pointer;list-style:none;border-radius:11px;background:linear-gradient(110deg,#edf3ff 0%,#f8fafc 42%,#fff8f3 74%,#fff2f4 100%);color:var(--ink)}.sca-studio .color-panel>summary:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#304d86 0 34%,#bd3e50 34% 67%,#3b6655 67% 100%);pointer-events:none}.sca-studio .color-panel>summary:hover{background:linear-gradient(110deg,#e8efff 0%,#f4f8fc 42%,#fff5ed 74%,#ffedf0 100%)}.sca-studio .color-panel>summary::-webkit-details-marker{display:none}.sca-studio .color-panel>summary:focus-visible{outline:3px solid #477aca;outline-offset:-4px}
.sca-studio .color-panel-icon{width:30px;height:34px;display:grid;grid-template-columns:repeat(2,9px);grid-template-rows:repeat(2,9px);align-content:center;justify-content:center;gap:3px;border:1px solid #dce4ef;border-radius:8px;background:#ffffffd9;box-shadow:0 1px 3px #172b5008;flex:none;pointer-events:none}.sca-studio .color-panel-icon>i{display:block;border:1px solid #172b501c;border-radius:50%;background:#304d86}.sca-studio .color-panel-icon>i:nth-child(2){background:#bd3e50}.sca-studio .color-panel-icon>i:nth-child(3){background:#3b6655}.sca-studio .color-panel-icon>i:nth-child(4){background:#e9dfcf}.sca-studio .color-panel-heading{min-width:0;flex:1}.sca-studio .color-panel-heading strong{display:block;font-size:13px;line-height:1.4;font-weight:650}.sca-studio .color-panel-heading small{display:block;margin-top:4px;font-size:10px;line-height:1.5;color:#71839c;overflow-wrap:anywhere}.sca-studio .color-chevron{width:16px;height:16px;flex:none;color:#7c90ad;transition:transform .15s}.sca-studio .color-panel[open] .color-chevron{transform:rotate(180deg)}.sca-studio .color-panel[open]>summary{border-radius:11px 11px 0 0;border-bottom:1px solid #dce4ef}
.sca-studio .color-panel-body{padding:14px}.sca-studio .color-group{margin:0;padding:0;border:0;min-width:0}.sca-studio .color-group+.color-group{margin-top:17px}.sca-studio .color-group legend{padding:0;margin-bottom:9px;font-size:12px;font-weight:650;color:#455b78}.sca-studio .color-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.sca-studio .color-mini-preview{display:none}.sca-studio .color-surface-hint{margin-top:10px;color:#7e8da2;font-size:11px;line-height:1.5}
@media(max-width:1100px){.sca-studio .color-panel{overflow:visible}.sca-studio .color-mini-preview{position:sticky;top:var(--studio-preview-top,12px);z-index:12;display:block;width:100%;max-width:330px;margin:0 auto 14px;border:1px solid #dce4ef;border-radius:11px;background:#fff;box-shadow:0 5px 18px #172b5012;overflow:hidden}.sca-studio .color-mini-frame{position:relative;width:100%;aspect-ratio:3/2;background:#eceeed}.sca-studio .color-mini-frame>img{display:block;width:100%;height:100%;object-fit:contain}.sca-studio .color-mini-frame>svg{position:absolute;inset:0;width:100%;height:100%;stroke:none;fill:none;pointer-events:none}.sca-studio .color-mini-preview figcaption{padding:8px 10px;font-size:11px;line-height:1.5;font-weight:600;color:#4b607e}}
.sca-studio .color-choice{min-width:44px;min-height:69px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 2px;border:1px solid #e3e8f0;border-radius:9px;background:#fff;color:#506681;cursor:pointer}.sca-studio .color-choice:hover:not(:disabled){border-color:#a7b8d1;background:#f6f9fe}.sca-studio .color-choice[aria-pressed=true]{border-color:#708eB7;background:#edf3fc;box-shadow:0 0 0 1px #708eb718}.sca-studio .color-choice:disabled{opacity:.4;cursor:default}.sca-studio .color-choice:focus-visible{outline:3px solid #477aca;outline-offset:2px}
.sca-studio .color-swatch{width:24px;height:24px;border:1px solid #172b5026;border-radius:50%;background:var(--swatch-color,#f1f0ea);display:grid;place-items:center;flex:none}.sca-studio .color-swatch.is-original{background:conic-gradient(#efefec 25%,#c6cbd0 0 50%,#efefec 0 75%,#c6cbd0 0);background-size:10px 10px}.sca-studio .color-check{font-size:15px;line-height:1;color:var(--swatch-check,#172b50);font-weight:700;opacity:0}.sca-studio .color-choice[aria-pressed=true] .color-check{opacity:1}.sca-studio .color-name{font-size:11px;line-height:1.3;text-align:center}.sca-studio .color-choice small{font-size:9px;line-height:1.3;color:#93a0b2;white-space:nowrap}.sca-studio .color-reset{width:100%;min-height:44px;margin-top:16px;font-size:11px}.sca-studio .color-status{font-size:11px;line-height:1.5;margin-top:11px;color:#657c9b}.sca-studio .color-status.is-error{color:#8f4553}.sca-studio .color-preview-note{font-size:10px;line-height:1.6;color:#8a98a9;margin:8px 3px 0}
@media(max-width:540px){.sca-studio .color-panel{margin-top:16px}.sca-studio .color-panel-heading strong{font-size:14px}.sca-studio .color-panel-heading small{font-size:11px}.sca-studio .color-name{font-size:11px}.sca-studio .color-choice small{font-size:10px}.sca-studio .color-group legend{font-size:13px}.sca-studio .color-choice{min-height:75px}.sca-studio .color-reset{font-size:12px}.sca-studio .color-preview-note{font-size:11px}}
.sca-studio .product-detail{margin-top:22px;border:1px solid #e0e5ec;border-radius:12px;background:#fff;overflow:hidden}
.sca-studio .product-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 14px 0}
.sca-studio .product-detail-heading .eyebrow{font-size:9px;letter-spacing:1px}.sca-studio .product-detail-heading h3{margin-top:5px;font-size:13px;font-weight:650;color:var(--ink)}
.sca-studio .detail-open{display:inline-flex;align-items:center;gap:5px;min-height:44px;padding:8px 0 8px 8px;border:0;background:none;color:#4d6586;font:inherit;font-size:12px;cursor:pointer;white-space:nowrap}
.sca-studio .product-detail-svg{display:block;width:100%;height:auto;aspect-ratio:3/2;stroke:none;fill:none;background:linear-gradient(145deg,#f0f0ec,#fafaf7);margin:10px auto 0}
.sca-studio .product-detail-caption{font-size:12px;line-height:1.5;font-weight:650;color:#40516b;padding:11px 14px 0}
.sca-studio .product-detail-note{font-size:11px;line-height:1.65;color:#84909f;padding:5px 14px 14px}
.sca-studio .product-dialog{width:min(1040px,calc(100% - 36px));max-height:calc(100dvh - 36px);padding:25px;border:1px solid #dfe5ed;border-radius:18px;color:var(--text);background:#fff;box-shadow:0 22px 90px #172b5040;overflow:auto}
.sca-studio .product-dialog::backdrop{background:#172b5070;backdrop-filter:blur(4px)}
.sca-studio .product-dialog .dialog-heading{align-items:flex-start}.sca-studio .product-dialog .dialog-heading h2{font-size:21px;margin-top:7px;line-height:1.4}.sca-studio .product-dialog .dialog-heading .eyebrow{font-size:10px}.sca-studio .product-dialog .dialog-heading .button{min-width:44px;min-height:44px}
.sca-studio .product-dialog-svg{display:block;stroke:none;fill:none;width:100%;height:auto;aspect-ratio:3/2;border-radius:12px;margin:22px auto;background:linear-gradient(145deg,#ecece6,#fafaf7)}
.sca-studio .inspect-count-buttons{max-width:540px;margin:0 auto;gap:10px}.sca-studio .inspect-count-buttons button{font-size:13px;min-height:46px}
.sca-studio .product-dialog-note{font-size:12px;line-height:1.7;color:#7e8998;text-align:center;max-width:700px;margin:18px auto 0}
.sca-studio .scene-loading>span:last-child{width:auto;height:auto;border:0;border-radius:0;animation:none}
.sca-studio .scene-status{position:absolute;z-index:8;left:50%;bottom:16px;transform:translateX(-50%);max-width:calc(100% - 28px);padding:10px 14px;border:1px solid #dce4ee;border-radius:9px;background:#fffffff5;box-shadow:0 4px 18px #172b5018;color:#34475d;font-size:12px;font-weight:600;line-height:1.5;text-align:center;pointer-events:none}
.sca-studio .scene-status:not(.is-error):before{content:"";display:inline-block;vertical-align:-2px;width:12px;height:12px;margin-right:8px;border:2px solid #dce4ee;border-top-color:#547099;border-radius:50%;animation:sca-studio-spin .8s linear infinite}
.sca-studio .scene-status.is-error{background:#fff7f7;border-color:#eed7d9;color:#8f4553}
.sca-studio .detail-open:disabled{opacity:.45}
@media(max-width:1100px){.sca-studio .comparison-side{flex-basis:210px;grid-template-columns:minmax(0,1fr) minmax(88px,.65fr)}.sca-studio .comparison-settings{gap:9px}.sca-studio .slot-count-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.sca-studio .product-detail-heading{padding:12px 12px 0}.sca-studio .product-detail-caption{padding-left:12px;padding-right:12px}.sca-studio .product-detail-note{padding-left:12px;padding-right:12px}}
@media(max-width:850px){.sca-studio .slot-count-control{max-width:640px}.sca-studio .slot-count-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sca-studio .product-detail{max-width:640px}.sca-studio .product-detail-heading .eyebrow{font-size:10px}.sca-studio .product-detail-heading h3{font-size:14px}.sca-studio .product-detail-caption{font-size:13px}}
@media(min-width:541px) and (max-width:850px){.sca-studio .options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.sca-studio .comparison-settings{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;padding:12px 10px;gap:10px}.sca-studio .comparison-side{display:flex;flex-direction:column;gap:8px;min-width:0}.sca-studio .comparison-side label{width:100%;font-size:11px}.sca-studio .comparison-settings select{min-height:44px;font-size:12px;padding:9px 20px 9px 8px}.sca-studio .comparison-settings .versus-mark{display:none}.sca-studio .comparison-hint{grid-column:1/-1;font-size:11px}.sca-studio .slot-count-control{margin-top:20px}.sca-studio .slot-count-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sca-studio .slot-count-control legend{font-size:13px}.sca-studio .slot-count-buttons button{font-size:13px;min-height:46px}.sca-studio .slot-count-control>p{font-size:11px}.sca-studio .product-detail{margin-top:20px}.sca-studio .product-detail-heading{padding:14px 14px 0}.sca-studio .product-detail-heading h3{font-size:15px}.sca-studio .detail-open{font-size:12px}.sca-studio .product-detail-svg{margin-top:12px;max-height:none}.sca-studio .product-detail-caption{padding-left:14px;padding-right:14px;font-size:13px}.sca-studio .product-detail-note{padding:5px 14px 14px;font-size:11px}.sca-studio .product-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:18px;border-radius:14px}.sca-studio .product-dialog .dialog-heading h2{font-size:18px}.sca-studio .product-dialog .dialog-heading .button{font-size:26px}.sca-studio .product-dialog-svg{margin:18px auto;aspect-ratio:3/2;min-height:140px}.sca-studio .inspect-count-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sca-studio .product-dialog-note{text-align:left;font-size:11px;line-height:1.75}.sca-studio .scene-label{max-width:calc(50% - 18px);font-size:10px;line-height:1.4}.sca-studio .scene-stage:not(.is-comparing) .scene-label{max-width:calc(100% - 20px)}}
/* Detail crops preserve their source proportions at every screen size. */
@media(max-width:540px){.sca-studio .product-dialog-svg{min-height:0}.sca-studio .scene-status{font-size:11px;bottom:12px;padding:8px 11px}}

/* Alternative presentation only. The original interface and scene layers remain unchanged. */
.sca-studio.sca-alternative{
  --ink: #142b42;
  --text: #243746;
  --muted: #71808d;
  --border: #dfe6ec;
  --canvas: #f7f9fb;
  --soft: #edf2f7;
  --red: #d91d36;
  --radius: 22px;
  background: var(--canvas);
  color: var(--text);
}
.sca-studio.sca-alternative .alt-skip:focus{
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 2000;
  width: auto;
  height: auto;
  max-width: calc(100vw - 24px);
  margin: 0;
  padding: 13px 18px;
  clip: auto;
  clip-path: none;
  overflow: visible;
  white-space: normal;
  border: 1px solid #243b72;
  border-radius: 9px;
  background: #fff;
  color: #142b42;
  box-shadow: 0 4px 18px #142b4226;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.5;
  text-decoration: none;
}

.sca-studio.sca-alternative .app-header{
  min-height: 88px;
  padding: 17px max(28px, calc((100vw - 1544px) / 2));
  gap: 22px;
  background: #fff;
  border-bottom: 1px solid #e7ecf1;
}
.sca-studio.sca-alternative .brand img{ width: 142px; height: 45px; }
.sca-studio.sca-alternative .brand-product{ color: var(--ink); font-size: 17px; letter-spacing: -.4px; }
.sca-studio.sca-alternative .header-divider{ height: 28px; background: #dfe5eb; }
.sca-studio.sca-alternative .prototype-badge{
  border: 1px solid #e2e7ed;
  background: #f8fafc;
  color: #77838e;
  border-radius: 20px;
  padding: 6px 10px;
  font-size: 10px;
}
.sca-studio.sca-alternative .header-actions{ gap: 9px; }
.sca-studio.sca-alternative .button{ min-height: 46px; border-radius: 10px; padding: 12px 16px; font-size: 12px; }
.sca-studio.sca-alternative .button-primary{
  background: var(--red);
  border-color: var(--red);
  box-shadow: 0 3px 8px #d91d3612;
}
.sca-studio.sca-alternative .button-primary:hover{ background: #bb172e; border-color: #bb172e; }
.sca-studio.sca-alternative .button-quiet{ border-color: #e0e6ed; background: #fff; }
.sca-studio.sca-alternative .button-quiet:hover{ background: #f4f7fb; }
.sca-studio.sca-alternative .button-quiet[aria-pressed=true]{ color: #243b72; border-color: #b9c8df; background: #f0f4fc; }
.sca-studio.sca-alternative .alt-original-link{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 0 10px 4px;
  gap: 7px;
  color: #647384;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
}
.sca-studio.sca-alternative .alt-original-link:hover{ color: var(--red); }
.sca-studio.sca-alternative .alt-original-link svg{ width: 15px; height: 15px; flex: none; }

.sca-studio.sca-alternative .workspace{ max-width: 1600px; padding: 39px 28px 0; }
.sca-studio.sca-alternative .workspace-heading{ align-items: flex-end; margin-bottom: 29px; gap: 28px; }
.sca-studio.sca-alternative .eyebrow{ color: #7b8997; font-size: 10px; letter-spacing: 1.65px; line-height: 1.5; }
.sca-studio.sca-alternative .workspace-heading .eyebrow{ color: #bb2439; }
.sca-studio.sca-alternative .workspace-heading .eyebrow:before{ width: 25px; height: 2px; margin-right: 11px; background: var(--red); }
.sca-studio.sca-alternative h1{ max-width: 820px; font-size: clamp(32px, 3vw, 44px); font-weight: 650; line-height: 1.14; letter-spacing: -1.65px; margin-top: 13px; }
.sca-studio.sca-alternative h1 em{ font-style: normal; color: #243b72; }
.sca-studio.sca-alternative h1>span{ color: #243b72; }
.sca-studio.sca-alternative .intro{ max-width: 640px; color: #74818f; font-size: 14px; line-height: 1.75; margin-top: 13px; }
.sca-studio.sca-alternative .alt-heading-meta{ display: flex; flex-direction: column; align-items: flex-end; gap: 9px; flex: none; padding-bottom: 2px; }
.sca-studio.sca-alternative .alt-concept-badge{ display: inline-flex; align-items: center; padding: 8px 12px; border: 1px solid #e1e7ef; border-radius: 20px; background: #f1f5fa; color: #738597; font-size: 11px; line-height: 1.4; font-weight: 600; white-space: nowrap; }
.sca-studio.sca-alternative .scene-kind{
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid #e0e7ed;
  border-radius: 8px;
  background: #fff;
  color: #6a7b8a;
  font-size: 11px;
  white-space: nowrap;
}
.sca-studio.sca-alternative .status-dot{ width: 6px; height: 6px; background: #3c8768; box-shadow: 0 0 0 4px #3c87680b; }

.sca-studio.sca-alternative .studio-layout{
  display: grid;
  grid-template-columns: 326px minmax(0, 1fr);
  grid-template-areas: "panel visual";
  gap: 23px;
  align-items: start;
}
.sca-studio.sca-alternative .visual-workspace{
  grid-area: visual;
  min-width: 0;
  border: 1px solid #e0e6ed;
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 12px 38px #142b4209, 0 2px 5px #142b4203;
  overflow: hidden;
}
.sca-studio.sca-alternative .scene-toolbar{ padding: 18px 21px; min-height: 84px; border-bottom: 1px solid #e8edf2; background: #fff; }
.sca-studio.sca-alternative .scene-icon{ width: 38px; height: 38px; color: #506b85; border-color: #e3eaf0; border-radius: 10px; background: #f9fbfd; }
.sca-studio.sca-alternative .scene-title{ gap: 11px; }
.sca-studio.sca-alternative .scene-title strong{ color: var(--ink); font-size: 15px; font-weight: 650; }
.sca-studio.sca-alternative .scene-title div>span{ font-size: 11px; color: #7e8b99; margin-top: 4px; }
.sca-studio.sca-alternative .scene-actions{ gap: 8px; }
.sca-studio.sca-alternative .scene-actions .button{ min-height: 44px; font-size: 12px; border-radius: 9px; }
.sca-studio.sca-alternative .scene-actions .button-square{ min-width: 44px; width: 44px; padding: 11px; }
.sca-studio.sca-alternative .button-toggle{ border-color: #dfe6ee; }
.sca-studio.sca-alternative .button-toggle[aria-pressed=true]{ color: #243b72; background: #eef3fd; border-color: #becce5; }
.sca-studio.sca-alternative .scene-caption{ min-height: 46px; padding: 13px 21px; border-bottom: 0; font-size: 11px; color: #7c8a97; gap: 8px; }
.sca-studio.sca-alternative .caption-right{ color: #9aa5b0; font-size: 10px; }
.sca-studio.sca-alternative .scene-label{ border-color: #ffffffbd; border-radius: 7px; color: #314858; background: #fffffff0; box-shadow: 0 3px 12px #142b420b; }
.sca-studio.sca-alternative .comparison-settings{ padding: 15px 21px; gap: 11px; background: #f6f9fc; border-bottom-color: #e0e7ef; }
.sca-studio.sca-alternative .comparison-settings select{ min-height: 44px; border-color: #dbe4ee; font-size: 12px; border-radius: 8px; }
.sca-studio.sca-alternative .comparison-settings label{ font-size: 11px; }
.sca-studio.sca-alternative .comparison-hint{ max-width: 100px; line-height: 1.45; }

.sca-studio.sca-alternative .control-panel{
  grid-area: panel;
  min-width: 0;
  align-self: start;
  padding: 0;
  border: 1px solid #dfe6ed;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 5px 18px #142b4204;
  overflow: visible;
}
.sca-studio.sca-alternative .panel-section-head{ padding: 23px 23px 20px; }
.sca-studio.sca-alternative .panel-section-head .eyebrow{ color: #d12b43; font-size: 9px; letter-spacing: 1.4px; }
.sca-studio.sca-alternative .panel-section-head h2{ margin-top: 8px; font-size: 21px; line-height: 1.3; letter-spacing: -.65px; font-weight: 650; }
.sca-studio.sca-alternative .panel-section-head>p:last-child{ margin-top: 8px; color: #84909d; font-size: 12px; line-height: 1.65; }
.sca-studio.sca-alternative .alt-step-nav{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  padding: 7px;
  margin: 0 16px;
  border: 1px solid #e6ebf0;
  border-radius: 11px;
  background: #f5f7fa;
}
.sca-studio.sca-alternative .alt-step{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-width: 0;
  min-height: 46px;
  padding: 9px 6px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #7a8897;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.3;
  cursor: pointer;
  transition: background .15s, color .15s, border-color .15s;
}
.sca-studio.sca-alternative .alt-step-number{ display: grid; place-items: center; flex: none; width: 17px; height: 17px; border: 1px solid #d9e0e8; border-radius: 50%; color: #94a0ac; font-size: 9px; font-weight: 650; }
.sca-studio.sca-alternative .alt-step:hover{ background: #edf1f7; color: var(--ink); }
.sca-studio.sca-alternative .alt-step[aria-selected=true]{ background: #fff; border-color: #e2e7ee; color: var(--ink); box-shadow: 0 2px 5px #142b4206; }
.sca-studio.sca-alternative .alt-step[aria-selected=true] .alt-step-number{ background: var(--red); border-color: var(--red); color: #fff; }
.sca-studio.sca-alternative .alt-step:focus-visible{ outline: 3px solid #7395c8; outline-offset: 2px; }
.sca-studio.sca-alternative .alt-current-selection{ width: fit-content; max-width: calc(100% - 32px); margin: 16px 16px 0; padding: 7px 10px; border: 1px solid #e6ebf1; border-radius: 20px; background: #f6f8fb; color: #728598; font-size: 11px; line-height: 1.55; font-weight: 500; overflow-wrap: anywhere; }
.sca-studio.sca-alternative .alt-tab-panel{ min-width: 0; padding: 19px 16px 20px; }
.sca-studio.sca-alternative .alt-tab-title{ color: #385267; font-size: 14px; line-height: 1.5; font-weight: 650; letter-spacing: -.2px; }
.sca-studio.sca-alternative .alt-panel-hint{ margin: 6px 0 17px; color: #8a99a7; font-size: 12px; line-height: 1.65; }
.sca-studio.sca-alternative .alt-next{ display: flex; justify-content: flex-start; width: 100%; min-height: 46px; margin-top: 16px; padding: 12px 14px; gap: 10px; font-size: 12px; }
.sca-studio.sca-alternative .alt-next>span:last-child{ margin-left: auto; font-size: 16px; line-height: 1; }
.sca-studio.sca-alternative .alt-color-next{ border: 1px solid #d8e3ef; background: linear-gradient(110deg, #edf3ff, #f9fafb 49%, #fff0f1); color: #405674; box-shadow: 0 2px 6px #142b4204; }
.sca-studio.sca-alternative .alt-color-next:hover{ border-color: #bccde2; background: linear-gradient(110deg, #e7efff, #f8f9fb 49%, #ffe8eb); }
.sca-studio.sca-alternative .alt-palette-dots{ display: inline-flex; align-items: center; flex: none; padding-left: 2px; }
.sca-studio.sca-alternative .alt-palette-dots>i{ display: block; width: 13px; height: 13px; margin-left: -2px; border: 1.5px solid #fff; border-radius: 50%; background: #243b72; }
.sca-studio.sca-alternative .alt-palette-dots>i:nth-child(2){ background: #d91d36; }
.sca-studio.sca-alternative .alt-palette-dots>i:nth-child(3){ background: #497b67; }
.sca-studio.sca-alternative .alt-fixed-note{ display: flex; align-items: flex-start; justify-content: center; gap: 6px; margin-top: 13px; color: #91a0ad; font-size: 10px; line-height: 1.65; }
.sca-studio.sca-alternative .alt-fixed-note>span{ flex: none; color: #5c8a76; }
.sca-studio.sca-alternative .scene-selector{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; padding: 0; border: 0; background: transparent; }
.sca-studio.sca-alternative .scene-choice{ min-height: 104px; padding: 16px 12px; flex-direction: column; justify-content: center; align-items: flex-start; gap: 11px; border-color: #e1e7ed; border-radius: 12px; color: #6c7d8c; background: #fff; }
.sca-studio.sca-alternative .scene-choice>svg{ width: 24px; height: 24px; stroke-width: 1.45; }
.sca-studio.sca-alternative .scene-choice strong{ font-size: 13px; font-weight: 650; color: #435a6b; }
.sca-studio.sca-alternative .scene-choice small{ font-size: 10px; line-height: 1.4; color: #8d99a5; margin-top: 4px; }
.sca-studio.sca-alternative .scene-choice:hover:not(:disabled){ background: #f6f9fd; border-color: #bdcde0; }
.sca-studio.sca-alternative .scene-choice.is-selected{ color: #243b72; border-color: #aabdda; background: #f1f5fd; box-shadow: 0 0 0 1px #aabdda0d; }
.sca-studio.sca-alternative .scene-choice.is-selected strong{ color: #243b72; }
.sca-studio.sca-alternative .scene-choice.is-selected small{ color: #7d91ad; }
.sca-studio.sca-alternative .options{ display: flex; flex-direction: column; gap: 7px; margin-top: 0; }
.sca-studio.sca-alternative .option-card{ display: grid; grid-template-columns: 46px minmax(0, 1fr) 16px; grid-template-rows: auto; align-items: center; gap: 11px; min-height: 76px; padding: 10px; border-color: #e2e8ee; border-radius: 10px; background: #fff; }
.sca-studio.sca-alternative .option-card:hover:not(:disabled){ border-color: #b3c3d9; background: #fafcff; box-shadow: none; }
.sca-studio.sca-alternative .option-card.is-selected{ border-color: #a9bad5; background: #f1f5fc; box-shadow: 0 0 0 1px #a9bad50a; }
.sca-studio.sca-alternative .option-card.is-selected:before{ left: -1px; top: 19px; bottom: 19px; right: auto; width: 3px; height: auto; border-radius: 0 3px 3px 0; background: #243b72; }
.sca-studio.sca-alternative .option-preview{ grid-column: 1; grid-row: 1; width: 46px; height: 46px; border-radius: 8px; }
.sca-studio.sca-alternative .option-copy{ grid-column: 2; grid-row: 1; }
.sca-studio.sca-alternative .option-copy strong{ font-size: 12px; line-height: 1.45; font-weight: 650; color: #365064; }
.sca-studio.sca-alternative .option-copy>span{ margin-top: 3px; font-size: 10px; line-height: 1.5; color: #8b98a5; }
.sca-studio.sca-alternative .option-check{ grid-column: 3; grid-row: 1; width: 16px; height: 16px; margin: 0; border-color: #dce4eb; }
.sca-studio.sca-alternative .is-selected .option-check{ color: #fff; border-color: #243b72; background: #243b72; }
.sca-studio.sca-alternative .slot-count-control{ max-width: none; margin-top: 19px; padding-top: 17px; border-top: 1px solid #e8edf2; }
.sca-studio.sca-alternative .slot-count-control legend{ font-size: 12px; color: #5a6e81; }
.sca-studio.sca-alternative .slot-count-buttons{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.sca-studio.sca-alternative .slot-count-buttons button{ min-height: 44px; padding: 9px 3px; font-size: 10px; border-color: #dce5ef; border-radius: 7px; }
.sca-studio.sca-alternative .slot-count-buttons button[aria-pressed=true]{ border-color: #243b72; background: #243b72; color: #fff; }
.sca-studio.sca-alternative .slot-count-control>p{ color: #8c99a5; font-size: 10px; line-height: 1.6; }
.sca-studio.sca-alternative .color-panel{ margin-top: 0; border-color: #d9e2ee; border-radius: 12px; box-shadow: none; }
.sca-studio.sca-alternative .color-panel-heading strong{ font-size: 13px; }
.sca-studio.sca-alternative .color-panel-heading small{ font-size: 10px; }
.sca-studio.sca-alternative .color-panel>summary{ min-height: 69px; padding: 12px 11px; }
.sca-studio.sca-alternative .color-panel-body{ padding: 14px 11px; }
.sca-studio.sca-alternative .color-palette{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.sca-studio.sca-alternative .color-choice{ min-height: 72px; border-color: #e4e9ef; border-radius: 8px; }
.sca-studio.sca-alternative .color-choice[aria-pressed=true]{ border-color: #a1b7d6; background: #f0f5fd; box-shadow: 0 0 0 1px #a1b7d60d; }
.sca-studio.sca-alternative .color-group legend{ color: #526a80; font-size: 12px; }
.sca-studio.sca-alternative .color-name{ font-size: 10px; }
.sca-studio.sca-alternative .color-choice small{ font-size: 9px; }
.sca-studio.sca-alternative .color-reset{ font-size: 11px; }
.sca-studio.sca-alternative .color-preview-note{ color: #8a97a5; font-size: 10px; line-height: 1.6; margin-inline: 2px; }
.sca-studio.sca-alternative .saved-section{ max-width: none; margin: 0 19px 20px; padding-top: 19px; border-top-color: #e8edf2; }
.sca-studio.sca-alternative .saved-list{ display: flex; flex-direction: column; }
.sca-studio.sca-alternative .saved-heading h3{ font-size: 11px; color: #64798c; }
.sca-studio.sca-alternative .saved-remove{ width: 44px; height: 44px; min-width: 44px; }
.sca-studio.sca-alternative .saved-item{ font-size: 10px; min-height: 44px; }
.sca-studio.sca-alternative .studio-note{ margin: 0 20px 21px; padding-top: 17px; border-top-color: #e8edf2; gap: 9px; }
.sca-studio.sca-alternative .studio-note p{ color: #8b98a5; font-size: 10px; line-height: 1.8; }
.sca-studio.sca-alternative .studio-note>svg{ width: 15px; height: 15px; color: #91a1b0; }

.sca-studio.sca-alternative .alt-detail-row{ display: grid; grid-template-columns: minmax(0, 1fr) 390px; gap: 23px; align-items: start; min-width: 0; margin-top: 23px; }
.sca-studio.sca-alternative .color-mini-preview{ display: none; }
.sca-studio.sca-alternative .alt-mobile-hint{ display: none; }
.sca-studio.sca-alternative .saved-heading{ min-height: 44px; cursor: pointer; list-style: none; }
.sca-studio.sca-alternative .saved-heading::-webkit-details-marker{ display: none; }
.sca-studio.sca-alternative .saved-heading h3:after{ content: ' +'; margin-left: 5px; color: #8697aa; }
.sca-studio.sca-alternative .saved-section[open] .saved-heading h3:after{ content: ' −'; }
.sca-studio.sca-alternative .selection-detail{ min-width: 0; padding: 27px 29px; gap: 17px; border: 1px solid #e2e8ee; border-radius: 18px; background: #fff; }
.sca-studio.sca-alternative .detail-rule{ width: 3px; min-height: 44px; max-height: 70px; background: var(--red); border-radius: 2px; }
.sca-studio.sca-alternative .selection-detail h2{ font-size: 20px; line-height: 1.45; letter-spacing: -.5px; color: var(--ink); font-weight: 650; }
.sca-studio.sca-alternative .selection-detail p{ max-width: 650px; margin-top: 10px; font-size: 13px; color: #7b8b98; line-height: 1.85; }
.sca-studio.sca-alternative .product-detail{ min-width: 0; max-width: none; margin-top: 0; border-color: #e2e8ee; border-radius: 18px; }
.sca-studio.sca-alternative .product-detail-heading{ padding: 18px 19px 0; }
.sca-studio.sca-alternative .product-detail-heading .eyebrow{ font-size: 9px; color: #8a99a6; letter-spacing: 1.1px; }
.sca-studio.sca-alternative .product-detail-heading h3{ font-size: 14px; color: #3b5265; }
.sca-studio.sca-alternative .detail-open{ color: #243b72; min-height: 44px; padding-left: 10px; font-size: 11px; font-weight: 650; }
.sca-studio.sca-alternative .product-detail-svg{ max-height: 225px; }
.sca-studio.sca-alternative .product-detail-caption{ padding: 0 19px; font-size: 11px; color: #667b8e; }
.sca-studio.sca-alternative .product-detail-note{ padding: 6px 19px 17px; color: #94a0ab; font-size: 10px; line-height: 1.65; }
.sca-studio.sca-alternative .detail-state-buttons{ margin-inline: 19px; }
.sca-studio.sca-alternative .detail-state-buttons button{ min-height: 44px; }
.sca-studio.sca-alternative .alt-help-strip{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 23px;
  padding: 22px 25px;
  border: 1px solid #e3e9f0;
  border-radius: 16px;
  background: #f0f4f9;
}
.sca-studio.sca-alternative .alt-help-strip h2{ font-size: 15px; font-weight: 650; color: #34506b; letter-spacing: -.25px; }
.sca-studio.sca-alternative .alt-help-strip p{ max-width: 760px; margin-top: 6px; font-size: 12px; line-height: 1.7; color: #8695a4; }
.sca-studio.sca-alternative .alt-help-strip a{ display: inline-flex; align-items: center; justify-content: center; flex: none; gap: 9px; min-height: 44px; padding: 10px 14px; border: 1px solid #d9e2ed; border-radius: 9px; background: #fff; color: #435e7a; text-decoration: none; font-size: 12px; font-weight: 650; }
.sca-studio.sca-alternative .alt-help-strip a:hover{ border-color: #b6c6da; background: #fafcff; }
.sca-studio.sca-alternative .workspace-footer{ margin-top: 1px; padding: 23px 1px 27px; color: #98a5b2; font-size: 10px; line-height: 1.7; }
.sca-studio.sca-alternative .toast{ background: #142b42f5; }
.sca-studio.sca-alternative .share-dialog,.sca-studio.sca-alternative .product-dialog{ color: var(--text); border-color: #dfe6ed; box-shadow: 0 22px 90px #142b4230; }
.sca-studio.sca-alternative .product-dialog .button-square{ min-width: 44px; min-height: 44px; }

@media (min-width: 1500px){
  .sca-studio.sca-alternative .studio-layout{ grid-template-columns: 342px minmax(0, 1fr); gap: 26px; }
  .sca-studio.sca-alternative .alt-detail-row{ gap: 26px; }
}
@media (min-width: 981px){
  .sca-studio.sca-alternative .option-card{ min-height: 64px; padding-block: 8px; }
  .sca-studio.sca-alternative .option-preview{ height: 40px; }
}
@media (max-width: 1200px){
  .sca-studio.sca-alternative .app-header{ padding-inline: 24px; gap: 16px; }
  .sca-studio.sca-alternative .brand img{ width: 128px; }
  .sca-studio.sca-alternative .brand-product{ font-size: 15px; }
  .sca-studio.sca-alternative .workspace{ padding: 31px 24px 0; }
  .sca-studio.sca-alternative .studio-layout{ grid-template-columns: 300px minmax(0, 1fr); gap: 19px; }
  .sca-studio.sca-alternative .scene-toolbar{ padding: 15px; }
  .sca-studio.sca-alternative .scene-title strong{ font-size: 13px; }
  .sca-studio.sca-alternative .scene-title div>span{ font-size: 10px; max-width: 175px; }
  .sca-studio.sca-alternative .scene-icon{ display: none; }
  .sca-studio.sca-alternative .scene-actions .button-toggle{ font-size: 11px; padding-inline: 12px; }
  .sca-studio.sca-alternative .scene-caption{ padding-inline: 15px; }
  .sca-studio.sca-alternative .caption-right{ display: none; }
  .sca-studio.sca-alternative .alt-detail-row{ grid-template-columns: minmax(0, 1fr) 340px; gap: 19px; }
  .sca-studio.sca-alternative .panel-section-head{ padding-inline: 20px; }
  .sca-studio.sca-alternative .panel-section-head h2{ font-size: 20px; }
  .sca-studio.sca-alternative .alt-step-nav{ margin-inline: 13px; }
  .sca-studio.sca-alternative .alt-tab-panel{ padding-inline: 13px; }
  .sca-studio.sca-alternative .option-card{ grid-template-columns: 42px minmax(0, 1fr) 15px; gap: 9px; }
  .sca-studio.sca-alternative .option-preview{ width: 42px; height: 44px; }
  .sca-studio.sca-alternative .option-copy strong{ font-size: 11px; }
  .sca-studio.sca-alternative .option-copy>span{ font-size: 10px; }
}
@media (max-width: 980px){
  .sca-studio.sca-alternative .app-header{ min-height: 78px; padding: 15px 21px; gap: 15px; }
  .sca-studio.sca-alternative .brand img{ width: 124px; height: 40px; }
  .sca-studio.sca-alternative .prototype-badge{ display: none; }
  .sca-studio.sca-alternative .header-actions .button span{ display: none; }
  .sca-studio.sca-alternative .header-actions .button{ min-height: 44px; min-width: 44px; padding: 11px; }
  .sca-studio.sca-alternative .workspace{ padding: 29px 21px 0; }
  .sca-studio.sca-alternative .workspace-heading{ gap: 20px; margin-bottom: 24px; }
  .sca-studio.sca-alternative h1{ font-size: 37px; letter-spacing: -1.3px; }
  .sca-studio.sca-alternative .intro{ max-width: 570px; font-size: 13px; }
  .sca-studio.sca-alternative .scene-kind{ display: none; }
  .sca-studio.sca-alternative .alt-heading-meta{ display: none; }
  .sca-studio.sca-alternative .studio-layout{ grid-template-columns: minmax(0, 1fr); grid-template-areas: "visual" "panel"; gap: 20px; }
  .sca-studio.sca-alternative[data-alt-step="model"] .color-mini-preview,.sca-studio.sca-alternative[data-alt-step="color"] .color-mini-preview{ display: block; margin-top: 15px; }
  .sca-studio.sca-alternative .control-panel{ border-radius: 18px; }
  .sca-studio.sca-alternative .panel-section-head{ padding: 22px 24px 18px; }
  .sca-studio.sca-alternative .panel-section-head h2{ font-size: 22px; }
  .sca-studio.sca-alternative .panel-section-head>p:last-child{ font-size: 13px; }
  .sca-studio.sca-alternative .alt-step-nav{ position: sticky; top: 8px; z-index: 14; margin-inline: 20px; padding: 6px; border-color: #dfe6ee; background: #f4f7fa; box-shadow: 0 4px 12px #142b4205; }
  .sca-studio.sca-alternative .alt-step{ min-height: 46px; font-size: 13px; gap: 9px; }
  .sca-studio.sca-alternative .alt-step-number{ width: 19px; height: 19px; font-size: 10px; }
  .sca-studio.sca-alternative .alt-tab-panel{ padding: 20px; }
  .sca-studio.sca-alternative .alt-current-selection{ max-width: calc(100% - 40px); margin-inline: 20px; }
  .sca-studio.sca-alternative .scene-selector{ grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
  .sca-studio.sca-alternative .scene-choice{ min-height: 104px; padding: 15px; }
  .sca-studio.sca-alternative .scene-choice strong{ font-size: 14px; }
  .sca-studio.sca-alternative .scene-choice small{ font-size: 11px; }
  .sca-studio.sca-alternative .options{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .sca-studio.sca-alternative .option-card{ min-height: 82px; grid-template-columns: 48px minmax(0, 1fr) 16px; padding: 12px; gap: 10px; }
  .sca-studio.sca-alternative .option-preview{ width: 48px; height: 48px; }
  .sca-studio.sca-alternative .option-copy strong{ font-size: 12px; }
  .sca-studio.sca-alternative .option-copy>span{ font-size: 10px; }
  .sca-studio.sca-alternative .slot-count-control{ max-width: 550px; }
  .sca-studio.sca-alternative .slot-count-buttons button{ font-size: 12px; }
  .sca-studio.sca-alternative .color-panel{ max-width: 600px; margin-inline: auto; overflow: visible; }
  .sca-studio.sca-alternative .color-panel-body{ padding: 16px; }
  .sca-studio.sca-alternative .color-panel>summary{ padding: 13px 16px; }
  .sca-studio.sca-alternative .color-panel-heading strong{ font-size: 14px; }
  .sca-studio.sca-alternative .color-panel-heading small{ font-size: 11px; }
  .sca-studio.sca-alternative .color-mini-preview{ position: static; max-width: 300px; margin-bottom: 17px; }
  .sca-studio.sca-alternative .color-mini-frame{ max-width: 100%; }
  .sca-studio.sca-alternative .color-palette{ grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sca-studio.sca-alternative .color-choice{ min-height: 76px; }
  .sca-studio.sca-alternative .color-name{ font-size: 11px; }
  .sca-studio.sca-alternative .color-choice small{ font-size: 10px; }
  .sca-studio.sca-alternative .color-group legend{ font-size: 13px; }
  .sca-studio.sca-alternative .color-preview-note{ max-width: 600px; margin-inline: auto; font-size: 11px; }
  .sca-studio.sca-alternative .saved-section{ margin-inline: 24px; }
  .sca-studio.sca-alternative .saved-item{ font-size: 12px; }
  .sca-studio.sca-alternative .studio-note{ margin-inline: 24px; }
  .sca-studio.sca-alternative .studio-note p{ font-size: 11px; }
  .sca-studio.sca-alternative .alt-detail-row{ grid-template-columns: minmax(0, 1fr) 310px; gap: 20px; }
  .sca-studio.sca-alternative .selection-detail{ padding: 23px; }
  .sca-studio.sca-alternative .selection-detail h2{ font-size: 19px; }
  .sca-studio.sca-alternative .selection-detail p{ font-size: 12px; }
  .sca-studio.sca-alternative .alt-help-strip{ margin-top: 20px; padding: 21px; gap: 20px; }
}
@media (max-width: 640px){
  .sca-studio.sca-alternative .app-header{ flex-wrap: nowrap; min-height: 72px; padding: 12px 16px; gap: 11px; }
  .sca-studio.sca-alternative .brand img{ width: 110px; height: 36px; }
  .sca-studio.sca-alternative .header-divider,.sca-studio.sca-alternative .brand-product{ display: none; }
  .sca-studio.sca-alternative .header-actions{ gap: 6px; }
  .sca-studio.sca-alternative .header-actions .button{ min-width: 44px; width: 44px; min-height: 44px; padding: 11px; border-radius: 9px; }
  .sca-studio.sca-alternative .header-actions .button svg{ width: 17px; height: 17px; }
  .sca-studio.sca-alternative .alt-original-link{ max-width: 83px; min-height: 44px; padding-left: 0; font-size: 10px; gap: 4px; white-space: normal; }
  .sca-studio.sca-alternative .alt-original-link svg{ width: 13px; height: 13px; }
  .sca-studio.sca-alternative .workspace{ padding: 27px 16px 0; }
  .sca-studio.sca-alternative .workspace-heading{ margin-bottom: 22px; }
  .sca-studio.sca-alternative .workspace-heading .eyebrow{ font-size: 9px; letter-spacing: 1.25px; }
  .sca-studio.sca-alternative .workspace-heading .eyebrow:before{ width: 21px; margin-right: 9px; }
  .sca-studio.sca-alternative h1{ margin-top: 11px; font-size: clamp(29px, 7.8vw, 37px); line-height: 1.17; letter-spacing: -1.15px; }
  .sca-studio.sca-alternative .intro{ max-width: 420px; font-size: 13px; line-height: 1.75; margin-top: 12px; }
  .sca-studio.sca-alternative .studio-layout{ gap: 18px; }
  .sca-studio.sca-alternative .visual-workspace{ border-radius: 16px; }
  .sca-studio.sca-alternative .scene-toolbar{ padding: 13px 12px; min-height: 74px; gap: 9px; }
  .sca-studio.sca-alternative .scene-title strong{ font-size: 12px; }
  .sca-studio.sca-alternative .scene-title div>span{ max-width: 130px; font-size: 10px; line-height: 1.45; }
  .sca-studio.sca-alternative .scene-actions{ gap: 6px; }
  .sca-studio.sca-alternative .scene-actions .button-toggle{ min-height: 44px; min-width: 44px; font-size: 11px; padding: 10px; gap: 6px; }
  .sca-studio.sca-alternative .scene-actions .button-toggle svg{ width: 15px; height: 15px; }
  .sca-studio.sca-alternative .scene-actions .button-square{ width: 44px; min-width: 44px; min-height: 44px; padding: 11px; }
  .sca-studio.sca-alternative .scene-label{ font-size: 10px; line-height: 1.4; top: 10px; padding: 6px 8px; }
  .sca-studio.sca-alternative .scene-caption{ min-height: 43px; padding: 11px 12px; font-size: 10px; }
  .sca-studio.sca-alternative .render-note{ font-size: 9px; }
  .sca-studio.sca-alternative .comparison-settings{ padding: 12px; gap: 10px; }
  .sca-studio.sca-alternative .comparison-side{ min-width: 0; }
  .sca-studio.sca-alternative .comparison-settings label{ font-size: 11px; }
  .sca-studio.sca-alternative .comparison-settings select{ min-height: 44px; font-size: 11px; padding-left: 8px; }
  .sca-studio.sca-alternative .comparison-hint{ max-width: none; display: block; grid-column: 1 / -1; margin-left: 0; padding: 1px 0 0; text-align: left; font-size: 10px; }
  .sca-studio.sca-alternative .comparison-grip{ width: 46px; height: 46px; }
  .sca-studio.sca-alternative .control-panel{ border-radius: 16px; }
  .sca-studio.sca-alternative .panel-section-head{ padding: 20px 18px 17px; }
  .sca-studio.sca-alternative .panel-section-head .eyebrow{ font-size: 9px; }
  .sca-studio.sca-alternative .panel-section-head h2{ font-size: 21px; }
  .sca-studio.sca-alternative .panel-section-head>p:last-child{ font-size: 12px; }
  .sca-studio.sca-alternative .alt-step-nav{ margin-inline: 12px; gap: 3px; padding: 5px; border-radius: 10px; }
  .sca-studio.sca-alternative .alt-step{ min-height: 46px; gap: 6px; padding-inline: 5px; font-size: 12px; }
  .sca-studio.sca-alternative .alt-step-number{ width: 18px; height: 18px; font-size: 9px; }
  .sca-studio.sca-alternative .alt-tab-panel{ padding: 16px 12px 19px; }
  .sca-studio.sca-alternative .alt-current-selection{ max-width: calc(100% - 24px); margin: 14px 12px 0; padding: 7px 10px; font-size: 11px; }
  .sca-studio.sca-alternative .alt-tab-title{ font-size: 15px; }
  .sca-studio.sca-alternative .alt-panel-hint{ font-size: 12px; margin-bottom: 16px; }
  .sca-studio.sca-alternative .alt-next{ min-height: 46px; font-size: 13px; }
  .sca-studio.sca-alternative .alt-fixed-note{ font-size: 10px; }
  .sca-studio.sca-alternative .scene-selector{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .sca-studio.sca-alternative .scene-choice{ min-height: 100px; padding: 14px; gap: 10px; flex-direction: row; align-items: center; justify-content: flex-start; }
  .sca-studio.sca-alternative .scene-choice>svg{ width: 22px; height: 22px; }
  .sca-studio.sca-alternative .scene-choice strong{ font-size: 13px; }
  .sca-studio.sca-alternative .scene-choice small{ font-size: 10px; }
  .sca-studio.sca-alternative .options{ display: flex; flex-direction: column; gap: 8px; }
  .sca-studio.sca-alternative .option-card{ min-height: 79px; grid-template-columns: 50px minmax(0, 1fr) 18px; gap: 12px; padding: 11px; border-radius: 10px; }
  .sca-studio.sca-alternative .option-preview{ width: 50px; height: 48px; }
  .sca-studio.sca-alternative .option-copy strong{ font-size: 13px; line-height: 1.45; }
  .sca-studio.sca-alternative .option-copy>span{ font-size: 11px; line-height: 1.5; }
  .sca-studio.sca-alternative .option-check{ width: 18px; height: 18px; }
  .sca-studio.sca-alternative .slot-count-control{ margin-top: 19px; }
  .sca-studio.sca-alternative .slot-count-control legend{ font-size: 13px; }
  .sca-studio.sca-alternative .slot-count-buttons{ grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sca-studio.sca-alternative .slot-count-buttons button{ min-height: 46px; font-size: 11px; }
  .sca-studio.sca-alternative .slot-count-control>p{ font-size: 11px; }
  .sca-studio.sca-alternative .color-panel>summary{ padding: 13px 11px; }
  .sca-studio.sca-alternative .color-panel-body{ padding: 14px 10px; }
  .sca-studio.sca-alternative .color-palette{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; }
  .sca-studio.sca-alternative .color-choice{ min-height: 76px; }
  .sca-studio.sca-alternative .color-mini-preview{ top: 77px; max-width: 270px; }
  .sca-studio.sca-alternative .color-mini-preview figcaption{ font-size: 10px; }
  .sca-studio.sca-alternative .color-reset{ min-height: 46px; font-size: 12px; }
  .sca-studio.sca-alternative .saved-section{ margin-inline: 18px; }
  .sca-studio.sca-alternative .studio-note{ margin-inline: 18px; margin-bottom: 19px; }
  .sca-studio.sca-alternative .studio-note p{ font-size: 11px; }
  .sca-studio.sca-alternative .alt-detail-row{ grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .sca-studio.sca-alternative .selection-detail{ padding: 22px 20px; border-radius: 15px; gap: 13px; }
  .sca-studio.sca-alternative .selection-detail h2{ font-size: 20px; }
  .sca-studio.sca-alternative .selection-detail p{ font-size: 13px; line-height: 1.8; margin-top: 9px; }
  .sca-studio.sca-alternative .product-detail{ border-radius: 15px; }
  .sca-studio.sca-alternative .product-detail-heading{ padding: 18px 18px 0; }
  .sca-studio.sca-alternative .product-detail-heading h3{ font-size: 15px; }
  .sca-studio.sca-alternative .product-detail-heading .eyebrow{ font-size: 9px; }
  .sca-studio.sca-alternative .detail-open{ font-size: 12px; }
  .sca-studio.sca-alternative .product-detail-svg{ max-height: 270px; }
  .sca-studio.sca-alternative .product-detail-caption{ padding-inline: 18px; font-size: 12px; }
  .sca-studio.sca-alternative .product-detail-note{ padding: 6px 18px 18px; font-size: 11px; }
  .sca-studio.sca-alternative .alt-help-strip{ align-items: flex-start; flex-direction: column; gap: 15px; margin-top: 18px; padding: 21px 20px; border-radius: 15px; }
  .sca-studio.sca-alternative .alt-help-strip h2{ font-size: 15px; line-height: 1.5; }
  .sca-studio.sca-alternative .alt-help-strip p{ font-size: 12px; line-height: 1.8; }
  .sca-studio.sca-alternative .alt-help-strip a{ min-height: 46px; font-size: 12px; }
  .sca-studio.sca-alternative .workspace-footer{ flex-direction: column; gap: 4px; padding: 22px 0 24px; font-size: 10px; }
}
@media (max-width: 375px){
  .sca-studio.sca-alternative .app-header{ padding-inline: 12px; gap: 8px; }
  .sca-studio.sca-alternative .brand img{ width: 98px; }
  .sca-studio.sca-alternative .alt-original-link{ max-width: 70px; font-size: 9px; }
  .sca-studio.sca-alternative .workspace{ padding-inline: 12px; }
  .sca-studio.sca-alternative .scene-title div>span{ display: none; }
  .sca-studio.sca-alternative .scene-actions .button-toggle{ font-size: 10px; padding-inline: 8px; }
  .sca-studio.sca-alternative .scene-choice{ padding-inline: 11px; gap: 8px; }
  .sca-studio.sca-alternative .scene-choice small{ font-size: 9px; }
  .sca-studio.sca-alternative .alt-step{ gap: 5px; font-size: 11px; }
  .sca-studio.sca-alternative .option-card{ grid-template-columns: 46px minmax(0, 1fr) 17px; gap: 10px; }
  .sca-studio.sca-alternative .option-preview{ width: 46px; }
  .sca-studio.sca-alternative .option-copy strong{ font-size: 12px; }
  .sca-studio.sca-alternative .option-copy>span{ font-size: 10px; }
  .sca-studio.sca-alternative .slot-count-buttons button{ font-size: 10px; }
}
@media (max-width: 980px) and (max-height: 600px){
  .sca-studio.sca-alternative .alt-step-nav,.sca-studio.sca-alternative .color-mini-preview{ position: static; }
}
@media (prefers-reduced-motion: reduce){
  .sca-studio.sca-alternative .alt-step{ transition: none; }
}
/* Compact swipeable choices keep the product preview and controls together. */
@media (max-width: 640px){
  .sca-studio.sca-alternative .alt-mobile-hint{ display: block; margin-top: 4px; color: #677e95; }
  .sca-studio.sca-alternative .options{ display: flex; flex-direction: row; gap: 9px; overflow-x: auto; max-width: 100%; padding: 3px 1px 12px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #b6c5d6 #f0f4f8; }
  .sca-studio.sca-alternative .option-card{ display: grid; flex: 0 0 170px; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 9px; min-height: 108px; padding: 14px 10px; scroll-snap-align: start; }
  .sca-studio.sca-alternative .option-preview{ width: 42px; height: 43px; }
  .sca-studio.sca-alternative .option-copy strong{ font-size: 11px; }
  .sca-studio.sca-alternative .option-copy>span{ font-size: 10px; line-height: 1.5; }
  .sca-studio.sca-alternative .option-check{ position: absolute; top: 6px; right: 7px; width: 14px; height: 14px; }
  .sca-studio.sca-alternative .color-mini-preview{ position: static; }
}

/* Integration-only surfaces, isolated from SCA's shared site chrome. */
.sca-studio{box-sizing:border-box;min-width:0;isolation:isolate;}
.sca-studio .studio-utilitybar{display:flex;align-items:center;gap:18px;max-width:1600px;margin:0 auto;padding:17px 28px;border-bottom:1px solid #e6ebf0;background:#fff;}
.sca-studio .studio-utilitybar>p{margin:0;color:#71808d;font-size:12px;line-height:1.5;}
.sca-studio .studio-utilitybar .header-actions{margin-left:auto;}
.sca-studio .alt-help-strip{margin-bottom:28px;}
.sca-studio .alt-help-strip .studio-note{margin:0;padding:0;border:0;}
.sca-studio.studio-immersive-root{position:fixed;inset:0;z-index:2147483000;background:#101927;isolation:isolate;}
@media(max-width:980px){.sca-studio.sca-alternative .alt-step-nav{top:calc(var(--studio-site-header-height,0px) + 8px);}}
@media(max-width:640px){.sca-studio .studio-utilitybar{padding:12px 16px;gap:12px;}.sca-studio .studio-utilitybar>p{font-size:11px;max-width:160px;}}
@media(max-width:980px) and (max-height:600px){.sca-studio.sca-alternative .alt-step-nav{position:static;}}