/* The section is a data canvas: preparation unfolds into analysis without a desktop shell. */
#project-studio .project-visual{inset:18% 0 18%;height:auto}
#project-studio .visual-object{transform:none!important;transition:none!important}
.studio-stage{width:100%;height:100%;min-height:250px;position:relative;color:#b9d5df;isolation:isolate;overflow:hidden;font-family:var(--mono)}
.studio-data-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.studio-field-label{position:absolute;left:13%;right:13%;top:6%;display:flex;align-items:center;gap:9px;z-index:2;color:#7ba1b3;font-size:8px;letter-spacing:.14em}
.studio-field-label i{height:4px;width:4px;background:#96d3c6;border-radius:50%;box-shadow:0 0 12px #96d3c655}
.studio-field-label small{margin-left:auto;font-size:6px;letter-spacing:.015em;color:#668297}
.studio-insight{position:absolute;z-index:3;left:43%;top:18%;width:250px;padding:16px 18px;border-left:1px solid #86bdc278;background:linear-gradient(100deg,#10232fe6,#10232f30);backdrop-filter:blur(7px);pointer-events:none;opacity:.98;transition:top .9s,left .9s,opacity .7s,transform .7s}
.studio-insight:before{content:'';position:absolute;left:-4px;top:20px;width:5px;height:5px;border-radius:50%;background:#a4d6d3;box-shadow:0 0 13px #a4d6d344}
.studio-insight-kicker{display:block;font-size:6px;line-height:1.5;letter-spacing:.14em;color:#7199ab;margin-bottom:9px}
.studio-insight-title{display:block;font-size:12px;line-height:1.6;font-weight:400;letter-spacing:-.025em;color:#bfd9df;text-wrap:balance}
#project-studio .studio-insight-copy{font-size:9px;line-height:1.8;margin:8px 0 0;color:#7f9da9;max-width:230px}
.studio-insight-action{margin-top:13px;border:0;padding:0;font-family:inherit;font-size:8px;line-height:1.6;letter-spacing:0;color:#9fd2cb;text-align:left;pointer-events:auto;cursor:pointer}
.studio-insight-action[hidden]{display:none}.studio-insight-action span{display:inline-block;margin-left:10px;color:#a4d9d2}
.studio-stage[data-studio-phase="import"] .studio-insight,.studio-stage[data-studio-phase="quality"] .studio-insight{top:11%;left:40%;width:280px}
.studio-stage[data-studio-phase="quality"] .studio-insight{border-color:#c7a77466;background:linear-gradient(100deg,#241e17de,#241e1720)}
.studio-stage[data-studio-phase="quality"] .studio-insight:before{background:#c7a774}.studio-stage[data-studio-phase="quality"] .studio-insight-kicker{color:#b39a77}
.studio-stage[data-studio-phase="scanpath"] .studio-insight{top:18%;left:39%}.studio-stage[data-studio-phase="heatmap"] .studio-insight{top:16%;left:38%}
.studio-canvas-controls{position:absolute;bottom:0;left:13%;right:13%;display:flex;gap:30px;align-items:center;z-index:4;padding:12px 0;color:#7b9cae}
.studio-canvas-modes{display:flex;gap:18px;align-items:center}.studio-canvas-modes button{font:inherit;font-size:8px;letter-spacing:.025em;color:#5e7b91;cursor:pointer;border:0;padding:8px 0;position:relative;background:none;transition:color .3s}
.studio-canvas-modes button[aria-pressed="true"]{color:#b6d7dc}.studio-canvas-modes button[aria-pressed="true"]:after{content:'';position:absolute;height:1px;left:0;right:0;bottom:2px;background:#85bfbf}
.studio-canvas-time{margin-left:auto;display:flex;align-items:center;gap:13px;font-size:6px;letter-spacing:.1em;width:46%;max-width:430px;color:#547386}
.studio-canvas-time input{flex:1;min-width:20px;height:2px;accent-color:#83b4bd;cursor:ew-resize;margin:0;opacity:.7}.studio-canvas-time output{font-size:8px;font-variant-numeric:tabular-nums;letter-spacing:0;color:#83abb7;min-width:31px}
.studio-canvas-unavailable:after{content:'Illustrative analysis canvas';position:absolute;inset:40% 0 auto;text-align:center;font-size:13px;color:#83abb7}
@media(max-width:900px){.studio-insight{width:220px;padding:12px 14px}.studio-insight-title{font-size:11px}#project-studio .studio-insight-copy{font-size:8px}.studio-field-label,.studio-canvas-controls{left:9%;right:9%}.studio-canvas-controls{gap:20px}.studio-canvas-time{width:42%}.studio-stage[data-studio-phase="import"] .studio-insight,.studio-stage[data-studio-phase="quality"] .studio-insight{width:250px;left:36%}}
@media(max-width:600px){
 #project-studio .project-visual{inset:23% 0 21%;height:auto}
 .studio-field-label{left:9%;right:9%;top:2%;font-size:6px;letter-spacing:.08em;gap:7px;flex-wrap:wrap}.studio-field-label small{width:100%;margin-left:11px;font-size:5px}
 .studio-insight,.studio-stage[data-studio-phase] .studio-insight{left:9%;top:12%;width:82%;padding:12px 13px;backdrop-filter:blur(9px);background:linear-gradient(100deg,#0d202eea,#0d202e75)}
 .studio-stage[data-studio-phase="import"] .studio-insight,.studio-stage[data-studio-phase="quality"] .studio-insight{top:12%;left:9%;width:82%}
 .studio-stage[data-studio-phase="quality"] .studio-insight{background:linear-gradient(100deg,#241e17ed,#241e1770)}
 .studio-insight-kicker{font-size:5px;margin-bottom:6px}.studio-insight-title{font-size:10px;line-height:1.6}#project-studio .studio-insight-copy{font-size:8px;line-height:1.7;margin-top:5px}.studio-insight-action{font-size:7px;margin-top:8px}
 .studio-canvas-controls{left:9%;right:9%;bottom:0;gap:16px;padding:7px 0}.studio-canvas-modes{gap:14px}.studio-canvas-modes button{font-size:8px}.studio-canvas-time{width:42%;gap:9px}.studio-canvas-time>span{display:none}.studio-canvas-time output{font-size:7px}
}
@media(prefers-reduced-motion:reduce){.studio-stage *{transition:none!important;animation:none!important}}
.motion-off .studio-stage *{transition:none!important;animation:none!important}