/* Estúdio ATP · Tema claro · Impeccable polish (v1.4) */
:root{
 --bg:#F5F7F8;--panel:#FFFFFF;--panel2:#EEF3F5;--border:#DCE4E8;
 --border2:#CCD8DE;--muted:#526674;--text:#11212D;--soft:#253745;
 --gold:#4A5C6A;--blue:#253745;--blue2:#E8EFF3;
 --green:#237D62;--red:#BA3947;
}
html{color-scheme:light}
body{background:var(--bg);color:var(--text);font-size:14px}
p,.subdued,.top-product{color:var(--muted)}
a{color:#253745}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #55758B;outline-offset:3px}
.rail{background:#FFFFFF;border-color:#DCE4E8;box-shadow:2px 0 18px #20374408}
.rail-logo{border-color:#DCE4E8;background:#06141B;box-shadow:0 2px 10px #25374521}
.rail-btn{color:#526674}.rail-btn:hover,.rail-btn.is-active{background:#E8EEF2;border-color:#CDDCE2;color:#11212D}
.rail-separator{border-color:#DCE4E8}
.topbar{background:#FFFFFF;border-bottom:1px solid #DCE4E8;box-shadow:0 3px 20px #11212D08}
.brand-stacked strong{color:#11212D}.brand-stacked em{color:#253745}.brand-stacked small,.saved{color:#526674}
.save-dot{background:#237D62}
.top-divider{background:#DCE4E8}
.top-actions{flex-wrap:wrap}
.btn,.source-btn,.round-plus{background:#FFFFFF;color:#253745;border:1px solid #CAD7DD;box-shadow:0 1px 2px #11212D07}
.btn:hover,.source-btn:hover,.round-plus:hover{filter:none;background:#EAF0F3;border-color:#879DA9}
.btn-quiet{background:transparent;color:#253745;border-color:transparent;box-shadow:none}
.btn-outline,.btn-dark{background:#FFFFFF;color:#253745}
.btn-success{background:#1D725A;color:white;border-color:#1D725A}
.workspace{background:#F5F7F8}
.left-panel,.right-panel{background:#FFFFFF;border-color:#DCE4E8}
.left-panel{box-shadow:2px 0 15px #11212D05}
.center-panel{background:#F5F7F8}
.panel-eyebrow,.eyebrow,.strip-label,.setting-subhead,.input-label{color:#4A5C6A}
.eyebrow span:last-child,.stage-meta{color:#526674}
.eyebrow-line{border-color:#BACBD2}
.workspace-heading h1{color:#11212D;letter-spacing:-.035em}
.workspace-heading p{color:#526674}
.stage-status{background:#E9F4EF;border-color:#C7E6D9;color:#225C49}
.stage-status span:first-child{background:#237D62}
.template-card{background:#FFFFFF;border-color:#DCE4E8;color:#11212D;box-shadow:0 1px 3px #11212D08}
.template-card:hover{border-color:#93A8B2;transform:none;box-shadow:0 3px 13px #11212D10}
.template-card.is-active{background:#EAF0F3;border-color:#7792A0;box-shadow:inset 3px 0 0 #253745}
.template-icon,.template-card.is-active .template-icon{background:#E1E9ED;color:#253745}
.template-card.is-active .template-icon{background:#CFDEE5}
.template-copy small{color:#526674}
.upload-zone{background:#F8FAFB;border-color:#BFCFD6;color:#253745}
.upload-zone:hover{background:#EEF4F6;border-color:#547182}
.upload-zone .upload-icon{color:#253745}
.upload-zone small{color:#526674}
.file-info,.help-tip{background:#EFF4F6;border-color:#D3E0E5;color:#253745}
.help-tip span{color:#253745}
.tools-strip,.record-panel{background:#FFFFFF;border-color:#DCE4E8;box-shadow:0 2px 12px #11212D08}
.draw-btn{color:#526674}.draw-btn:hover,.draw-btn.active{background:#E7EFF3;color:#11212D;border-color:#CDDCE2}
.strip-label{color:#526674}.fullscreen-btn{color:#526674}
.record-title{color:#11212D}.record-subtitle{color:#526674}.audio-indicator{color:#4A5C6A}
.mic-circle{background:#EFF4F6;border-color:#D2DFE5;color:#253745}
.mic-circle.active{background:#D9EEE6;border-color:#2F9170}
.btn-record{background:#BF3449;color:#FFFFFF;border-color:#AE2E42;box-shadow:0 3px 9px #BF344926}
.btn-record:hover{background:#AA2D40}
.after-record{background:#EAF5F0;border-color:#B9DCCC;color:#174D3C}
.after-record small{color:#2F6B55}
.slide-nav{background:#EFF4F6;border-color:#D6E1E5}
.slide-nav button:not(.btn){background:#FFFFFF;border-color:#D0DCE2;color:#253745}
.slide-nav span{color:#253745}
.compat-note{color:#526674}
.stage{background:#F7FAFB;border-color:#BFCFD5;box-shadow:0 11px 35px #263D4B16,0 0 0 4px #E9EFF2}
.stage-top-label{background:#FFFFFFE8;color:#253745;border-color:#CAD7DD}
.stage-bottom-caption{color:#526674}
.webcam-handle{border-color:#4A5C6A;box-shadow:0 0 0 1px #FFFFFFAA}
.handle-pill{background:#FFFFFF;color:#253745;border:1px solid #CAD7DD}
.resize-knob{background:#253745;border:2px solid #FFFFFF}
.setting-section{border-color:#DFE7EA}
.setting-section h3{color:#11212D}
.segmented{background:#EEF3F5;border-color:#DCE4E8}
.aspect-choice{color:#526674}
.aspect-choice.is-active{background:#FFFFFF;border-color:#CAD7DD;color:#11212D;box-shadow:0 2px 4px #142A3211}
.toggle-line label:not(.switch),.toggle-line h3{color:#253745}
.toggle-line p,.setting-subhead,.range-label,.mini-link{color:#526674}
.switch span{background:#CDD8DE}.switch input:checked+span{background:#354F5D}
.camera-permission{background:#EFF4F6;border-color:#D0DEE3;color:#253745}
.camera-permission:hover{background:#E1ECF0}
.shape-choice{background:#F8FAFB;border-color:#D3E0E5;color:#526674}
.shape-choice.active{background:#E2EBF0;border-color:#647D8B;color:#11212D}
.shape{background:#6D8592}.range-label output{color:#253745}
.setting-section input[type=range]{accent-color:#354F5D}
.setting-section input[type=url],.setting-section select{background:#FFFFFF;border:1px solid #CBD8DF;color:#253745}
.form-hint{color:#526674}
.inspector-footer{background:#EEF3F5;border-color:#DCE4E8;color:#526674}
.inspector-footer span:first-child{color:#253745}
.toast{background:#11212D;color:#FFFFFF;box-shadow:0 14px 40px #11212D22}
.toast.error{background:#FFF1F1;color:#7D1D2C;border:1px solid #ECC4C9}
dialog{background:#FFFFFF;border-color:#DCE4E8;color:#11212D;box-shadow:0 25px 90px #11212D44}
dialog::backdrop{background:#11212D77}
dialog li,dialog p{color:#354B59}
.site-panel{background:#FFFFFF;border-color:#D6E0E5;box-shadow:0 1px 6px #11212D0B}
.site-label,.site-explainer{color:#526674}
.site-explainer strong{color:#253745}
.site-form input{background:#F8FAFB;border-color:#CBD7DD;color:#11212D}
.site-action{background:#EFF4F6;border-color:#CBD8DE;color:#253745}
.site-action:hover{background:#DEE9ED}
.site-action-main{background:#253745;color:#FFFFFF;border-color:#253745}
.site-action-main:hover{background:#11212D;color:#FFFFFF}
.site-overlay{background:#FFFFFF}
.site-overlay-head,.site-overlay-foot{background:#F5F7F8;border-color:#DCE4E8;color:#253745}
.site-overlay-head strong{color:#253745}
.site-overlay-head small,.site-overlay-foot span{color:#526674}
.site-overlay-head button,.site-overlay-foot button{background:#FFFFFF;border-color:#CDD9DE;color:#253745}
.site-overlay iframe{background:#FFFFFF}
.site-preview-dot{background:#537C8D}
#penColor{accent-color:#253745}
#afterRecord{color:#174D3C}
.pwa-install{border-color:#C9D9DF;background:#EAF2F5;color:#253745}
.pwa-install:hover{background:#DAE7ED}
.pwa-share{color:#526674}
.brand-config{display:grid;gap:9px;padding-top:5px}
.brand-config label{font-size:11px;color:#354B59;font-weight:700}
.brand-config input[type=range]{width:100%;accent-color:#354F5D}
.brand-config select{width:100%;padding:9px;border-radius:8px;font-size:12px}
.brand-config .range-label{margin:0}
.brand-config output{color:#253745}
.site-shortcuts{margin-top:12px;display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.site-shortcuts:empty{display:none}
.site-shortcut{display:inline-flex;align-items:center;gap:5px;background:#F1F5F7;border:1px solid #C9D9DF;border-radius:18px;max-width:230px;font-size:11px;padding:5px 9px;color:#253745}
.site-shortcut button{border:0;background:transparent;color:inherit;padding:0 2px;font-size:11px;white-space:nowrap;max-width:175px;overflow:hidden;text-overflow:ellipsis}
.site-shortcut .shortcut-remove{font-size:15px;color:#536D7A}
.site-shortcut-label{font-size:10px;color:#526674}
.site-brand-preview{position:absolute;z-index:3;pointer-events:none;width:5.2%;max-width:82px;min-width:24px;aspect-ratio:1/1;border-radius:7px;object-fit:cover;box-shadow:0 2px 11px #11212D33}
.site-brand-preview[hidden]{display:none!important}
.site-brand-preview.bottom-right{right:3.2%;bottom:4.1%}
.site-brand-preview.bottom-left{left:3.2%;bottom:4.1%}
.site-brand-preview.top-right{right:3.2%;top:9.3%}
.site-brand-preview.top-left{left:3.2%;top:9.3%}
.site-overlay-foot{padding-right:12px}
button,select,input,a{transition:background-color .16s,border-color .16s,color .16s}
@media(max-width:1050px){
 .workspace{grid-template-columns:210px minmax(430px,1fr)}
}
@media(max-width:750px){
 .workspace{display:flex;flex-direction:column}
 .topbar{gap:8px}
 .brand-stacked strong{font-size:16px}
 .top-actions{gap:5px}
 .top-actions .btn{font-size:11px;padding:8px}
 .workspace-heading h1{font-size:23px}
 .stage{box-shadow:0 6px 22px #263D4B16}
 .record-panel{flex-wrap:wrap}
}
@media(max-width:450px){
 .top-actions{width:auto;flex:1;justify-content:flex-end}
 .top-actions .btn-quiet{display:none}
 .brand-stacked small{font-size:7px}
 .site-action{flex:1}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}