:root{--primary: #0f766e;--primary-strong: #0d9488;--primary-soft: #ccfbf1;--accent: #6366f1;--accent-soft: #eef2ff;--bg: #f1f5f9;--text: #0f172a;--muted: #64748b;--faint: #94a3b8;--surface: #ffffff;--border: #e2e8f0;--danger: #dc2626;--danger-soft: #fee2e2;--warn: #d97706;--warn-soft: #fef3c7;--ok: #059669;--ok-soft: #ecfdf5;--sidebar-w: 236px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 8px 24px -12px rgba(15, 23, 42, .18);--radius: 14px;font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15.5px;line-height:1.55;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}h1,h2,h3{font-weight:700;letter-spacing:-.01em}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-hero{background:radial-gradient(1000px 500px at -10% -20%,rgba(99,102,241,.35),transparent 60%),linear-gradient(160deg,#134e4a,#0f766e 55%,#115e59);color:#f0fdfa;padding:3.5rem;display:flex;flex-direction:column;justify-content:space-between}.auth-hero .brand{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800}.auth-hero .brand svg{width:30px;height:30px}.auth-hero h2{font-size:2rem;line-height:1.25;margin:0 0 .75rem;max-width:24rem}.auth-hero p{color:#99f6e4;max-width:26rem;margin:0}.auth-hero ul{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.65rem}.auth-hero li{display:flex;gap:.6rem;align-items:center;color:#ccfbf1;font-size:.95rem}.auth-hero li svg{width:18px;height:18px;color:#5eead4;flex:none}.auth-form-side{display:flex;align-items:center;justify-content:center;padding:2rem}.auth-card{width:100%;max-width:380px}.auth-card h1{font-size:1.45rem;margin:0 0 .25rem}.auth-card>p{margin:0 0 1.5rem;color:var(--muted);font-size:.92rem}.auth-card label{display:block;font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 .3rem}.auth-card .field{margin-bottom:.9rem}@media(max-width:860px){.auth-page{grid-template-columns:1fr}.auth-hero{display:none}}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:none;background:linear-gradient(180deg,#0c3734,#0a2a28);color:#d6f5f0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-brand{display:flex;align-items:center;gap:.55rem;padding:1.15rem 1.2rem .9rem;font-weight:800;font-size:1.08rem;color:#fff}.sidebar-brand svg{width:26px;height:26px;color:#5eead4}.sidebar-school{margin:0 1rem 1rem;padding:.65rem .8rem;background:#ffffff12;border:1px solid rgba(255,255,255,.09);border-radius:10px}.sidebar-school strong{display:block;font-size:.9rem;color:#fff;line-height:1.3}.sidebar-school span{font-size:.75rem;color:#7edcd2;text-transform:capitalize}.sidebar nav{flex:1;padding:0 .7rem;display:flex;flex-direction:column;gap:.15rem;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;padding:.6rem .75rem;background:transparent;border:none;border-radius:9px;color:#a7d8d2;font-size:.92rem;font-weight:600;cursor:pointer;text-align:left;transition:background .12s ease,color .12s ease}.nav-item svg{width:19px;height:19px;flex:none}.nav-item:hover{background:#ffffff12;color:#fff}.nav-item.on{background:var(--primary-strong);color:#fff;box-shadow:var(--shadow-sm)}.sidebar-foot{padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:.6rem}.sidebar-foot .who{flex:1;min-width:0}.sidebar-foot .who strong{display:block;font-size:.85rem;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot .who span{font-size:.72rem;color:#7edcd2;text-transform:capitalize}.avatar{width:34px;height:34px;flex:none;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center}.avatar.soft{background:var(--primary-soft);color:var(--primary)}.icon-btn{background:transparent;border:none;color:#a7d8d2;padding:.35rem;border-radius:8px;cursor:pointer;display:flex}.icon-btn:hover{background:#ffffff1a;color:#fff}.icon-btn svg{width:18px;height:18px}.main{flex:1;min-width:0;padding:1.6rem 2rem 3rem;max-width:1180px}.page-head{margin-bottom:1.3rem;display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;flex-wrap:wrap}.page-head h1{margin:0;font-size:1.45rem}.page-head p{margin:.15rem 0 0;color:var(--muted);font-size:.92rem}@media(max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:column}.sidebar nav{flex-direction:row;flex-wrap:wrap;padding-bottom:.7rem}.nav-item{width:auto}.sidebar-school{display:none}.main{padding:1.1rem 1rem 2.5rem}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.3rem;box-shadow:var(--shadow-sm)}.card+.card{margin-top:.9rem}.card-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.6rem}.card-head h3{margin:0;font-size:1.02rem}.card p{margin:.3rem 0}input,select,textarea{padding:.62rem .85rem;border:1px solid var(--border);border-radius:9px;font-size:.95rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .12s ease,box-shadow .12s ease}input{width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-strong);box-shadow:0 0 0 3px #0d948826}textarea{width:100%;resize:vertical;margin:.6rem 0}.password-field{position:relative}.password-field input{padding-right:2.75rem}.password-toggle{position:absolute;top:50%;right:.35rem;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;background:transparent;color:var(--muted);border:none;border-radius:6px;padding:.25rem;cursor:pointer;animation:eye-pop .16s ease}@keyframes eye-pop{0%{transform:translateY(-50%) scale(.85)}to{transform:translateY(-50%) scale(1)}}button{background:var(--primary);color:#fff;border:none;border-radius:9px;padding:.62rem 1.1rem;font-size:.95rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .12s ease,transform 60ms ease}button:hover{background:var(--primary-strong)}button:active{transform:translateY(1px)}button.secondary{background:var(--surface);color:var(--primary);border:1px solid var(--border)}button.secondary:hover{background:var(--primary-soft);border-color:var(--primary-soft)}button.ghost{background:transparent;color:var(--muted);border:none}button.ghost:hover{background:var(--border);color:var(--text)}button.small{padding:.35rem .7rem;font-size:.85rem;border-radius:7px}button.danger{color:var(--danger)}button.danger:hover{background:var(--danger-soft);border-color:var(--danger-soft)}button:disabled{opacity:.45;cursor:default;transform:none}button.block{width:100%}.muted{color:var(--muted);font-size:.875rem}.error{color:var(--danger);font-size:.875rem}.success{color:var(--ok);font-size:.875rem}.toolbar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.toolbar select,.toolbar input{margin-bottom:0;width:auto}.inline-input{width:auto;margin-bottom:0}.inline-input.narrow{width:7.5rem}.inline-input.tiny{width:5.2rem}.inline-input.grow,.toolbar .grow{flex:1;min-width:10rem}.spacer{flex:1}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;margin-bottom:1.1rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.15rem;display:flex;gap:.85rem;align-items:center;box-shadow:var(--shadow-sm)}.stat-icon{width:42px;height:42px;flex:none;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-icon svg{width:21px;height:21px}.stat-icon.teal{background:var(--primary-soft);color:var(--primary)}.stat-icon.indigo{background:var(--accent-soft);color:var(--accent)}.stat-icon.amber{background:var(--warn-soft);color:var(--warn)}.stat-icon.green{background:var(--ok-soft);color:var(--ok)}.stat-card b{display:block;font-size:1.35rem;line-height:1.2}.stat-card span{font-size:.8rem;color:var(--muted)}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:.65rem 1rem;border-bottom:1px solid var(--border);font-size:.92rem}.table th{background:#f8fafc;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;position:sticky;top:0}.table tbody tr:last-child td{border-bottom:none}.table tbody tr.clickable:hover{background:#f8fafc;cursor:pointer}.row-selected{background:var(--ok-soft)!important}.cell-with-avatar{display:flex;align-items:center;gap:.6rem}.cell-with-avatar .avatar{width:30px;height:30px;font-size:.72rem}.split{display:flex;gap:1.1rem;align-items:flex-start}.split-main{flex:1;min-width:0}.detail{width:300px;flex:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.15rem 1.3rem;box-shadow:var(--shadow-md);position:sticky;top:1rem}.detail h3{margin:.4rem 0 0}.detail dt{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:.75rem}.detail dd{margin:.1rem 0 0;font-size:.94rem}.detail-top{display:flex;justify-content:space-between;align-items:flex-start}@media(max-width:900px){.split{flex-direction:column}.detail{width:100%;position:static}}.two-col{display:grid;grid-template-columns:3fr 2fr;gap:1rem;align-items:start}@media(max-width:1000px){.two-col{grid-template-columns:1fr}}.summary-chips{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:.9rem}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:999px;font-size:.82rem;font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.chip .dot{width:8px;height:8px;border-radius:50%}.chip.ok{background:var(--ok-soft);border-color:#a7f3d0;color:var(--ok)}.chip.warn{background:var(--warn-soft);border-color:#fde68a;color:var(--warn)}.chip.bad{background:var(--danger-soft);border-color:#fecaca;color:var(--danger)}.status-group{display:flex;gap:.35rem}.status{width:2.3rem;padding:.38rem 0;font-size:.85rem;background:var(--surface);border:1px solid var(--border);color:var(--muted)}.status:hover{background:#f8fafc}.status-on.status-present{background:var(--ok);border-color:var(--ok);color:#fff}.status-on.status-late{background:var(--warn);border-color:var(--warn);color:#fff}.status-on.status-absent{background:var(--danger);border-color:var(--danger);color:#fff}.progress{height:7px;border-radius:999px;background:var(--border);overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:var(--primary-strong)}.tt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.tt-day{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden}.tt-day-head{padding:.55rem .95rem;background:#f8fafc;border-bottom:1px solid var(--border);font-weight:700;font-size:.88rem;display:flex;justify-content:space-between;align-items:center}.tt-day-head.today{background:var(--primary-soft);color:var(--primary)}.tt-period{padding:.55rem .95rem;border-bottom:1px dashed var(--border)}.tt-period:last-child{border-bottom:none}.tt-period .time{font-size:.74rem;color:var(--muted);display:block}.tt-period .subj{font-weight:600;font-size:.92rem}.tt-empty{padding:.9rem;color:var(--faint);font-size:.85rem;text-align:center}.period-row{display:flex;gap:.5rem;align-items:center;margin-top:.45rem}.period-view{display:flex;justify-content:space-between;padding:.35rem 0;border-bottom:1px dashed var(--border)}.feed-item{display:flex;gap:.85rem}.feed-item+.feed-item{margin-top:.9rem}.feed-rail{display:flex;flex-direction:column;align-items:center;flex:none}.feed-dot{width:11px;height:11px;border-radius:50%;background:var(--primary-strong);margin-top:.45rem}.feed-line{width:2px;flex:1;background:var(--border);margin-top:4px}.feed-body{flex:1;min-width:0}.tag{padding:.17rem .65rem;border-radius:999px;font-size:.76rem;font-weight:700;text-transform:capitalize}.tag-holiday{background:var(--ok-soft);color:var(--ok)}.tag-event{background:var(--accent-soft);color:var(--accent)}.tag-exam{background:var(--warn-soft);color:var(--warn)}.badge{font-size:.72rem;font-weight:700;padding:.12rem .55rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.empty{text-align:center;padding:2.6rem 1rem;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.empty svg{width:36px;height:36px;color:var(--faint);margin-bottom:.5rem}.empty b{display:block;color:var(--text);margin-bottom:.15rem}.empty p{margin:0;font-size:.88rem}.skeleton{border-radius:9px;background:linear-gradient(90deg,#e9eef4 25%,#f4f7fa,#e9eef4 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-row{height:44px;margin-bottom:8px}.nav-group{margin-bottom:.65rem}.nav-group-label{display:block;padding:.35rem .75rem .25rem;font-size:.68rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#5fa39b}.plan-pill{font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:#5eead42e;color:#5eead4;border:1px solid rgba(94,234,212,.4);padding:.12rem .5rem;border-radius:999px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a191880;display:flex;align-items:flex-start;justify-content:center;padding:3.5rem 1rem 2rem;z-index:50;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius);box-shadow:0 24px 60px -20px #02141280;padding:1.25rem 1.4rem 1.3rem;width:100%;max-width:460px;animation:modal-in .16s ease}.modal-wide{max-width:760px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.modal-head h3{margin:0;font-size:1.05rem}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;margin-top:1rem}.modal .field{margin-bottom:.8rem}.modal .field label,.field label{display:block;font-size:.78rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 .8rem}.seg{display:inline-flex;background:#e6ecf2;border-radius:10px;padding:3px;gap:2px}.seg-item{background:transparent;color:var(--muted);border:none;border-radius:8px;padding:.4rem .9rem;font-size:.88rem;font-weight:600}.seg-item:hover{background:#fff9;color:var(--text)}.seg-item.on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.q-editor{border:1px solid var(--border);border-radius:11px;padding:.75rem .9rem;margin-bottom:.8rem;background:#fbfdfe}.q-editor-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.q-editor textarea{margin:.3rem 0}.q-options{display:grid;gap:.4rem}.q-option{display:flex;align-items:center;gap:.5rem}.q-option input[type=radio]{width:auto}.row-actions{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}.grade-row{display:flex;gap:.45rem;align-items:center;margin-top:.5rem}.clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clickable-card{cursor:pointer;transition:box-shadow .12s ease,border-color .12s ease}.clickable-card:hover{border-color:var(--primary-strong);box-shadow:var(--shadow-md)}.tag-overdue{background:var(--danger-soft);color:var(--danger)}code{background:#eef2f6;border-radius:5px;padding:.05rem .35rem;font-size:.85em}.thread{margin:.9rem 0;max-height:320px;overflow-y:auto}.thread-msg{background:#f1f5f9;border-radius:12px 12px 12px 4px;padding:.55rem .85rem;margin-bottom:.55rem;max-width:85%}.thread-msg.mine{background:var(--primary-soft);border-radius:12px 12px 4px;margin-left:auto}.thread-msg strong{font-size:.78rem;color:var(--muted);display:block}.thread-msg p{margin:.15rem 0 0}.ai-suggestion{background:var(--accent-soft);border:1px solid #dfe3ff;border-radius:11px;padding:.7rem .95rem;margin:.7rem 0}.ai-suggestion strong{color:var(--accent);font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}.ai-suggestion p{margin:.3rem 0 .5rem}.marks-grid th{position:static}.th-input{border:none;background:transparent;font-weight:700;font-size:.82rem;padding:.2rem .3rem;width:7.5rem;color:var(--text);text-transform:none}.th-input:focus{background:var(--surface)}.th-max{display:inline-flex;align-items:center;gap:2px;color:var(--muted);font-weight:400}.th-max-input{width:3.2rem;font-weight:400}.mark-input{width:4.2rem;padding:.35rem .5rem;text-align:center}.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.9rem}.class-card{cursor:pointer}.class-card:hover{border-color:var(--primary-strong);box-shadow:var(--shadow-md)}.roster-cols{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.roster-cols h4{margin:0 0 .5rem;font-size:.9rem}.roster-list{max-height:300px;overflow-y:auto;margin-top:.5rem}.roster-row{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;border-bottom:1px dashed var(--border)}.roster-row .grow{flex:1;min-width:0;font-size:.92rem}.roster-row .avatar{width:26px;height:26px;font-size:.65rem}@media(max-width:700px){.roster-cols{grid-template-columns:1fr}}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem .8rem}.check-item{display:flex;align-items:center;gap:.45rem;font-size:.88rem;text-transform:capitalize}.check-item input{width:auto;margin:0}.gate-card h1{font-size:1.3rem;margin:.8rem 0 .4rem}.gate-card p{margin:0 0 .9rem}.swatch{width:30px;height:30px;border-radius:50%;border:none;padding:0;cursor:pointer}.review-panel{border-top:2px solid var(--border);margin-top:1rem;padding-top:.8rem}.launch-soon{text-align:center;padding:3rem 1.5rem;max-width:640px;margin:2rem auto}.launch-icon{width:56px;height:56px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem}.launch-soon h2{margin:0 0 .5rem}.launch-pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--primary-soft);color:var(--primary);font-size:.8rem;font-weight:700;padding:.3rem .8rem;border-radius:999px}.launch-points{text-align:left;max-width:420px;margin:0 auto}.launch-points h4{margin:0 0 .4rem;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.launch-points ul{margin:0;padding:0;list-style:none}.launch-points li{padding:.35rem 0 .35rem 1.6rem;position:relative}.launch-points li:before{content:"✓";position:absolute;left:.2rem;color:var(--ok);font-weight:800}.ai-card{background:linear-gradient(135deg,#eef2ff,#ecfdf5);border-color:#dbe4ff}.chip-btn{background:var(--surface);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:.3rem .85rem;font-size:.84rem;font-weight:600}.chip-btn:hover{background:var(--primary-soft);color:var(--primary)}.chip-btn.on{background:var(--primary);color:#fff;border-color:var(--primary)}.poster-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.poster-tile{cursor:pointer;display:flex;flex-direction:column;gap:.4rem}.poster-tile .poster-canvas{box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:box-shadow .12s ease,transform .12s ease}.poster-tile:hover .poster-canvas{box-shadow:var(--shadow-md);transform:translateY(-2px)}.poster-tile-meta{display:flex;flex-direction:column;gap:.1rem;font-size:.82rem}.poster-tile-meta .muted{font-size:.76rem}.studio{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.2rem;align-items:start}.studio-canvas{position:sticky;top:1rem;background:#e2e8f0;padding:12px;border-radius:14px}.studio-panel .card+.card{margin-top:.8rem}@media(max-width:1000px){.studio{grid-template-columns:1fr}.studio-canvas{position:static;justify-self:center}}.canvas-handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #38bdf8;touch-action:none}.canvas-handle.resize{right:-8px;bottom:-8px;cursor:nwse-resize}.canvas-handle.rotate{left:calc(50% - 7px);top:-26px;cursor:grab}.small-sw{width:24px;height:24px}.secondary-label{display:inline-flex;align-items:center;background:var(--surface);color:var(--primary);border:1px solid var(--border);border-radius:7px;padding:.35rem .7rem;font-size:.85rem;font-weight:600;cursor:pointer}.layer-row{cursor:pointer;padding:.3rem .4rem;border-radius:7px}.layer-row.on{background:var(--primary-soft)}.logo-slots{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.logo-slot{display:flex;gap:.7rem;align-items:center}.logo-box{width:84px;height:56px;border:1px dashed var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f8fafc;flex:none}.logo-box img{max-width:100%;max-height:100%;object-fit:contain}.logo-box span{font-size:.7rem;text-align:center}.cover-prev{width:100%;max-height:120px;object-fit:cover;border-radius:10px;margin-bottom:.4rem}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.color-rows{margin:.7rem 0 .2rem}.color-row{display:grid;grid-template-columns:110px 40px 1fr;gap:.6rem;align-items:center;padding:.15rem 0;font-size:.88rem}.color-row input[type=color]{width:40px;height:30px;padding:0;margin:0}.color-row .hex{margin:0;font-family:ui-monospace,monospace}.branding-side{position:sticky;top:1rem;align-self:start}.sticky-save{position:sticky;bottom:0;display:flex;align-items:center;gap:.6rem;background:#fffffff5;border-top:1px solid var(--border);margin:1rem -2rem -3rem;padding:.75rem 2rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.phone-prev{border:1px solid var(--border);border-radius:18px;overflow:hidden;max-width:300px;margin:0 auto .8rem;font-size:.85rem}.pp-header{display:flex;gap:.6rem;align-items:center;padding:1rem;color:#fff}.pp-header img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:10px;padding:3px}.pp-logo-ph{width:40px;height:40px;border-radius:10px;background:#ffffff38;display:flex;align-items:center;justify-content:center}.pp-header strong{display:block}.pp-header span{font-size:.75rem;opacity:.9}.pp-body{padding:.8rem;display:grid;gap:.6rem}.pp-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.pp-stats div{border-radius:10px;padding:.5rem;text-align:center}.pp-stats b{display:block;font-size:1.05rem}.pp-stats span{font-size:.68rem}.pp-btn{border-radius:10px;color:#fff;padding:.55rem;font-weight:700;width:100%}.pp-row{display:flex;justify-content:space-between;align-items:center;border-radius:10px;padding:.55rem .7rem}.pp-row em{font-style:normal;font-size:.68rem;font-weight:700;padding:.1rem .5rem;border-radius:999px}.pp-tabs{display:flex;justify-content:space-around;padding:.55rem;font-size:.75rem;font-weight:700}.pp-foot{text-align:center;font-size:.68rem;padding:.3rem 0 .6rem}.topic-btn{width:100%;text-align:left;justify-content:flex-start}.topic-picker{margin-top:.5rem;border:1px solid var(--border);border-radius:10px;padding:.5rem;background:var(--surface)}.class-card.inactive{opacity:.7}.ann-image{display:block;max-width:100%;max-height:260px;border-radius:10px;margin:8px 0;object-fit:cover}.mastery-legend{display:flex;gap:12px;align-items:center;font-size:.82rem;color:var(--muted)}.mastery-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px}.mastery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.mastery-cell{border:2px solid transparent;border-radius:10px;padding:10px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer;min-height:88px}.mastery-cell.on{border-color:#fff;outline:2px solid var(--primary)}.mastery-cell span{font-size:.8rem;opacity:.95}.mastery-cell b{font-size:1.25rem}.mastery-cell small{font-size:.7rem;opacity:.85}.mastery-score{font-size:1.3rem;font-weight:800}.mastery-bar{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.section-title{margin:1.2rem 0 .2rem}.idc-preview{max-width:900px}.chart{width:100%;height:auto;display:block}.bar-chart{display:flex;align-items:flex-end;gap:8px}.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.bar-track{width:100%;display:flex;align-items:flex-end;background:var(--surface-2, rgba(0,0,0,.04));border-radius:6px;overflow:hidden}.bar-fill{width:100%;border-radius:6px 6px 0 0;min-height:2px}.bar-val{font-size:.7rem;color:var(--muted)}.bar-label{font-size:.7rem;color:var(--muted);white-space:nowrap}.hbar{margin:6px 0}.hbar-head{display:flex;justify-content:space-between;font-size:.85rem}.hbar-track{position:relative;height:8px;background:#00000012;border-radius:6px;margin-top:3px}.hbar-fill{height:100%;border-radius:6px}.hbar-tick{position:absolute;top:-3px;width:2px;height:14px;background:#475569}.att-strip{display:flex;flex-wrap:wrap;gap:3px}.att-strip span{width:14px;height:22px;border-radius:3px}.stat-link{cursor:pointer;text-align:left;font:inherit;color:inherit}.stat-link:hover{border-color:var(--primary)}.qb-meta{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.qb-stages{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0}.qb-stage{font-size:.72rem;padding:2px 8px;border-radius:999px}.qb-stage.ok{background:#2e7d321f;color:#2e7d32}.qb-stage.bad{background:#c628281f;color:#c62828}.qb-stem{font-weight:600;margin:6px 0}.qb-options{margin:4px 0 6px 22px;padding:0}.qb-options li.key{color:#2e7d32;font-weight:600}.qb-expl,.qb-hint,.qb-answer,.qb-usage{font-size:.85rem;margin:4px 0}.qb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.qb-presets,.qb-filters{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 12px}.chip-btn{border:1px solid var(--border);background:transparent;color:inherit;border-radius:999px;padding:5px 12px;cursor:pointer;font:inherit;font-size:.85rem}.chip-btn small{opacity:.7;margin-left:4px}.chip-btn.on{background:var(--primary);border-color:var(--primary);color:#fff}.qb-mix{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0}.qb-mix-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:4px 0}.qb-mix-row.off{opacity:.4}.qb-mix-row input{width:64px}.qb-plan{background:#00000008;border-radius:8px;padding:8px 10px}.qb-editor textarea{width:100%}.qb-passage{border:1px solid rgba(0,0,0,.12);background:#00000008;border-radius:8px;padding:8px 10px;margin:6px 0;font-size:.9rem}.qb-sub{margin-top:10px;padding-top:8px;border-top:1px dashed rgba(0,0,0,.12)}@media(max-width:760px){.qb-mix{grid-template-columns:1fr}}.modal{max-height:calc(100vh - 5rem);overflow-y:auto}.modal-wide{max-width:min(980px,100%)}.pill{display:inline-block;padding:.1rem .55rem;margin:0 .25rem .25rem 0;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.74rem;font-weight:600}.section-h{margin:1.1rem 0 .4rem;font-size:.9rem}.callout{background:var(--accent-soft);border:1px solid #c7d2fe;border-radius:var(--radius);padding:.6rem .9rem;margin-bottom:.8rem;font-size:.9rem}.field-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.35rem .8rem;margin-bottom:.6rem}.import-steps{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.9rem}.import-step{padding:.25rem .75rem;border-radius:999px;background:#e6ecf2;color:var(--muted);font-size:.78rem;font-weight:600}.import-step.on{background:var(--primary);color:#fff}.import-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.4rem 0 .8rem}.import-actions .on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.import-review{max-height:340px}.map-list{display:flex;flex-direction:column;gap:.4rem;max-height:420px;overflow-y:auto;padding-right:.2rem}.map-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.6rem;align-items:center;padding:.45rem .6rem;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.map-src{display:flex;flex-direction:column;min-width:0}.map-src b,.map-src span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.map-row select{margin:0;width:100%}.map-row select.map-skip{color:var(--muted)}.block-sm{display:block;font-size:.78rem}.field-editor{margin-top:.8rem;padding:.8rem;border:1px dashed var(--border);border-radius:10px}.idc-settings{margin-bottom:1rem}.idc-preview{max-width:none}.idc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.2rem 1rem;justify-items:center}.idc-cell{display:flex;flex-direction:column;align-items:center;gap:.5rem}.doc-preview{background:#eef2f6;border-radius:10px;padding:.8rem;margin:.4rem 0 .9rem;overflow-x:auto}.receipt-editor{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.2rem;align-items:start}.receipt-preview{position:sticky;top:0}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.preset-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.8rem;background:var(--surface);color:inherit;border:1px solid var(--border);border-radius:12px;cursor:pointer}.preset-card:hover{border-color:var(--primary)}.preset-preview{max-height:230px;overflow:hidden;pointer-events:none;transform-origin:top left}@media(max-width:860px){.receipt-editor{grid-template-columns:1fr}.receipt-preview{position:static}}@media(max-width:700px){.modal-backdrop{padding:.6rem .4rem 1rem}.modal{padding:1rem .9rem;max-height:calc(100vh - 1.6rem)}.form-grid{grid-template-columns:1fr}.map-row{grid-template-columns:1fr;gap:.3rem}.map-arrow,.hide-sm{display:none}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1 1 auto}.dc-cert .inner,.dc-cert.b-double .inner{padding:18px 16px}.dc-cert .sigs{margin-top:36px;gap:8px}}@media print{.modal-backdrop{position:static}}.qbx-col{display:flex;flex-direction:column;gap:.9rem;min-width:0}.qbx-card{margin:0}.qbx-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.qbx-head h3{margin:0}.qbx-num{flex:none;width:1.6rem;height:1.6rem;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:.8rem;font-weight:700}.qbx-hint{margin:.4rem 0 .7rem;font-size:.85rem}.qbx-req{color:var(--danger);font-size:.72rem;font-weight:600;margin-left:4px}.qbx-chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:.3rem 0 .6rem;min-height:1.9rem;align-items:center}.qbx-chip{display:inline-flex;align-items:center;gap:.35rem;max-width:100%;padding:.25rem .35rem .25rem .8rem;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.85rem;font-weight:600}.qbx-chip.cat{background:var(--primary);color:#fff}.qbx-chip button{border:0;background:#0000001f;color:inherit;width:1.35rem;height:1.35rem;border-radius:50%;padding:0;line-height:1;cursor:pointer;font-size:.95rem}.qbx-suggest{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.qbx-suggest .chip-btn{text-align:left;max-width:100%}.qbx-sticky{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.7rem .9rem;margin-top:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -4px 14px #0f172a14}.qbx-sticky-text{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.85rem}.qbx-sticky-text strong,.qbx-sticky-text span{overflow:hidden;text-overflow:ellipsis}.qbx-sticky button{flex:none}@media(max-width:700px){.qbx-sticky{flex-direction:column;align-items:stretch}.qbx-sticky button{width:100%}}.qbx-card .form-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.qbx-card .field,.qbx-card select,.qbx-card input,.qbx-card textarea{min-width:0;max-width:100%}.idd{display:flex;flex-direction:column;gap:12px}.idd-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;position:sticky;top:0;z-index:5}.idd-top .spacer{flex:1}.idd-seg{display:inline-flex;border:1px solid var(--border, #cbd5e1);border-radius:999px;overflow:hidden}.idd-seg button{border:0;background:transparent;padding:6px 16px;cursor:pointer;font:inherit;color:inherit}.idd-seg button.on{background:var(--primary, #0f766e);color:#fff}.idd-body{display:grid;grid-template-columns:170px minmax(300px,1fr) 320px;gap:14px;align-items:start}.idd-rail,.idd-panel{background:var(--card, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 140px);overflow:auto}.idd-rail h4,.idd-panel h4,.idd-panel h5{margin:6px 0 2px}.idd-layers{display:flex;flex-direction:column;gap:4px}.idd-layer{text-align:left;border:1px solid var(--border, #e2e8f0);background:transparent;border-radius:8px;padding:6px 8px;cursor:pointer;font:inherit;color:inherit}.idd-layer.on{border-color:var(--primary, #0f766e);background:#0f766e14}.idd-stage-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;background:repeating-conic-gradient(#e2e8f0 0,#e2e8f0 25%,#f1f5f9 0,#f1f5f9 50%) 0 0 / 20px 20px;min-height:420px}.idd-stage{position:relative;background:#fff;box-shadow:0 4px 18px #0f172a40;-webkit-user-select:none;user-select:none}.idd-doc{position:absolute;left:0;top:0;pointer-events:none}.idd-hit{position:absolute;cursor:pointer}.idd-hit:hover{outline:1px dashed rgba(37,99,235,.6)}.idd-hit.sel{outline:1px solid #2563eb}.idd-hit.locked{cursor:not-allowed}.idd-field{display:flex;flex-direction:column;gap:4px}.idd-field>label,.idd-num>span{font-size:.78rem;color:var(--muted, #64748b)}.idd-num{display:flex;flex-direction:column;gap:2px}.idd-num.inline{flex-direction:row;align-items:center;gap:4px}.idd-num.inline input{width:64px}.idd-num input,.idd-num select{width:100%}.idd-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.idd-row,.idd-chips,.idd-head{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.idd-head h4{flex:1}.idd-swatches{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.idd-swatch{width:26px;height:26px;border-radius:50%;border:1px solid rgba(15,23,42,.25);cursor:pointer;padding:0}.idd-swatch.on{outline:3px solid #2563eb;outline-offset:1px}.idd-swatch.none{background:linear-gradient(135deg,#fff 45%,#dc2626 45%,#dc2626 55%,#fff 55%)}.idd-swatches input[type=color]{width:30px;height:30px;padding:0;border:0;background:none;cursor:pointer}.secondary.on{background:var(--primary, #0f766e);color:#fff}@media(max-width:1100px){.idd-body{grid-template-columns:1fr}.idd-rail,.idd-panel{max-height:none}.idd-rail,.idd-layers{flex-direction:row;flex-wrap:wrap}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.main.main-studio{max-width:none;padding:0}.main.main-studio>.page-head{display:none}.mk-editor{position:relative;height:100vh;min-height:620px}.dz-editor{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--bg);color:var(--text);font-size:.9rem;line-height:1.35}.dz-editor button,.dz-pop button{background:none;color:inherit;border:0;border-radius:8px;padding:0;font:inherit;font-weight:600;cursor:pointer;transform:none}.dz-editor button:hover,.dz-pop button:hover{background:#0f172a12;color:inherit}.dz-editor button:disabled,.dz-pop button:disabled{opacity:.38;cursor:default;background:none}.dz-editor input,.dz-editor select,.dz-pop input{padding:.35rem .55rem;border-radius:8px;font-size:.88rem;width:auto;margin:0}.dz-editor input[type=range],.dz-pop input[type=range]{padding:0;width:100%;accent-color:var(--primary);box-shadow:none}.dz-editor input[type=checkbox],.dz-pop input[type=checkbox]{width:auto;padding:0}.dz-top{flex:none;display:flex;align-items:center;gap:.75rem;height:54px;padding:0 .75rem;background:var(--surface);border-bottom:1px solid var(--border)}.dz-top-left{flex:1 1 120px;min-width:90px;display:flex;align-items:center;gap:.6rem}.dz-top-mid{flex:none;display:flex;align-items:center;gap:.15rem}.dz-top-right{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.dz-top-sep{width:1px;height:22px;background:var(--border);margin:0 .35rem}.dz-icon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-width:34px;height:34px;padding:0 .4rem!important;color:#334155}.dz-icon-btn.active{background:var(--primary-soft)!important;color:var(--primary)!important}.dz-zoom-btn{display:inline-flex;align-items:center;gap:.2rem;height:34px;padding:0 .5rem!important;min-width:66px;justify-content:center}.dz-zoom-val{font-variant-numeric:tabular-nums;font-size:.85rem}.dz-zoom-menu{display:flex;flex-direction:column;min-width:150px}.dz-zoom-menu button{display:flex;align-items:center;gap:.5rem;text-align:left;padding:.5rem .7rem!important;width:100%}.dz-zoom-menu button small{margin-left:auto;color:var(--muted);font-weight:500}.dz-zoom-menu button.on{background:var(--primary-soft);color:var(--primary)}.dz-body{flex:1;min-height:0;display:flex;position:relative}.dz-rail{flex:none;width:76px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:2px;padding:6px 4px;overflow-y:auto}.dz-rail-btn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px!important;font-size:.7rem!important;color:#475569;border-radius:10px!important}.dz-rail-btn.on{background:var(--primary-soft)!important;color:var(--primary)!important}.dz-panel{flex:none;width:324px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.dz-panel-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem .3rem}.dz-panel-head h3{margin:0;font-size:1rem}.dz-panel-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:.4rem .9rem 1.2rem}.dz-side{flex:none;width:236px;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;padding:.8rem}.dz-empty{color:var(--muted);font-size:.85rem;margin:.5rem 0}.dz-stage-wrap{position:relative;flex:1;min-width:0;background:#e6eaf0;background-image:radial-gradient(#cdd4de 1px,transparent 1px);background-size:18px 18px}.dz-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;display:flex}.dz-viewport.panning *{cursor:inherit!important}.dz-pad{position:relative;margin:auto;flex:none}.dz-page{position:absolute;background:#fff;box-shadow:0 10px 34px #0f172a38,0 0 0 1px #0f172a0f;touch-action:none;user-select:none;-webkit-user-select:none}.dz-layers{position:absolute;left:0;top:0;overflow:hidden}.dz-layers [data-layer-id]{cursor:move}.dz-layers [data-layer-id][data-locked]{cursor:default}.dz-frame{position:absolute;border:1.5px solid #2563eb;box-sizing:border-box;pointer-events:none;z-index:4}.dz-frame.locked{border-style:dashed;border-color:#64748b}.dz-hover{position:absolute;border:1.5px solid #60a5fa;box-sizing:border-box;pointer-events:none;z-index:3}.dz-member{position:absolute;border:1px solid #60a5fa;box-sizing:border-box;pointer-events:none;z-index:3}.dz-guide{position:absolute;background:#f43f5e;pointer-events:none;z-index:6}.dz-guide.x{width:1px;margin-left:-.5px}.dz-guide.y{height:1px;margin-top:-.5px}.dz-guide.center{background:#d946ef}.dz-marquee{position:absolute;border:1px solid #2563eb;background:#2563eb1f;pointer-events:none;z-index:7}.dz-hud{position:absolute;transform:translate(-50%);background:#0f172a;color:#fff;font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:6px;pointer-events:none;z-index:9;white-space:nowrap;font-variant-numeric:tabular-nums}.dz-text-edit{caret-color:#2563eb}.dz-text-edit::selection{background:#2563eb4d}.dz-moveable.moveable-control-box{z-index:5!important;--moveable-color: #2563eb}.dz-moveable .moveable-line{display:none!important}.dz-moveable .moveable-control{width:13px;height:13px;margin-top:-6.5px;margin-left:-6.5px;background:#fff;border:2px solid #2563eb;border-radius:50%;box-shadow:0 1px 4px #0f172a4d}.dz-moveable .moveable-control.moveable-n,.dz-moveable .moveable-control.moveable-s{width:26px;height:9px;margin-left:-13px;margin-top:-4.5px;border-radius:6px}.dz-moveable .moveable-control.moveable-e,.dz-moveable .moveable-control.moveable-w{width:9px;height:26px;margin-top:-13px;margin-left:-4.5px;border-radius:6px}.dz-moveable .moveable-rotation-line{display:block!important;background:#2563eb!important;opacity:.7}.dz-moveable .moveable-control.moveable-rotation-control{width:16px;height:16px;margin-top:-8px;margin-left:-8px;cursor:grab}.dz-toolbar-anchor{position:absolute;z-index:20;width:max-content;max-width:calc(100% - 12px)}.dz-toolbar{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);padding:4px;flex-wrap:wrap;row-gap:2px;max-width:100%;width:max-content}.dz-tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;height:34px;min-width:34px;padding:0 .5rem!important;color:#334155;flex:none}.dz-tb-btn.on{background:var(--primary-soft)!important;color:var(--primary)!important}.dz-tb-btn.danger:hover{background:var(--danger-soft)!important;color:var(--danger)!important}.dz-tb-text{font-size:.8rem;font-weight:600}.dz-tb-fontname{max-width:118px;overflow:hidden;text-overflow:ellipsis;font-size:.85rem;font-weight:600}.dz-tb-font{min-width:128px;justify-content:space-between}.dz-tb-swatch{display:block;width:22px;height:22px;border-radius:6px;border:1px solid rgba(15,23,42,.25)}.dz-tb-sep{width:1px;height:22px;background:var(--border);margin:0 4px;flex:none}.dz-stepper{display:inline-flex;align-items:center;border:1px solid var(--border);border-radius:8px;height:32px;flex:none}.dz-stepper button{width:26px;height:100%;border-radius:0!important;font-size:1rem}.dz-stepper input{width:46px!important;text-align:center;border:0!important;border-left:1px solid var(--border)!important;border-right:1px solid var(--border)!important;border-radius:0!important;height:100%;box-shadow:none!important;-moz-appearance:textfield;padding:0!important}.dz-stepper input::-webkit-outer-spin-button,.dz-stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dz-pop{position:fixed;z-index:400;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 18px 44px -14px #0f172a66;padding:.6rem;min-width:200px;max-height:calc(100vh - 24px);overflow-y:auto;font-size:.88rem;color:var(--text)}.dz-pop-color{width:256px}.dz-pop-wide{width:270px}.dz-pop-fonts{width:230px;padding:4px}.dz-pop-body{padding:.2rem;display:grid;gap:.5rem}.dz-pop-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;margin-top:.2rem}.dz-grid2{display:grid;grid-template-columns:1fr 1fr;gap:.35rem}.dz-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.dz-mini{padding:.4rem .5rem!important;border:1px solid var(--border)!important;font-size:.8rem!important;background:var(--surface)!important}.dz-mini:hover{background:var(--primary-soft)!important}.dz-mini.on{background:var(--primary-soft)!important;color:var(--primary);border-color:var(--primary)!important}.dz-fontlist{display:flex;flex-direction:column}.dz-fontlist button{text-align:left;padding:.5rem .7rem!important;font-size:1.02rem!important;font-weight:500!important;border-radius:8px}.dz-fontlist button.on{background:var(--primary-soft);color:var(--primary)}.dz-slider{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:.5rem;font-size:.8rem;color:#475569}.dz-slider output{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.dz-check{display:flex;align-items:center;gap:.45rem;font-weight:600;font-size:.85rem;cursor:pointer}.dz-effects{gap:.6rem}.dz-color{display:grid;gap:.6rem}.dz-color .react-colorful{width:100%;height:150px}.dz-seg{display:grid;grid-template-columns:1fr 1fr;background:#eef2f6;border-radius:9px;padding:3px}.dz-seg button{padding:.35rem!important;border-radius:7px!important;font-size:.82rem!important}.dz-seg button.on{background:var(--surface)!important;box-shadow:var(--shadow-sm)}.dz-grad-bar{height:14px;border-radius:7px;border:1px solid var(--border)}.dz-grad-stops{display:flex;align-items:center;gap:.5rem;margin-top:.4rem}.dz-stop{width:26px;height:26px;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #94a3b8}.dz-stop.on{box-shadow:0 0 0 2px #2563eb}.dz-angle{display:flex;align-items:center;gap:.5rem;font-size:.78rem;color:var(--muted);flex:1}.dz-hex-row{display:flex;align-items:center;gap:.4rem}.dz-hex-swatch{width:26px;height:26px;border-radius:7px;border:1px solid rgba(15,23,42,.25);flex:none}.dz-hex{width:84px!important;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase}.dz-sw-block{display:grid;gap:.25rem}.dz-sw-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.dz-sw-row{display:flex;flex-wrap:wrap;gap:6px}.dz-sw{width:24px;height:24px;border-radius:50%!important;border:1px solid rgba(15,23,42,.22)!important;padding:0}.dz-sw.on{box-shadow:0 0 0 2px #fff,0 0 0 4px #2563eb}.dz-layers-list{list-style:none;margin:.4rem 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.dz-layer-row{display:flex;align-items:center;gap:.55rem;padding:4px 6px;border-radius:9px;cursor:pointer;border:1px solid transparent;position:relative}.dz-layer-row:hover{background:#f1f5f9}.dz-layer-row.on{background:var(--primary-soft);border-color:#0f766e4d}.dz-layer-row.off .dz-layer-name{color:var(--faint);text-decoration:line-through}.dz-layer-row.dragging{opacity:.4}.dz-layer-row.drop-above:before,.dz-layer-row.drop-below:after{content:"";position:absolute;left:6px;right:6px;height:3px;background:#2563eb;border-radius:2px}.dz-layer-row.drop-above:before{top:-2px}.dz-layer-row.drop-below:after{bottom:-2px}.dz-thumb{flex:none;width:36px;height:36px;border-radius:7px;border:1px solid var(--border);background:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden}.dz-thumb img{width:100%;height:100%}.dz-thumb.text{font-size:.95rem}.dz-thumb-shape{display:block;width:24px;height:24px}.dz-layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600}.dz-layer-tag{font-size:.65rem;background:#e2e8f0;border-radius:99px;padding:1px 7px;color:#475569}.dz-layer-actions{display:flex;align-items:center;opacity:0}.dz-layer-row:hover .dz-layer-actions,.dz-layer-row.on .dz-layer-actions,.dz-layer-actions:focus-within{opacity:1}.dz-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;color:#64748b;padding:0!important}.dz-icon.active{color:var(--primary)}.dz-inspector h4{margin:0 0 .6rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.dz-fields{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.6rem}.dz-field{display:grid;gap:2px;font-size:.72rem;color:var(--muted);font-weight:600}.dz-field input{width:100%!important}.dz-icon-btn.active span{color:var(--primary)}.mk-panel h4{margin:1.1rem 0 .5rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.mk-panel h4:first-child{margin-top:.3rem}.mk-hint{margin:.3rem 0 .6rem;font-size:.8rem;color:var(--muted);line-height:1.45}.mk-error{color:var(--danger);font-size:.82rem;margin:.4rem 0}.dz-editor .mk-primary{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;background:var(--primary);color:#fff;padding:.65rem .9rem;border-radius:10px;font-size:.9rem}.dz-editor .mk-primary:hover{background:var(--primary-strong);color:#fff}.dz-editor .mk-primary:disabled,.dz-editor .mk-primary:disabled:hover{background:var(--primary);color:#fff}.dz-editor .mk-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--surface);color:var(--primary);border:1px solid var(--border);padding:.5rem .8rem;border-radius:9px;font-size:.85rem}.dz-editor .mk-secondary:hover{background:var(--primary-soft)}.mk-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.mk-row>*{flex:1 1 auto}.mk-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.dz-editor .mk-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;height:82px;border:1px solid var(--border);background:var(--surface);font-size:.74rem;color:#334155;border-radius:10px}.dz-editor .mk-tile:hover{border-color:var(--primary);background:var(--primary-soft)}.mk-glyph{display:block;color:#475569}.mk-glyph.frame{width:34px;height:34px;background:repeating-linear-gradient(45deg,#e2e8f0,#e2e8f0 5px,#f1f5f9 5px,#f1f5f9 10px);border:1px solid #cbd5e1}.mk-glyph.logo{width:38px;height:38px;background:#fff;border:1px dashed #94a3b8;display:flex;align-items:center;justify-content:center;font-size:.55rem;color:#64748b}.mk-emoji{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.dz-editor .mk-emoji button{font-size:1.45rem;height:42px;line-height:1}.mk-textlist{display:grid;gap:.5rem}.dz-editor .mk-textpreset{text-align:left;padding:.7rem .9rem;border:1px solid var(--border);background:var(--surface);line-height:1.2;border-radius:10px}.dz-editor .mk-textpreset:hover{border-color:var(--primary);background:var(--primary-soft)}.mk-imggrid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.mk-img-wrap{position:relative}.dz-editor .mk-img{position:relative;display:block;width:100%;aspect-ratio:1;border:1px solid var(--border);background:#f1f5f9;overflow:hidden;border-radius:10px;padding:0}.mk-img img{width:100%;height:100%;object-fit:cover;display:block}.mk-img span{position:absolute;left:6px;bottom:6px;background:#0f172ab3;color:#fff;font-size:.68rem;padding:1px 7px;border-radius:99px}.dz-editor .mk-img-del{position:absolute;top:5px;right:5px;width:26px;height:26px;display:none;align-items:center;justify-content:center;background:#0f172abf;color:#fff}.mk-img-wrap:hover .mk-img-del,.mk-img-del:focus{display:inline-flex}.mk-search{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:10px;padding:0 .7rem;background:var(--surface);color:var(--muted)}.dz-editor .mk-search input{border:0;box-shadow:none;flex:1;width:100%;padding:.6rem 0;background:none}.mk-cats{display:flex;gap:.35rem;overflow-x:auto;padding:.7rem 0 .4rem;scrollbar-width:thin}.dz-editor .mk-cat{flex:none;padding:.3rem .75rem;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:.78rem;color:#475569;white-space:nowrap}.dz-editor .mk-cat.on{background:var(--primary);color:#fff;border-color:var(--primary)}.mk-templates{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem .6rem;margin-top:.4rem}.dz-editor .mk-template{display:flex;flex-direction:column;align-items:center;gap:5px;padding:0;text-align:center;background:none}.dz-editor .mk-template:hover{background:none}.mk-template .mk-thumb{box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:7px;overflow:hidden;background:#fff;transition:transform .12s,box-shadow .12s}.mk-template:hover .mk-thumb{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary)}.mk-template-title{font-size:.76rem;color:#334155;line-height:1.25}.mk-blank-tile{display:flex;align-items:center;justify-content:center;width:128px;height:228px;border:2px dashed #cbd5e1;border-radius:8px;font-size:2rem;color:#94a3b8}.mk-template.blank:hover .mk-blank-tile{border-color:var(--primary);color:var(--primary)}.mk-recents{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem .4rem}.mk-recent{position:relative}.dz-editor .mk-recent-open{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:3px;font-size:.68rem;color:#475569;font-weight:500;border-radius:8px}.mk-recent.on .mk-recent-open{background:var(--primary-soft)}.mk-recent-open span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-recent-open .mk-thumb{border:1px solid var(--border);border-radius:6px;overflow:hidden}.dz-editor .mk-recent-del{position:absolute;top:4px;right:4px;width:22px;height:22px;display:none;align-items:center;justify-content:center;background:#0f172abf;color:#fff;border-radius:6px}.mk-recent:hover .mk-recent-del,.mk-recent-del:focus{display:inline-flex}.mk-wide-btn{display:flex!important;align-items:center;gap:.6rem;width:100%;padding:.5rem .7rem!important;border:1px solid var(--border)!important;border-radius:10px!important;background:var(--surface)!important}.mk-swatch-lg{width:28px;height:28px;border-radius:8px;border:1px solid rgba(15,23,42,.25);flex:none}.mk-sw-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:.6rem}.dz-editor .mk-sw{width:30px;height:30px;border-radius:8px;border:1px solid rgba(15,23,42,.2);padding:0}.mk-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem}.dz-editor .mk-style{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.45rem .2rem;font-size:.74rem;border:1px solid var(--border);border-radius:10px}.mk-style span{width:100%;height:22px;border-radius:6px;border:1px solid rgba(15,23,42,.15)}.dz-editor .mk-style.on{border-color:var(--primary);background:var(--primary-soft)}.mk-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0;align-items:center}.dz-editor .mk-chip{padding:.3rem .7rem;border-radius:99px;border:1px solid var(--border);background:var(--surface);font-size:.78rem;color:#475569}.dz-editor .mk-chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.mk-count{margin-left:auto;font-size:.72rem;color:var(--faint)}.dz-editor .mk-textarea{width:100%;resize:vertical;margin:0;padding:.6rem .7rem}.mk-ai-result{margin-top:.8rem}.mk-ai-result img{width:100%;max-height:300px;object-fit:contain;border-radius:10px;border:1px solid var(--border);background:#0f172a}.dz-editor .mk-name{width:min(280px,100%);font-weight:700;font-size:.95rem;border:1px solid transparent;background:transparent;padding:.3rem .5rem}.dz-editor .mk-name:hover{border-color:var(--border)}.dz-editor .mk-name:focus{background:var(--surface)}.mk-saved{font-size:.74rem;color:var(--muted);white-space:nowrap}.dz-editor .mk-size select,.mk-size select{padding:.35rem .5rem;max-width:190px}.dz-editor .mk-top-btn{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .7rem;border:1px solid var(--border);background:var(--surface)}.dz-top .mk-download{display:inline-flex;align-items:center;gap:.4rem;height:34px;padding:0 .9rem!important;background:var(--primary)!important;color:#fff!important;border-radius:9px}.dz-top .mk-download:hover{background:var(--primary-strong)!important}.mk-toast{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:60;display:flex;align-items:center;gap:.75rem;max-width:min(560px,calc(100% - 24px));background:#0f172a;color:#fff;padding:.65rem .9rem;border-radius:12px;font-size:.86rem;box-shadow:var(--shadow-md)}.mk-toast.error{background:#991b1b}.mk-toast button{background:none;color:inherit;border:0;padding:0 .2rem;cursor:pointer;width:auto}.mk-editor[data-busy]{cursor:progress}@media(max-width:1100px){.dz-side{position:absolute;right:0;top:0;bottom:0;z-index:25;box-shadow:-10px 0 30px -12px #0f172a4d}}@media(max-width:900px){.mk-editor{height:calc(100vh - 20px)}.dz-rail{width:62px}.dz-rail-btn{font-size:.64rem!important}.dz-panel{position:absolute;left:62px;top:0;bottom:0;z-index:30;width:min(320px,calc(100% - 62px));box-shadow:14px 0 32px -14px #0f172a59}.mk-saved{display:none}.dz-top{gap:.4rem;padding:0 .4rem}.dz-editor .mk-top-btn span,.dz-top .mk-download span{display:none}.dz-editor .mk-size select{max-width:120px}.dz-top-left{flex:0 1 150px}}