/* © 2026 Yuri Zivago Yung Grillo (尤立) · Jornada Chinesa (jornadachinesa.com.br). Todos os direitos reservados. */
/* ===== Ateliê de desenho ===== */
.dw-wrap{display:flex;flex-direction:column;gap:8px;margin:6px 0}
.dw-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.dw-palette{display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.dw-swatch{width:24px;height:24px;border-radius:50%;border:2px solid rgba(0,0,0,.25);cursor:pointer;padding:0}
.dw-palette input[type=color]{width:30px;height:28px;padding:0;border:none;background:none}
.dw-tools{display:flex;flex-wrap:wrap;gap:4px}
.dw-tools [aria-pressed=true]{background:var(--jade);color:#fff;border-color:var(--jade)}
.dw-canvas{display:block;width:100%;max-width:640px;height:auto;touch-action:none;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:crosshair}
.dw-canvas.is-transparent{background:repeating-conic-gradient(#e8e4da 0 25%,#fff 0 50%) 0 0/20px 20px}
.dw-note{min-height:1.2em}
.gs-modal-card{max-width:720px}

/* ===== Ateliê dos jogos ===== */
.game-studio-host:empty{display:none}
.gs-root{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;margin:8px 0}
.gs-title{margin:0 0 8px;font-size:1.3rem}
.gs-head-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gs-head-row select{min-width:200px;max-width:100%}
.gs-head-row .is-dirty::after{content:" •";color:#f4c430}
.gs-msg{min-height:1.3em;margin:6px 0}
.gs-tabs{display:flex;flex-wrap:wrap;gap:6px;border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:12px}
.gs-tab{font:inherit;border:1px solid var(--border);background:transparent;color:var(--ink);border-radius:999px;padding:6px 14px;cursor:pointer}
.gs-tab.is-current{background:var(--jade);color:#fff;border-color:var(--jade)}
.gs-body{display:flex;flex-direction:column;gap:10px}
.gs-field{display:flex;flex-direction:column;gap:4px;font-size:.93rem;max-width:560px}
.gs-field input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.gs-field select,.gs-field textarea{font:inherit;width:100%;box-sizing:border-box}
.gs-check{display:flex;gap:8px;align-items:flex-start;font-size:.93rem}
.gs-check input{width:auto;margin-top:3px}
.gs-radios{border:1px solid var(--border);border-radius:12px;padding:8px 12px;display:flex;flex-direction:column;gap:4px;max-width:560px}
.gs-inline{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.gs-grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;max-width:760px}
.gs-sub{margin:14px 0 2px;font-size:1.05rem}
.gs-warn{color:#b3261e;min-height:1em}
.gs-seq{font-size:.88rem}
.gs-thumb{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:56px;border:1px dashed var(--border);border-radius:10px;background:#fff;color:#777;font-size:.85rem;cursor:pointer;overflow:hidden;padding:0 6px}
.gs-thumb img{max-width:100%;max-height:100%;display:block}
.gs-table{display:flex;flex-direction:column;gap:4px;max-width:100%;overflow-x:auto}
.gs-row{display:grid;grid-template-columns:minmax(90px,1.2fr) minmax(90px,1fr) minmax(110px,1.4fr) auto auto auto auto;gap:6px;align-items:center;min-width:520px}
.gs-row input:not([type=checkbox]){font:inherit;width:100%;box-sizing:border-box;padding:6px 8px}
.gs-row-head{font-size:.8rem;color:var(--soft-ink);font-weight:600}
.gs-del{border:0;background:transparent;color:#b3261e;font-size:1rem;cursor:pointer;padding:4px 8px}
.gs-maps{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:start}
.gs-map-list{display:flex;flex-direction:column;gap:6px}
.gs-map-item{display:flex;align-items:center;gap:8px;font:inherit;text-align:left;border:1px solid var(--border);border-radius:10px;background:transparent;color:var(--ink);padding:6px;cursor:pointer;position:relative}
.gs-map-item[aria-pressed=true]{border-color:var(--jade);box-shadow:0 0 0 2px var(--jade-soft)}
.gs-map-item canvas{width:39px;height:39px;border-radius:4px;flex:none}
.gs-map-bad{position:absolute;right:8px}
.gs-map-add{display:flex;flex-direction:column;gap:4px;margin-top:4px}
.gs-map-edit{display:flex;flex-direction:column;gap:8px;min-width:0}
.gs-map-tools{display:flex;flex-wrap:wrap;gap:4px}
.gs-map-tools [aria-pressed=true]{background:var(--jade);color:#fff;border-color:var(--jade)}
.gs-map-canvas{width:100%;max-width:468px;height:auto;aspect-ratio:1;touch-action:none;border-radius:10px;cursor:pointer;box-shadow:0 2px 10px #0003}
.gs-map-val{margin:0;font-size:.9rem}.gs-map-val.is-bad{color:#b3261e}
.gs-creatures{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.gs-creature{border:1px solid var(--border);border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px;background:var(--paper)}
.gs-creature.is-off{opacity:.55}
.gs-creature-head{display:flex;align-items:center;gap:10px}
.gs-creature-head canvas{width:72px;height:72px;border-radius:12px}
.gs-creature .gs-field{font-size:.88rem}
.gs-creature input[type=range]{flex:1}
.gs-creature-add{align-self:start}
.gs-theme-preview{width:min(100%,300px);height:auto;border-radius:12px;box-shadow:0 2px 10px #0003}
.game-version-note{margin:0 0 8px;padding:8px 12px;border-left:4px solid var(--jade);background:var(--jade-soft);border-radius:8px}
.game-custom-bg{background-color:var(--game-bg,transparent);border-radius:18px;padding:12px}
.game-custom-bg.has-bg-image{background-size:cover;background-position:center}
.extra-pic-img{max-width:min(100%,260px);max-height:200px;border-radius:12px;display:block;margin:auto}
.game-footer-editor{margin-inline-start:auto;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}
.game-footer-editor select{width:auto;max-width:240px;font-size:.875rem;padding:.35rem}
.game-footer-editor small{font-size:.8rem;color:var(--soft-ink)}
@media (max-width:640px){.gs-maps{grid-template-columns:1fr}.gs-map-list{flex-direction:row;flex-wrap:wrap}.gs-map-item span{display:none}.gs-map-add{flex-direction:row;flex-wrap:wrap}}

/* ===== Vídeos ===== */
.vd-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.vd-chips{display:flex;flex-wrap:wrap;gap:6px}
.vd-chip{font:inherit;border:1px solid var(--border);background:transparent;color:var(--ink);border-radius:999px;padding:5px 12px;cursor:pointer}
.vd-chip[aria-pressed=true]{background:var(--jade);color:#fff;border-color:var(--jade)}
.vd-bar input[type=search]{flex:1;min-width:140px}
.vd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.vd-card{display:flex;flex-direction:column;gap:6px;border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:8px}
.vd-thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;overflow:hidden;background:#14232a;cursor:pointer;padding:0}
.vd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.vd-thumb-ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#8fd3ff;font:700 1.1rem system-ui;letter-spacing:1px}
.vd-play{position:absolute;inset:auto auto 8px 8px;background:rgba(0,0,0,.65);color:#fff;border-radius:999px;padding:2px 10px;font-size:.9rem}
.vd-title{margin:2px 0;font-size:1.02rem}
.vd-meta{display:flex;flex-wrap:wrap;gap:4px;margin:0}
.vd-desc{margin:0;font-size:.88rem;color:var(--soft-ink)}
.vd-acts{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}
.vd-form{display:flex;flex-direction:column;gap:10px}
.vd-field{display:flex;flex-direction:column;gap:4px;font-size:.93rem}
.vd-field input,.vd-field select{font:inherit}
.vd-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}
.vd-previa:empty{display:none}
.vd-previa .vd-frame{max-width:520px}
.vd-legenda{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--border);padding-top:10px}
.vd-legenda h4{margin:0}
.vd-legenda textarea{width:100%;box-sizing:border-box;font:15px/1.6 "KaiTi","Microsoft YaHei",system-ui,sans-serif}
.vd-ajuda{font-size:.9rem}.vd-ajuda p{margin:.4em 0}
.vd-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#14232a}
.vd-frame iframe,.vd-frame>div{position:absolute;inset:0;width:100%;height:100%;border:0}
.vd-tools{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:8px 0}
.vd-toggle{display:flex;align-items:center;gap:6px;font-size:.9rem}
.vd-toggle input{width:auto}
.vd-reader .reader-text.vd-cues{max-height:62vh;overflow-y:auto;position:relative;padding-right:4px;line-height:1.9}
.vd-cue{display:grid;grid-template-columns:58px minmax(0,1fr);gap:8px;align-items:baseline;padding:4px 6px;border-radius:8px;transition:background-color .25s}
.vd-cue.is-now{background:var(--jade-soft);box-shadow:inset 3px 0 0 var(--jade)}
.vd-time{font:600 .8rem system-ui,sans-serif;color:var(--jade-dark);background:transparent;border:1px solid var(--border);border-radius:999px;padding:1px 6px;cursor:pointer;justify-self:start}
.vd-time:hover{background:var(--jade);color:#fff}
.vd-time.is-empty{border:0}
.vd-text{font-size:1.2rem}
@media (min-width:1000px){
  .vd-reader{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:20px;align-items:start}
  .vd-reader>:not(.vd-side):not(.reader-text){grid-column:1/-1}
  .vd-reader .vd-side{grid-column:1;position:sticky;top:12px}
  .vd-reader .reader-text.vd-cues{grid-column:2;max-height:78vh}
}
.comic-thumb{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:10px;display:block}
.study-comic-panel{break-inside:avoid;border:2px solid var(--border,#c4bdad);border-radius:16px;overflow:hidden;margin:1.5rem 0;background:var(--panel,#fffdf6)}
.study-comic-panel img{display:block;width:100%;max-height:360px;object-fit:contain;background:#fff}
.study-comic-bubble{margin:0 1rem 1rem;padding:1rem;border:2px solid #a89b80;border-radius:22px;font-size:1.25rem;line-height:2;background:var(--panel,#fffdf6)}
.comic-scene{margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:14px}
.gs-root select,.gs-root input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),.gs-root textarea,.vd-form input:not([type=checkbox]):not([type=file]),.vd-form select,.vd-bar select,.vd-bar input{font:inherit;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--paper);color:var(--ink);box-sizing:border-box}
.gs-root input[type=color]{width:46px;height:34px;padding:2px;border:1px solid var(--border);border-radius:8px;background:var(--paper)}
.vd-tools label.vd-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:6px;margin:0}
.vd-tools label.vd-toggle input{margin:0}
.vd-reader .reader-text.vd-cues{min-height:300px}

/* ===== Quadrinhos ===== */
.cm-thumb img{object-fit:cover;background:#fff}
.cm-credit{margin:0;font-size:.82rem;color:var(--soft-ink);font-style:italic}
.reader-text.cm-reader{display:flex;flex-direction:column;gap:18px;max-width:640px;margin:0 auto;position:relative}
.cm-panel{display:flex;flex-direction:column;gap:6px}
.cm-narr{margin:0;padding:8px 12px;background:#fff7d6;border:2px solid #262321;border-radius:4px;font-size:1.15rem;line-height:1.8;color:#262321;box-shadow:3px 3px 0 #262321}
.cm-stage{position:relative;border:3px solid #262321;border-radius:4px;overflow:visible;background:#fff;box-shadow:4px 4px 0 #262321}
.cm-stage img{display:block;width:100%;height:auto}
.cm-bubble{position:absolute;background:#fff;color:#1f1a17;border:2.5px solid #262321;border-radius:18px;padding:6px 10px;font-size:clamp(.95rem,2.6vw,1.15rem);line-height:1.6;box-sizing:border-box;z-index:2}
.cm-bubble::after{content:"";position:absolute;width:14px;height:14px;background:#fff;border:2.5px solid #262321;border-top:0;border-left:0}
.cm-cauda-baixo::after{left:28px;bottom:-9px;transform:rotate(45deg)}
.cm-cauda-esq::after{left:-9px;top:14px;transform:rotate(135deg)}
.cm-cauda-dir::after{right:-9px;top:14px;transform:rotate(-45deg)}
.cm-cauda-nenhuma::after{display:none}
.cm-pensamento{border-style:dashed;border-radius:28px}
.cm-pensamento::after{border-radius:50%;border:2.5px solid #262321}
.cm-grito{border-width:3.5px;font-weight:700;border-radius:6px;background:#fff3c4}
.cm-grito::after{background:#fff3c4}
.cm-bubble .rd-w{color:inherit}
.dw-stage{position:relative;max-width:640px}
.dw-stage .cm-bubble.is-editing{cursor:grab;touch-action:none;font-size:.95rem;min-height:2em;user-select:none}
.dw-stamps{display:flex;flex-wrap:wrap;align-items:center;gap:3px}
.dw-stamps small{width:100%}
.dw-stamp{font-size:1.3rem;line-height:1;padding:3px 5px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}
.dw-stamp[aria-pressed=true]{border-color:var(--jade);background:var(--jade-soft)}
.cm-bubble-list{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.cm-bubble-row{display:grid;grid-template-columns:minmax(0,1fr);gap:4px;border:1px solid var(--border);border-radius:10px;padding:6px}
.cm-bubble-row textarea{width:100%;box-sizing:border-box;font:1rem/1.5 "KaiTi","Microsoft YaHei",system-ui,sans-serif}
.cm-bubble-opts{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.cm-form .comic-scene{background:var(--paper)}
.cm-bubble-opts select{width:auto!important}.cm-bubble-opts input[type=range]{flex:1;min-width:120px}