/* MUTMAIN STÜDYO — mevcut dashboard üzerinde izole scroll-zone ve HUD katmanı. */
html{scroll-behavior:smooth;overflow:auto!important;scroll-snap-type:both proximity}
body{overflow:auto!important;min-width:200vw!important;min-height:200vh!important}
.mutmain-studio-shell{font-family:Arial,Helvetica,sans-serif;color:#eef7ff}
.mutmain-studio-launch{position:absolute;z-index:100500;left:50vw;top:72px;transform:translateX(-50%);width:min(540px,72vw);height:66px;border:1px solid #ffd928;border-radius:18px;background:linear-gradient(135deg,rgba(3,19,49,.94),rgba(5,59,126,.86));color:#fff;box-shadow:0 0 20px rgba(20,120,255,.62),0 0 12px rgba(255,217,40,.32),inset 0 0 18px rgba(255,255,255,.04);cursor:pointer;display:grid;place-content:center;gap:5px;letter-spacing:.08em}
.mutmain-studio-launch span{font-size:18px;font-weight:900;color:#ffd928}.mutmain-studio-launch small{font-size:10px;color:#b9d9ff}.mutmain-studio-launch:hover{filter:brightness(1.25);box-shadow:0 0 30px #1478ff,0 0 18px rgba(255,217,40,.7)}
.mutmain-studio-canvas{position:absolute;z-index:7000;left:0;top:100vh;width:200vw;height:100vh;display:grid;grid-template-columns:100vw 100vw;background:linear-gradient(135deg,rgba(0,5,17,.985),rgba(2,19,49,.98));isolation:isolate}
.mutmain-studio-canvas::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(20,120,255,.19),transparent 34%),repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,217,40,.025) 80px),repeating-linear-gradient(0deg,transparent 0 79px,rgba(20,120,255,.025) 80px)}
.mutmain-studio-zone{position:relative;width:100vw;height:100vh;scroll-snap-align:start;overflow:auto;padding:28px}
.mutmain-studio-panel{position:absolute;left:5vw;top:4vh;width:90vw;height:91vh;min-width:720px;min-height:520px;max-width:calc(100vw - 24px);max-height:calc(100vh - 18px);border:1px solid rgba(255,217,40,.78);border-radius:22px;background:linear-gradient(145deg,rgba(2,18,48,.96),rgba(2,8,24,.94));box-shadow:0 0 38px rgba(20,120,255,.45),0 0 18px rgba(255,217,40,.2),inset 0 0 35px rgba(20,120,255,.06);backdrop-filter:blur(12px);overflow:hidden;display:flex;flex-direction:column}
.studio-panel-head,.studio-library-panel>header{min-height:64px;padding:12px 18px;border-bottom:1px solid rgba(255,217,40,.25);background:linear-gradient(90deg,rgba(255,217,40,.07),transparent,rgba(20,120,255,.10));display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:move;touch-action:none}
.studio-panel-head b,.studio-library-panel header b{display:block;color:#ffd928;font-size:17px;letter-spacing:.12em}.studio-panel-head small,.studio-library-panel header small{display:block;margin-top:4px;color:#8fc1ff;font-size:9px;letter-spacing:.12em}
.studio-head-actions{display:flex;align-items:center;gap:8px}.studio-head-actions span{font-size:9px;padding:6px 9px;border:1px solid #ff5e67;border-radius:20px;color:#ff9ba1}.studio-head-actions span.ok{border-color:#31e77b;color:#55f89a}.studio-head-actions button,.studio-library-panel header button{border:1px solid rgba(255,217,40,.72);border-radius:9px;background:#061a38;color:#fff;padding:7px 10px;cursor:pointer}
.studio-grid{min-height:0;flex:1;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);gap:14px;padding:14px;overflow:auto}.studio-input-column,.studio-action-column{min-height:0;display:flex;flex-direction:column;gap:12px}
.studio-drop{min-height:100px;border:1px dashed rgba(255,217,40,.75);border-radius:14px;background:radial-gradient(circle,rgba(20,120,255,.12),transparent 68%);display:grid;place-content:center;text-align:center;gap:6px;cursor:pointer;transition:.2s}.studio-drop.dragover{background:rgba(20,120,255,.28);box-shadow:inset 0 0 28px rgba(255,217,40,.16)}.studio-drop input{display:none}.studio-drop strong{color:#ffd928;font-size:14px}.studio-drop span{color:#9fc5ef;font-size:10px}
.studio-files{min-height:112px;max-height:185px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:8px}.studio-empty{padding:30px;border:1px solid rgba(85,139,194,.25);border-radius:12px;color:#7392b4;text-align:center;grid-column:1/-1}
.studio-file-item{position:relative;min-width:0;height:110px;border:1px solid rgba(62,120,184,.55);border-radius:11px;background:#020d20;overflow:hidden;cursor:pointer}.studio-file-item.selected{border-color:#ffd928;box-shadow:0 0 13px rgba(255,217,40,.45)}.studio-file-item img,.studio-file-item video{width:100%;height:76px;object-fit:cover}.studio-file-item>span{display:block;padding:5px 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:9px}.studio-file-item>button{position:absolute;right:4px;top:4px;width:22px;height:22px;border:1px solid #ff666d;border-radius:50%;background:rgba(20,2,9,.82);color:#fff;cursor:pointer}.studio-ref{position:absolute;z-index:2;left:5px;top:5px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#ffd928;color:#02112b;font-weight:900}.studio-audio{height:76px;display:grid;place-items:center;font-size:28px;color:#ffd928}
.studio-prompt-label{font-size:9px;color:#ffd928;letter-spacing:.12em}.studio-prompt-label textarea{display:block;width:100%;height:105px;margin-top:7px;padding:12px;border:1px solid rgba(20,120,255,.72);border-radius:12px;background:rgba(0,7,23,.82);color:#fff;resize:vertical;outline:none;font-size:13px;line-height:1.45}.studio-prompt-label textarea:focus{border-color:#ffd928;box-shadow:0 0 12px rgba(20,120,255,.4)}
.studio-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.studio-controls label{font-size:8px;color:#8ebeed}.studio-controls select,.studio-controls input{display:block;width:100%;margin-top:5px;padding:8px;border:1px solid #275e9d;border-radius:8px;background:#03142e;color:#fff}.studio-controls label small{float:right;margin-top:-24px;margin-right:8px}
.studio-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.studio-actions button{min-height:44px;padding:8px;border:1px solid rgba(20,120,255,.65);border-radius:10px;background:linear-gradient(145deg,rgba(5,34,75,.9),rgba(2,13,35,.9));color:#eaf6ff;font-size:10px;font-weight:800;cursor:pointer;transition:.18s}.studio-actions button:hover,.studio-actions button.voice-target{border-color:#ffd928;box-shadow:0 0 16px rgba(255,217,40,.55),inset 0 0 14px rgba(20,120,255,.18);transform:translateY(-1px)}.studio-action-wide{grid-column:1/-1;color:#ffd928!important}
.studio-progress-wrap{padding:10px 12px;border:1px solid rgba(255,217,40,.28);border-radius:12px;background:rgba(0,8,25,.56)}.studio-progress-wrap>div:first-child{display:flex;justify-content:space-between;font-size:10px}.studio-progress-wrap b{color:#ffd928}.studio-progress{height:9px;margin:8px 0;border-radius:20px;background:#001129;overflow:hidden}.studio-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1478ff,#ffd928);box-shadow:0 0 10px #1478ff;transition:width .35s}.studio-progress-wrap small{color:#91b7df;font-size:9px}
.studio-preview{min-height:180px;flex:1;border:1px solid rgba(20,120,255,.38);border-radius:14px;background:rgba(0,5,17,.72);overflow:auto;display:grid;place-items:center;padding:8px}.studio-preview-empty{color:#6081a5;letter-spacing:.14em}.studio-preview figure{width:100%;height:100%;margin:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:5px}.studio-preview img,.studio-preview video,.studio-preview iframe{width:100%;height:100%;max-height:330px;object-fit:contain;border:0}.studio-preview a{color:#ffd928;text-align:center;font-size:10px}.studio-text-output iframe{background:#fff}
.studio-resize-handle{position:absolute;right:0;bottom:0;width:24px;height:24px;cursor:nwse-resize;touch-action:none;background:linear-gradient(135deg,transparent 45%,#1478ff 46% 57%,transparent 58% 68%,#ffd928 69% 78%,transparent 79%)}
.studio-library-panel{width:min(1500px,94vw);height:90vh;margin:2vh auto;border:1px solid rgba(255,217,40,.6);border-radius:20px;background:rgba(2,15,40,.94);box-shadow:0 0 32px rgba(20,120,255,.35);overflow:hidden}.studio-library-panel>header{cursor:default}.studio-history{height:calc(100% - 64px);overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:12px}.studio-history-item{padding:13px;border:1px solid rgba(56,118,185,.46);border-radius:12px;background:rgba(1,8,23,.75)}.studio-history-item.completed{border-color:rgba(49,231,123,.5)}.studio-history-item.failed{border-color:rgba(255,94,103,.5)}.studio-history-item header{display:flex;justify-content:space-between;color:#ffd928}.studio-history-item header span{font-size:9px}.studio-history-item small{color:#6f9ccc}.studio-history-item p{height:34px;overflow:hidden;font-size:10px;color:#b8d0e9}.studio-history-item button{border:1px solid #1478ff;border-radius:7px;background:#03152f;color:#fff;padding:6px;cursor:pointer}
@media(max-width:1000px){.mutmain-studio-panel{left:12px!important;top:12px!important;width:calc(100vw - 24px)!important;height:calc(100vh - 24px)!important;min-width:0}.studio-grid{grid-template-columns:1fr}.studio-preview{min-height:260px}.mutmain-studio-launch{width:min(470px,88vw)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.studio-progress i,.studio-actions button{transition:none}}