:root{--ui-font:system-ui, sans-serif;--bg:#f4f5f7;--surface:#fff;--surface-muted:#eceef2;--border:#c9ced8;--text:#1a1a1a;--text-muted:#5a6273;--accent:#1f5fbf;--margin-line:#b9c2d4;--grid-line:#e3e7ef;--touch-target:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15181d;--surface:#1e222a;--surface-muted:#262b35;--border:#39404d;--text:#f2f3f5;--text-muted:#a4acbb;--accent:#7aa7f0;--margin-line:#4a5265;--grid-line:#2a2f39}}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--ui-font);background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%}.app{flex-direction:column;height:100%;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.app-header h1{margin:0;font-size:1.1rem}.app-header nav{gap:.25rem;display:flex}button{min-height:var(--touch-target);font:inherit;color:inherit;background:var(--surface-muted);border:1px solid var(--border);cursor:pointer;touch-action:manipulation;border-radius:6px;padding:0 .9rem}button[aria-current=true]{background:var(--accent);border-color:var(--accent);color:#fff}.server-status{color:var(--text-muted);margin:0 0 0 auto;font-size:.85rem}.editor{flex-direction:column;flex:1;min-height:0;display:flex}.editor-top{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:.35rem .75rem;display:flex}.document-title input{min-height:var(--touch-target);min-width:16rem;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0 .5rem;font-weight:600}.editor-body{flex:1;grid-template-columns:15rem minmax(0,1fr) 19rem;min-height:0;display:grid}.menubar{flex-wrap:wrap;flex:1;align-items:center;gap:1rem;display:flex}.menubar nav{gap:.15rem;display:flex}.menu{position:relative}.menu>summary{min-height:var(--touch-target);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;padding:0 .7rem;list-style:none;display:flex}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover,.menu[open]>summary{background:var(--surface-muted)}.menu-items{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:17rem;padding:.25rem;display:grid;position:absolute;top:100%;left:0;box-shadow:0 6px 18px #0000002e}.menu-items button,.context-menu button{text-align:left;background:0 0;border:none;border-radius:5px;justify-content:space-between;gap:1.5rem;min-height:2.2rem;padding:0 .6rem;display:flex}.menu-items button:hover:not([disabled]),.context-menu button:hover:not([disabled]){background:var(--surface-muted)}.menu-items button[disabled],.context-menu button[disabled]{opacity:.45;cursor:default}kbd{font:inherit;color:var(--text-muted);white-space:nowrap;font-size:.8em}.menubar-status{color:var(--text-muted);gap:.75rem;margin-left:auto;font-size:.8rem;display:flex}.menubar-status .dirty{color:var(--accent)}.context-menu{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:8px;min-width:15rem;padding:.25rem;display:grid;position:fixed;box-shadow:0 6px 18px #00000038}.panel h2{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin:1.2rem 0 .5rem;font-size:.8rem}.panel h2:first-child{margin-top:0}.page-list,.layer-list,.guide-list{gap:.25rem;margin:0;padding:0;list-style:none;display:grid}.page-list button,.layer-list button{text-align:left;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.page-list em,.layer-pos{color:var(--text-muted);font-size:.75rem;font-style:normal}.layer-list li{cursor:grab}.layer-list button{flex-direction:column;align-items:flex-start;gap:0;padding:.35rem .6rem}.guide-list li{align-items:center;gap:.35rem;font-size:.8rem;display:flex}.guide-list button{min-height:2rem;padding:0 .45rem;font-size:.75rem}.button-row{gap:.35rem;margin-top:.5rem;display:flex}.button-row button{flex:1;min-height:2.4rem;padding:0 .4rem;font-size:.8rem}.properties fieldset{border:1px solid var(--border);border-radius:8px;margin:0 0 1rem;padding:.6rem .75rem .8rem}.properties legend{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 .3rem;font-size:.75rem}.field-type{margin:0 0 .5rem;font-weight:600}.grid-two{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.number-field,.field{gap:.2rem;margin-bottom:.4rem;font-size:.8rem;display:grid}.number-input{align-items:center;gap:.3rem;display:flex}.number-field input,.field input,.field select{min-height:var(--touch-target);width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:0 .4rem}.number-input em{color:var(--text-muted);font-style:normal}.check{align-items:center;gap:.4rem;min-height:2rem;font-size:.85rem;display:flex}.check input{width:1.1rem;height:1.1rem}.canvas{background:var(--bg);touch-action:none;overflow:auto}.canvas-pages{transform-origin:top;justify-items:center;gap:2rem;width:max-content;margin:0 auto;padding:2rem;display:grid}.sheet-wrapper{justify-items:center;gap:.5rem;margin:0;display:grid}.sheet{background:#fff;position:relative;box-shadow:0 1px 6px #00000040}.sheet.is-active{outline:2px solid #0000}.sheet-content{outline:1px dashed var(--margin-line);position:absolute}.empty-hint{color:#8a909c;margin:0;padding:1rem}.selection-layer,.guide-layer{pointer-events:none;position:absolute;inset:0}.selection-outline,.selection-hull{box-sizing:border-box;border:1px solid var(--accent);position:absolute}.selection-hull{border-style:dashed}.handle{pointer-events:auto;touch-action:none;background:0 0;border:none;border-radius:50%;place-items:center;min-height:0;padding:0;display:grid;position:absolute;transform:translate(-50%,-50%)}.handle:after{content:"";width:var(--handle-size,12px);height:var(--handle-size,12px);border:2px solid var(--accent);box-sizing:border-box;background:#fff;border-radius:2px}.handle-rotate:after{border-radius:50%}.rotation-hint{font-family:var(--ui-font);color:#fff;background:var(--accent);white-space:nowrap;border-radius:4px;padding:.1rem .35rem;font-size:11px;position:absolute;transform:translate(-50%,-100%)}.snap-line{background:#e8338f;position:absolute}.snap-line[data-kind=margin],.snap-line[data-kind=taskBlock]{background:#2b9e63}.snap-line[data-kind=guide]{background:#1f8fbf}.snap-line[data-kind=grid]{background:#9aa3b2}.snap-line[data-kind=baseline]{background:#c0392b}.spacing-label{font-family:var(--ui-font);color:#e8338f;place-items:center;font-size:10px;display:grid;position:absolute}.spacing-label:before{content:"";background:#e8338f;position:absolute}.spacing-x:before{height:1px;left:0;right:0}.spacing-y:before{width:1px;top:0;bottom:0}.spacing-label span{background:#fff;padding:0 .2rem;position:relative}.marquee{box-sizing:border-box;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);position:absolute}.layout-guide{pointer-events:auto;touch-action:none;background:0 0;border:none;place-items:center;min-height:0;padding:0;display:grid;position:absolute}.layout-guide-vertical{cursor:ew-resize;top:0;bottom:0;transform:translate(-50%)}.layout-guide-horizontal{cursor:ns-resize;left:0;right:0;transform:translateY(-50%)}.layout-guide span{background:#1f8fbf;display:block}.layout-guide-vertical span{height:100%}.layout-guide-horizontal span{width:100%}.help-dialog{width:calc(100% - 2rem);max-width:54rem;max-height:85vh;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0}.help-dialog::backdrop{background:#00000073}.help-dialog header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex;position:sticky;top:0}.help-dialog h2{margin:0;font-size:1rem}.help-body{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.25rem;padding:1rem;display:grid;overflow:auto}.help-body h3{color:var(--text-muted);margin:0 0 .4rem;font-size:.85rem}.help-body dl{gap:.2rem;margin:0;display:grid}.help-body dl>div{justify-content:space-between;gap:1rem;font-size:.85rem;display:flex}.help-body dt{color:var(--text)}.help-body dd{margin:0}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fonts{max-width:70rem;padding:1.5rem;overflow:auto}.font-list{gap:.75rem;margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.font-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:16rem minmax(0,1fr);align-items:center;gap:1rem;padding:.75rem;display:grid}.font-meta{color:var(--text-muted);gap:.15rem;font-size:.8rem;display:grid}.font-meta strong{color:var(--text);font-size:.95rem}.font-sample{margin:0;font-size:1.5rem;line-height:1.4}.font-list.pending li{background:var(--surface-muted);border:1px dashed var(--border);border-radius:8px;padding:.75rem}@media (width<=1100px){.editor-body{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr}.panel-left,.panel-right{border:none;border-bottom:1px solid var(--border)}.font-row{grid-template-columns:1fr}}.login{place-items:center;padding:2rem 1rem;display:grid}.login form{background:var(--surface);border:1px solid var(--border);border-radius:10px;gap:.5rem;width:min(26rem,100%);padding:1.5rem;display:grid}.login h2{margin:0 0 .5rem;font-size:1.1rem}.login button[type=submit]{margin-top:.5rem}button.link{min-height:2.2rem;color:var(--accent);text-align:left;background:0 0;border:none;padding:0;text-decoration:underline}.error{color:#7f1d1d;background:#fde8e8;border:1px solid #f0b4b4;border-radius:6px;margin:.5rem 1rem;padding:.5rem .75rem;font-size:.9rem}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .error{color:#fecaca;background:#46201f;border-color:#7f3a38}}.save-error{color:#fff;background:#b91c1c;border-radius:6px;margin:0;padding:.5rem .75rem;font-size:.85rem;position:fixed;bottom:1rem;right:1rem}.account{color:var(--text-muted);align-items:center;gap:.6rem;margin:0 0 0 auto;font-size:.85rem;display:flex}.documents{padding:1.5rem;overflow:auto}.documents-head{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.documents-head h2{margin:0;font-size:1.1rem}.documents-head .search{min-width:18rem;margin:0 0 0 auto}.document-grid{grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.document-grid li{gap:.35rem;display:grid}.document-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-items:start;gap:.3rem;min-height:0;padding:.75rem;display:grid}.document-preview{width:100%;margin-bottom:.4rem;display:block}.document-preview svg{border-radius:4px;width:100%;height:auto}.document-meta,.document-tags{color:var(--text-muted);font-size:.75rem}.document-delete{min-height:2.2rem;font-size:.8rem}.revision-body{padding:1rem;overflow:auto}.revision-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.revision-list li{background:var(--surface-muted);border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.revision-list em{color:var(--text-muted);font-size:.75rem;font-style:normal;display:block}.toolbar h2{margin-top:0}.tool-list{grid-template-columns:1fr 1fr;gap:.35rem;margin:0 0 .75rem;padding:0;list-style:none;display:grid}.tool{cursor:grab;justify-items:center;gap:.15rem;width:100%;min-height:3.4rem;padding:.35rem .2rem;font-size:.75rem;display:grid}.tool:active{cursor:grabbing}.item{box-sizing:border-box;cursor:move;touch-action:none;position:absolute}.item.is-locked{cursor:not-allowed}.item.is-editing{cursor:text}.upload-dialog{max-width:34rem}.upload-body{padding:1rem;overflow:auto}.upload-preview{background:var(--surface-muted);border-radius:6px;max-width:100%;max-height:10rem;margin:0 auto .75rem;display:block}.ab-text-editing .ProseMirror{outline:none;min-height:100%}.ab-text-editing .ab-gap-edit{background:#fdf3d3;border-bottom:.3mm solid}.ab-text-editing .ab-solution-edit{color:#c0392b;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.text-tools{gap:.4rem;margin-bottom:.6rem;display:grid}.text-tools-row{flex-wrap:wrap;gap:.25rem;display:flex}.text-tools-row button{min-width:2.2rem;min-height:2.2rem;padding:0 .45rem;font-size:.8rem}.text-tools-row button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.color-swatch{border-radius:50%;width:1.7rem;min-width:1.7rem;height:1.7rem;min-height:1.7rem;padding:0}.special-characters h4{color:var(--text-muted);margin:.4rem 0 .2rem;font-size:.75rem}.character-grid{flex-wrap:wrap;gap:.2rem;display:flex}.character-grid button{min-width:2rem;min-height:2rem;padding:0;font-size:1rem}.properties textarea{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:6px;padding:.3rem .4rem;font-family:ui-monospace,monospace}.crop{margin:.4rem 0}.setup-dialog{max-width:44rem}.setup-body{grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:.75rem;padding:1rem;display:grid;overflow:auto}.setup-body fieldset{border:1px solid var(--border);border-radius:8px;margin:0;padding:.6rem .75rem .8rem}.setup-body legend{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:0 .3rem;font-size:.75rem}.frame-row-edit{margin-bottom:.4rem}.frame-blocks{gap:.25rem;margin:.2rem 0;padding:0;list-style:none;display:grid}.frame-blocks li{align-items:center;gap:.35rem;font-size:.8rem;display:flex}.frame-blocks input{min-height:2rem;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:5px;flex:1;padding:0 .4rem}.frame-blocks button{min-width:2rem;min-height:2rem;padding:0}.table-layer{pointer-events:none;position:absolute}.table-overlay{position:absolute;inset:0}.table-cell-hit{pointer-events:auto;cursor:cell;position:absolute}.table-cell-hit.is-marked{outline:2px solid var(--accent);outline-offset:-1px;background:color-mix(in srgb, var(--accent) 10%, transparent)}.cell-editor{cursor:text;background:#fff;position:absolute;inset:0}.cell-editor .ProseMirror{outline:none;min-height:100%}.ab-spell-error{-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:2px;-webkit-text-decoration:underline wavy #c0392b;text-decoration:underline wavy #c0392b}.spellcheck-list{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.spellcheck-list li{background:var(--surface-muted);border-radius:6px;gap:.2rem;padding:.35rem .45rem;font-size:.8rem;display:grid}.spellcheck-word{font-weight:600}.spellcheck-suggestions{flex-wrap:wrap;gap:.2rem;display:flex}.spellcheck-suggestions button{min-height:1.9rem;padding:0 .4rem;font-size:.75rem}.accounts{padding:1.5rem;overflow:auto}.accounts h2{margin:0 0 .3rem;font-size:1.1rem}.account-form{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:1rem 0;padding:.75rem;display:flex}.account-form .field{min-width:12rem;margin:0}.account-table{border-collapse:collapse;width:100%;font-size:.9rem}.account-table th,.account-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:.45rem .5rem}.account-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:.75rem}.account-actions{flex-wrap:wrap;gap:.35rem;display:flex}.account-actions button{min-height:2.2rem;font-size:.8rem}.handover{color:#3f3a2a;background:#fdf3d3;border:1px solid #e0c97a;border-radius:8px;justify-items:start;gap:.4rem;margin:1rem 0;padding:.75rem 1rem;display:grid}.handover code{letter-spacing:.04em;font-size:1.2rem}.handle-tail:after{border-color:#c0392b;border-radius:50%}.grid-overlay{position:absolute;inset:0}.grid-cell-hit{pointer-events:auto;cursor:pointer;background:0 0;border:none;min-height:0;padding:0;position:absolute}.grid-cell-hit:hover{background:color-mix(in srgb, var(--accent) 15%, transparent)}.task-warnings{gap:.25rem;margin:.4rem 0 0;padding:0;font-size:.8rem;list-style:none;display:grid}.task-warnings li{background:var(--surface-muted);border-radius:6px;padding:.3rem .45rem}.task-warnings li[data-severity=error]{color:#7f1d1d;background:#fde8e8}.task-warnings li[data-severity=warning]{color:#5a4a12;background:#fdf3d3}.ab-task-input{box-sizing:border-box;text-align:center;font:inherit;color:inherit;border:.3mm solid var(--accent);background:#fff;border-radius:1mm;padding:0}.ab-task-input.is-solution{color:#c0392b;border-style:dashed}.ab-task-input:focus{outline:2px solid var(--accent);outline-offset:1px}.print-body{gap:.9rem;padding:1rem;display:grid;overflow:auto}.print-body fieldset{border:1px solid var(--border);border-radius:8px;gap:.3rem;margin:0;padding:.6rem .8rem;display:grid}.print-body legend{color:var(--text-muted);padding:0 .3rem;font-size:.85rem}.print-body label{align-items:center;gap:.45rem;display:flex}.print-body .field{gap:.2rem;display:grid}.print-body h3{margin:.4rem 0 0;font-size:.9rem}.help-dialog footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.5rem;padding:.75rem 1rem;display:flex}.help-dialog footer .primary{color:#fff;background:var(--accent,#2563eb);border-color:#0000}.share-link{gap:.4rem;margin:0;display:flex}.share-link input{flex:1}.share-list{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.share-list li{justify-content:space-between;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.share-view{background:#e9ebef;min-height:100vh}.share-bar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.share-bar p{margin:0}.share-bar span{gap:.4rem;display:flex}.templates{margin:0 0 1.5rem}.templates h3{margin:0 0 .6rem;font-size:.95rem}.template-actions{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.template-actions button{font-size:.75rem}.templates-head{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.templates-head h3{margin:0}.effects .effect-list{gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.effect-list li{border:1px solid var(--border);border-radius:6px;gap:.3rem;padding:.45rem .5rem;display:grid}.effect-head{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.effect-head span{gap:.25rem;display:flex}.effect-head button{font-size:.72rem}.palette{gap:.3rem;display:flex}.palette input[type=color]{width:2rem;height:1.6rem;padding:0}.topics{gap:.35rem;margin-top:.5rem;display:grid}.properties textarea{font:inherit;resize:vertical;width:100%}.player{background:#eef1f6;min-height:100vh;padding:0 0 7rem}.player-bar{z-index:3;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;top:0}.player-code{letter-spacing:.1em;font-weight:600}.player-pages,.player-actions{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.player-name{max-width:16rem;margin:.6rem auto 0}.player-message{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;max-width:40rem;margin:.6rem auto;padding:.5rem .9rem}.player-reward{text-align:center;margin:0;font-size:4rem;animation:.6s ease-out player-pop}@keyframes player-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.player-sheet{justify-content:center;padding:1rem 0;display:flex;position:relative}.player-sheet .ab-sheet{box-shadow:0 1px 8px #0003}.player-answers{pointer-events:none;position:absolute;inset:0}.player-answer{pointer-events:auto;align-items:center;display:flex;position:absolute}.player-answer input{width:100%;height:100%;min-height:1.6rem;font:inherit;text-align:center;color:#0f3d91;background:#d6e8ff8c;border:1px solid #5b8dd6;border-radius:4px;padding:0 .2rem}.player-answer select,.player-answer>button{width:100%;height:100%;min-height:28px;font:inherit;color:#0f3d91;background:#eaf2ff;border:1px solid #5b8dd6;padding:0}.player-answer.is-right select{border:2px solid #2b9e63}.player-answer.is-wrong select{border:2px solid #c0392b}.player-image-picker{z-index:100;pointer-events:auto;background:#fff;border:2px solid #5b8dd6;flex-wrap:wrap;gap:1rem;padding:1rem;display:flex;position:fixed;inset:12vh 10vw;overflow:auto}.player-image-picker img{object-fit:contain;width:100px;height:100px}.player-identity{justify-content:center;align-items:center;gap:1rem;display:flex}.task-cell-list{max-height:60vh;overflow:auto}.player-answer.is-right input{background:#d6f5debf;border-color:#2b9e63}.player-answer.is-wrong input{background:#ffe0e0bf;border-color:#c0392b}.player-mark{font-weight:700;position:absolute;right:-1.1rem}.player-hotspot{cursor:pointer;background:0 0;border:1px dashed #1f5fbf59;border-radius:4px;position:absolute}.player-bar-solutions{z-index:3;background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem;display:flex;position:fixed;bottom:0;left:0;right:0}.player-chip{font:inherit;border:1px solid var(--border);cursor:grab;background:#fff;border-radius:999px;padding:.35rem .8rem}.player-bar-solutions.is-big .player-chip{padding:.75rem 1.4rem;font-size:1.25rem}.board{color:#f8fafc;background:#11161f;flex-direction:column;height:100vh;display:flex}.board-bar{background:#1b2330;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem .9rem;display:flex}.board-bar button,.board-bar select{font:inherit;color:inherit;background:#2b3647;border:1px solid #3b4759;border-radius:6px;padding:.35rem .7rem}.board-bar button[aria-pressed=true]{background:#2563eb}.board-pages{align-items:center;gap:.35rem;display:flex}.board-stage{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.board[data-aspect="16:9"] .board-stage{aspect-ratio:16/9}.board[data-aspect="4:3"] .board-stage{aspect-ratio:4/3}.board-sheet{transform-origin:50%}.board-item.is-movable{cursor:grab;touch-action:none}.play-codes li{flex-wrap:wrap}.play-code{letter-spacing:.12em;font-family:ui-monospace,monospace;font-size:1.1rem}.play-qr{width:3.2rem;height:3.2rem}.play-links{gap:.6rem;display:flex}.library-tabs{gap:.3rem;display:flex}.library-tabs button[aria-selected=true]{background:var(--accent,#2563eb);color:#fff;border-color:#0000}.library-list{gap:.4rem;max-height:22rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.library-list button{text-align:left;width:100%;font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;gap:.15rem;padding:.5rem .6rem;display:grid}.library-words{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;gap:.3rem;max-height:16rem;padding:.3rem;display:flex;overflow:auto}.library-words button{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:.2rem .55rem}.library-words button.is-picked{background:var(--accent,#2563eb);color:#fff;border-color:#0000}.library-images{grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.library-styles{gap:.4rem;display:flex}.library-styles button{font:inherit;border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;justify-items:center;gap:.2rem;padding:.3rem;font-size:.75rem;display:grid}.library-styles img{width:3rem;height:3rem}.school-library{margin:0 0 1.5rem}.school-library h3{margin:0 0 .6rem;font-size:.95rem}.document-actions{flex-wrap:wrap;gap:.3rem;margin-top:.3rem;display:flex}.document-actions button{font-size:.75rem}.collab-bar{background:var(--surface);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.35rem .8rem;font-size:.85rem;display:flex}.collab-bar[data-status=verbunden] .collab-status{color:#2b9e63}.collab-peers{gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.collab-peers li{border:2px solid var(--border);border-radius:999px;padding:.1rem .5rem}:root{--ui-font:ui-sans-serif, system-ui, -apple-system, sans-serif;--bg:#f5f6f3;--surface:#fff;--surface-muted:#f1f3ef;--border:#e1e6df;--text:#23382e;--text-muted:#6c7b72;--accent:#287553;--accent-soft:#eaf3ec;--margin-line:#bac9bf;--grid-line:#e4eae4;--touch-target:44px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none}body{font-size:14px;line-height:1.5}button,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{background:var(--surface);border-radius:9px;justify-content:center;align-items:center;gap:8px;font-weight:500;transition:background .16s,border-color .16s,box-shadow .16s;display:inline-flex}button:hover:not(:disabled){background:var(--surface-muted);border-color:#b4c6b9}button:disabled{opacity:.42;cursor:not-allowed}button svg{flex-shrink:0}button.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 3px #174c2510}button.primary:hover:not(:disabled){background:#1e6043;border-color:#1e6043}button[aria-current=true],button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:#c8dfce}:where(button,summary,input,select,textarea,a):focus-visible{outline-offset:3px;outline:3px solid #65a784}input,select,textarea{accent-color:var(--accent)}.field input,.field select,.number-field input,.properties textarea,.pages textarea{border-color:var(--border);background:#fff;border-radius:8px;padding-inline:11px;transition:border-color .16s,box-shadow .16s}.field input:focus,.field select:focus,.number-field input:focus,textarea:focus{border-color:#7da58b;box-shadow:0 0 0 3px #2875530c}textarea{font:inherit;color:inherit;resize:vertical;padding:10px}.hint{color:var(--text-muted);font-size:13px;line-height:1.65}.app-header{border-bottom:1px solid var(--border);z-index:25;flex-wrap:nowrap;gap:34px;min-height:80px;padding:14px 32px}.brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:13px 13px 5px;place-items:center;width:43px;height:43px;display:grid}.app-header h1{letter-spacing:-.5px;font-size:16px;font-weight:720}.brand-caption{color:var(--text-muted);margin-top:1px;font-size:11px;display:block}.app-header nav{gap:6px}.app-header nav button{background:0 0;border-color:#0000;padding-inline:14px;font-size:13px}.app-header nav button[aria-current=true]{background:var(--accent-soft);color:var(--accent)}.account{gap:9px;min-width:0}.account-avatar{color:#77633d;background:#ece8dc;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-weight:650;display:grid}.account-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:12px;overflow:hidden}.account-action,.icon-button{background:0 0;border-color:#0000;width:44px;min-width:44px;padding:0}.account-action{width:36px;min-width:36px}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:10px;font-weight:750}.documents{flex:1;width:100%;padding:34px max(32px,50vw - 630px)}.workspace-intro{background:#eaf0e7;border:1px solid #e0e8dc;border-radius:18px;margin-bottom:34px;padding:31px 36px;position:relative;overflow:hidden}.workspace-intro h2{letter-spacing:-1.4px;margin:10px 0 12px;font-size:clamp(26px,3vw,36px);font-weight:650;line-height:1.17}.workspace-intro p{color:#607461;margin:0;font-size:13px}.intro-art{color:#6a9779;position:absolute;top:23px;right:9%;transform:rotate(-12deg)}.intro-art>svg{stroke-width:1px;width:160px;height:160px}.intro-spark{color:#bd944f;font-size:45px;position:absolute;top:6px;right:-30px}.documents-head{gap:10px;margin-bottom:24px}.documents-heading{flex:1 0 calc(100% - 370px);align-items:center;gap:10px;display:flex}.documents-heading h2{letter-spacing:-.6px;font-size:20px;font-weight:650}.count-badge{border:1px solid var(--border);min-width:25px;height:25px;color:var(--text-muted);background:#fff;border-radius:7px;place-items:center;padding-inline:6px;font-size:11px;display:inline-grid}.documents-head .search{flex:0 320px;min-width:0;margin:0 0 8px auto;position:relative}.search>svg{color:var(--text-muted);position:absolute;top:13px;left:13px}.search input{background:#fff;padding-left:41px}.documents-head>button{font-size:12px}.document-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:22px}.document-grid>li{border:1px solid var(--border);background:#fff;border-radius:14px;align-content:start;gap:0;padding:8px;transition:border-color .18s,box-shadow .18s;overflow:hidden}.document-grid>li:hover{border-color:#aac6b3;box-shadow:0 8px 24px #23382e09}.document-card{box-shadow:none;background:0 0;border:0;border-radius:8px;gap:5px;width:100%;padding:0 0 12px}.document-card:hover:not(:disabled){background:0 0}.document-card>strong,.document-card>.document-meta,.document-card>.document-tags{padding-inline:10px}.document-card>strong{font-size:14px;font-weight:650}.document-preview{background:#f0f2ed;border-radius:7px;place-items:center;height:215px;margin-bottom:8px;padding:20px 30px;display:grid;overflow:hidden}.document-preview svg{border-radius:1px;width:auto;max-width:100%;max-height:175px;box-shadow:0 3px 9px #23382e15}.document-meta{font-size:10px}.document-tags{color:var(--accent);font-size:10px}.document-actions{border-top:1px solid #edf0ea;justify-content:space-between;gap:2px;margin:0;padding:7px 1px 0;display:flex}.document-actions button{min-height:36px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0 8px;font-size:11px}.document-actions .document-delete:hover{color:#b64040;background:#fff0ee}.empty-state{text-align:center;background:#ffffff70;border:1px dashed #cad6ca;border-radius:16px;justify-items:center;padding:54px 20px 60px;display:grid}.empty-icon{color:#659272;background:#eaf1e7;border-radius:21px;place-items:center;width:68px;height:68px;margin-bottom:8px;display:grid}.empty-state h3{letter-spacing:-.4px;margin:12px 0 0;font-size:19px;font-weight:600}.empty-state p{color:var(--text-muted);max-width:370px;margin:10px 0 23px;font-size:13px}.school-library,.template-gallery{border:1px solid var(--border);background:#edf2eb;border-radius:14px;padding:20px}.editor-top{gap:8px;padding:12px 20px 0}.document-title{flex:1;min-width:0}.document-title input{letter-spacing:-.4px;background:0 0;border-color:#0000;width:min(100%,470px);min-width:0;font-size:16px;font-weight:650}.document-title input:hover{background:var(--bg)}.editor-quick-actions{align-items:center;gap:6px;display:flex}.editor-quick-actions>button{font-size:12px}.action-divider{background:var(--border);flex-shrink:0;width:1px;height:22px;margin-inline:5px;display:inline-block}.menubar{border-top:1px solid #f1f3ef;flex:1 0 100%;gap:4px;min-width:0;margin-top:5px}.menu>summary{gap:6px;min-height:40px;padding-inline:10px;font-size:12px}.menu-items{border-radius:12px;max-height:min(65vh,620px);padding:6px;overflow:auto;box-shadow:0 12px 40px #24382e20}.menu-items button{min-height:38px;font-size:12px}.menubar-status{align-items:center;gap:14px;padding-right:4px;font-size:10px}.menubar-status>span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.menubar-status .saved{color:var(--accent)}.menubar-status .zoom-display{display:none}.editor-body{grid-template-rows:minmax(0,1fr);grid-template-columns:238px minmax(0,1fr) 280px;overflow:hidden}.panel{background:var(--surface);scrollbar-width:thin;scrollbar-color:#c8d4c9 transparent;padding:21px 16px;overflow:auto}.panel-left{border-right:1px solid var(--border)}.panel-right{border-left:1px solid var(--border)}.panel h2{text-transform:none;letter-spacing:.1px;color:var(--text);margin:24px 0 12px;font-size:11px;font-weight:700}.panel-description{color:var(--text-muted);margin:-6px 0 14px;font-size:11px}.tool-search{border:1px solid var(--border);min-height:40px;color:var(--text-muted);border-radius:8px;align-items:center;gap:7px;margin-bottom:14px;padding:0 9px;display:flex}.tool-search:focus-within{outline-offset:2px;outline:2px solid #65a784}.tool-search input{width:100%;min-width:0;color:var(--text);font:inherit;background:0 0;border:0;outline:none;font-size:11px}.tool-list{gap:7px}.tool{background:#fff;border-color:#e6ebe3;border-radius:9px;gap:5px;min-height:68px;padding:9px 3px 7px;font-size:10px;font-weight:500}.tool:hover:not(:disabled){color:var(--accent);background:#f1f7f0;border-color:#b5d1bd}.tool-icon{color:#547a60;display:flex}.tool-icon svg{width:23px;height:23px}.tool-list li:nth-child(4n+2) .tool-icon{color:#a5844e}.tool-list li:nth-child(4n+3) .tool-icon{color:#6588a2}.tool-options{border-block:1px solid var(--border);margin-top:15px;padding:10px 0}.tool-options>summary{cursor:pointer;min-height:32px;padding-block:6px;font-size:11px;font-weight:600}.tool-options .field{margin-top:9px}.tool-hint{font-size:10px}.panel .field,.panel .number-field{gap:5px;margin-bottom:10px;font-size:11px}.panel .hint{font-size:11px}.properties fieldset{border-radius:10px;margin-bottom:14px;padding:14px 12px 5px}.properties legend{text-transform:none;letter-spacing:0;color:var(--text);font-size:11px;font-weight:600}.properties .check{font-size:11px}.properties .field-type{font-size:13px}.pages{border-top:1px solid var(--border);margin-top:22px}.page-list button,.layer-list button{background:#f7f9f5;border-color:#0000;font-size:11px}.page-list button[aria-current=true]{background:var(--accent-soft);border-color:#c4d9ca}.button-row button{font-size:10px}.canvas-workspace{background:#e9ede7;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas{background-color:#e9ede7;background-image:radial-gradient(#c3cfc2 .7px,#0000 .7px);background-size:16px 16px;flex:1;min-height:0}.canvas-pages{padding:24px 32px 80px}.sheet{box-shadow:0 4px 18px #23382e16,0 0 0 1px #23382e08}.sheet-wrapper figcaption{color:#758574;font-size:11px}.empty-hint{color:#8b9989;font-size:13px}.canvas-controls{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;bottom:16px;left:16px;right:16px}.canvas-controls>span{color:#657564;background:#ffffffeb;border:1px solid #dce4d8;border-radius:8px;padding:8px 13px;font-size:11px;position:absolute;left:0}.zoom-controls{pointer-events:auto;background:#fffffff5;border:1px solid #dce4d8;border-radius:10px;align-items:center;padding:2px;display:flex;box-shadow:0 3px 12px #23382e0b}.zoom-controls output{text-align:center;font-variant-numeric:tabular-nums;min-width:51px;font-size:11px}.zoom-controls .icon-button{width:36px;min-width:36px;min-height:40px}.collab-bar{min-height:40px;padding:5px 22px;font-size:11px}.collab-bar .check{font-size:11px}.collab-bar input:not([type=checkbox]){border:1px solid var(--border);font:inherit;border-radius:6px;padding:5px 8px}.mobile-panel-tabs{display:none}.help-dialog{border:1px solid #d9e3d7;border-radius:18px;box-shadow:0 24px 80px #17352830}.help-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#152e2359}.help-dialog header{z-index:2;padding:18px 22px}.help-dialog h2{letter-spacing:-.4px;font-size:17px}.help-dialog header>button{background:#f2f5ef;border-color:#0000;width:36px;min-height:36px;padding:0;font-size:22px}.help-body,.upload-body,.print-body,.revision-body,.setup-body{padding:22px}.error,:root:not([data-theme=light]) .error{color:#9c3e36;background:#fff0ec;border-color:#f0cfc6}.login{flex:1;grid-template-columns:1.1fr 1fr;gap:80px;width:100%;max-width:1130px;margin:0 auto;padding:55px 40px}.login-story h2{letter-spacing:-2px;margin:20px 0;font-size:clamp(34px,4vw,53px);font-weight:630;line-height:1.13}.login-story h2 span{color:#6c9577}.login-story>p{max-width:390px;color:var(--text-muted);font-size:15px;line-height:1.8}.login-features{color:#557d5d;flex-wrap:wrap;gap:18px;margin-top:34px;display:flex}.login-features>span{align-items:center;gap:7px;font-size:11px;display:flex}.login form{border-radius:20px;gap:9px;width:100%;max-width:420px;padding:34px;box-shadow:0 12px 50px #20392b07}.login-symbol{width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:15px;place-items:center;margin-bottom:13px;display:grid}.login form .eyebrow{letter-spacing:1.5px;font-size:9px}.login form h2{letter-spacing:-.7px;margin:1px 0 0;font-size:25px}.login-subtitle{color:var(--text-muted);margin:0 0 16px;font-size:12px}.login .field{gap:7px;font-size:12px}.login input{min-height:48px}.login button[type=submit]{justify-content:space-between;min-height:48px;margin-block:7px;padding:0 15px;font-size:13px}.login button.link{justify-content:center;font-size:11px;text-decoration:none}.fonts,.accounts{width:100%;max-width:1100px;margin-inline:auto;padding:32px}.font-row{border-radius:12px;padding:20px}.spin{animation:1s linear infinite ui-spin}@keyframes ui-spin{to{transform:rotate(360deg)}}@media (width>=1500px){.editor-body{grid-template-columns:260px minmax(0,1fr) 300px}}@media (width<=1150px){.app-header{gap:20px;padding:12px 20px}.account-name{display:none}.editor-body{grid-template-columns:210px minmax(0,1fr) 250px}.panel{padding:16px 12px}.panel-left,.panel-right{border-bottom:0}.menubar-status .snap-on,.menubar-status .snap-off{display:none}.login{gap:35px}}@media (width<=800px){.app-header{flex-wrap:wrap;gap:12px;min-height:68px;padding:10px 14px}.brand-caption{display:none}.app-header h1{font-size:14px}.brand-mark{border-radius:10px;width:36px;height:36px}.app-header nav{border-top:1px solid var(--border);order:3;justify-content:center;width:100%;padding-top:7px}.app-header nav button{flex:1}.account{margin-left:auto}.documents{padding:22px 18px}.workspace-intro{margin-bottom:24px;padding:24px}.intro-art{top:47px;right:5%}.intro-art>svg{width:95px;height:95px}.workspace-intro h2,.workspace-intro p{max-width:70%}.documents-heading{flex-basis:100%}.documents-head .search{flex-basis:100%;margin:4px 0}.documents-head>button{flex:40%}.editor-top{padding:8px 10px 0}.editor-quick-actions{gap:0}.editor-quick-actions>.icon-button,.editor-quick-actions .action-divider{display:none}.editor-quick-actions>button{min-height:40px;padding:0 9px}.document-title input{font-size:13px}.menubar{overflow:visible}.menubar nav{flex-wrap:wrap}.menu>summary{padding-inline:6px;font-size:11px}.menubar-status{margin-left:0;padding:0 0 6px 7px}.editor-body{flex-direction:column;display:flex}.canvas-workspace{flex:1}.panel{flex:1;display:none}.mobile-panel-tabs{border-bottom:1px solid var(--border);background:#fff;gap:5px;padding:5px 10px;display:flex}.mobile-panel-tabs button{border-color:#0000;flex:1;padding-inline:5px;font-size:10px}.editor[data-panel=tools] .panel-left,.editor[data-panel=properties] .panel-right{display:block}.editor[data-panel=tools] .canvas-workspace,.editor[data-panel=properties] .canvas-workspace{display:none}.tool-list{grid-template-columns:repeat(3,1fr)}.collab-bar{padding-inline:12px}.login{grid-template-columns:1fr;gap:25px;padding:30px 22px}.login-story{width:100%;max-width:420px}.login-story h2{letter-spacing:-1px;margin:12px 0;font-size:33px}.login-story h2 br,.login-story>p,.login-features{display:none}.login form{padding:25px}}@media (width<=420px){.workspace-intro h2{font-size:25px}.intro-art{opacity:.6;right:3%}.intro-art>svg{width:75px}.document-grid{grid-template-columns:1fr}.editor-quick-actions>button{width:40px;padding:0;font-size:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.visually-hidden{top:0;left:0}.properties .props{gap:4px;margin:20px 0 0;font-size:11px;display:grid}.properties .props dt{color:var(--text-muted);margin-top:12px;font-weight:500}.properties .props dd{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:0;padding:10px 12px;line-height:1.8}@media (width<=800px){.canvas-controls>span{display:none}}.tool{position:relative}.tool-caret{color:#8fa495;position:absolute;top:9px;right:7px}.direct-matches{gap:5px;margin-block:16px;display:grid}.direct-matches h3{margin:0 0 6px;font-size:11px}.direct-matches button{text-align:left;justify-content:flex-start;min-height:44px;padding:9px;font-size:11px}.direct-matches button>span{color:var(--accent);display:flex}.direct-matches svg{width:20px;height:20px}.catalog-dialog{max-width:850px}.catalog-dialog header h2{margin-top:4px;font-size:22px}.catalog-dialog header .eyebrow{font-size:9px}.catalog-body{padding:0 25px 25px}.catalog-description{color:var(--text-muted);margin:20px 0 15px;font-size:13px}.catalog-search{background:var(--bg);min-height:46px;padding:0 13px}.catalog-search input{font-size:13px}.catalog-filters{flex-wrap:wrap;gap:6px;padding:0 0 10px;display:flex}.catalog-filters button{border-radius:8px;min-height:36px;padding:0 11px;font-size:11px}.catalog-results{color:var(--text-muted);justify-content:space-between;align-items:center;min-height:28px;margin:6px 0 12px;font-size:11px;display:flex}.catalog-results button.link{font-size:11px;text-decoration:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.catalog-tile{text-align:left;border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;width:100%;height:100%;padding:7px;display:flex}.catalog-tile:hover:not(:disabled){background:#fff;border-color:#79a68a;box-shadow:0 4px 18px #23382e0c}.catalog-tile:hover .catalog-preview{background:#eaf3e8}.catalog-preview{pointer-events:none;color:#23382e;background:#f5f7f2;border-radius:7px;justify-content:center;align-items:center;width:100%;height:110px;transition:background .15s;display:flex;overflow:hidden}.catalog-preview>span{flex-shrink:0;display:block;position:relative}.catalog-tile-label{width:100%;color:var(--accent);justify-content:space-between;align-items:center;gap:7px;padding:12px 6px 5px;display:flex}.catalog-tile-label strong{color:var(--text);font-size:12px;font-weight:600;line-height:1.4}.catalog-category{color:var(--text-muted);padding:0 6px 7px;font-size:10px}.catalog-empty{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:13px}.choice-label{color:var(--text-muted);justify-content:space-between;align-items:center;margin-bottom:7px;font-size:11px;display:flex}.choice-label em{color:var(--text);font-size:10px;font-style:normal}.icon-choices{min-width:0;margin-bottom:15px}.choice-options{grid-template-columns:repeat(auto-fit,minmax(63px,1fr));gap:5px;display:grid}.choice-options button{text-align:center;background:#fff;border-color:#e5eae2;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:46px;padding:8px 4px;font-size:10px;line-height:1.3;display:flex;position:relative}.choice-options button[aria-checked=true]{background:var(--accent-soft);color:#246b49;border-color:#89b398;box-shadow:inset 0 0 0 1px #89b398}.choice-options button:hover:not(:disabled){border-color:#89b398}.choice-icon{color:#63836b;justify-content:center;align-items:center;min-height:21px;display:flex}.choice-icon>svg{width:21px;height:21px}.choice-mixed{color:var(--text-muted);margin-top:5px;font-size:10px;display:block}.line-choice{border-top:2px solid;width:30px;display:block}.line-choice-dashed{border-top-style:dashed}.line-choice-dotted{border-top:3px dotted}.level-choice{color:#b38f44;gap:1px;display:flex}.level-choice svg{width:12px;height:12px}.number-choice{font-variant-numeric:tabular-nums;font-size:19px;font-weight:650;line-height:1}.task-kind-picker{margin-bottom:16px}.task-kind-current{text-align:left;width:100%;min-height:68px;color:var(--accent);background:#f3f7f0;border-color:#d6e5d4;justify-content:space-between;gap:10px;padding:10px;display:flex}.task-kind-current>span{color:var(--text);flex:1;font-size:12px;font-weight:600}.task-kind-current small{color:var(--text-muted);margin-top:3px;font-size:10px;font-weight:400;display:block}.operation-choices{grid-template-columns:1fr 1fr;gap:5px;margin-bottom:8px;display:grid}.operation-choices .check{border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;min-height:58px;padding:9px 5px;display:flex;position:relative}.operation-choices .check input{opacity:0;width:1px;height:1px;position:absolute}.operation-choices .check:has(input:checked){background:var(--accent-soft);color:var(--accent);border-color:#89b398}.operation-choices .check:has(input:focus-visible){outline-offset:2px;outline:3px solid #65a784}.check-icon{color:var(--accent);display:flex}.check-icon svg{width:21px;height:21px}.color-choices{margin:3px 0 16px}.swatch-choices{margin-bottom:2px}.swatch-choices>.choice-label{display:none}.swatch-choices .choice-options{flex-wrap:wrap;gap:2px;display:flex}.swatch-choices .choice-options button{border-color:#0000;width:44px;min-width:44px;min-height:44px;padding:4px}.swatch-choices .choice-options button>span:last-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.swatch-choices .choice-options button[aria-checked=true]{border-color:#89b398}.color-choice-swatch{border:1px solid #23382e22;border-radius:50%;width:22px;height:22px;display:block}.color-choice-swatch.is-solution{background-image:linear-gradient(135deg,#0000 43%,#fff 44% 53%,#0000 54%)!important}.custom-color{color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;min-height:32px;font-size:10px;display:flex}.custom-color input{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:5px;width:32px;height:26px;margin-left:auto;padding:2px}@media (width<=600px){.catalog-dialog{border-radius:14px;width:calc(100% - 16px);max-height:90dvh}.catalog-body{padding:0 15px 18px}.catalog-dialog header{padding:15px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-preview{height:95px}.catalog-preview>span{max-width:100%}.catalog-tile-label{padding-inline:2px}.catalog-tile-label strong{font-size:11px}}.grid-two:has(>.color-choices){grid-template-columns:minmax(0,1fr)}.custom-color{min-height:44px}