.admin-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin:18px 0 24px}
.admin-tabs a{display:flex;align-items:center;gap:8px;text-decoration:none;padding:12px 0;font-size:.85rem;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px}
.admin-tabs a[aria-current]{color:var(--red);border-bottom-color:var(--red);font-weight:700}
.admin-tabs svg{width:18px;height:18px}
.stories-admin{max-width:1240px;margin:0 auto;padding:0 30px 40px}
.stories-admin>.page-t{font-size:1.65rem}
.studio-header{display:flex;justify-content:space-between;align-items:center;margin:8px 0 24px}
.studio-header p{margin:0 0 7px;font-size:.64rem;letter-spacing:.18em;font-weight:700;color:var(--terra)}
.studio-header h2{margin:0;font:400 2rem 'DM Serif Display',serif;color:var(--ink)}
.studio-header>span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.75rem}
.studio-header svg{width:15px;height:15px}
.studio-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:30px;align-items:start}
.studio-editor{scroll-margin-top:20px;background:#fffdf5;border:1px solid #e4d8bc;border-radius:16px;overflow:hidden}
.studio-steps{display:flex;gap:0;border-bottom:1px solid #e4d8bc;padding:0 20px;background:#fcf7e9}
.studio-steps button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:17px 4px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font:700 .79rem 'DM Sans',sans-serif;cursor:pointer;margin-bottom:-1px;white-space:nowrap}
.studio-steps button>span{display:grid;place-items:center;width:21px;height:21px;border:1px solid #d7c6a0;border-radius:50%;font-size:.67rem;font-weight:400}
.studio-steps button[aria-current]{border-bottom-color:var(--red);color:var(--red)}
.studio-steps button[aria-current]>span{color:#fff;border-color:var(--red);background:var(--red)}
#studio-pane{padding:24px}
.studio-pane-heading{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}
.studio-pane-heading>span{font:400 1.1rem 'DM Serif Display',serif;color:#b59b6b;margin-top:3px}
.studio-pane-heading h3{font:400 1.35rem 'DM Serif Display',serif;margin:0 0 6px;color:var(--ink)}
.studio-pane-heading p{font-size:.78rem;line-height:1.5;color:var(--muted);margin:0}
.studio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}
.studio-template{appearance:none;background:none;border:0;color:var(--terra);padding:0;cursor:pointer;text-align:left;min-width:0}
.studio-thumb{display:block;position:relative;aspect-ratio:9/16;border-radius:7px;overflow:hidden;border:3px solid transparent;background:#e5d8bc;outline:1px solid #e7ddc6;outline-offset:1px;transition:border-color .2s,transform .2s}
.studio-thumb canvas{width:100%;height:100%;display:block}
.studio-template[aria-pressed=true] .studio-thumb{border-color:var(--red);outline-color:var(--red)}
.studio-selected{display:none;position:absolute;bottom:6px;right:6px;border-radius:50%;background:var(--red);color:white;width:23px;height:23px;place-items:center;border:1px solid #f9efd3}
.studio-selected svg{width:13px;height:13px}
.studio-template[aria-pressed=true] .studio-selected{display:grid}
.studio-template-name{display:block;font-size:.73rem;font-weight:700;line-height:1.35;margin-top:9px}
.studio-selection-caption{font-size:.76rem;color:var(--muted);line-height:1.5;margin:20px 0}
.studio-next,.studio-download{display:flex;justify-content:center;align-items:center;gap:12px;width:100%;border:1px solid var(--red);border-radius:8px;background:var(--red);color:#fff9e9;padding:14px 16px;font:700 .85rem 'DM Sans',sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.studio-next svg,.studio-back svg,.studio-download svg{width:17px;height:17px;flex:none}
.studio-next svg{margin-left:auto}
.studio-next{text-align:left;justify-content:space-between}
.studio-label,.studio-label-line{display:flex;align-items:center;justify-content:space-between;font-size:.81rem;font-weight:700;color:var(--terra);margin:20px 0 8px}
.studio-label span,.studio-label-line>span{color:#95816a;font-size:.71rem;font-weight:400}
#studio-pane textarea,#studio-pane input:not([type=file]):not([type=checkbox]):not([type=range]),#studio-pane select{font:400 .92rem/1.6 'DM Sans',sans-serif;border:1px solid #dfd2b5;border-radius:8px;background:#fffef9;color:var(--ink);padding:11px 12px;width:100%;display:block}
#studio-pane textarea{resize:vertical;min-height:80px}
#studio-pane textarea.studio-verse{min-height:145px;font:400 1.15rem/1.6 'DM Serif Display',serif;padding:14px 16px;background:#faf6e9}
#studio-pane textarea::placeholder,#studio-pane input::placeholder{color:#a89478}
#studio-pane select{height:46px}
.studio-inline-note{display:flex;gap:6px;align-items:center;font-size:.71rem;color:var(--muted);margin:15px 0 24px}
.studio-inline-note svg{width:14px;height:14px}
.studio-pane-actions{display:flex;gap:18px;align-items:center;margin-top:24px}
.studio-pane-actions .studio-next{flex:1;width:auto}
.studio-back{display:flex;gap:7px;align-items:center;border:0;background:none;padding:10px 0;font:700 .78rem 'DM Sans',sans-serif;color:var(--terra);cursor:pointer;white-space:nowrap}
.studio-text-button{border:0;background:none;padding:8px 0;font:400 .72rem 'DM Sans',sans-serif;color:#92795c;text-decoration:underline;cursor:pointer;display:block;margin-top:14px;text-underline-offset:3px}
.studio-photo-card{display:flex;gap:15px;align-items:center;padding:14px;border:1px dashed #ccb483;background:#fcf7eb;border-radius:10px;margin:12px 0}
.studio-photo-card>img{width:64px;height:82px;object-fit:cover;border-radius:5px}
.studio-photo-card>div{min-width:0;flex:1}
.studio-photo-card strong{display:block;font-size:.84rem;font-weight:700;color:var(--terra);margin-bottom:4px}
.studio-photo-card span{display:block;font-size:.7rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:250px}
.studio-photo-card label{display:flex;align-items:center;gap:10px;font-size:.77rem;font-weight:700;color:var(--red);cursor:pointer;margin-top:12px}
.studio-photo-card svg{width:16px;height:16px}
.studio-file{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.studio-details{border-bottom:1px solid #e6dbc2;margin-bottom:16px}
.studio-details summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;font-size:.77rem;color:var(--terra);padding:14px 0;font-weight:700}
.studio-details summary::-webkit-details-marker{display:none}
.studio-details summary svg{width:15px;height:15px;color:#ae9360}
.studio-details-inner,.studio-range-fields{padding:0 0 12px}
.studio-range-fields label{display:block;font-size:.73rem;color:var(--muted);margin:10px 0 5px}
.studio-range-fields input[type=range]{accent-color:var(--red);width:100%;height:20px;padding:0;background:none;border:0}
.studio-colors{margin:25px 0;padding:0;border:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.studio-colors legend{font-size:.81rem;font-weight:700;color:var(--terra);margin-bottom:12px}
.studio-colors button{border:1px solid transparent;background:none;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 3px;font:400 .73rem 'DM Sans',sans-serif;color:var(--terra);cursor:pointer}
.studio-colors button>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(105,65,23,.2);border-radius:50%;background:var(--swatch);color:#fff8de}
.studio-colors button[aria-pressed=true]{border-color:#d3be96;background:#f7efdc;font-weight:700}
.studio-colors button svg{display:none;width:16px;height:16px}
.studio-colors button[aria-pressed=true] svg{display:block}
.studio-colors button[data-story-theme=luz]>span{color:#694117}
.studio-check{display:flex;align-items:center;gap:10px;font-size:.77rem;font-weight:400;color:var(--terra);margin:16px 0 8px}
.studio-check input{width:16px;height:16px;accent-color:var(--red);padding:0;flex:none}
.studio-preview{position:sticky;top:20px;min-width:0;background:#f5edda;border:1px solid #e4d8bc;border-radius:16px;padding:20px 24px}
.studio-preview-head{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;color:var(--terra);margin-bottom:14px}
.studio-preview-head>div{display:flex;align-items:center;gap:7px;font-weight:700}
.studio-preview-head>span{font-size:.58rem;letter-spacing:.12em;color:#9b886b}
.studio-live-dot{width:6px;height:6px;border-radius:50%;background:#707836}
.studio-preview-surface{display:grid;place-items:center;border-radius:9px;background:#e7dfcf;padding:17px}
.studio-preview-frame{position:relative;aspect-ratio:9/16;width:min(100%,calc(56svh * 9 / 16));overflow:hidden;box-shadow:0 5px 22px rgba(38,22,8,.15);background-color:#fff;background-image:linear-gradient(45deg,#e4e0d8 25%,transparent 25%),linear-gradient(-45deg,#e4e0d8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4e0d8 75%),linear-gradient(-45deg,transparent 75%,#e4e0d8 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
#story-canvas{display:block;width:100%;height:100%}
#story-loading{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center;font-size:.8rem;color:var(--terra);background:#f7efdb}
#story-loading[hidden]{display:none}
.studio-export{padding-top:18px}
.studio-output-switch{display:flex;border:1px solid #ded0b3;background:#eee4ce;border-radius:8px;padding:4px;gap:4px;margin-bottom:12px}
.studio-output-switch button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:5px;padding:9px 5px;background:none;color:#8d7756;cursor:pointer;font:700 .73rem 'DM Sans',sans-serif}
.studio-output-switch button[aria-pressed=true]{background:#fffdf5;color:var(--terra);box-shadow:0 1px 4px #6a421314}
.studio-output-switch svg{width:14px;height:14px}
.studio-download{padding:13px 14px}
.studio-download:disabled{opacity:.65;cursor:wait}
#studio-download-help{font-size:.69rem;line-height:1.6;text-align:center;color:#8b765a;margin:10px 0 0}
#story-status{font-size:.74rem;line-height:1.5;color:var(--red);text-align:center;margin:8px 0 0;min-height:0}
.studio-steps button:focus-visible,.studio-template:focus-visible,.studio-colors button:focus-visible,.studio-output-switch button:focus-visible,.studio-next:focus-visible,.studio-download:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(hover:hover){.studio-template:hover .studio-thumb{transform:translateY(-3px)}.studio-next:hover,.studio-download:hover{background:#7b190d}.studio-steps button:hover{color:var(--red)}}
@media(min-width:1450px){.studio-preview-frame{width:min(100%,calc(60svh * 9 / 16))}}
@media(max-width:850px){.studio-layout{gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.studio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-steps{padding:0 8px}.studio-steps button{font-size:.7rem;gap:5px}.studio-preview{padding:15px}.studio-pane-actions{gap:10px}.studio-pane-actions .studio-next{font-size:.74rem;padding:12px}#studio-pane{padding:20px}}
@media(max-width:650px){.stories-admin{padding:0 16px 28px}.stories-admin>.page-t{font-size:1.4rem}.admin-tabs{gap:20px;margin:12px 0 22px}.admin-tabs a{font-size:.76rem}.studio-header{margin-bottom:18px}.studio-header h2{font-size:1.6rem}.studio-header>span{font-size:.65rem}.studio-header p{font-size:.54rem}.studio-layout{grid-template-columns:1fr;gap:20px}.studio-preview{position:static;grid-row:1;padding:14px}.studio-preview-head{margin-bottom:10px}.studio-preview-surface{padding:12px}.studio-preview-frame{width:calc(37svh * 9 / 16);max-width:100%}.studio-export{padding-top:12px}.studio-output-switch{margin-bottom:10px}.studio-download{padding:12px}.studio-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 12px}.studio-template-name{font-size:.67rem}.studio-steps button{font-size:.74rem;padding:15px 2px}.studio-pane-heading h3{font-size:1.3rem}.studio-pane-heading{margin-bottom:20px}.studio-pane-actions .studio-next{font-size:.78rem}.studio-colors{gap:3px}.studio-colors button{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.studio-thumb,.studio-next,.studio-download{transition:none}}

.studio-preview-surface{position:relative}
.studio-enlarge{position:absolute;bottom:10px;right:10px;border:1px solid #d9cbad;background:#fffdf2e8;color:var(--terra);border-radius:6px;display:grid;place-items:center;width:30px;height:30px;cursor:pointer}
.studio-enlarge svg{width:15px;height:15px}
.studio-dialog{border:0;border-radius:10px;padding:12px;background:#f6eedc;max-width:95vw;max-height:95svh;overflow:auto;box-shadow:0 15px 70px #0006}
.studio-dialog::backdrop{background:#20170ed1}
.studio-dialog>button{border:0;background:none;color:var(--terra);display:flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:0 0 10px;font:700 .8rem 'DM Sans';cursor:pointer}
.studio-dialog>button svg{width:16px;height:16px}
#story-large-canvas{display:block;width:min(86vw,calc(80svh * 9 / 16));aspect-ratio:9/16;height:auto;background:repeating-conic-gradient(#e4e0d8 0% 25%,white 0% 50%) 50% / 16px 16px}
@media(max-width:650px){
.studio-preview{position:sticky;top:8px;z-index:4;display:grid;grid-template-columns:89px minmax(0,1fr);gap:10px 13px;padding:12px;box-shadow:0 6px 20px #54321612}
.studio-preview-head{grid-column:1/-1;margin-bottom:0;font-size:.71rem}
.studio-preview-head>span{font-size:.52rem}
.studio-preview-surface{padding:0;background:none;border-radius:0;align-self:center}
.studio-preview-frame{width:89px;max-width:100%}
.studio-enlarge{bottom:4px;right:4px;width:24px;height:24px}
.studio-enlarge svg{width:12px;height:12px}
.studio-export{padding:0;align-self:center}
.studio-output-switch{padding:3px;gap:2px;margin-bottom:10px}
.studio-output-switch button{font-size:.62rem;padding:8px 2px;gap:4px;white-space:nowrap}
.studio-output-switch svg{width:12px;height:12px}
.studio-download{font-size:.72rem;gap:6px;padding:12px 7px}
.studio-download svg{width:14px;height:14px}
#studio-download-help{font-size:.62rem;line-height:1.5;margin-top:8px}
#story-status{font-size:.63rem;margin-top:6px}
.studio-editor{scroll-margin-top:225px}
}
.studio-scripture-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:14px}
.studio-reference-result{display:flex;flex-direction:column;gap:7px;padding:16px 18px;margin:22px 0 12px;border:1px solid #e4d4b3;border-radius:9px;background:#f8f0df}
.studio-reference-result>span{font-size:.57rem;font-weight:700;letter-spacing:.15em;color:#a1875d}
.studio-reference-result>strong{font:400 1.15rem 'DM Serif Display',serif;color:var(--terra)}
#studio-pane select:disabled,#studio-pane input:disabled{opacity:.5}
.studio-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.studio-export-actions .studio-download{font-size:.76rem;gap:7px;padding:13px 9px}
.studio-copy{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px 9px;border:1px solid #bca271;border-radius:8px;background:#fffaf0;color:var(--terra);font:700 .76rem 'DM Sans',sans-serif;cursor:pointer}
.studio-copy svg{width:16px;height:16px;flex:none}
.studio-copy:disabled{opacity:.65;cursor:wait}
.studio-copy:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.studio-range-fields output{float:right;color:var(--terra);font-weight:700}
@media(hover:hover){.studio-copy:hover{background:#eee1c3}}
@media(max-width:650px){.studio-export-actions{grid-template-columns:1fr;gap:6px}.studio-copy,.studio-export-actions .studio-download{padding:8px 6px;font-size:.66rem}.studio-scripture-grid{gap:10px}.studio-editor{scroll-margin-top:250px}}
/* Ajuste manual da faixa: arrastar na prévia, subir/descer e tamanho */
#story-canvas{cursor:grab;touch-action:none}
#story-canvas.dragging{cursor:grabbing}
.studio-adjust{margin-top:12px;display:grid;gap:8px}
.studio-adjust>p{display:flex;align-items:center;justify-content:center;gap:6px;margin:0;font-size:.7rem;color:#8b765a}
.studio-adjust>p svg{width:14px;height:14px}
.studio-adjust-row{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;font-size:.72rem;font-weight:700;color:var(--terra)}
.studio-adjust-row>span{margin:0 2px}
.studio-adjust-row button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #d9cbad;border-radius:7px;background:#fffdf5;color:var(--terra);cursor:pointer}
.studio-adjust-row button svg{width:15px;height:15px}
.studio-adjust-row button:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.studio-adjust-row output{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.studio-adjust-sep{width:1px;height:20px;background:#d9cbad;margin:0 6px!important}
.studio-quick-note{display:flex;gap:6px;align-items:center;font-size:.71rem;color:var(--muted);margin:14px 0 16px}
.studio-quick-note svg{width:14px;height:14px;color:#b59b6b}
@media(hover:hover){.studio-adjust-row button:hover{background:#f3e8d0}}
@media(max-width:650px){.studio-adjust{grid-column:1/-1;margin-top:4px}.studio-adjust>p{display:none}.studio-adjust-row button{width:30px;height:30px}}
.studio-share{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;margin-bottom:9px;border:0;border-radius:8px;padding:14px 16px;font:700 .85rem 'DM Sans',sans-serif;color:#fff9e9;cursor:pointer;background:var(--red)}
.studio-share svg{width:18px;height:18px}
.studio-share:disabled{opacity:.65;cursor:wait}
.studio-share:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.admin-tabs{overflow-x:auto;scrollbar-width:none}
.admin-tabs::-webkit-scrollbar{display:none}
.admin-tabs a{white-space:nowrap;flex:none}
/* Celular: prévia em cima, numa coluna só; nada espremido ao lado da miniatura */
@media(max-width:650px){
.studio-preview{position:static;display:block;padding:14px;box-shadow:none}
.studio-preview-head{margin-bottom:10px}
.studio-preview-surface{padding:12px;background:#e7dfcf;border-radius:9px}
.studio-preview-frame{width:min(58vw,240px)}
.studio-enlarge{bottom:8px;right:8px;width:30px;height:30px}
.studio-adjust{margin-top:12px}
.studio-adjust>p{display:flex}
.studio-export{padding-top:12px}
.studio-output-switch button{font-size:.72rem;padding:9px 4px;gap:6px}
.studio-share,.studio-export-actions .studio-download,.studio-copy{font-size:.8rem;padding:13px 10px}
.studio-export-actions{grid-template-columns:1fr 1fr;gap:8px}
#studio-download-help,#story-status{font-size:.7rem}
.studio-editor{scroll-margin-top:16px}
}
/* Cor das fitas: tempo litúrgico do dia ou cor fixa */
.studio-ribbons{grid-template-columns:repeat(6,minmax(0,1fr))}
.studio-ribbons legend{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.studio-ribbons legend span{font-weight:400;font-size:.72rem;color:var(--muted)}
.studio-ribbons button>span{width:32px;height:32px}
.studio-colors button svg.always{display:block}
.studio-colors button[aria-pressed=true] svg.always{display:none}
/* Celular: salvar na galeria e postar */
.studio-share-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}
.studio-share-row .studio-share{margin:0}
.studio-share.alt{background:#fffaf0;color:var(--terra);border:1px solid #bca271}
@media(max-width:650px){.studio-ribbons{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:6px}}

/* Onde dá para salvar na galeria, o download do arquivo não precisa aparecer */
.can-share .studio-export-actions{grid-template-columns:1fr}
.can-share .studio-export-actions .studio-download{display:none}
@media(hover:hover){.studio-share:hover{background:#7b190d}.studio-share.alt:hover{background:#eee1c3}}
/* Card do modelo com setas para trocar o visual (com faixa / sem moldura) */
.studio-template-wrap{position:relative;min-width:0}
.studio-template-wrap .studio-template{width:100%}
.studio-look{position:absolute;top:calc(50% - 30px);display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,253,245,.92);color:var(--terra);box-shadow:0 2px 8px rgba(40,20,6,.25);cursor:pointer;z-index:2}
.studio-look svg{width:16px;height:16px}
.studio-look.prev{left:6px}.studio-look.next{right:6px}
.studio-look:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.studio-look-name{display:block;font-size:.66rem;color:var(--muted);margin-top:2px}
/* Visual e destaque no painel 3 */
.studio-look-switch{display:flex;border:1px solid #ded0b3;background:#eee4ce;border-radius:8px;padding:4px;gap:4px;margin:18px 0 6px}
.studio-look-switch button{flex:1;border:0;border-radius:5px;padding:10px 6px;background:none;color:#8d7756;cursor:pointer;font:700 .78rem 'DM Sans',sans-serif}
.studio-look-switch button[aria-pressed=true]{background:#fffdf5;color:var(--terra);box-shadow:0 1px 4px #6a421314}
.studio-fundos{border:0;padding:0;margin:18px 0;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.studio-fundos legend{font-size:.81rem;font-weight:700;color:var(--terra);margin-bottom:10px}
.studio-fundos button{border:1px solid #dfd2b5;border-radius:8px;background:#fffef9;color:var(--terra);padding:10px 8px;font:400 .76rem 'DM Sans',sans-serif;cursor:pointer}
.studio-fundos button[aria-pressed=true]{border-color:var(--red);color:var(--red);font-weight:700;background:#fbf1e2}

.studio-colors button>span.claro{color:#694117}
.studio-fundos{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
/* Celular: prévia flutuante só do trecho alterado */
.studio-peek{position:fixed;left:12px;right:12px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:30;border-radius:14px;overflow:hidden;background:#1d140c;box-shadow:0 14px 40px rgba(40,20,6,.38),0 0 0 1px rgba(199,162,74,.45);opacity:0;transform:translateY(24px) scale(.97);pointer-events:none;transition:opacity .28s ease,transform .38s cubic-bezier(.2,.9,.25,1.1)}
.studio-peek.on{opacity:1;transform:none}
.studio-peek canvas{display:block;width:100%;height:auto}
@media(min-width:651px){.studio-peek{display:none}}
@media(prefers-reduced-motion:reduce){.studio-peek{transition:opacity .2s}}

.studio-colors[hidden],.studio-fundos[hidden]{display:none}