.pro-studio{position:fixed;z-index:80;left:88px;top:72px;bottom:0;width:390px;padding:22px;background:#fff;box-shadow:12px 0 35px #10244a22;overflow:auto;transform:translateX(-120%);transition:.25s ease}
.pro-studio.open{transform:none}.pro-head{display:flex;align-items:flex-start;justify-content:space-between}.pro-head h2{margin:3px 0 14px;font-family:Fraunces,serif;font-size:29px}.pro-close{border:0;background:#f3f1ec;border-radius:10px;width:34px;height:34px;font-size:22px}.pro-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:10px;scrollbar-width:thin}.pro-tabs button{white-space:nowrap;border:1px solid #ddd7ca;background:#fff;border-radius:999px;padding:8px 11px;font-weight:700}.pro-tabs button.active{background:#10264b;color:#fff}.pro-panel{display:none}.pro-panel.active{display:block}.pro-panel h3{margin:12px 0 8px}.pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pro-card{min-height:72px;border:1px solid #e5dfd4;background:#fffaf2;border-radius:12px;padding:10px;text-align:left}.pro-card b,.pro-card small{display:block}.pro-card small{margin-top:5px;color:#6b7280}.pro-studio label{display:block;font-weight:700;margin:12px 0}.pro-studio input,.pro-studio select,.pro-studio textarea{box-sizing:border-box;width:100%;margin-top:5px;border:1px solid #d7d2c8;border-radius:9px;padding:9px;font:inherit}.pro-primary{width:100%;margin-top:10px;border:0;border-radius:10px;padding:11px;background:#55c59b;color:#082a28;font-weight:800}.pro-secondary{width:100%;margin-top:8px;border:1px solid #ccd2da;border-radius:10px;padding:10px;background:#fff;font-weight:700}.level-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.level-pills label{padding:8px;background:#f6f4ef;border-radius:9px;font-size:12px}.board-mode .topbar,.board-mode .rail,.board-mode .library,.board-mode .inspector,.board-mode .workspace-head,.board-mode .page-status{display:none!important}.board-mode .app-shell,.board-mode .workspace{display:block!important;margin:0!important;width:100vw!important;height:100vh!important}.board-mode .canvas-stage{height:100vh!important;padding:20px!important;background:#20242b}.board-exit{display:none;position:fixed;z-index:100;right:18px;top:18px;border:0;border-radius:10px;padding:10px 14px;background:#fff}.board-mode .board-exit{display:block}.interactive-mode .element[data-answer]{cursor:pointer;outline:2px dashed #5bc49b}.interactive-score{padding:10px;border-radius:10px;background:#e6f7ef;margin-top:10px}.element.pro-locked{pointer-events:none}.element.pro-hidden{opacity:.08!important}.pro-badge{display:inline-block;border-radius:999px;padding:3px 7px;background:#fff0c9;font-size:11px}
.page-signature{position:absolute;z-index:9999;right:10px;bottom:7px;display:flex;align-items:center;gap:3px;color:#111;font:500 5px/1 Arial,sans-serif;letter-spacing:.05px;opacity:.18;pointer-events:none;user-select:none;white-space:nowrap}.page-signature img{display:block;width:auto;height:8px;max-width:30px;object-fit:contain;filter:grayscale(1) contrast(1.35)}
@media(max-width:800px){.pro-studio{left:68px;width:calc(100vw - 68px)}}