:root{--editor-blue:#2457e6;--editor-blue-dark:#173b9b;--editor-canvas:#edf1f7;--editor-panel:#fff;--editor-border:#dfe4ec;--editor-text:#172033;--editor-muted:#697386;--editor-orange:#f56321}
body{background:#f7f8fb!important}
.studio{max-width:none!important;padding:28px clamp(14px,2.4vw,40px) 72px!important;background:#f4f5f8!important}
.studio>.section-head{max-width:1600px!important;padding:0 4px 16px!important;margin-bottom:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.studio>.section-head .section-tag{display:none!important}.studio>.section-head h2{font-size:28px!important;margin:0 0 3px!important;letter-spacing:-.5px!important}.studio>.section-head p{margin:0!important}
.canva-toolbar{max-width:1600px;margin:0 auto 12px;min-height:64px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--editor-border);border-radius:14px;box-shadow:0 4px 14px #1720330b}
.canva-toolbar>div,.toolbar-actions{display:flex;align-items:center;gap:10px}.toolbar-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ff7b24,#e74612);font:900 21px Georgia;box-shadow:0 7px 16px #f5632133}.canva-toolbar b{display:block;color:var(--editor-text);font-size:14px}.canva-toolbar small{display:block;color:var(--editor-muted);font-size:10px;margin-top:2px}.autosave-state{font-size:10px;font-weight:800;color:#178755;background:#eaf9f1;border-radius:999px;padding:7px 10px}
.editor-steps{max-width:1600px!important;margin:0 auto 12px!important;padding:5px!important;display:flex!important;gap:4px!important;background:#fff!important;border:1px solid var(--editor-border)!important;border-radius:12px!important;box-shadow:none!important}.editor-step{flex:1;padding:9px!important;background:transparent!important;border-radius:8px!important}.editor-step.active{background:#eaf0ff!important;color:#2457e6!important}
.studio-grid{max-width:1600px!important;display:grid!important;grid-template-columns:minmax(260px,320px) minmax(430px,1fr) minmax(240px,300px)!important;grid-template-areas:"assets canvas inspector" "assets timeline timeline"!important;gap:12px!important;align-items:start!important}
.studio-grid>.controls{grid-area:assets;max-height:calc(100vh - 118px);overflow:auto;position:sticky;top:84px;padding:14px!important;border:1px solid var(--editor-border)!important;border-top:1px solid var(--editor-border)!important;border-radius:14px!important;box-shadow:0 4px 14px #1720330b!important;background:#fff!important;scrollbar-width:thin}
.studio-grid>.canvas-card{grid-area:canvas;position:relative!important;top:auto!important;min-height:680px;padding:14px 18px 18px!important;border:1px solid #cfd6e0!important;border-radius:14px!important;background:var(--editor-canvas)!important;color:var(--editor-text)!important;box-shadow:inset 0 0 0 1px #fff,0 4px 14px #1720330b!important}
.editor-inspector{grid-area:inspector;position:sticky;top:84px;padding:14px!important;border-radius:14px!important;border:1px solid var(--editor-border)!important;box-shadow:0 4px 14px #1720330b!important;background:#fff!important}
.editor-timeline{grid-area:timeline;margin:0!important;padding:14px!important;border-radius:14px!important;border:1px solid var(--editor-border)!important;box-shadow:0 4px 14px #1720330b!important;background:#fff!important}
.panel-label{display:flex;align-items:center;gap:10px;padding:2px 2px 13px;margin-bottom:13px;border-bottom:1px solid #edf0f4}.panel-label>span{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#edf2ff;color:var(--editor-blue);font-weight:900}.panel-label b{display:block;font-size:13px;color:var(--editor-text)}.panel-label small{display:block;margin-top:2px;font-size:9px;color:var(--editor-muted)}
#ai-workflow{margin:0 0 16px!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.ai-head{margin-bottom:10px!important}.ai-head>div h3{font-size:13px!important}.ai-head>div span{display:none}.ai-head>b{font-size:9px!important;padding:6px 8px!important;background:#edf2ff!important;color:#2457e6!important;border:0!important}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:7px!important}.video-mode{min-height:58px!important;padding:7px 5px!important;border-radius:10px!important}.video-mode i{font-size:18px!important}.video-mode.active{border:1px solid var(--editor-blue)!important;background:#edf2ff!important;color:#1747ca!important;box-shadow:0 0 0 2px #2457e61c!important}.template-picker{padding:9px!important;margin:10px 0 3px!important;border:1px solid #dfe4ec!important;background:#f8f9fb!important}.template-picker small{font-size:9px}.ai-meta,.ai-fields{grid-template-columns:1fr!important;margin-top:9px!important}.workflow-note{display:none}.ai-accuracy-note{margin:10px 0 0!important;padding:9px!important;font-size:9px!important;background:#f7f8fb!important;border-left:3px solid #2457e6!important}.controls>h3{font-size:12px!important;margin:16px 0 9px!important}.drop{height:108px!important;border:1.5px dashed #aeb9ca!important;background:#fafbfc!important;border-radius:12px!important}.drop:hover{border-color:#2457e6!important;background:#f2f5ff!important}.music{font-size:10px!important;padding:9px!important}.safety-check{padding:9px!important;font-size:9px!important;line-height:1.35;background:#fff8e9!important;border-color:#f3d7a2!important}.actions{margin-top:10px!important}.actions .primary{background:var(--editor-blue)!important;box-shadow:none!important}.notice{margin-bottom:0!important}
.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;color:#5c6678;font-size:10px;font-weight:800}.canvas-toolbar div{display:flex;align-items:center;gap:5px}.canvas-toolbar i{width:7px;height:7px;border-radius:50%;background:#1db56c;box-shadow:0 0 0 3px #1db56c20}.preview-title{align-items:center;margin-bottom:8px}.preview-title h3{color:var(--editor-text)!important;margin:0!important}.preview-title span{background:#fff!important;color:#2457e6!important;border:1px solid #dbe2ed!important}.canvas-card canvas{display:block;width:auto!important;max-width:min(100%,360px)!important;height:480px;max-height:55vh;margin:0 auto;background:#111827!important;border:6px solid #fff!important;border-radius:12px!important;box-shadow:0 18px 38px #17203325!important;object-fit:contain}.export-row{max-width:760px;margin:14px auto 0!important;display:grid!important;grid-template-columns:1fr 150px 190px!important;gap:8px!important}.export-row #format{grid-column:auto!important}.export-row select{min-width:0;background:#fff!important;color:#172033!important;border:1px solid #d8dee8!important}.export-row #export{background:linear-gradient(135deg,#6b4ef6,#2457e6)!important;box-shadow:0 7px 18px #2457e62b!important}.canvas-card progress,.canvas-card .download,.canvas-card .micro{max-width:760px;margin-left:auto!important;margin-right:auto!important}.canvas-card .micro{color:#697386!important}.download{background:#16a168!important}
.editor-inspector h3{margin:5px 0 12px!important;font-size:12px!important}.editor-inspector .fields{grid-template-columns:1fr!important;gap:10px!important;margin:0!important}.editor-inspector label{font-size:10px!important;color:#5d6879!important}.editor-inspector select{padding:10px!important}.inspector-tip{margin-top:16px;padding:11px;border-radius:10px;background:#f2f5ff;border:1px solid #dbe4ff}.inspector-tip b{color:#2457e6;font-size:10px}.inspector-tip p{margin:4px 0 0;color:#637087;font-size:9px;line-height:1.45}
.editor-timeline>.section-head{margin:0 0 8px!important}.editor-timeline>.section-head h3{font-size:13px!important;margin:0!important}.editor-timeline>.section-head p{margin:3px 0 0!important}.timeline{min-height:112px!important;padding:6px 2px!important}.scene{min-width:110px!important;border-radius:9px!important;box-shadow:none!important}.scene img,.scene video{height:68px!important}
@media(max-width:1100px){.studio-grid{grid-template-columns:minmax(250px,300px) 1fr!important;grid-template-areas:"assets canvas" "inspector canvas" "timeline timeline"!important}.editor-inspector,.studio-grid>.controls{position:relative;top:auto;max-height:none}.canvas-card canvas{height:520px}}
@media(max-width:760px){.studio{padding:18px 10px 54px!important}.canva-toolbar{border-radius:11px}.canva-toolbar small,.autosave-state{display:none}.editor-steps{overflow:auto!important}.editor-step{min-width:110px}.studio-grid{grid-template-columns:1fr!important;grid-template-areas:"canvas" "assets" "inspector" "timeline"!important}.studio-grid>.canvas-card{min-height:auto;order:0}.canvas-card canvas{height:auto;max-height:520px}.export-row{grid-template-columns:1fr!important}.controls,.editor-inspector,.editor-timeline{border-radius:12px!important}.mode-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.video-mode span{font-size:8px}.toolbar-actions .ghost{padding:8px!important;font-size:10px}.studio>.section-head{align-items:flex-start!important}.save-project{margin-left:0!important}}
@media(max-width:430px){.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.canva-toolbar{padding:8px}.toolbar-mark{width:34px;height:34px}.canva-toolbar b{font-size:12px}.canvas-card canvas{max-height:460px}}