:root{--felt: #0b5d3b;--felt-dark: #063a25;--felt-panel: #094a30;--gold: #d4af37;--ink: #f5f5f0;--muted: #b8c9bf;--line: rgba(212, 175, 55, .35);--correct: #81c784;--wrong: #ff5252;--editor-bg: #0a1f16}*{box-sizing:border-box}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:2rem}.login-card{width:min(420px,100%);padding:2rem;border:1px solid var(--line);border-radius:12px;background:#00000040}.login-card h1{margin:0 0 .75rem}.login-card p{margin:0 0 1.25rem;color:var(--muted)}.login-error{margin-top:1rem;color:var(--wrong);min-height:1.25rem}.signed-in-bar{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 1.25rem;border-bottom:1px solid var(--line);background:#0003;color:var(--muted)}.signed-in-bar strong{color:var(--ink)}.signed-in-nav{display:flex;align-items:center;gap:.75rem}.signed-in-nav a{color:var(--gold);text-decoration:none}.signed-in-nav a:hover{text-decoration:underline}body{margin:0;min-height:100vh;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top,#127a4f 0%,var(--felt) 45%,var(--felt-dark) 100%);color:var(--ink)}code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em;color:var(--gold)}.app-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem .75rem;max-width:1600px;margin:0 auto}.app-header h1{margin:0}.app-header-title{display:flex;align-items:center;gap:.5rem;min-width:0}.catalog-sidebar-btn{flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:10px;background:#0003;color:var(--gold);font-size:1.15rem;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.catalog-sidebar-btn:active{background:#ffffff1a}.pane-head-catalog{gap:.35rem;justify-content:space-between}.pane-head-catalog .icon-btn-labeled{min-width:auto;min-height:2.75rem;padding-inline:.85rem;font-size:.82rem;font-weight:700}.catalog-body{display:flex;flex-direction:column;flex:1;min-height:0}.catalog-tree{overflow:auto;flex:1;padding:.35rem;position:relative}.workspace{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:.75rem;padding:0 1.25rem 1.25rem;max-width:1600px;margin:0 auto;min-height:calc(100vh - 140px);transition:grid-template-columns .2s ease,gap .2s ease}.workspace.catalog-collapsed{grid-template-columns:minmax(0,1fr);gap:0;max-width:1600px}.pane-catalog{min-width:0;overflow:hidden}.workspace.catalog-collapsed .pane-catalog{display:none}.editor-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,380px);gap:.75rem;min-width:0;min-height:0}.editor-workspace.split-preview .editor-mode-tab[data-editor-mode=preview]{display:none}.pane-preview{min-width:0}.pane-preview.hidden{display:none!important}.preview-pane-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto;padding:.75rem}.pane-preview .phone-frame{width:min(100%,420px);margin:0 auto;flex:1;min-height:480px}.pane-preview .preview-scroll{max-height:none;height:100%}h1{margin:0 0 .25rem;font-size:1.6rem;color:var(--gold)}.lede{margin:0;color:var(--muted);max-width:60ch;line-height:1.45;font-size:.95rem}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.header-menu{position:relative}.header-menu-btn{flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid var(--line);border-radius:10px;background:#0003;color:var(--gold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}.header-menu-btn:active,.header-menu-btn[aria-expanded=true]{background:#ffffff1a}.header-menu-icon,.header-menu-icon:before,.header-menu-icon:after{display:block;width:1.1rem;height:2px;border-radius:1px;background:currentColor}.header-menu-icon{position:relative}.header-menu-icon:before,.header-menu-icon:after{content:"";position:absolute;left:0}.header-menu-icon:before{top:-5px}.header-menu-icon:after{top:5px}.header-menu-panel{position:absolute;top:calc(100% + .35rem);right:0;min-width:12.5rem;padding:.35rem;display:flex;flex-direction:column;gap:.3rem;background:var(--felt-panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px #00000059;z-index:200}.header-menu-panel[hidden]{display:none!important}.header-menu-panel .menu-item{width:100%;text-align:left;justify-content:flex-start}.gold-btn,.ghost-btn{border-radius:8px;padding:.45rem .85rem;font-weight:700;cursor:pointer;border:1px solid var(--line)}.gold-btn{background:var(--gold);color:var(--felt-dark);border-color:transparent}.gold-btn:disabled{opacity:.45;cursor:not-allowed}.ghost-btn{background:#0003;color:var(--gold)}.ghost-btn:disabled{opacity:.35;cursor:not-allowed}.status-flash{font-size:.85rem;color:var(--correct)}.status-flash.error{color:var(--wrong)}.version-badge{font-size:.78rem;color:var(--gold);border:1px solid var(--line);border-radius:999px;padding:.2rem .65rem;white-space:nowrap}.locale-tabs{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}.locale-tab{border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:999px;padding:.18rem .55rem;font-size:.72rem;cursor:pointer}.locale-tab.active{color:var(--gold);border-color:var(--gold)}.locale-tab.complete{color:var(--correct)}.locale-tab.missing{color:var(--wrong)}.lesson-localization-badge{margin-left:.35rem;font-size:.68rem;border-radius:999px;padding:.08rem .4rem;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.lesson-localization-badge.needs{color:#f0c060;border-color:#6a5520}.lesson-localization-badge.ready{color:var(--correct);border-color:#2d5a3d}.lesson-localization-badge.draft{color:var(--muted)}.pane-catalog .tree-class-head{display:flex;align-items:center;gap:.1rem;padding:.3rem .2rem}.pane-catalog .tree-class-title-btn{text-align:left;background:transparent;border:none;color:var(--gold);font:inherit;font-weight:800;padding:.35rem .2rem;min-height:2.35rem;cursor:pointer;display:flex;align-items:center;flex:1;min-width:0}.pane-catalog .tree-track-head{display:flex;align-items:center;gap:.1rem;padding:.25rem .2rem}.pane-catalog .tree-track-title-btn{text-align:left;background:transparent;border:none;color:inherit;font:inherit;font-weight:700;padding:.35rem .2rem;min-height:2.25rem;cursor:pointer;display:flex;align-items:center;flex:1;min-width:0}.pane-catalog .tree-lesson-row{padding:.1rem .25rem .1rem 0;gap:.15rem}.pane-catalog .drag-handle{width:2.25rem;height:2.25rem;border-radius:8px}.pane-catalog .tree-toggle{width:2.25rem;height:2.25rem;font-size:1rem;border-radius:8px;flex-shrink:0}.pane-catalog .tree-page-row .drag-handle{width:2rem;height:2rem}.pane-catalog .tree-class-title-btn,.pane-catalog .tree-track-title-btn,.pane-catalog .tree-lesson-open{cursor:pointer}.drag-handle{flex-shrink:0;width:2.75rem;height:2.75rem;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;cursor:grab;touch-action:none;padding:0}.drag-handle:hover,.drag-handle.drag-handle-armed{color:var(--gold);background:#d4af371f;border-color:#d4af3740}.drag-handle:active{cursor:grabbing}.drag-grip{display:block;width:12px;height:14px;position:relative}.drag-grip:before,.drag-grip:after{content:"";position:absolute;left:0;right:0;height:2px;border-radius:1px;background:currentColor;opacity:.7}.drag-grip:before{top:3px}.drag-grip:after{bottom:3px}.catalog-drag-ghost{position:fixed;top:0;left:0;z-index:1000;pointer-events:none;padding:.45rem .75rem;border-radius:8px;background:#000000c7;border:1px solid var(--gold);color:var(--gold);font-size:.85rem;font-weight:700;max-width:min(240px,70vw);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 8px 24px #00000059}.catalog-drop-indicator{position:absolute;height:3px;background:var(--gold);border-radius:999px;pointer-events:none;z-index:6;box-shadow:0 0 8px #d4af37a6}.catalog-is-dragging .tree-lesson-open,.catalog-is-dragging .tree-track-title-btn,.catalog-is-dragging .tree-page-open{pointer-events:none}.drag-source{opacity:.35;pointer-events:none}.tree-lesson-row{display:flex;align-items:center;gap:.35rem;border-radius:8px;list-style:none}.tree-lesson-row.active{background:#d4af371f;outline:1px solid var(--line)}.tree-lesson-open{flex:1;min-width:0;min-height:2.75rem;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--ink);cursor:pointer;padding:.55rem .45rem;font:inherit}.tree-lesson-open:hover{background:#ffffff0d}.tree-lesson-row.active .tree-lesson-open{border-color:transparent;background:transparent}.pane-catalog .icon-btn{min-width:2.75rem;min-height:2.75rem;padding:.45rem .65rem;font-size:1rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.pane-catalog .icon-btn-labeled{min-width:auto;padding-inline:.85rem;font-size:.82rem;font-weight:700;white-space:nowrap}.pane-catalog .icon-btn-danger-labeled{min-width:2.75rem;color:var(--wrong);font-size:1.35rem;font-weight:700;line-height:1}.pane-catalog .icon-btn-danger{min-width:2.75rem;color:var(--wrong)}.pane-catalog .icon-trash{display:block}.tree-add-lesson-row{list-style:none;padding:.35rem .35rem .5rem 2.35rem}.tree-add-lesson-btn{width:100%;min-height:2.75rem;text-transform:none;letter-spacing:0;font-size:.82rem}.catalog-syncing{opacity:.92}.catalog-archive{border-top:1px solid var(--line);padding:.35rem;flex-shrink:0}.catalog-archive-toggle{width:100%;text-align:left;background:transparent;border:none;color:var(--muted);font-size:.82rem;font-weight:700;padding:.55rem .35rem;cursor:pointer}.catalog-archive-body.collapsed{display:none}.archive-hint{margin:0 0 .5rem;padding:0 .35rem;font-size:.75rem;color:var(--muted)}.archive-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .35rem;border-radius:8px}.archive-row:hover{background:#ffffff0a}.archive-row-main{min-width:0;display:grid;gap:.1rem}.archive-kind{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gold);font-weight:700}.archive-title{font-size:.82rem;color:var(--ink)}.archive-sub{font-size:.72rem;color:var(--muted)}.confirm-message{margin:0 0 1rem;line-height:1.45;color:var(--ink)}.dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.dialog-actions-spacer{flex:1}.danger-text-btn{color:var(--wrong);border-color:#ff525259}.catalog-edit-dialog .dialog-body{display:grid;gap:.75rem}.catalog-edit-dialog .wysiwyg-field input,.catalog-edit-dialog .wysiwyg-field select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#00000040;color:var(--ink);padding:.45rem .5rem;font:inherit}.catalog-edit-dialog .wysiwyg-field input.field-invalid{border-color:var(--wrong)}.form-prompt-fields{display:grid;gap:.75rem}#form-prompt-form{margin:0}.catalog-move-field span{color:var(--muted);font-size:.75rem}.danger-btn{background:#b71c1c;color:#fff;border-color:transparent}.danger-btn:hover{filter:brightness(1.08)}.pane-catalog .tree-toggle{width:2.75rem;height:2.75rem;font-size:1.15rem;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;touch-action:manipulation}.pane-catalog .tree-toggle:active,.pane-catalog .icon-btn:active{background:#ffffff1f}.tree-class{margin-bottom:.35rem}.tree-class-head{display:flex;align-items:center;gap:.1rem;padding:.3rem .2rem}.tree-class-title-btn{text-align:left;background:transparent;border:none;color:var(--gold);font:inherit;font-weight:800;padding:.35rem .2rem;min-height:2.35rem;cursor:pointer;display:flex;align-items:center;flex:1;min-width:0}.tree-class-tracks{padding-left:.35rem;border-left:2px solid rgba(212,175,55,.18);margin-left:.65rem}.tree-class-tracks.collapsed{display:none}.tree-add-track-row{padding:.35rem .35rem .5rem 1.85rem}.tree-track{margin-bottom:.35rem}.tree-track-head{display:grid;grid-template-columns:auto 1fr;gap:.35rem;align-items:center;padding:.35rem .25rem;color:var(--gold);font-size:.82rem;font-weight:700}.tree-track-title-btn:hover{text-decoration:underline}.tree-actions{grid-column:1 / -1;display:flex;gap:.15rem;flex-wrap:wrap}.tree-lessons{list-style:none;margin:0;padding:0 0 0 .75rem}.tree-lesson-block{list-style:none;margin:0;padding:0}.tree-pages{list-style:none;margin:0;padding:0 0 .15rem 2.35rem}.tree-class-tracks.collapsed,.tree-lessons.collapsed,.tree-pages.collapsed{display:none}.tree-page-row{display:flex;align-items:center;gap:.1rem;margin:0;padding:0}.tree-page-row .drag-handle{width:2rem;height:2rem;flex-shrink:0}.tree-page-open{flex:1;min-width:0;display:flex;align-items:baseline;gap:.45rem;text-align:left;background:transparent;border:none;border-radius:6px;color:var(--ink);font:inherit;font-size:.78rem;padding:.28rem .35rem .28rem 0;cursor:pointer}.tree-page-open:hover{background:#ffffff0f}.tree-page-row.active .tree-page-open{background:#d4af3724;color:var(--gold)}.tree-add-page-row{list-style:none;padding:.25rem .35rem .35rem 2.35rem}.tree-page-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-lesson-row.active .lesson-title{color:var(--gold)}.wysiwyg-page-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.75rem;padding-bottom:.65rem;border-bottom:1px solid var(--line)}.wysiwyg-page-toolbar-label{font-size:.82rem;font-weight:700;color:var(--gold)}.wysiwyg-page-single{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0000001f;padding:.65rem .65rem .75rem}.wysiwyg-page-single .wysiwyg-page-body{padding:0}.tree-lessons.collapsed{display:none}.tree-lesson-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:.45rem .5rem;color:var(--ink);cursor:pointer;display:grid;gap:.1rem}.tree-lesson-item:hover{background:#ffffff0d}.tree-lesson-item.active{border-color:var(--line);background:#d4af371f}.tree-lesson-actions{display:flex;gap:.15rem;flex-wrap:wrap}.icon-btn{background:#ffffff0f;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:.1rem .35rem;font-size:.72rem;cursor:pointer}.icon-btn:hover{background:#ffffff1f}.icon-btn.danger{color:var(--wrong)}.tree-toggle{background:transparent;border:none;color:var(--gold);cursor:pointer;padding:0;width:1rem}.author-dialog{border:1px solid var(--line);border-radius:12px;background:#0a2418;color:var(--ink);width:min(760px,92vw);max-height:85vh}.author-dialog::backdrop{background:#0000008c}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.1rem .5rem;border-bottom:1px solid var(--line)}.dialog-head h2{margin:0;color:var(--gold);font-size:1.1rem}.dialog-body{padding:1rem 1.1rem 1.25rem;overflow:auto;max-height:calc(85vh - 4rem)}.guide-section{margin-bottom:1.25rem}.guide-section h3{margin:0 0 .5rem;color:var(--gold);font-size:.95rem}.guide-intro{color:var(--muted)}.guide-table{width:100%;border-collapse:collapse;font-size:.85rem}.guide-table th,.guide-table td{border:1px solid var(--line);padding:.45rem .55rem;vertical-align:top}.guide-table th{text-align:left;color:var(--gold)}.history-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08)}.history-row .muted{display:block;font-size:.78rem;color:var(--muted)}.muted{color:var(--muted)}.muted.small{font-size:.78rem}.pane{background:#0000002e;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;min-height:0}.pane-head{padding:.65rem .85rem;border-bottom:1px solid var(--line);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--gold);display:flex;justify-content:space-between;align-items:center;gap:.5rem}.lesson-list{list-style:none;margin:0;padding:.35rem;overflow:auto;flex:1}.lesson-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;border-radius:8px;padding:.55rem .6rem;color:var(--ink);cursor:pointer;display:grid;gap:.15rem}.lesson-item:hover{background:#ffffff0d}.lesson-item.active{border-color:var(--line);background:#d4af371f}.lesson-track{font-size:.7rem;color:var(--gold);font-weight:700}.lesson-title{font-size:.88rem;font-weight:600}.lesson-id{font-size:.72rem;color:var(--muted)}.file-pick,.linkish{display:block;margin:.35rem;padding:.55rem;text-align:center;font-size:.82rem;color:var(--gold);cursor:pointer;border-top:1px solid var(--line)}.linkish{background:none;border:none;width:calc(100% - .7rem)}.muted{color:var(--muted);font-size:.85rem}.muted.small{font-size:.75rem}#editor{flex:1;min-height:320px;resize:none;border:none;background:var(--editor-bg);color:#e8f5e9;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.82rem;line-height:1.45;border-radius:0}#editor[readonly]{cursor:default;opacity:.92}.editor-body{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.editor-head-left{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.editor-pane-head{flex-direction:column;align-items:stretch;gap:0}.editor-head-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.editor-head-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto;min-width:0}.editor-context{display:flex;align-items:center;gap:.55rem;min-width:0;justify-content:flex-end}.editor-context.hidden{display:none!important}.editor-breadcrumb-row{width:100%;padding-top:.45rem;margin-top:.45rem;border-top:1px solid rgba(212,175,55,.15)}.editor-breadcrumb-row.hidden{display:none!important}.editor-breadcrumb{display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .35rem;min-width:0;text-transform:none;letter-spacing:0;font-size:.76rem;color:var(--muted);line-height:1.35}.editor-crumb-page{color:var(--ink);font-weight:700}.editor-crumb-sep{color:#d4af3773}.page-nav-btn{min-width:2rem;min-height:2rem;padding:.2rem .45rem;line-height:1;font-size:.95rem}.editor-save-btn{min-height:2rem;padding:.25rem .75rem;font-size:.78rem}.editor-mode-tabs{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.editor-mode-tab{background:#0003;border:none;color:var(--muted);padding:.25rem .65rem;font-size:.72rem;font-weight:700;cursor:pointer;text-transform:none;letter-spacing:0}.editor-mode-tab+.editor-mode-tab{border-left:1px solid var(--line)}.editor-mode-tab:hover{color:var(--gold);background:#ffffff0d}.editor-mode-tab.active{background:#d4af372e;color:var(--gold)}.wysiwyg-editor{flex:1;overflow:auto;padding:.75rem;min-height:320px}.wysiwyg-empty{color:var(--muted);font-size:.9rem;padding:1rem .25rem}.wysiwyg-lesson-meta{display:grid;gap:.65rem;margin-bottom:1rem;padding-bottom:.85rem;border-bottom:1px solid var(--line)}.wysiwyg-pages-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.wysiwyg-toolbar-label{font-size:.78rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.wysiwyg-pages{display:grid;gap:.55rem}.wysiwyg-page{border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#0000001f}.wysiwyg-page:not(.expanded) .wysiwyg-page-body{display:none}.wysiwyg-page-head{display:flex;align-items:center;gap:.35rem;padding:.45rem .55rem}.wysiwyg-page-label{flex:1;font-size:.85rem;font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wysiwyg-page-actions{display:flex;gap:.15rem;flex-shrink:0}.wysiwyg-page-body{padding:0 .65rem .75rem;display:grid;gap:.65rem}.wysiwyg-section{padding:.65rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#0000001a;display:grid;gap:.55rem}.wysiwyg-ill-panel{border:1px solid rgba(212,175,55,.28);border-radius:10px;background:#00000024;overflow:hidden}.wysiwyg-ill-panel-toggle{width:100%;display:flex;align-items:center;gap:.45rem;padding:.6rem .75rem;border:none;background:#00000038;color:var(--gold);cursor:pointer;text-align:left;font:inherit}.wysiwyg-ill-panel-toggle:hover{background:#ffffff0f}.wysiwyg-ill-panel-chevron{flex-shrink:0;width:1rem;text-align:center;transition:transform .15s ease}.wysiwyg-ill-panel.collapsed .wysiwyg-ill-panel-chevron{transform:rotate(-90deg)}.wysiwyg-ill-panel-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wysiwyg-ill-panel-type{margin-left:auto;font-size:.72rem;color:var(--muted);text-transform:none;letter-spacing:0;font-weight:600}.wysiwyg-ill-panel-body{display:grid;gap:0}.wysiwyg-ill-panel.collapsed .wysiwyg-ill-panel-body{display:none}.wysiwyg-ill-preview{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0003;overflow-x:auto}.wysiwyg-ill-preview .illus-root{margin:0 auto;max-width:100%}.wysiwyg-ill-panel-fields{display:grid;gap:.55rem;padding:.65rem}.wysiwyg-ill-fields{display:grid;gap:.55rem}.wysiwyg-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--gold)}.wysiwyg-field{display:grid;gap:.25rem;font-size:.82rem}.wysiwyg-field>span{color:var(--muted);font-size:.75rem}.wysiwyg-field input,.wysiwyg-field textarea,.wysiwyg-field select,.wysiwyg-section>select{width:100%;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#00000040;color:var(--ink);padding:.4rem .5rem;font:inherit}.wysiwyg-field textarea{resize:vertical;min-height:3.5rem;line-height:1.4}.wysiwyg-check{display:flex;align-items:center;gap:.45rem;font-size:.82rem;color:var(--muted);cursor:pointer}.wysiwyg-check input{accent-color:var(--gold)}.wysiwyg-question{padding:.65rem;border:1px dashed rgba(212,175,55,.35);border-radius:8px;display:grid;gap:.55rem;background:#00000014}.wysiwyg-question-head{display:flex;justify-content:space-between;align-items:center;color:var(--gold);font-size:.82rem}.wysiwyg-questions{display:grid;gap:.55rem}.wysiwyg-subcard{padding:.5rem;border-radius:6px;background:#ffffff0a;display:grid;gap:.45rem}.wysiwyg-hint{margin:0;font-size:.78rem;color:var(--muted)}.wysiwyg-ill-fields{display:grid;gap:.45rem}.wysiwyg-q-illustrations{padding:.65rem;border:1px solid rgba(212,175,55,.2);border-radius:8px;background:#0000000f;display:grid;gap:.55rem}.wysiwyg-q-illustrations .wysiwyg-section-title{margin-bottom:-.15rem}.lesson-meta{text-transform:none;letter-spacing:0;color:var(--muted);font-size:.75rem;text-align:right}.meta-sub{color:var(--muted)}.validation{max-height:120px;overflow:auto;padding:.5rem .75rem;border-top:1px solid var(--line);font-size:.78rem}.val-error{color:var(--wrong);margin-bottom:.25rem}.val-warn{color:#ffb74d;margin-bottom:.25rem}.val-ok{color:var(--correct)}.preview-head{gap:.75rem}.page-nav{display:flex;align-items:center;gap:.35rem;text-transform:none;letter-spacing:0;font-size:.78rem;color:var(--muted)}.phone-frame{flex:1;margin:.65rem;border-radius:16px;border:2px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#0a4d32,#083928);overflow:hidden;min-height:420px}.preview-scroll{height:100%;max-height:calc(100vh - 180px);overflow:auto;padding:.85rem}.preview-page{display:grid;gap:.75rem}.preview-headline{font-size:1.05rem;font-weight:700;color:var(--gold)}.preview-body{font-size:.88rem;line-height:1.45;color:var(--ink)}.preview-body p{margin:0 0 .65rem}.preview-illustration{padding:.65rem;border:1px solid var(--line);border-radius:10px;background:#00000026;display:flex;justify-content:center;align-items:center}.illus-root{width:100%;display:flex;justify-content:center;align-items:center}.illus-fan,.card-row,.illus-flow,.illus-labeled{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;justify-content:center}.illus-badge{margin-left:.35rem;padding:.2rem .5rem;border-radius:999px;background:var(--gold);color:var(--felt-dark);font-size:.75rem;font-weight:700}.card{width:42px;height:58px;border-radius:6px;background:#fff;border:1px solid #bbb;display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:800;box-shadow:0 2px 4px #00000040}.card .rank,.card .suit{color:inherit}.card-back{background:#1a237e;color:#fff}.rank{font-size:.95rem;line-height:1}.suit{font-size:.85rem;line-height:1}.illus-stack{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.illus-table{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%}.table-zone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.35rem;width:100%}.side-label{width:52px;flex-shrink:0;font-size:.72rem;color:#ffffffa6;font-weight:600;text-align:right;line-height:1.2}.side-label.gold{color:var(--gold)}.side-label .sublabel{display:block;color:#d4af37d9;font-size:.65rem}.zone-content{position:relative;min-height:58px;display:flex;align-items:center;justify-content:center}.illus-zone{width:100%;margin-bottom:.25rem}.labeled-hand{display:flex;flex-direction:column;align-items:center}.chip-stack{position:relative;width:36px;height:44px}.chip{position:absolute;left:0;bottom:calc(var(--i) * 5px);width:34px;height:34px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff7dc,#d4af37 45%,#9a7b1a);border:2px dashed rgba(255,255,255,.75);box-shadow:0 2px 3px #00000059;display:flex;align-items:center;justify-content:center;font-size:.55rem;font-weight:800;color:#3e2f00}.chip span{transform:scale(.9)}.illus-fan-wrap,.illus-flow-wrap{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:64px}.illus-toast{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.illus-toast.zone{top:0;right:0;bottom:0;left:0}.toast-pill{display:inline-block;padding:.3rem .55rem;border-radius:8px;background:#00000094;border:1px solid rgba(212,175,55,.75);color:var(--gold);font-weight:800;font-size:.78rem;letter-spacing:.04em;text-align:center;line-height:1.15}.question-divider{height:1px;background:var(--line);margin:0 0 .75rem}.question-block{display:grid;gap:.65rem}.flow-pill{padding:.35rem .65rem;border-radius:999px;background:var(--gold);color:var(--felt-dark);font-size:.78rem;font-weight:700}.labeled-hand{min-width:90px}.labeled-title{font-size:.72rem;color:var(--gold);margin-bottom:.25rem}.illus-placeholder{font-size:.8rem;color:var(--muted);font-style:italic}.question-section{margin-top:.35rem}.question-prompt{margin:0 0 .65rem;font-weight:600;font-size:.88rem}.options-row,.options-vertical{display:flex;gap:.35rem}.options-vertical{flex-direction:column}.answer-btn{flex:1;border:1.5px solid rgba(212,175,55,.45);background:var(--gold);color:var(--felt-dark);border-radius:8px;padding:.55rem .4rem;font-weight:700;font-size:.78rem;cursor:pointer}.options-vertical .answer-btn{flex:none;text-align:left;background:var(--felt-panel);color:var(--ink)}.answer-btn.selected{background:#d4af3747;border-color:var(--gold);color:var(--gold)}.answer-btn.correct{background:var(--correct);border-color:transparent;color:#fff}.answer-btn.wrong{background:var(--wrong);border-color:transparent;color:#fff}.answer-btn:disabled{cursor:default;opacity:1}.submit-btn{margin-top:.45rem;width:100%;border:none;border-radius:8px;padding:.6rem;background:var(--gold);color:var(--felt-dark);font-weight:800;cursor:pointer}.submit-btn:disabled{opacity:.35;cursor:not-allowed}.qt-header{font-size:.78rem;font-weight:700;color:var(--gold);display:flex;justify-content:space-between;margin-bottom:.35rem}.qt-pass{color:var(--muted);font-weight:600}.inline-feedback{margin-top:.55rem;padding:.65rem;border-radius:8px;font-size:.82rem}.inline-feedback.ok{background:#81c7842e;border:1px solid rgba(129,199,132,.45)}.inline-feedback.bad{background:#ff525226;border:1px solid rgba(255,82,82,.45)}.inline-feedback p{margin:.35rem 0 .5rem;line-height:1.4}.inline-feedback-actions{display:flex;gap:.75rem}.text-btn{background:none;border:none;color:var(--gold);font-weight:700;cursor:pointer;padding:0}.qt-complete{font-size:.85rem;color:var(--correct);font-weight:600}.chart-legend,.chart-snippet{font-size:.8rem}.legend-chip-wide{min-width:2.1rem;font-size:.72rem}.wysiwyg-legend-codes{display:grid;gap:.35rem}.wysiwyg-field-label{color:var(--muted);font-size:.75rem}.legend-chip{display:inline-block;padding:.15rem .4rem;border-radius:4px;color:#fff;font-weight:700;margin-right:.25rem}.legend-note{color:var(--muted);margin-left:.35rem}.chart-snippet table{width:100%;border-collapse:collapse;margin-top:.35rem;font-size:.72rem}.chart-snippet th,.chart-snippet td{border:1px solid var(--line);padding:.25rem;text-align:center}.preview-empty{color:var(--muted);font-size:.9rem;padding:1rem}.tree-page-open-editor{display:none;flex-shrink:0;width:2rem;height:2rem;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--gold);font:inherit;font-size:1rem;line-height:1;cursor:pointer;padding:0}.tree-page-open-editor:hover{background:#d4af371f;border-color:#d4af3740}.catalog-move-cascade{border:1px solid var(--line);border-radius:8px;padding:.65rem .75rem;margin:0 0 .75rem}.catalog-move-cascade legend{padding:0 .35rem;color:var(--muted);font-size:.8rem}.catalog-move-cascade .wysiwyg-field:last-child{margin-bottom:0}@media(max-width:900px){.tree-page-open-editor{display:inline-flex;align-items:center;justify-content:center}.editor-workspace{display:flex;flex-direction:column;min-width:0;background:#0000002e;border:1px solid var(--line);border-radius:12px;overflow:hidden}.pane-editor{display:contents}.pane-editor .pane-head{order:1}.pane-editor .editor-body{order:2}.pane-preview{order:3;display:none;border:none;border-radius:0;background:transparent}.pane-editor .validation{order:4}.pane-preview .pane-head,.workspace.mobile-preview-mode .pane-editor .editor-body{display:none}.workspace.mobile-preview-mode .pane-preview:not(.hidden){display:flex}.app-header{padding-inline:.75rem}.app-header h1{font-size:1.25rem}.workspace{grid-template-columns:minmax(0,1fr);gap:.5rem;padding:0 .5rem .75rem}.workspace:not(.catalog-collapsed) .editor-workspace{display:none}.pane-catalog .icon-btn-labeled{font-size:.78rem;padding-inline:.7rem}.pane-preview .preview-pane-body{padding-top:0}.pane-preview .phone-frame{min-height:420px}}