.future-studio{--studio-muted:#929eb4;--studio-line:#293246;--studio-accent:#b5a2ff;color:#e5eaf4;background:#0c101b;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.studio-shell{min-width:1100px;max-width:1720px;margin:auto;padding:0 28px}.future-studio button:hover{color:#d4caff}.future-studio button:focus-visible,.future-studio a:focus-visible,.future-studio input:focus-visible,.future-studio select:focus-visible{outline-offset:3px;outline:2px solid #b6a3ff}.future-studio button:disabled{cursor:default;opacity:.35}.studio-header{border-bottom:1px solid var(--studio-line);align-items:center;gap:28px;height:72px;display:flex}.studio-brand{letter-spacing:-.7px;white-space:nowrap;font-size:21px;font-weight:700}.studio-brand>span:first-child{color:#b5a2ff;margin-right:8px;font-size:26px}.studio-brand>span:nth-child(2){color:#c4cada;font-weight:400}.studio-brand small{color:#8d99b2;letter-spacing:2px;margin-left:12px;font-size:9px}.studio-breadcrumb{color:#8591a8;align-items:center;gap:12px;font-size:11px;display:flex}.studio-header-actions{align-items:center;gap:17px;margin-left:auto;display:flex}.local-chip{color:#9ba7bb;font-size:10px}.local-chip i,.status-dot{background:#6ac8ad;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block}.studio-primary{border-radius:7px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:11px;font-weight:600;display:inline-flex;color:#161328!important;background:#b5a2ff!important;border:1px solid #baacfb!important}.studio-intro{justify-content:space-between;align-items:center;padding:30px 0 26px;display:flex}.studio-eyebrow{color:#a496d8;letter-spacing:1.8px;font-size:9px}.studio-intro h1{letter-spacing:-1px;margin:11px 0;font-size:29px;font-weight:500}.studio-intro h1 span{color:#9ca8bd}.studio-intro p{color:#8996ad;margin:0;font-size:11px}.studio-outline{color:#b8c4d8;border:1px solid #323c53;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:11px;display:flex}.studio-workspace{border:1px solid var(--studio-line);background:#101724;border-radius:12px;grid-template-columns:210px minmax(0,1fr) 235px;display:grid;overflow:hidden}.panel-title{letter-spacing:1.3px;color:#b0bbcf;justify-content:space-between;align-items:center;font-size:9px;display:flex}.branch-panel{border-right:1px solid var(--studio-line);flex-direction:column;padding:22px 14px;display:flex}.panel-caption{color:#8290a8;margin:11px 0 20px;font-size:10px;line-height:1.7}.panel-caption strong{color:#b5bfd1;font-weight:400}.branch-list{max-height:240px;overflow:auto}.branch-card{text-align:left;border:1px solid #0000;border-radius:7px;align-items:flex-start;gap:10px;width:100%;margin:0 0 7px;padding:14px 9px;display:flex;position:relative}.branch-card.is-selected{background:#211f39;border-color:#66568f}.branch-glyph{color:#a596ce;font-size:20px}.branch-card small{color:#9183ba;letter-spacing:1px;margin-bottom:6px;font-size:8px;display:block}.branch-card strong{padding-right:4px;font-size:11px;font-weight:500;line-height:1.5;display:block}.branch-card em{color:#93a0b4;margin-top:7px;font-size:8px;font-style:normal;display:block}.selected-dot{background:#b5a2ff;border-radius:50%;width:4px;height:4px;position:absolute;top:16px;right:8px}.fork-button{color:#b8a7f2;border:1px dashed #3f3859;border-radius:6px;align-items:center;gap:7px;width:100%;margin-top:6px;padding:12px 8px;font-size:10px;display:flex}.branch-foot{color:#8a96ac;margin-top:auto;padding:30px 7px 0}.branch-foot>strong{color:#c0c9d9;margin-top:12px;font-size:10px;font-weight:400;display:block}.branch-foot p{font-size:10px;line-height:1.8}.branch-foot>span{color:#697890;font-size:8px}.studio-stage{background:radial-gradient(#172036,#101724 75%);min-width:0}.stage-toolbar{letter-spacing:1px;border-bottom:1px solid #242e40;justify-content:space-between;align-items:center;height:49px;padding:0 18px;font-size:8px;display:flex}.synthetic-pill{color:#b8a2ed;border:1px solid #504363;border-radius:3px;margin-left:8px;padding:4px 5px;font-size:7px}.studio-tabs{background:#0d1421;border:1px solid #283146;border-radius:5px;gap:3px;padding:3px;display:flex}.studio-tabs button{color:#8898b0;padding:5px 8px;font-size:9px}.studio-tabs button[aria-pressed=true]{color:#d8e0ee;background:#29324a;border-radius:3px}.stage-display{height:338px;position:relative;overflow:hidden}.stage-caption{z-index:1;pointer-events:none;position:absolute;top:18px;left:23px}.stage-caption small{letter-spacing:1.5px;color:#8f9db5;font-size:7px;display:block}.stage-caption strong{letter-spacing:-1px;margin:5px 0;font-size:34px;font-weight:400;display:block}.stage-caption>span{color:#b1a6d6;font-size:9px}.territory-network{width:100%;height:100%;display:block}.stage-badge{color:#a3b3cd;background:#101a2de6;border:1px solid #314059;border-radius:5px;padding:8px 10px;font-size:8px;position:absolute;bottom:12px;right:15px}.stage-badge span{background:#8a9eff;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.studio-metrics{border-top:1px solid var(--studio-line);background:#141c2b;grid-template-columns:repeat(3,1fr);display:grid}.studio-metrics>div{border-right:1px solid var(--studio-line);padding:17px 16px}.studio-metrics>div:last-child{border:0}.studio-metrics>div>span{color:#a6b3c9;letter-spacing:.7px;white-space:nowrap;font-size:7px;display:block}.studio-metrics span small{color:#6d7d96;letter-spacing:0;margin-left:4px;font-size:7px}.studio-metrics strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;margin:10px 0 8px;font-size:27px;font-weight:400;display:block}.studio-metrics em{letter-spacing:0;color:#7889a4;font-size:10px;font-style:normal}.studio-metrics small{color:#8594ab;font-size:8px}.studio-metrics .positive{color:#69cdb9}.studio-metrics .negative{color:#f09a91}.inspector{border-left:1px solid var(--studio-line);background:#131b29;padding:22px 18px}.inspector-icon{background:#202b42;border:1px solid #35415b;border-radius:8px;margin-top:22px;padding:10px;display:inline-flex}.inspector h2{letter-spacing:-.4px;margin:15px 0 0;font-size:16px;font-weight:500}.inspector .panel-caption{margin:9px 0 16px}.inspector label{color:#acb8ce;justify-content:space-between;align-items:center;margin:20px 0 10px;font-size:10px;display:flex}.inspector label span{color:#a994de;font-size:8px}.inspector label output{color:#dee2f1;font-size:10px}.inspector .toggle-label{justify-content:flex-start;gap:8px;margin:17px 0;font-size:9px}.inspector input[type=checkbox]{accent-color:#a795ff}.inspector select{color:#d9e0ee;background:#1b2537;border:1px solid #34405a;border-radius:5px;width:100%;padding:8px 9px;font-size:11px}.inspector input[type=range]{accent-color:#a795ff;width:100%;height:4px}.assumption-card{background:#111a29;border:1px solid #2a354d;border-radius:5px;margin-top:20px;padding:11px}.assumption-card>span{letter-spacing:.7px;color:#8ca1c5;font-size:7px}.assumption-card p{color:#a6b6ce;font-size:9px;line-height:1.7}.assumption-card small{color:#75869f;font-size:8px;line-height:1.6;display:block}.method-link{color:#a894e1;align-items:center;gap:6px;margin-top:14px;font-size:9px;display:flex}.reference-info{color:#9daac0;padding:40px 5px}.reference-info p{font-size:11px;line-height:1.8}.timeline-editor{background:#111827;border:1px solid #323b51;border-radius:10px;margin-top:17px;overflow:hidden}.timeline-toolbar{border-bottom:1px solid #30394e;align-items:center;gap:30px;height:55px;padding:0 17px;display:flex}.transport{align-items:center;gap:13px;display:flex}.transport strong{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500}.transport strong span{color:#667791;font-size:10px}.play-button{border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;display:flex;color:#1e163d!important;background:#baabff!important}.timeline-title{color:#c3cce0;align-items:center;gap:8px;font-size:10px;display:flex}.timeline-title>svg{color:#a591e1}.timeline-title>span,.timeline-title small{color:#7d8da8;font-size:9px}.history-tools{color:#a6b0c5;gap:15px;margin-left:auto;display:flex}.timeline-grid{grid-template-columns:165px 1fr;padding-right:29px;display:grid}.track-labels{background:#131b2a;border-right:1px solid #30394e;padding-left:17px}.track-labels>span{letter-spacing:1px;color:#798ba7;align-items:center;height:42px;font-size:8px;display:flex}.track-labels>button{color:#adb9cf;align-items:center;gap:9px;height:43px;font-size:10px;display:flex}.tracks{background:repeating-linear-gradient(90deg,#0000 0 calc(7.14286% - 1px),#263046 calc(7.14286% - 1px) 7.14286%);margin-left:16px;position:relative}.ruler{z-index:3;background:#111827;border-bottom:1px solid #30394e;height:42px;position:relative}.ruler button{color:#90a0b9;padding:3px;font-size:8px;position:absolute;bottom:9px;transform:translate(-50%)}.ruler button.current{color:#d2c7ff}.ruler button>span{letter-spacing:1px;color:#72baa9;font-size:6px;display:block;position:absolute;top:-11px;left:0}.past-zone{pointer-events:none;background:repeating-linear-gradient(135deg,#8d93a404 0 5px,#8d93a40b 5px 6px);width:28.5714%;position:absolute;top:42px;bottom:0}.base-marker{pointer-events:none;border-left:1px dashed #5a9187;position:absolute;top:42px;bottom:0;left:28.5714%}.base-marker>span{display:none}.timeline-track{border-bottom:1px solid #253047;height:43px;position:relative}.intervention-clip{background:color-mix(in srgb, var(--clip-color) 17%, #101827);border:1px solid color-mix(in srgb, var(--clip-color) 45%, #101827);touch-action:none;cursor:grab;z-index:2;min-width:12px;height:31px;color:var(--clip-color);border-radius:5px;position:absolute;top:6px;overflow:hidden}.intervention-clip.selected{border-color:var(--clip-color);box-shadow:0 0 0 1px color-mix(in srgb, var(--clip-color) 15%, transparent)}.intervention-clip.muted{opacity:.3}.intervention-clip>button{width:calc(100% - 12px);height:100%;color:inherit;cursor:grab;white-space:nowrap;touch-action:none;align-items:center;gap:7px;padding:0 7px;font-size:9px;display:flex}.intervention-clip strong{font-size:9px;font-weight:500}.intervention-clip small{opacity:.7;font-size:8px;overflow:hidden}.clip-stripes{opacity:.4;border-left:1px solid;border-right:1px solid;flex-shrink:0;width:4px;height:11px}.clip-resize{cursor:ew-resize;background:#ffffff0a;justify-content:center;align-items:center;width:12px;display:flex;position:absolute;top:0;bottom:0;right:0}.playhead{z-index:4;pointer-events:none;background:#d1c1ff;width:1px;position:absolute;top:35px;bottom:0;box-shadow:0 0 8px #ac94ff33}.playhead>span{clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);background:#d1c1ff;width:9px;height:9px;position:absolute;top:-4px;left:-4px}.scrubber-row{color:#8c9ab3;border-top:1px solid #2a3448;align-items:center;gap:18px;padding:9px 22px;font-size:9px;display:flex}.scrubber-row input{accent-color:#af9aff;flex:1;height:3px}.scrubber-row output{color:#c8baf4;font-size:10px}.timeline-footer{color:#7e8fa8;align-items:center;gap:17px;padding:3px 20px 9px;font-size:8px;display:flex}.timeline-footer i{background:#536078;border-radius:2px;width:6px;height:6px;margin-right:5px;display:inline-block}.timeline-footer>span:nth-child(2) i{background:#9382cb}.timeline-footer p{color:#677b96;margin-left:auto;font-size:8px}.studio-footer{color:#71839e;justify-content:space-between;align-items:center;padding:16px 2px;font-size:9px;display:flex}.studio-footer a{color:#a899d6;align-items:center;gap:7px;display:flex}.stage-comparison{padding:30px 25px}.stage-comparison h3{color:#bdc9dd;margin:0 0 8px 170px;font-size:12px;font-weight:400}.stage-comparison svg{width:100%;height:205px;margin-top:13px}.comparison-legend{color:#a2b1c9;flex-wrap:wrap;gap:10px;margin-top:7px;font-size:8px;display:flex}.comparison-legend i{vertical-align:middle;width:8px;height:2px;margin-right:5px;display:inline-block}.studio-method-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#050911cc;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.studio-method{background:#151d30;border:1px solid #4a4369;border-radius:14px;max-width:610px;padding:35px;box-shadow:0 25px 100px #0009}.studio-method>button:first-child{float:right}.studio-method h2{margin:25px 0 20px;font-size:26px;font-weight:400}.studio-method p{color:#aab7ce;margin:16px 0;font-size:12px;line-height:1.9}.studio-mobile-tools{display:none}@media (min-width:1450px){.studio-shell{padding:0 38px}.studio-workspace{grid-template-columns:240px minmax(0,1fr) 270px}.stage-display{height:370px}.inspector{padding:23px}.studio-intro{padding:34px 0}.studio-intro h1{font-size:34px}.studio-metrics>div{padding:20px}.branch-panel{padding:23px 17px}.branch-card strong{font-size:12px}}@media (max-width:1099px){.future-studio{overflow-x:auto}.studio-shell{width:1100px}.studio-mobile-tools{color:#a3b0c7;background:#171c30;justify-content:space-between;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.studio-mobile-tools button{color:#c5b5ff;white-space:nowrap;border:1px solid #4a4164;border-radius:5px;padding:7px;font-size:11px}}dialog.studio-method{color:#e5eaf4;width:min(610px,90vw);max-height:85vh;margin:auto;overflow:auto}dialog.studio-method::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050911cc}.studio-method>section>button:first-child{float:right}.track-labels>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0}.track-labels>button[aria-pressed=true]{color:#fff;background:#25314d}.track-labels>button:disabled{opacity:.4;cursor:default}.studio-territory{position:absolute;inset:0}.studio-territory .scene{inset:35px 0 30px}.studio-territory canvas{width:100%;height:100%}.territory-key{text-align:center;color:#a8b8d1;font-size:9px;position:absolute;bottom:10px;left:20px;right:20px}.stage-caption,.stage-badge{z-index:1;pointer-events:none}
