:root{--green:#b991ff;--line:#292734;--muted:#a09bad;color:#f3effb;background:#0b0a10}body{background:radial-gradient(ellipse at 80% 0,#1d142c55,transparent 60%),#0b0a10}aside{background:#0b0b12;border-color:#272331}.brand b{color:#b88aff}.brand{letter-spacing:-1.2px}.brand:before{content:'◈';display:inline-block;margin-right:8px;color:#aa6dff;font-size:29px}nav button.active{background:#231a32;color:#dec9ff;box-shadow:inset 3px 0 #a367f5}button,.button{background:linear-gradient(135deg,#9b5cee,#7844d8);color:#fff;border:1px solid #aa77ed44;box-shadow:0 3px 12px #7949d21a}button.secondary,.button.secondary{background:#191722;border:1px solid #35303f;color:#ddd4ed;box-shadow:none}input,textarea,select{background:#100e17;border-color:#37303f}input:focus,textarea:focus,select:focus{outline:2px solid #a173e9;outline-offset:1px}input[type=checkbox],input[type=range]{accent-color:#a56af0}.panel,.stat,.card{background:#13111b;border-color:#2b2535}.panel{margin-bottom:18px}.stat{background:linear-gradient(120deg,#171220,#111019)}.thumb{background:#0c0b12}.badge{background:#2d1e3f;color:#dfc4ff}.notice{background:#21172d;border-color:#49325e;color:#dfd0ef}.eyebrow{color:#bb87ff}.topbar{border-color:#282332}.toolbar input,.toolbar select{background:#100e17}.day{background:#100e17}.day .cal-item{background:#2f2043}.status-dot{background:#be92ff}.provider-settings{margin-top:20px}.provider-settings summary{cursor:pointer;color:#c6a7f3;margin:12px 0}.provider-settings form{margin-top:20px}.provider-card h2{font-size:23px}.provider-card p{min-height:84px;font-size:13px}.provider-card button{width:100%}.provider-settings .field{margin-bottom:14px}.section-title{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:17px}.section-title h2{font-size:15px;margin:0}.section-title .eyebrow{font-size:10px}.section-title .muted{font-size:11px}.section-title button{padding:4px 8px}.studio-title{display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px}.studio-title h1{font-size:28px;margin-bottom:7px}.title-spark{color:#b27aed;margin-left:10px}.studio-title p{font-size:13px;margin-bottom:0}.studio-project{min-width:210px;max-width:280px}.studio-project input{background:transparent;border-color:transparent;padding:8px;font-size:14px;font-weight:600}.studio-project input:hover{border-color:#514064}.studio-project span{display:block;font-size:10px;text-align:right;padding-right:9px;margin-top:4px}.studio-grid{display:grid;grid-template-columns:minmax(210px,.8fr) minmax(280px,1.1fr) minmax(270px,.95fr);gap:17px;align-items:start}.studio-grid>.panel{padding:17px;min-width:0}.studio-media{height:710px;display:flex;flex-direction:column}.studio-upload{border:1px dashed #8d60b7;border-radius:10px;background:#1c1427;padding:24px 14px;margin-bottom:15px;font-size:13px}.studio-upload span{display:block;color:#b7a7c8;font-size:10px;margin-top:8px;font-weight:400}.studio-media>input{font-size:12px;padding:10px}.studio-chips{display:flex;gap:7px;margin:13px 0}.studio-chips button{font-size:10px;padding:7px}.studio-media-list{overflow:auto;flex:1}.studio-media-item{display:flex;align-items:center;gap:8px;padding:10px 6px;border:1px solid transparent;border-bottom-color:#292231;border-radius:7px}.studio-media-item.focused{background:#251932;border-color:#674187}.studio-media-item input{flex-shrink:0}.studio-media-focus{min-width:0;display:flex;gap:9px;text-align:left;align-items:center;background:transparent;box-shadow:none;border:0;padding:0;color:#eee6f7;font-size:11px;font-weight:500;flex:1}.studio-media-focus>span:last-child{overflow:hidden;text-overflow:ellipsis}.studio-media-focus small{display:block;white-space:nowrap;font-size:9px;margin-top:7px}.media-mini{background:linear-gradient(150deg,#4b3165,#191325);height:42px;width:32px;flex-shrink:0;display:grid;place-items:center;color:#b890e4;border-radius:5px}.mini-state{color:#776982;font-size:11px}.mini-state.completed{color:#8bc7a8}.mini-state.failed{color:#f09aaa}.studio-preview{min-height:710px}.studio-canvas-wrap{position:relative;background:#09080e;display:flex;justify-content:center;align-items:center;height:440px;overflow:hidden;border-radius:8px}.studio-canvas-wrap canvas{display:block;max-height:100%;max-width:100%;object-fit:contain;cursor:crosshair}.studio-canvas-wrap:fullscreen{height:100vh;background:#08070d}.canvas-empty{position:absolute;inset:0;display:flex;flex-direction:column;gap:15px;justify-content:center;align-items:center;color:#ae86d0;font-size:35px;pointer-events:none}.canvas-empty[hidden]{display:none}.canvas-empty span{font-size:12px;color:#b0a4bd}.studio-player{display:flex;align-items:center;gap:8px;margin-top:12px}.studio-player button{padding:5px 8px;font-size:12px}.studio-player small{font-size:10px;white-space:nowrap}.studio-player input{padding:0;min-width:30px;border:0;height:4px}.studio-trim{margin-top:20px;border-top:1px solid #282031;padding-top:15px}.studio-trim h3{font-size:11px;margin-bottom:12px}.studio-trim label{font-size:10px;color:#9c8fa9}.studio-trim input{font-size:12px;padding:8px}.studio-trim .form-grid{gap:12px}.studio-preview-note{font-size:10px;color:#867991;line-height:1.6;margin:15px 0 0}.studio-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid #33273f;padding-bottom:13px;margin-bottom:14px}.studio-tabs button{font-size:10px;border-radius:6px;padding:8px 3px;background:transparent;color:#a99ab8;box-shadow:none;border-color:transparent}.studio-tabs button.active{background:#6c3aaa;color:#f9f3ff;border-color:#9e65d1}.template-tools{padding-bottom:15px;border-bottom:1px solid #2d2238;margin-bottom:13px}.template-tools select{font-size:11px;padding:8px}.template-tools .actions{margin-top:8px}.template-tools button{font-size:9px;padding:6px 8px}.template-tools input{font-size:11px;margin:8px 0}.scope-switch{display:flex;gap:12px;padding:4px 0 10px}.scope-switch label{font-size:10px;display:flex;align-items:center;gap:5px}.scope-switch input{width:auto;accent-color:#aa6ef2}.studio-controls{height:710px;overflow:auto}.studio-field{margin-bottom:20px}.studio-field label{display:flex;justify-content:space-between;font-size:11px;color:#c5b6d4;margin-bottom:9px}.studio-field output{color:#b98be8;font-size:10px}.studio-field input[type=range]{height:4px;padding:0;border:0;background:#32243d;border-radius:20px}.studio-field input[type=color]{height:35px;padding:3px}.studio-field select,.studio-field textarea,.studio-field input[type=text],.studio-field input[type=number]{font-size:11px;padding:9px}.studio-field textarea{min-height:95px}.studio-toggle{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:19px;color:#c5b6d4}.studio-toggle input{width:29px;height:16px}.studio-operation{position:sticky;bottom:16px;z-index:3;background:#17121eef;border:1px solid #44314f;border-radius:12px;padding:17px 22px;backdrop-filter:blur(16px);display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 10px 30px #0008;margin:8px -4px 30px}.studio-operation>div:first-child{display:flex;align-items:center;gap:12px}.operation-check{display:grid;place-items:center;width:30px;height:30px;border:1px solid #a078c0;color:#cfafe4;border-radius:50%;font-size:15px}.studio-operation strong{font-size:12px;display:block;margin-bottom:5px}.studio-operation small{font-size:10px;color:#a194ad}.studio-operation button{font-size:11px;padding:10px 14px}.studio-outputs{margin-top:22px}.studio-outputs .eyebrow{margin-bottom:7px}.studio-outputs .grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.studio-outputs .thumb{height:170px}#resetStudio{font-size:11px;padding:9px;width:100%}.studio-tab-content[hidden]{display:none}#studioTemplateName[hidden]{display:none}
@media(min-width:1600px){.studio-preview .studio-canvas-wrap{height:530px}.studio-preview,.studio-media,.studio-controls{height:800px}.studio-controls{min-height:800px}}@media(max-width:1350px){.studio-grid{grid-template-columns:minmax(230px,.9fr) minmax(300px,1.1fr)}.studio-controls{grid-column:1/-1;height:auto;max-height:none}.studio-tabs{display:flex}.studio-tabs button{padding:10px 20px}.studio-tab-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 25px}.studio-field{margin-bottom:15px}.template-tools{display:flex;gap:12px;align-items:center}.template-tools select{max-width:300px}.template-tools .actions{margin-top:0}.scope-switch{margin-bottom:15px}.studio-operation{bottom:10px}}@media(max-width:800px){.studio-title{flex-direction:column}.studio-project{width:100%;max-width:none}.studio-project input{border-color:#3e304c;width:100%}.studio-grid{display:flex;flex-direction:column}.studio-grid>.panel{width:100%}.studio-media{height:auto;max-height:330px}.studio-media-list{max-height:160px}.studio-preview{min-height:0}.studio-canvas-wrap{height:430px}.studio-controls{height:auto}.studio-tab-content{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-tabs{overflow:auto}.studio-tabs button{padding:9px 14px}.studio-operation{position:static;flex-direction:column;align-items:stretch;padding:17px}.studio-operation .actions button{flex:1}.template-tools{flex-wrap:wrap}.studio-preview-note{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Tipografia local aberta e proporções conferidas na referência. */
@font-face{font-family:FrameJakarta;src:url('/fonts/jakarta-variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
body,button,input,select,textarea{font-family:FrameJakarta,'Segoe UI',sans-serif}h1{font-weight:800;letter-spacing:-1.2px}.studio-title h1{font-size:30px}.studio-title p{font-size:14px}.studio-title{display:block;margin-bottom:18px}.studio-project{display:flex;max-width:none;align-items:center;gap:12px;margin-top:10px;flex-wrap:wrap}.studio-project input{width:230px;font-size:14px;font-weight:700}.studio-project select{max-width:220px}.studio-project button{font-size:11px;padding:8px 12px}.studio-grid{grid-template-columns:minmax(190px,.8fr) minmax(235px,1fr) minmax(335px,1.65fr);gap:14px}.studio-controls{grid-column:auto;height:720px;container-type:inline-size}.studio-tabs{display:flex;gap:2px}.studio-tabs button{padding:11px 9px;font-size:11px;flex:1}.studio-tab-content{display:block}.template-tools{display:block}.template-tools select{max-width:none}.studio-media,.studio-preview{height:720px}.studio-canvas-wrap{height:455px}.studio-field{margin-bottom:15px}.studio-field label,.studio-toggle{font-size:11px}.studio-title .title-spark{color:#bb82ff}.studio-status-tools{display:flex;gap:4px;flex-wrap:wrap;margin:10px 0}.studio-status-tools button{padding:6px 8px;font-size:10px}.studio-status-tools button.active{background:#8e4ff0}.studio-quality-presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.studio-quality-presets button{font-size:10px;padding:8px}.studio-cut-range{display:grid;gap:8px;margin:12px 0}.studio-cut-range label{font-size:10px;display:flex;justify-content:space-between}.studio-cut-range input{width:100%;accent-color:#a567ff}
@container(min-width:440px){.studio-tab-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 18px}.studio-tab-content[hidden]{display:none}.studio-field:has(textarea){grid-column:1/-1}}
@media(max-width:1090px){.studio-grid{grid-template-columns:minmax(210px,.85fr) minmax(270px,1.15fr)}.studio-controls{grid-column:1/-1;height:auto;container-type:normal}.studio-tab-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 20px}.studio-tab-content[hidden]{display:none}}
@media(max-width:800px){.studio-grid{display:flex}.studio-media,.studio-preview{height:auto}.studio-tab-content{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-project input{width:100%}.studio-project select{max-width:100%}.studio-canvas-wrap{height:420px}}
.studio-quality-presets[hidden]{display:none}
.studio-grid>.panel,main,.studio-project{min-width:0}.studio-tabs{overflow-x:auto;flex-wrap:nowrap}.studio-tabs button{white-space:nowrap;flex-shrink:0}.studio-preview .section-title h2{font-size:13px}.studio-preview .section-title .actions{flex-wrap:nowrap;gap:3px}.studio-preview .section-title .actions button{padding:4px 7px}.studio-operation .actions{flex-wrap:wrap}.studio-controls{scrollbar-width:thin;scrollbar-color:#4d385e #13111b}
.studio-frame-handles{position:absolute;pointer-events:none}.frame-handle{position:absolute;pointer-events:auto;touch-action:none;font:600 10px FrameJakarta,sans-serif;background:#221631cc;padding:4px 7px;border:1px solid #bb85ff;color:#f2e8ff;z-index:2;white-space:nowrap}.frame-top,.frame-bottom{left:0;width:100%;border:0;border-top:2px dashed #bc83ff;border-radius:0;cursor:ns-resize;transform:translateY(-50%);padding:2px;background:#21112b66}.frame-move{left:50%;transform:translate(-50%,-50%);cursor:move}.frame-handle:focus{outline:2px solid #fff}

.studio-quality-shortcuts{grid-column:1/-1;padding:14px;border:1px solid #7754b755;border-radius:14px;margin-bottom:14px}.studio-quality-shortcuts p{font-size:13px;color:#bdb6d2}.studio-field input[name="speed"]{max-width:180px}.studio-field small{color:#bdb6d2;line-height:1.5}