/* Lernhai Studio: calm surfaces, a clear tool hierarchy and a spacious canvas. */
:root{--ink:#243d50;--accent:#087f99;--line:#e1e7ed;--muted:#718292}
body{color:var(--ink);background:#eef1f5}
button,input,select,textarea{border-color:#dce3e9;border-radius:7px}
button{transition:background .12s,border-color .12s,box-shadow .12s}
button:hover{background:#edf8fa;border-color:#81bdc9}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #1696af;outline-offset:2px}
input[type=checkbox]{accent-color:var(--accent)}
header{background:#fff;border-bottom:1px solid var(--line);height:58px;padding:6px 18px}
.brand{color:#087f99;letter-spacing:-1px}.brand span{background:#e8f5f6;color:#4b7882;border-radius:6px;letter-spacing:.3px}
#title{background:#f5f7fa;border:1px solid #e5eaf0;border-radius:7px;padding:8px 10px}
header button{padding:8px 12px;font-weight:600}.primary{background:#087f99;border-color:#087f99}.primary:hover{background:#076c82}
#generator-open{background:#edf7f9;color:#08758c;border-color:#d5e9ed}
.menubar{background:white;border-color:var(--line);padding-left:12px}
.menu-group>[data-menu]{border-radius:5px;color:#4b6070}.menu-group>[data-menu][aria-expanded=true]{background:#eaf5f7;border-color:transparent;color:#08758c}
.menu-popup{border-color:var(--line);border-radius:10px;padding:6px;box-shadow:0 12px 35px #243d5029}.menu-popup button{border-radius:5px;padding:9px 11px}
.toolbar{background:#fbfcfd;border-color:var(--line)}.toolbar-group{border-color:var(--line)}.toolbar button{background:white}.toolbar label{white-space:nowrap}
.text-format{border-color:var(--line);gap:8px}.text-format select,.text-format #font-size{background:#f9fafc}.format-buttons button[aria-pressed=true]{background:#e3f3f6;border-color:#a7d5df;color:#08758c}
main{height:calc(100vh - 173px);grid-template-columns:202px minmax(350px,1fr) 256px}
.library,.properties{background:#fff;border-color:var(--line)}
.library-heading{padding:19px 15px 15px}.library-heading h1{font-size:17px;letter-spacing:-.3px}.library-heading p{font-size:11px;color:var(--muted)}
.tabs{margin:0 10px;padding:3px;background:#f1f4f7;border:0;border-radius:8px;gap:2px}.tabs button{border-radius:6px;padding:8px 4px;border:0;color:#6c7c8b}.tabs .active{border:0;background:white;box-shadow:0 1px 4px #263c5014;color:#08758c}
.tab-panel{padding:17px 13px}.tab-panel h2{background:none;border:0;padding:0;margin:5px 0 11px;color:#536778;font-size:11px;font-weight:650;letter-spacing:.25px}
.tool-grid{gap:8px}.tool-grid button{height:72px;background:#fafbfd;border-color:#e3e9ef;border-radius:9px;color:#31586d}.tool-grid span{font-size:11px;color:#506676}.tool-grid button:hover,.math-tools button:hover,.asset-grid button:hover{background:#edf8fa;border-color:#7ebecb;box-shadow:0 2px 8px #087f9910}
.math-tools{gap:8px;margin-bottom:20px}.math-tools button{padding:11px 8px;border-radius:8px;background:#fafbfd;border-color:#e3e9ef}.math-tools span{font-size:11px}.math-tools b{color:#16869e}
.wide{border-radius:7px;padding:9px 6px}.tip{font-size:11px;color:#718292}footer{border-top:1px solid #eef1f5;margin:0 13px;padding:13px 0;color:#8996a2}
.asset-grid button{border-radius:9px;background:#fafbfd;border-color:#e4eaf0}.asset-grid img{height:65px}
.workspace{background:#edf0f5}.page-bar{background:#f8fafc;border-color:var(--line);min-height:46px;padding:9px 14px}.page-bar button{border-radius:6px}.page-bar .active{background:#087f99;border-color:#087f99}.page-bar label{color:#637887}
#paper-scroll{background:#edf0f5;background-image:none;padding-top:28px}#paper-wrap{box-shadow:0 4px 20px #243c501c,0 0 0 1px #243c500a}
.workspace-bottom{background:#f8fafc;border-color:var(--line);font-size:10px;color:#718292}
.properties{padding:18px 14px}.properties>h2{background:none;border:0;padding:0 0 13px;margin:0 0 14px;font-size:13px;border-bottom:1px solid #edf0f4}.properties label{font-size:11px;color:#617586}.properties input,.properties select{background:#fafbfd}
.layers-section{border-color:var(--line);border-radius:9px}.layers-heading{background:#f6f8fb;padding:9px}.layers-heading h2{font-size:12px}.layer-row{padding:5px}.layer-row.selected{background:#eaf6f8}.layer-row button{font-size:11px}.layer-icon{background:white;border-color:#e2e9ef;border-radius:5px;color:#13819a}.layer-order{border-color:var(--line);background:#fcfdfe}.layer-hint{font-size:10px;line-height:1.5;color:#8293a1}
.empty{border:1px solid #e3eaf0;background:#f8fafc;border-radius:9px;color:#718292}.text-instruction{background:#f0f8fa;border-color:#daedf1;color:#527586}.page-settings{border-color:var(--line)}
dialog{border-radius:14px;border-color:var(--line)}dialog::backdrop{background:#20394c66;backdrop-filter:blur(3px)}.frame-controls h3{background:#f2f6f9;border-radius:5px}
.smart-guide{pointer-events:none}
@media(max-width:1150px){main{grid-template-columns:180px minmax(350px,1fr) 225px}.toolbar{gap:5px}.toolbar-group{gap:3px}.toolbar label{font-size:10px}.toolbar select{max-width:109px}.tool-grid button{height:66px}.tab-panel{padding:15px 11px}.library-heading{padding:17px 12px}.math-tools span{font-size:10px}}
@media(max-width:950px){main{grid-template-columns:160px minmax(350px,1fr) 210px}.toolbar button{padding:5px}.toolbar-group{padding-right:4px}.toolbar label{gap:3px}.toolbar select{max-width:95px}.math-tools b{min-width:40px}.math-tools span{font-size:9px}.library-heading p{font-size:10px}}
.table-cells{display:grid;grid-template-columns:repeat(var(--cols),minmax(30px,1fr));gap:3px;overflow:auto;max-height:230px;margin:12px 0}.table-cells input{padding:6px 3px;min-width:30px;font-size:11px;width:100%}.properties #chart-data{font-size:12px;min-height:110px;line-height:1.6}
/* Adjustable inspector and independently scrollable, resizable sections. */
main{position:relative;grid-template-columns:202px minmax(350px,1fr) var(--inspector-width,256px)}
.properties{min-width:0;scrollbar-gutter:stable;padding-left:15px}
.panel-resizer{touch-action:none;user-select:none;position:relative;flex:none;z-index:10}
.resize-width{position:absolute;top:0;bottom:0;width:10px;cursor:col-resize;background:transparent}
.resize-width:after{content:'';position:absolute;width:3px;height:45px;top:45%;left:3px;border-radius:4px;background:#adc3cf}
.resize-width:hover,.resize-width:focus-visible{background:#168fa92b}
.resize-height{height:12px;cursor:row-resize;display:flex;align-items:center;justify-content:center;border-top:1px solid #e2e9ee;background:#f7f9fb}
.resize-height:after{content:'';width:35px;height:3px;background:#afc4cf;border-radius:3px}
.resize-height:hover,.resize-height:focus-visible{background:#e3f3f7}
.resizable-section{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:none;border:1px solid #e1e7ed;border-radius:8px;margin:0 0 14px;background:#fff}
.resizable-section[hidden]{display:none!important}
#layers-panel .layers-heading,#layers-panel .layer-hint,#layers-panel .layer-order{flex:none}
#layers-panel #layer-list{min-height:0;max-height:none;flex:1;overflow:auto}
.panel-title{flex:none;margin:0;padding:10px 10px;font-size:12px;background:#f6f8fb;border-bottom:1px solid #e7edf2}
.panel-content{min-height:0;flex:1;overflow:auto;padding:10px;scrollbar-gutter:stable}
.resizable-section .page-settings{margin:0;border:0;padding-top:0}
.resizable-section .empty{padding:10px;border:0;background:none}
.resizing-sidebar,.resizing-sidebar *{cursor:col-resize!important;user-select:none!important}
.resizing-panel,.resizing-panel *{cursor:row-resize!important;user-select:none!important}
@media(max-width:1150px){main{grid-template-columns:180px minmax(350px,1fr) var(--inspector-width,225px)}}
@media(max-width:950px){main{grid-template-columns:160px minmax(350px,1fr) var(--inspector-width,210px)}}
.tool-section{margin:0 0 17px;border:0}.tool-section summary{cursor:pointer;font-size:11px;font-weight:650;color:#536778;margin-bottom:10px;padding:5px 0;user-select:none}.tool-section .tool-grid button{font-size:21px;height:65px;line-height:1.1}.tool-section .tool-grid button span{font-size:10px;line-height:1.3}.solution-settings{border:1px solid #e7dce4;background:#fcf7fa;border-radius:7px;padding:8px;margin:12px 0}.solution-settings label{margin-top:6px}.solution-settings input[type=color]{height:28px}.page-settings h2{margin-top:14px}
#page-stack{display:flex;flex-direction:column;align-items:center;gap:28px;width:max-content;min-width:100%;padding-bottom:12px}#page-stack .page-stack-item{flex:none;position:relative}.page-caption{display:block;background:transparent;border:0;padding:0 0 9px 1px;font-size:10px;color:#708696;text-align:left}.page-caption:hover{background:transparent;color:#087f99}.active-page>.page-caption{color:#087f99;font-weight:650}.page-canvas{position:relative;background:white;box-shadow:0 4px 20px #243c501c,0 0 0 1px #243c500a;flex:none}.page-canvas .page-preview{display:block;width:100%;height:100%;touch-action:pan-y}.page-canvas>#paper-wrap{margin:0;box-shadow:none}.page-stack-item.active-page .page-canvas{outline:1px solid #9bcad8;outline-offset:2px}#paper-scroll{overflow-anchor:none}
.page-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:0 0 7px}.page-sheet-header>.page-caption{padding:0;flex:none}.active-page>.page-sheet-header>.page-caption{color:#087f99;font-weight:650}.page-actions{display:flex;align-items:center;gap:2px}.page-actions button{display:flex;align-items:center;justify-content:center;width:26px;height:25px;border:0;border-radius:5px;padding:3px;background:transparent;color:#678fa4}.page-actions button:hover{background:#dceff5;color:#087f99}.page-actions button[data-page-action=delete]{color:#b05a66}.page-actions button[data-page-action=delete]:hover{background:#fce8eb;color:#a42940}.page-actions button:disabled{opacity:.25;cursor:default}.page-actions svg{pointer-events:none}
#materials-panel{margin-top:0}#materials-panel>.panel-title{color:#08778e}.material-filters{padding:10px 10px 0;flex:none}.material-query{display:flex;gap:5px}.material-query input{width:100%;min-width:0;font-size:11px;padding:8px}.material-query button{flex:none;width:27px;padding:2px;font-size:19px}.material-filters label{margin:9px 0 0;font-size:10px}.material-filters select{font-size:11px;padding:6px 3px;width:100%}.material-filters #material-count{font-size:10px;color:#718292;margin:9px 0 7px}.material-results{margin:0;padding:3px 10px 10px;min-height:0;overflow:auto;flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:7px;align-content:start}.material-results button{touch-action:none;user-select:none;min-width:0;display:flex;flex-direction:column;align-items:center;padding:6px 4px;font-size:10px;line-height:1.3;min-height:91px}.material-results img{height:61px;max-width:100%;pointer-events:none;object-fit:contain}.material-results span{overflow-wrap:anywhere}.material-empty{grid-column:1/-1;font-size:11px;color:#718292;line-height:1.6;margin:8px 0}
.properties>h2{display:flex;align-items:center;justify-content:space-between;gap:6px}#material-jump{width:26px;height:25px;padding:0;font-size:23px;color:#087f99;border-color:#dceaf0;background:#f3f9fb}
main{grid-template-columns:var(--library-width,202px) minmax(350px,1fr) var(--inspector-width,256px)}
@media(max-width:1150px){main{grid-template-columns:var(--library-width,180px) minmax(350px,1fr) var(--inspector-width,225px)}}
@media(max-width:950px){main{grid-template-columns:var(--library-width,160px) minmax(350px,1fr) var(--inspector-width,210px)}}
.library .resizable-library-section[open]{display:flex;flex-direction:column;overflow:hidden;min-height:85px}.resizable-library-section>.tool-grid{flex:1;overflow:auto;min-height:0;align-content:start}.resizable-library-section>summary{flex:none}.resizable-library-section>.resize-height{margin-top:8px}.resizable-library-section:not([open])>.resize-height{display:none}#library-resizer{z-index:15}.frame-controls h3 label.check{margin:0;font-weight:650}.text-format #vertical-align{width:128px;font-size:11px}.text-format{overflow-x:auto;flex-wrap:nowrap}.text-format>*{flex-shrink:0}
.image-format{height:43px;display:flex;align-items:center;gap:7px;padding:5px 15px;overflow:auto;background:white;border-bottom:1px solid #e1e7ed;white-space:nowrap}.image-format strong{font-size:12px;margin-right:6px}.image-format button{font-size:11px;padding:6px 9px}.image-editor-tools{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.image-editor-tools button{font-size:11px;padding:7px}.image-editor-tools [aria-pressed=true]{background:#e1f3f7;border-color:#77b9c8}#image-editor{width:980px;max-height:95vh}.image-editor-layout{display:grid;grid-template-columns:minmax(250px,1fr) 195px;gap:18px}#image-stage{display:flex;align-items:center;justify-content:center;min-height:220px;overflow:hidden;border:1px solid #dce6ec;border-radius:8px;background:repeating-conic-gradient(#eef0f4 0% 25%,white 0% 50%) 0 0/20px 20px}#image-canvas{display:block;max-width:100%;max-height:53vh;width:auto;height:auto;touch-action:none}.image-adjust{padding:0 5px;max-height:53vh;overflow:auto;border:0;background:white}.image-adjust label{font-size:11px;margin:12px 0}.image-adjust input{padding:0;margin:5px 0;width:100%}.image-adjust output{float:right;color:#738592}.image-adjust p{font-size:11px;line-height:1.5}.image-adjust .wide{font-size:11px;padding:7px}#image-error{color:#a32e3c;background:#fff0f0;padding:8px}
.text-format{overflow:visible}#frame-form [data-frame]:disabled{opacity:.45}.resizable-library-section>.tool-grid{grid-auto-rows:65px}

/* Bildgriffe und platzsparender, großer Seitenrahmen-Dialog */
#image-stage{overflow:visible}#eraser-cursor{position:fixed;pointer-events:none;z-index:10;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #202024;transform:translate(-50%,-50%);box-sizing:border-box}
#frame-dialog{width:1080px;max-width:96vw;max-height:96vh;padding:24px}.frame-grid{grid-template-columns:220px minmax(0,1fr);gap:24px;margin-top:12px}.frame-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;max-height:none;overflow:visible;padding:0}.frame-controls section{min-width:0}.frame-controls h3{margin:0 0 6px}.frame-controls label{margin:5px 0}.frame-controls input,.frame-controls select{padding:6px 8px}.frame-preview svg{max-height:390px}.frame-apply{margin-top:12px;padding:8px 12px;display:grid;grid-template-columns:190px 1fr;gap:4px 18px;align-items:center}.frame-apply .tip{grid-column:1/-1}.frame-apply>label{margin:0}.frame-apply select{padding:5px 8px}#frame-dialog .dialog-actions{margin-top:12px}
@media(max-width:760px){.frame-grid{grid-template-columns:150px minmax(0,1fr);gap:14px}.frame-controls{grid-template-columns:1fr}.frame-apply{grid-template-columns:1fr}#frame-dialog{padding:16px}.frame-preview svg{max-height:260px}}

/* Auswahlwerkzeuge durchgehend oberhalb des Blatts */
main{height:calc(100vh - var(--editor-top,173px))!important}#context-tools{background:#fff;border-bottom:1px solid var(--line);padding:8px 16px;max-height:190px;overflow:auto}#inspector{display:flex;flex-wrap:wrap;gap:7px 12px;align-items:center}#inspector>strong{font-size:12px;color:#087f95;margin-right:6px}#inspector .pair,#inspector .solution-settings{display:contents}#inspector label{display:flex;align-items:center;gap:5px;font-size:10px;color:#58717e;margin:0}#inspector input,#inspector select{width:85px;padding:5px 7px;font-size:11px;height:30px}#inspector select{width:auto;max-width:185px}#inspector input[type=checkbox]{width:14px;height:14px}#inspector input[type=color]{width:35px;padding:3px}#inspector button{font-size:10px;padding:6px 8px}#inspector .wide{width:auto;margin:0}#inspector .tip{display:none}#inspector textarea{width:240px;height:60px;min-height:60px;font-size:11px}#inspector .table-cells{width:100%;display:grid;grid-template-columns:repeat(var(--cols),minmax(50px,1fr));gap:4px}#inspector .table-cells input{width:100%}#inspector .align{display:flex}.properties>h2{display:none}.properties{padding-top:12px}#layers-panel.collapsed{height:auto!important;min-height:0;flex-direction:row;align-items:center;gap:4px;padding:5px 7px}#layers-panel.collapsed .layer-hint,#layers-panel.collapsed #layer-list,#layers-panel.collapsed #layers-resizer{display:none}#layers-panel.collapsed .layers-heading{padding:0;background:none;gap:5px}#layers-panel.collapsed .layer-order{border:0;margin-left:auto;padding:0;gap:2px}#layers-panel .layer-order button{padding:2px 7px}#layers-panel:not(.collapsed) .layer-order{flex-shrink:0}#layers-panel .layers-heading button{font-size:16px}#format-context{display:none}

#table-cell-editor{position:absolute;z-index:8;margin:0;border:2px solid #089cb4;border-radius:0;padding:0 3px;text-align:center;box-sizing:border-box;outline:none;min-width:0;max-width:none;box-shadow:0 0 0 1px #fff8}#paper .element[data-type=table]{cursor:text}

/* Zwei feste Werkzeugzeilen: Menü/Aktionen und kontextabhängige Bearbeitung. */
.menubar{height:42px;min-height:42px;padding:0 10px;gap:2px;flex-wrap:nowrap;z-index:40}.menubar .toolbar{height:42px;min-width:0;flex:1;border:0;background:transparent;padding:0 0 0 12px;gap:4px;overflow-x:auto;flex-wrap:nowrap}.menubar .toolbar>*{flex-shrink:0}.menubar .toolbar button{padding:5px 7px;font-size:10px}.menubar .toolbar label{font-size:10px}.menubar .toolbar i{margin:0 3px}.menubar .menu-group>[data-menu]{font-size:11px;padding:5px 8px}
#selection-bar{height:50px;min-height:50px;display:flex;align-items:center;gap:8px;background:white;border-bottom:1px solid var(--line);padding:0 12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#selection-bar .text-format,#selection-bar .image-format{height:48px;border:0;padding:0;flex:none;background:none}#context-tools{padding:0;border:0;max-height:none;overflow:visible;flex:none}#inspector{flex-wrap:nowrap;gap:10px;height:48px}#inspector>*{flex-shrink:0}#inspector label{white-space:nowrap}#inspector .pair{display:flex;gap:8px}#inspector input[type=number]{width:60px}#inspector input[type=color]{width:30px}#inspector select{max-width:155px}#inspector .layer-state-note{max-width:220px;overflow:hidden;text-overflow:ellipsis;margin:0;padding:5px}.selection-placeholder{font-size:11px;color:#82949e}
.tool-popover summary{list-style:none;border:1px solid #d3e0e7;border-radius:6px;padding:7px 10px;font-size:11px;cursor:pointer;background:#f8fbfc}.tool-popover summary::after{content:' ▾';color:#718b99}.tool-popover[open] summary{background:#e6f4f6;border-color:#8ebbc5}.tool-popover-body{position:fixed;top:calc(var(--editor-top,148px) - 1px);right:18px;width:390px;max-width:90vw;max-height:65vh;overflow:auto;white-space:normal;background:#fff;border:1px solid #bdd2dc;border-radius:8px;padding:16px;box-shadow:0 10px 35px #173c5130;z-index:60;display:flex;flex-direction:column;gap:12px}#inspector .tool-popover-body label{display:flex;justify-content:space-between;white-space:normal}#inspector .tool-popover-body .pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#inspector .tool-popover-body .pair label{display:flex;flex-direction:column;align-items:start}#inspector .tool-popover-body input[type=number]{width:100%}#inspector .tool-popover-body textarea{width:100%;height:180px;min-height:130px}#inspector .tool-popover-body label:has(textarea){display:block}#inspector .tool-popover-body .align{display:flex}.tool-popover-body .align button{flex:1}

#selection-bar::-webkit-scrollbar{height:5px}#selection-bar::-webkit-scrollbar-thumb{background:#bdd0d9;border-radius:5px}

#paper .move-handle{cursor:move}#paper .rotate-handle{cursor:grab}#paper .rotate-handle:active{cursor:grabbing}

/* Fest integrierter Positionsbereich und stabile Ebenenkopfzeile. */
#position-panel{background:#fff;border:1px solid #d7e4eb;border-radius:9px;margin:0 0 14px;padding:0 12px 14px}#position-panel[hidden]{display:none}.position-heading{display:flex;align-items:center;justify-content:space-between;height:42px;border-bottom:1px solid #e7eef2;margin-bottom:10px}.position-heading h2{margin:0;font-size:12px}.position-heading button{padding:2px 6px;border:0;font-size:19px;background:none}.position-selection{font-size:10px;color:#7a909b;margin:0 0 10px}#position-fields h3{font-size:11px;margin:13px 0 8px}.position-align{display:grid;grid-template-columns:1fr 1fr;gap:6px}.position-align button{display:flex;align-items:center;gap:6px;padding:7px 6px;font-size:10px;text-align:left}.position-align svg{width:15px;height:15px;flex:none;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.position-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.position-dimensions label{margin:0!important;font-size:10px}.position-dimensions input{width:100%;font-size:12px!important;margin-top:4px!important;padding:7px}.position-dimensions label:last-child{grid-column:1/-1}#position-open[aria-expanded=true]{background:#e9f4f7;border-color:#9bc3d0}
#layers-panel.collapsed{flex-direction:column!important;align-items:stretch!important;padding:0!important}#layers-panel .layers-heading,#layers-panel.collapsed .layers-heading{height:40px;min-height:40px;padding:0 7px;display:flex;justify-content:flex-start;gap:5px;background:#fff}#layers-panel .layers-heading h2{font-size:11px;margin:0}#layers-panel .layers-heading .layer-order,#layers-panel.collapsed .layers-heading .layer-order{margin-left:auto;border:0;padding:0;gap:2px;display:flex}#layers-panel .layers-heading .layer-order button{padding:2px 5px;font-size:15px;min-width:21px}#layers-panel .layers-heading #layers-close{font-size:14px;padding:1px 3px}

#layers-panel .layer-order svg{width:14px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}#layers-panel .layers-heading .layer-order button{height:25px}

.bubble-picker summary{display:flex;align-items:center;padding:3px 7px;height:34px;gap:8px}.bubble-picker summary::after{display:none}.bubble-picker summary svg{width:44px;height:27px;pointer-events:none}.bubble-options{width:280px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.bubble-options button{padding:8px!important}.bubble-options button svg{width:60px;height:40px;pointer-events:none}.bubble-options button[aria-pressed=true]{background:#e8f5f8;border-color:#69aabb}#clock-label-editor{position:absolute;z-index:9;text-align:center;padding:0;border:1px solid #1594b0;border-radius:3px;background:#fff;max-width:none}#paper [data-clock-hand]{cursor:grab}#paper [data-clock-label],#paper [data-clock-time]{cursor:text}#table-cell-editor{white-space:pre;overflow:hidden;line-height:1.35;display:block;user-select:text;cursor:text}

.bubble-options{width:300px;overflow:hidden}.bubble-options button{min-width:0}#table-cell-editor[hidden]{display:none}

.tool-grid button>svg{width:32px;height:28px;display:block;margin:0 auto}

#inspector .ruling-options{width:340px}#inspector .ruling-options label{min-height:30px;gap:12px}#inspector .ruling-options input[type=number]{width:100px}#inspector .ruling-options input:disabled,#inspector .ruling-options select:disabled{opacity:.45}

#text-exercises-dialog{width:900px;max-width:95vw}.exercise-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px;margin-top:12px}.exercise-settings,.exercise-preview{max-height:63vh;overflow:auto;padding:0 6px}.exercise-layout h3{font-size:12px;margin:14px 0 8px}.exercise-layout label{font-size:11px}.exercise-layout details summary{font-size:11px;cursor:pointer}.exercise-layout details p{font-size:10px}.exercise-layout textarea{width:100%;font-size:12px}.exercise-layout input[type=color]{height:30px}.exercise-layout input[type=number]{width:80px}#exercise-svg{background:white;border:1px solid #d9e4eb;border-radius:6px;max-height:260px;overflow:auto;padding:12px}#exercise-svg svg{width:100%;min-height:80px;display:block}#exercise-error{color:#a52e3e}#exercise-selection{font-size:10px}

/* Keep height controls outside the scrolling tools, including at minimum height. */
.resizable-library-section>.resize-height{position:sticky;bottom:0;flex:0 0 12px;min-height:12px;z-index:11}

#inspector .task-text-style{display:flex;align-items:center;gap:10px;padding-right:12px;border-right:1px solid var(--line);flex:none}

#inspector .ruling-type-buttons{display:flex;gap:4px;align-items:center}
#inspector .ruling-type-buttons button{display:flex;align-items:center;gap:3px;padding:3px 5px;height:34px}
.ruling-type-buttons svg{width:38px;height:25px;pointer-events:none}.ruling-type-buttons span{font-size:9px}
#inspector .ruling-type-buttons button[aria-pressed=true]{background:#e3f3f6;border-color:#7cbaca;color:#08758c}
#inspector .ruling-options h3{font-size:12px;margin:5px 0 0;padding-bottom:7px;border-bottom:1px solid #e2ebf0}
#inspector .ruling-options label:has(input[type=checkbox]){justify-content:flex-start;gap:8px}

.multi-selection-help{font-size:11px;color:#698391}.multi-selection [data-move]{cursor:move}#paper{touch-action:none}

#paper [data-dot-index]{cursor:pointer}

#text-exercises-dialog{box-sizing:border-box;width:100%;max-width:none;height:min(690px,calc(100vh - 220px));min-height:260px;display:flex;flex-direction:column;flex:none;resize:vertical;overflow:hidden;border:1px solid #d4e1e9;border-radius:9px;background:#fff;margin:0 0 14px;padding:0}
#text-exercises-dialog[hidden]{display:none!important}
#text-exercises-dialog .dialog-heading{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #e3ebf1;flex:none}
#text-exercises-dialog .dialog-heading small{display:none}#text-exercises-dialog .dialog-heading h2{font-size:13px;margin:0}#text-exercises-dialog .dialog-heading button{padding:2px 8px;font-size:18px}
#text-exercises-dialog .exercise-layout{display:block;overflow:auto;min-height:0;margin:0;padding:12px;flex:1}
#text-exercises-dialog .exercise-settings,#text-exercises-dialog .exercise-preview{max-height:none;overflow:visible;padding:0}
#text-exercises-dialog .exercise-settings>label,#text-exercises-dialog .exercise-preview>label{display:flex;flex-direction:column;gap:5px;margin:8px 0}
#text-exercises-dialog .exercise-settings>label.check{flex-direction:row;align-items:center}
#text-exercises-dialog .exercise-color-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}#text-exercises-dialog .exercise-color-pair label{display:flex;flex-direction:column;gap:5px;font-size:11px}
#text-exercises-dialog input[type=color]{width:100%;max-width:100%}#text-exercises-dialog select{width:100%;font-size:11px}#text-exercises-dialog textarea{box-sizing:border-box}
#text-exercises-dialog .dialog-actions{display:flex;gap:7px;justify-content:flex-end;padding:10px;border-top:1px solid #e3ebf1;flex:none;background:#f8fbfc}#text-exercises-dialog .dialog-actions button{font-size:10px;padding:7px}
#text-exercises-dialog #exercise-empty{font-size:11px;padding:12px;color:#687e8c}#text-exercises-dialog.exercise-inactive{height:auto;min-height:0;resize:none}
#text-exercises-dialog [hidden]{display:none!important}

.properties{overflow-anchor:none}#text-exercises-dialog{overflow-anchor:none}

/* Keep native numeric steppers visible without hover. */
input[type="number"]{appearance:auto;-moz-appearance:auto}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{opacity:1}

#exercise-scope{font-size:11px;font-weight:600;color:#08758c;background:#edf7f9;border-radius:5px;padding:8px;margin:0 0 10px}

#exercise-whole-table{font-size:10px;padding:6px 8px;margin-bottom:8px}

#ruling-line-editor{position:absolute;z-index:12;border:0;outline:none;outline-offset:0;border-radius:0;padding:0;margin:0;min-width:0;max-width:none;background:transparent;box-shadow:none;box-sizing:border-box}#ruling-line-editor[hidden]{display:none}

/* Split color buttons keep a reusable color next to a compact palette. */
.color-split{position:relative;display:inline-flex!important;align-items:center;flex:none;width:51px;height:30px;vertical-align:middle;gap:0!important;margin:0!important}
.color-split .color-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;padding:0!important;margin:0!important;border:0!important;pointer-events:none;overflow:hidden}
.color-split>.color-apply,.color-split>.color-expand{height:30px!important;min-width:0!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:center;border:1px solid #ccdce5;background:white;box-shadow:none}
.color-split>.color-apply{width:34px!important;border-radius:6px 0 0 6px!important}
.color-split>.color-apply:before{content:'';display:block;width:22px;height:18px;border-radius:2px;background:var(--swatch);border:1px solid #173c5133}
.color-split>.color-expand{width:17px!important;border-left:0;border-radius:0 6px 6px 0!important;font-size:10px!important;color:#426374}
.color-split>button:hover{background:#eaf4f8}.color-split>button:focus-visible{outline:2px solid #087f95;outline-offset:2px}
.color-palette{position:fixed;inset:auto;margin:0;width:250px;max-width:calc(100vw - 16px);box-sizing:border-box;padding:14px!important;border:1px solid #ccdae3;border-radius:10px;background:white;color:#173c51;box-shadow:0 8px 28px #173c5130;font:12px ABeeZee,Arial,sans-serif}
.color-palette:not(:popover-open){display:none!important}.color-palette:popover-open{display:block!important}
.color-palette>strong{display:block;font-size:12px!important;margin:0 0 10px!important;color:#173c51!important}
.color-swatches{display:grid!important;grid-template-columns:repeat(6,1fr);gap:7px!important}
.color-palette .color-swatches button{display:block!important;width:30px!important;height:27px!important;min-width:0!important;padding:0!important;margin:0!important;background:var(--swatch)!important;border:1px solid #173c5140!important;border-radius:4px!important}
.color-palette .color-swatches button:hover{outline:2px solid #087f95;outline-offset:2px}.color-palette .color-swatches button[aria-pressed=true]{box-shadow:inset 0 0 0 2px white;outline:2px solid #087f95;outline-offset:1px}
.color-palette .color-more{display:block!important;width:100%!important;height:32px!important;padding:6px 8px!important;margin:13px 0 0!important;border:1px solid #ccdce5;border-radius:5px;background:#f7fafc;font-size:11px!important;color:#173c51;text-align:center}
@media print{.color-palette{display:none!important}}
.color-recent{margin-top:13px}.color-recent[hidden]{display:none!important}.color-recent>strong{display:block;font-size:11px;margin-bottom:8px;color:#58717e}.color-palette{max-height:calc(100vh - 16px);overflow:auto}
.color-custom{margin-top:13px}.color-custom>strong{display:block;font-size:11px;margin-bottom:8px;color:#58717e}.color-custom>.color-swatches:empty{display:none!important}
.color-palette .color-custom-save{display:block!important;width:100%!important;height:30px!important;padding:5px!important;margin:8px 0 0!important;font-size:11px!important;background:#f1f7fa;border:1px solid #ccdce5;border-radius:5px;color:#173c51}
.color-custom-editor{display:grid;grid-template-columns:36px 1fr;gap:7px;margin-top:9px}.color-custom-editor[hidden]{display:none!important}.color-custom-editor .custom-color-picker{display:block!important;width:36px!important;height:30px!important;padding:2px!important;margin:0!important}.color-custom-editor .custom-color-hex{display:block!important;width:100%!important;max-width:none!important;height:30px!important;padding:5px 7px!important;margin:0!important;font-size:12px!important}.color-custom-editor .color-custom-save{grid-column:1/-1}
#chart-data-panel{background:#fff;border:1px solid #d7e4eb;border-radius:9px;margin:0 0 14px;padding:0 12px 14px}#chart-data-panel[hidden],#chart-data-panel [hidden]{display:none!important}.chart-data-empty{font-size:11px;line-height:1.6;color:#7a909b}.chart-data-head,.chart-data-row{display:grid;grid-template-columns:minmax(0,1fr) 80px 24px;gap:6px;align-items:center}.chart-data-head{font-size:10px;color:#58717e;margin:10px 0 7px}.chart-data-row{margin-bottom:7px}.chart-data-row input{width:100%;min-width:0;height:31px;font-size:12px;padding:5px 7px}.chart-data-row button{padding:3px;font-size:16px;border:0;background:none;color:#6a7e88}#chart-data-add{width:100%;padding:7px;font-size:11px;margin-top:6px}#chart-data-panel input:invalid,#chart-direct-editor:invalid{outline:1px solid #c43d56}#chart-data-open[aria-expanded=true]{background:#e9f4f7;border-color:#9bc3d0}#chart-direct-editor{position:absolute;z-index:13;min-width:0;border:1px solid #079bd0;border-radius:2px;padding:0 2px;background:#fffffff2;text-align:center;box-shadow:0 1px 5px #173c5120}#chart-direct-editor[hidden]{display:none}#paper [data-chart-field]{cursor:text}
#table-layout-menu{position:absolute;z-index:15;display:flex;align-items:center;gap:5px;white-space:nowrap;padding:5px 7px;border:1px solid #bed5df;border-radius:7px;background:white;box-shadow:0 3px 12px #173c5120;font-size:10px}#table-layout-menu[hidden]{display:none}#table-layout-menu span{color:#58717e;font-size:10px;min-width:35px}#table-layout-menu button{font-size:10px;padding:5px 7px}#table-track-clear{padding:3px 5px!important;border:0;background:none;font-size:16px!important;color:#58717e}.table-track-header{cursor:pointer;user-select:none}.table-column-divider{cursor:col-resize}.table-row-divider{cursor:row-resize}.table-column-divider:hover,.table-row-divider:hover{stroke:#087f9580}
#ruling-line-editor{color:transparent!important;text-decoration:none!important}#ruling-line-editor::selection{color:transparent;background:#159ac844}
#paper.freehand-drawing,#paper.freehand-drawing .element{cursor:crosshair}.curve-controls [data-curve-point]{cursor:grab}.curve-controls [data-curve-point]:active{cursor:grabbing}.tool-grid [data-draw][aria-pressed=true]{background:#dff2f6;border-color:#087f95;color:#087f95}

.chart-kind-control{display:flex;flex-direction:column;gap:6px;font-size:11px;color:#58717e;margin:12px 0 16px}.chart-kind-control select{width:100%;padding:7px;font-size:12px;}

#grid-format-panel{padding:12px;border:1px solid #d5e2ee;border-radius:8px;background:white;margin-bottom:12px}#grid-format-panel[hidden],#grid-format-panel [hidden],#grid-cell-editor[hidden]{display:none!important}#grid-format-panel h2{font-size:14px;margin:0}#grid-format-panel h3{font-size:12px;margin:6px 0}#grid-selection-info{font-size:11px;color:#536b7c}.grid-cell-controls{display:flex;flex-direction:column;gap:10px}.grid-cell-controls label{display:flex;flex-direction:column;gap:4px;font-size:12px}.grid-format-pair{display:flex;gap:10px;flex-wrap:wrap}.grid-format-pair>label{flex:1}.grid-cell-controls .grid-check{display:flex;flex-direction:row;align-items:center}.grid-check input{width:auto}.grid-border-buttons,.grid-suffix-buttons{display:flex;gap:4px;flex-wrap:wrap}.grid-border-buttons button[aria-pressed=true]{background:#d6f1f7;border-color:#079bd0}#grid-cell-editor{position:absolute;z-index:13;box-sizing:border-box;min-width:0;padding:0;border:1px solid #079bd0;border-radius:0;outline:none;text-align:center;line-height:normal}

#paper [data-type="gridfield"]{cursor:move}#paper .grid-cell-active{cursor:cell}

.grid-text-toolbar{display:flex;align-items:center;gap:6px;flex-shrink:0}.grid-text-toolbar .grid-format-pair{display:contents}.grid-text-toolbar label{display:flex;align-items:center;gap:4px;white-space:nowrap}.grid-text-toolbar select{width:138px}.grid-text-toolbar input[type=number]{width:62px}.grid-text-toolbar input[type=checkbox]{width:auto}.grid-border-buttons button{width:36px;height:34px;display:grid;place-items:center;padding:5px}.grid-border-buttons svg{width:22px;height:22px}

.grid-text-toolbar button[aria-pressed=true]{background:#d6f1f7;border-color:#079bd0}.grid-text-toolbar [data-grid-toggle]{min-width:27px;padding:5px}.grid-text-toolbar [data-grid-toggle=bold]{font-weight:bold}.grid-text-toolbar [data-grid-toggle=italic]{font-style:italic}.grid-text-toolbar [data-grid-toggle=underline]{text-decoration:underline}#paper-scroll{overflow-anchor:none}

.grid-suffix-buttons button{font-family:inherit;font-weight:inherit;font-style:inherit}

.transparent-swatch,.color-apply.is-transparent::before{background:conic-gradient(#c7d0d8 25%,white 0 50%,#c7d0d8 0 75%,white 0);background-size:8px 8px}.transparent-swatch{display:inline-block;width:22px;height:22px;border:1px solid #b9c9d5;border-radius:4px}.color-transparent{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px}.color-transparent[aria-pressed=true]{border-color:#079bd0;background:#e8f6fa}

.grid-border-buttons button[aria-pressed=true]{background:#d6f1f7;border-color:#079bd0}

.color-palette .color-swatches .color-custom-add{border-style:dashed!important;font-size:22px!important;color:#58717e;line-height:1;font-weight:400}

/* Separate the document menu from the contextual editing tools. */
.menubar{background:#f8fafc;border-bottom-color:#dce5ed}
#selection-bar{background:linear-gradient(180deg,#f1f6fa 0%,#eaf2f7 100%);border-bottom:1px solid #c8d9e5;box-shadow:0 2px 4px #173c5108}
#selection-bar #context-tools{background:transparent}
#selection-bar input:not([type=checkbox]):not([type=color]),#selection-bar select{background-color:#fff;border-color:#c9d9e4}

.color-custom-editor .custom-color-spectrum{grid-column:1/-1;height:122px;position:relative;border-radius:5px;border:1px solid #c5d4df;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,var(--hue));touch-action:none;cursor:crosshair;overflow:hidden}
.custom-color-marker{position:absolute;pointer-events:none;transform:translate(-50%,-50%);width:10px;height:10px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 1px #173c51}
.color-custom-editor .custom-color-hue{grid-column:1/-1;width:100%!important;max-width:none!important;height:16px!important;padding:0!important;margin:2px 0 5px!important;appearance:none;border:0;border-radius:8px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}
.custom-color-hue::-webkit-slider-thumb{appearance:none;width:14px;height:18px;border:2px solid white;border-radius:5px;background:transparent;box-shadow:0 0 0 1px #58717e}
.custom-color-preview{width:36px;height:30px;border:1px solid #bdcfdc;border-radius:4px}.color-custom-editor .color-custom-save{position:relative;z-index:1;margin-top:2px!important}

.color-palette-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px}.color-palette .color-remove-toggle{display:grid;place-items:center;width:24px;height:24px;padding:0;font-size:21px;line-height:1;border:1px solid transparent;border-radius:5px;background:transparent;color:#c43d56}.color-remove-toggle[aria-pressed=true]{background:#fff0f2;border-color:#e9adb8}.color-palette .color-swatches button[hidden]{display:none!important}
.color-palette.is-removing .color-swatches [data-color]{position:relative;overflow:visible}.color-palette.is-removing .color-swatches [data-color]::after{content:'−';position:absolute;right:-4px;top:-5px;display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#c43d56;border:1px solid white;color:white;font:700 12px Arial;box-shadow:0 1px 3px #173c5120}
.color-removal-tools{display:none;gap:6px;flex-direction:column;margin-top:10px}.color-palette.is-removing .color-removal-tools{display:flex}.color-removal-tools button{font-size:10px;padding:5px}.color-removal-tools [hidden]{display:none!important}.color-palette.is-removing .color-custom-add,.color-palette.is-removing .color-more,.color-palette.is-removing .color-transparent{display:none!important}

.tool-grid button>svg.point-field-icon{width:60px;height:30px;max-width:100%}

#paper .selection-controls .resize{stroke-width:1;vector-effect:non-scaling-stroke}

#paper,.page-canvas .page-preview{overflow:visible}.page-stack-item.active-page{z-index:2}

/* Einheitlicher Textblock für alle textfähigen Elemente. */
#vertical-align-buttons svg{display:block;width:22px;height:22px;margin:auto}#selection-bar .text-format{order:-1}#selection-bar .text-format #format-context{display:none}#selection-bar .text-format .format-label{display:none}

#ruling-panel{margin:0 0 14px;border:1px solid #d5e2ec;border-radius:8px;background:#f8fbfd;padding:0 12px}#ruling-panel>details>summary{cursor:pointer;padding:12px 0;font-size:13px;font-weight:650;color:#173c51}#ruling-panel .ruling-panel-body{padding:0 0 12px}#ruling-panel .ruling-type-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:4px 0 12px}#ruling-panel .ruling-type-buttons button{display:flex;flex-direction:column;align-items:center;padding:5px 2px}#ruling-panel .ruling-type-buttons button[aria-pressed=true]{background:#e3f3f6;border-color:#7cbaca;color:#08758c}#ruling-panel .ruling-type-buttons svg{width:34px}#ruling-panel .ruling-options h3{font-size:12px;margin:16px 0 8px;padding-bottom:6px;border-bottom:1px solid #dce7ee}#ruling-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}#ruling-panel input[type=checkbox]{margin:0;flex:none}#ruling-panel input:disabled,#ruling-panel select:disabled{opacity:.45}

#ruling-panel>h2{font-size:13px;margin:0;padding:12px 0;color:#173c51}#ruling-spacing{margin-top:10px}#ruling-spacing>summary{cursor:pointer;font-size:12px;font-weight:650;padding:8px 0;color:#173c51}

#selection-name{order:-2;flex:none;font-size:12px;font-weight:650;color:#087f95;margin-right:6px}#inspector>strong,#image-format>strong{display:none}

#selection-bar button[aria-controls][aria-expanded=true]{background:#e9f4f7;border-color:#9bc3d0;color:#08758c}

.ruling-house-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.ruling-house-picker button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 1px;font-size:9px}.ruling-house-picker svg{width:36px;height:27px;pointer-events:none}.ruling-house-picker button[aria-pressed=true]{background:#e3f3f6;border-color:#7cbaca;color:#08758c}#ruling-panel .ruling-color-row{display:flex;align-items:center;gap:5px;margin:10px 0}#ruling-panel .ruling-color-row>label{flex:1;margin:0;font-size:10px;white-space:nowrap}#ruling-panel .ruling-color-row>.color-split{flex:none}
#frame-item-panel{border:1px solid #d5e2ec;border-radius:8px;padding:0 12px 12px;background:#f8fbfd;margin-bottom:14px}.frame-edit-mode{margin-left:auto;font-size:10px;display:flex;gap:5px;align-items:center;white-space:nowrap}.frame-item-actions{display:flex;gap:5px;margin-top:12px}.frame-item-actions button{font-size:10px;padding:6px}#frame-item-empty{font-size:11px;color:#68808d}#frame-text-editor{position:absolute;z-index:18;padding:0 2px;min-width:0;border:1px solid #079bd0;border-radius:2px;font-family:ABeeZee;background:#fffffff2}#paper [data-frame-edit]{cursor:move}#paper [data-frame-end]{cursor:crosshair}#page-bg-file{width:100%;font-size:11px}#page-bg-remove{font-size:11px}

#paper [data-frame-axis=horizontal]{cursor:ns-resize}#paper [data-frame-axis=vertical]{cursor:ew-resize}

.frame-edit-mode.active{background:#e5e9ed;border:1px solid #c6cfd7;border-radius:5px;padding:4px 7px;color:#254357}.frame-mode-note{font-size:11px;line-height:1.5;color:#526674;background:#edf0f3;border-radius:5px;padding:8px;margin:0 0 12px}

#fraction-circle-panel{padding:0 12px 14px;border:1px solid #d5e2ec;border-radius:8px;background:#f8fbfd;margin-bottom:14px}#fraction-circle-panel label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}#fraction-circle-panel input[type=checkbox]{margin:0;flex:none}#fraction-circle-panel input:disabled,#fraction-circle-panel select:disabled{opacity:.45}

.point-basic-settings{border-bottom:1px solid #e0e8ee;padding-bottom:12px;margin-bottom:12px}.point-basic-settings label:has(input[type=checkbox]){display:flex;align-items:center;gap:7px}.point-basic-settings input[type=checkbox]{flex:none;margin:0}#fraction-circle-panel .generator-toggle{display:flex;align-items:center;gap:6px}

#editor-context-menu{position:fixed;z-index:3000;min-width:235px;max-width:calc(100vw - 10px);max-height:calc(100vh - 10px);overflow:auto;padding:5px;border:1px solid #ccdbe4;border-radius:8px;background:#fff;box-shadow:0 5px 22px #173c5130}#editor-context-menu button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:8px 10px;border:0;border-radius:4px;background:transparent;text-align:left;font-size:12px}#editor-context-menu button:hover,#editor-context-menu button:focus-visible{background:#eaf3f8}#editor-context-menu small{font-size:10px;color:#70848f}#editor-context-menu hr{border:0;border-top:1px solid #e1e9ef;margin:4px 5px}

.personal-material-upload{margin:8px 0 10px}.personal-material-upload[hidden]{display:none}.personal-material-upload>button{width:100%;padding:7px;font-size:11px;color:#086e87;border:1px solid #b8d9e3;background:#edf7fa;border-radius:5px}.personal-material-status{font-size:10px;line-height:1.4;color:#647b89;margin:6px 0 0;overflow-wrap:anywhere}

/* Reserve the same name column for every selection. */
#selection-name{box-sizing:border-box;flex:0 0 144px;width:144px;min-width:144px;max-width:144px;white-space:nowrap;overflow:hidden;line-height:1.3}#selection-name[hidden]{display:block!important;visibility:hidden}

/* Sidebar state must not animate again when the inspector is rebuilt. */
#selection-bar button[aria-controls]{transition:none}

#domino-panel{background:white;border:1px solid #d7e4eb;border-radius:9px;margin:0 0 14px;padding:0 12px 14px}#domino-panel[hidden],#domino-panel [hidden],#domino-direct-editor[hidden]{display:none!important}#domino-panel label{font-size:11px}#domino-panel details{margin-top:10px}#domino-panel summary{font-size:11px;cursor:pointer;padding:7px 0}.domino-order{display:flex;gap:6px;margin:10px 0}.domino-order button{font-size:10px;padding:6px;flex:1}#domino-error{font-size:11px;color:#a33042;line-height:1.5}#domino-direct-editor{position:absolute;z-index:13;min-width:0;padding:0 3px;text-align:center;border:1px solid #079bd0;background:white}#paper [data-domino-field]{cursor:text}

#image-stage{display:block;height:53vh;min-height:220px;max-height:560px;padding:16px;overflow:auto;overscroll-behavior:contain;position:relative}#image-canvas{max-width:none;max-height:none;margin:0 auto}#image-editor [hidden]{display:none!important}.image-zoom-tools{display:flex;justify-content:center;align-items:center;gap:7px;margin:0 213px 10px 0}.image-zoom-tools button{padding:4px 10px;font-size:13px}.image-zoom-tools output{width:54px;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.image-adjust .image-region-toggle{display:flex;align-items:center;gap:6px;line-height:1.5}.image-adjust .image-region-toggle input{width:auto;margin:0}#image-region-settings{border-top:1px solid #dae6ec;margin-top:12px;padding-top:10px}#image-region-settings summary{font-size:11px;cursor:pointer}#image-region-settings input[type=color]{width:100%}#image-region-settings .color-split{width:auto}#image-region-settings .color-split input{width:28px}

#domino-cell-controls{margin-top:12px;padding-top:10px;border-top:1px solid #d7e4eb}#domino-cell-controls h3{font-size:11px;margin:2px 0 8px}#domino-cell-controls input[type=file]{font-size:10px;padding:4px;width:100%}#paper [data-domino-half]{cursor:text}

#domino-page-drag{position:fixed;z-index:1000;pointer-events:none;background:#eaf6fb;color:#086b89;border:1px solid #59a9c4;border-radius:6px;padding:9px 12px;box-shadow:0 3px 12px #173c5120;font-size:12px;max-width:270px}#domino-page-drag[hidden]{display:none}.domino-drop-target .page-canvas{outline:3px solid #079bd0;outline-offset:3px}

#domino-direct-editor{box-sizing:border-box;position:absolute;z-index:13;min-width:0;min-height:0;max-width:none;resize:none;border:0;border-radius:0;background:transparent;outline:none!important;box-shadow:none;padding:0;text-align:center;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;user-select:text;cursor:text}#domino-cell-text{min-height:52px;resize:vertical}

#domino-panel .domino-blank-toggle{display:flex;align-items:center;gap:6px;margin:9px 0 12px}#domino-panel .domino-blank-toggle input{display:inline;width:auto;margin:0}

#paper [data-domino-image]{cursor:pointer}#paper .domino-image-selected{outline:1px solid #079bd0;outline-offset:2px}

#domino-endpoint-images .domino-image-drop{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border:1px dashed #9db7c3;border-radius:6px;padding:10px;cursor:pointer;text-align:center}#domino-endpoint-images input{max-width:100%;font-size:11px}#domino-endpoint-images .drop-target{background:#eaf6fb}#domino-endpoint-images h3{margin:10px 0 5px}



/* Textübungen: Farben direkt an den zugehörigen Optionen. */
#text-exercises-dialog .exercise-option-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:8px 0;min-height:30px}#text-exercises-dialog .exercise-option-row>label.check{display:flex;align-items:center;gap:5px;margin:0;min-width:0;font-size:11px}#text-exercises-dialog .exercise-swatches{display:flex;align-items:center;gap:5px;flex:none}#text-exercises-dialog .exercise-mark-row{display:flex;align-items:center;gap:6px;margin:0 0 10px 24px}#text-exercises-dialog .exercise-mark-row>input[type=text],#text-exercises-dialog #exercise-characters{width:0;min-width:0;flex:1}#text-exercises-dialog .exercise-mark-row[hidden]{display:none}

#text-exercises-dialog .exercise-option-row .color-split{width:34px}#text-exercises-dialog .exercise-option-row .color-apply{width:22px!important}#text-exercises-dialog .exercise-option-row .color-expand{width:12px!important}#text-exercises-dialog .exercise-option-row .color-apply:before{width:16px;height:18px}#text-exercises-dialog .exercise-option-row>label.check{font-size:10px;white-space:nowrap}

#ruling-panel .ruling-options label:has(input[type=checkbox]){font-family:inherit;font-size:11px;font-weight:400;line-height:1.4;white-space:normal}#ruling-panel .ruling-color-row>label{min-width:0}

/* Quiet editing ribbon: visible groups, with surfaces only on interaction. */
#selection-bar{background:#fff;border-bottom:1px solid #dce5e9;box-shadow:0 2px 7px #173c5105;gap:12px}
#selection-bar button,.menubar .toolbar button{background:transparent;border-color:transparent;box-shadow:none;border-radius:5px;color:#334d5b;transition:background-color .12s,color .12s}
#selection-bar button:hover:not(:disabled),.menubar .toolbar button:hover:not(:disabled){background:#edf4f6;border-color:transparent;color:#086e83}
#selection-bar button[aria-pressed=true],#selection-bar button[aria-controls][aria-expanded=true]{background:#e3f1f3;border-color:transparent;color:#086e83;box-shadow:inset 0 -2px #16899b}
#selection-bar button:focus-visible,.menubar .toolbar button:focus-visible{outline:2px solid #16899b;outline-offset:2px}
#selection-bar .text-format{gap:5px}
#selection-bar .format-buttons{border-left:1px solid #e1e8eb;padding-left:9px;margin-left:5px;gap:1px}
#selection-bar .format-buttons button{width:30px;height:30px;border-radius:5px}
#selection-bar input:not([type=checkbox]):not([type=color]),#selection-bar select{background-color:transparent;border:1px solid transparent;border-radius:5px;box-shadow:none;height:30px;color:#334d5b}
#selection-bar input:not([type=checkbox]):not([type=color]):hover,#selection-bar select:hover{background-color:#f3f7f8;border-color:#dce6ea}
#selection-bar input:focus-visible,#selection-bar select:focus-visible{background-color:#fff;border-color:#9ec4cd;outline:2px solid #16899b;outline-offset:1px}
#selection-bar #font-family{border-color:#dce5e9;padding:4px 8px;width:145px}
#selection-bar #font-size{border-color:#dce5e9;width:54px;padding:4px 5px;font-variant-numeric:tabular-nums}
#selection-bar .unit{margin-right:4px;color:#84949d}
#selection-bar #selection-name{color:#607986;font-weight:500}
#selection-bar .color-control{border-left:0;padding:0 4px;gap:0}
#selection-bar .color-control>span{display:none}
#selection-bar .color-split>button{background:transparent;border-color:transparent}
#selection-bar .color-split:hover{background:#edf4f6;border-radius:5px}
#selection-bar .color-split>button:hover{background:#e5eff2}
#selection-bar .color-split>.color-expand{border-left:0}
#selection-bar .color-control .color-apply:before{content:'A';background:none;color:#334d5b;border:0;border-bottom:3px solid var(--swatch);border-radius:0;width:19px;height:24px;line-height:20px;font:500 19px/20px Georgia,serif}
#selection-bar #context-tools{border-left:1px solid #e1e8eb;padding-left:12px;margin-left:2px}
#selection-bar #inspector{gap:10px}
#selection-bar #inspector label{color:#607986}
#selection-bar #inspector>button{height:30px;padding:5px 9px;font-size:11px;font-weight:500}
.menubar .toolbar-group{border-color:#e1e8eb}
@media(prefers-reduced-motion:reduce){#selection-bar button,.menubar .toolbar button{transition:none}}

/* Jonas: restore the rectangular color swatch and blue selected-element name. */
#selection-bar #selection-name{color:#087f95;font-weight:650}
#selection-bar .color-control .color-apply:before{content:'';width:22px;height:18px;background:var(--swatch);border:1px solid #173c5125;border-radius:2px}
#selection-bar .bubble-form-select{display:flex;align-items:center;gap:5px;font-size:10px;color:#607986}
#selection-bar .bubble-form-select select{min-width:112px;max-width:155px;padding:4px 6px}

/* Sidebar editing controls: consistent typography, compact inline swatches and content height. */
.properties .color-split>button{border-color:transparent;background:transparent;box-shadow:none}
.properties .color-split{border-radius:5px}
.properties .color-split:hover,.properties .color-split:has([aria-expanded=true]){background:#edf4f6}
.properties .color-split>button:hover,.properties .color-split>button:active{background:#e5eff2;border-color:transparent}
#text-exercises-dialog{height:auto;min-height:0;max-height:none;font:11px/1.45 system-ui,sans-serif}
#text-exercises-dialog .exercise-layout{flex:none;overflow:visible}
#text-exercises-dialog :is(label,p,summary,h2,h3,select,input,textarea,button){font-family:inherit;font-size:11px;line-height:1.45}
#text-exercises-dialog .exercise-option-row>label.check{font-size:11px;white-space:normal;flex:1}
#text-exercises-dialog .exercise-settings>label.check{min-height:30px;margin:8px 0;font-weight:400}
#text-exercises-dialog .exercise-settings label.check{font-weight:400;color:inherit}
#text-exercises-dialog label.check>input[type=checkbox]{width:auto;flex:none;margin:0}
#text-exercises-dialog .exercise-swatches{margin-left:auto;max-width:100%}
#text-exercises-dialog .exercise-option-row>.color-split{margin-left:auto!important;flex:none}
#text-exercises-dialog .exercise-option-row .color-split{width:34px}
#text-exercises-dialog .exercise-layout,#text-exercises-dialog .exercise-settings{min-width:0}
#text-exercises-dialog summary{overflow-wrap:anywhere}
#text-exercises-dialog .dialog-heading h2{font:700 11px/1.45 system-ui,sans-serif}
.properties .color-palette{font-family:inherit}

/* Material names have their own growing row below a stable image area. */
.material-results button{display:grid;grid-template-rows:61px minmax(26px,auto);align-content:start;justify-items:center;gap:6px;height:auto;min-height:107px;padding:6px 4px;white-space:normal}
.material-results button>img{width:100%;height:61px;min-height:61px;max-width:100%;object-fit:contain;margin:0}
.material-results button>span{display:block;width:100%;min-width:0;max-width:100%;margin:0;font-size:10px;line-height:13px;text-align:center;white-space:normal;overflow-wrap:anywhere}
.material-results{grid-auto-rows:max-content}
.material-results button{grid-template-rows:61px auto}
.material-results button>span{min-height:26px}

.page-canvas.image-drop-target{outline:3px solid #0796b4;outline-offset:3px}

#materials-panel>.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}
#material-insert-settings{border:0;background:transparent;color:#087f99;font-size:18px;padding:0 5px;line-height:24px}
#material-insert-settings:hover{background:#e4f2f5}
#material-insert-dialog{width:650px;max-width:94vw;max-height:90vh;overflow:auto;border:1px solid #d5e2e9;border-radius:12px;padding:20px;color:#243d50;font:12px/1.5 system-ui,sans-serif}
#material-insert-dialog::backdrop{background:#173c5140}
#material-insert-dialog h2{font-size:16px;margin:0}
#material-insert-dialog h3,#material-insert-dialog legend{font-size:12px;font-weight:650}
#material-insert-dialog label{display:flex;flex-direction:column;gap:5px;margin:8px 0;min-width:0}
#material-insert-dialog fieldset{min-width:0;border:1px solid #e0e7ed;border-radius:8px;margin:12px 0;padding:10px}
#material-insert-dialog input[type=number],#material-insert-dialog select{width:100%;min-width:0}
.material-settings-columns{display:grid;grid-template-columns:minmax(0,1fr) 175px;gap:18px}
.material-insert-preview{position:sticky;top:0;align-self:start;background:#f6f9fb;border-radius:8px;padding:10px;text-align:center}
.material-insert-preview svg{display:block;width:100%;max-height:320px}
#material-insert-dialog .material-font-toggles{display:flex;flex-wrap:wrap;gap:10px}
#material-insert-dialog .material-font-toggles label,#material-insert-dialog .material-setting-row label{display:flex;flex-direction:row;align-items:center;gap:5px;margin:0}
#material-insert-dialog .material-setting-row{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:34px}
.material-setting-row>div{display:flex;gap:3px;flex:none}
#material-insert-dialog .color-split{width:40px}
#material-insert-dialog .color-apply{width:26px!important}
#material-insert-dialog .color-expand{width:14px!important}
#material-insert-dialog .color-split>button{border-color:transparent;background:transparent}
#material-insert-dialog .color-split:hover{background:#e5eff2}
.material-settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px}
@media(max-width:600px){.material-settings-columns{grid-template-columns:minmax(0,1fr)}.material-insert-preview{position:static;width:175px;justify-self:center}}
.multi-scale-control{display:flex;align-items:center;gap:6px;font-size:11px}
.multi-scale-control input{width:76px;padding:4px}

/* Page setup: a stable preview and three compact sections. */
#frame-dialog{width:940px;max-width:96vw;max-height:94vh;padding:16px 20px;overflow:auto}
#frame-dialog .dialog-heading small{display:none}
#frame-dialog .dialog-heading h2{font-size:17px;margin:0}
#frame-dialog .frame-grid{grid-template-columns:175px minmax(0,1fr);gap:20px;margin-top:10px}
#frame-dialog .frame-controls{display:block}
#frame-dialog .frame-tabs{display:flex;gap:4px;margin-bottom:12px;border-bottom:1px solid #dce6ec;padding-bottom:7px}
.frame-tabs button{padding:6px 10px;border-color:transparent;background:transparent;font-size:12px;white-space:nowrap}
.frame-tabs button[aria-selected=true]{background:#e5f3f7;color:#087f99;font-weight:650}
#frame-dialog .frame-tabpane{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;align-items:start}
#frame-dialog .frame-tabpane[hidden]{display:none}
#frame-dialog .frame-tabpane>section{min-width:0;padding:10px;border:1px solid #e2e8ed;border-radius:8px}
#frame-dialog .frame-tabpane h3{margin:0 0 6px;padding:0;background:transparent}
#frame-dialog .frame-tabpane label{display:flex;flex-direction:column;gap:4px;font-size:11px;margin:6px 0}
#frame-dialog .frame-tabpane label:has(>input[type=checkbox]){flex-direction:row;align-items:center}
#frame-dialog .frame-tabpane input[type=checkbox]{margin:0;flex:none}
#frame-dialog .frame-tabpane input:not([type=checkbox]):not([type=color]),#frame-dialog .frame-tabpane select{width:100%;min-width:0;padding:5px 7px;font-size:12px}
#frame-dialog .frame-font-default{grid-column:1/-1;flex-direction:row;align-items:center;gap:10px}
#frame-dialog .frame-font-default select{width:auto;flex:1}
#frame-dialog .frame-font-default small{display:none}
#frame-dialog #frame-pane-0>section:first-child{grid-row:span 2}
#frame-dialog #frame-pane-2>section{grid-column:1/-1}
#frame-dialog .frame-background-row{display:grid;grid-template-columns:100px minmax(0,1fr);gap:16px;align-items:start}
#page-bg-choose{text-align:left;white-space:nowrap;background:#f4f8fa;border-color:#dce7ed;padding:6px 10px}
#page-bg-filename{font-size:10px;color:#718292;overflow-wrap:anywhere}
#frame-dialog .color-split>button{border-color:transparent;background:transparent;box-shadow:none}
#frame-dialog .color-split:hover,#frame-dialog .color-split:has([aria-expanded=true]){background:#e5eff2;border-radius:5px}
#frame-dialog .frame-line-color{align-items:flex-start}
#frame-dialog .frame-preview svg{max-height:300px}
#frame-dialog .frame-preview p{font-size:10px;line-height:1.4}
#frame-dialog .frame-apply{grid-template-columns:175px minmax(0,1fr);margin-top:10px;padding:8px 10px;gap:4px 12px}
#frame-dialog .frame-apply .tip{margin:2px 0;font-size:10px}
#frame-dialog .dialog-actions{margin-top:10px}
#frame-dialog #frame-simple{margin:6px 0;padding:5px;font-size:11px}
#frame-dialog #frame-page-number-options label{font-size:11px}
@media(max-width:760px){#frame-dialog .frame-grid{grid-template-columns:115px minmax(0,1fr);gap:12px}#frame-dialog .frame-tabpane{grid-template-columns:1fr}#frame-dialog #frame-pane-0>section:first-child{grid-row:auto}.frame-tabs button{padding:5px;font-size:11px}#frame-dialog .frame-preview svg{max-height:220px}}
#frame-dialog .frame-apply>label:has(#frame-fit){grid-column:1/-1}
#frame-dialog #frame-pane-2>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
#frame-dialog #frame-pane-2>section>h3,#frame-dialog .frame-background-row,#frame-dialog #page-bg-placement{grid-column:1/-1}
#frame-dialog #page-bg-remove{justify-self:start;grid-column:1/-1;padding:4px 8px;font-size:11px}
#frame-dialog label:has(>#page-bg-opacity),#frame-dialog label:has(>#page-bg-scale){display:grid;grid-template-columns:1fr auto}
#frame-dialog #page-bg-opacity,#frame-dialog #page-bg-scale{grid-column:1/-1;padding:0;accent-color:#087f99}
#frame-dialog #page-bg-placement{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:4px 14px;border-top:1px solid #e2e8ed;padding-top:6px}
#frame-dialog #page-bg-placement .tip{grid-column:1/-1;margin:0;font-size:10px}
#frame-dialog #page-bg-reset{grid-column:1/-1;justify-self:start;padding:4px 8px;font-size:11px}

#arithmetic-direct-editor{position:absolute;z-index:14;box-sizing:border-box;min-width:0;min-height:0;max-width:none;max-height:none;margin:0;padding:0 2px;border:1px solid #079bd0;border-radius:3px;background:#ffffffed;outline:none;resize:none;white-space:pre;overflow:auto;user-select:text}
#arithmetic-panel .check{display:flex;align-items:center;gap:5px;font-size:11px}
#arithmetic-panel .tip{font-size:10px;line-height:1.4}
#arithmetic-edit-text{font-size:11px}

/* One transparency control for every color palette. */
.color-palette{font:12px system-ui,sans-serif}
.color-swatches>.color-transparent{width:30px;height:27px;margin:0;padding:0;display:grid;place-items:center}
.color-swatches>.color-transparent .transparent-swatch{width:100%;height:100%;border:0}
.color-transparency{display:grid!important;grid-template-columns:1fr auto;gap:6px!important;margin:12px 0 8px!important;font:12px system-ui,sans-serif!important;color:#243d50!important}
.color-transparency>input[type=range]{grid-column:1/-1;width:100%!important;height:22px!important;margin:0!important;padding:0!important;accent-color:#087f99}
.color-transparency output{font-variant-numeric:tabular-nums}
.color-palette.is-removing .color-transparency{display:none!important}

/* Stable page setup: generous fixed shell, shared page/header/footer tab. */
#frame-dialog{width:1180px;height:min(820px,calc(100dvh - 28px));max-height:none;max-width:96vw;min-height:0;overflow:hidden;padding:16px 20px}
#frame-form{display:flex;flex-direction:column;height:100%;min-height:0}
#frame-dialog .dialog-heading,#frame-dialog .frame-apply,#frame-dialog .dialog-actions,#frame-error{flex:none}
#frame-dialog .frame-grid{flex:1;min-height:0;grid-template-columns:165px minmax(0,1fr);gap:20px;align-items:stretch}
#frame-dialog .frame-controls{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}
#frame-dialog .frame-tabs{flex:none;margin-bottom:10px}
#frame-dialog .frame-tabpane{flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;align-content:start;padding-right:3px}
#frame-dialog #frame-pane-0{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'page header footer' 'lines header footer' 'tasks font font';gap:10px 12px}
#frame-dialog #frame-pane-0 .frame-group-page{grid-area:page;grid-row:auto}
#frame-dialog .frame-group-header{grid-area:header}
#frame-dialog .frame-group-footer{grid-area:footer}
#frame-dialog .frame-group-lines{grid-area:lines}
#frame-dialog .frame-group-tasks{grid-area:tasks}
#frame-dialog #frame-pane-0 .frame-font-default{grid-area:font;margin:0;padding:10px;background:#f6f9fb;border-radius:8px;align-self:start}
#frame-dialog #frame-pane-1{display:block}
#frame-dialog #frame-pane-1[hidden]{display:none}
#frame-dialog #frame-pane-1>section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
#frame-dialog #frame-pane-1>section>h3,#frame-dialog .frame-background-row,#frame-dialog #page-bg-placement{grid-column:1/-1}
#frame-dialog .frame-preview{position:static;overflow:hidden}
#frame-dialog .frame-preview svg{max-height:430px}
#frame-dialog .frame-apply{grid-template-columns:210px minmax(0,1fr);padding:8px 12px}
#frame-dialog .frame-checks{gap:2px 10px}
#frame-dialog .frame-tabpane .check{line-height:1.35}
#frame-dialog #frame-page-number-options{min-height:166px}
#frame-dialog #frame-page-number-options>label{margin:5px 0}
#frame-dialog .frame-group-header,#frame-dialog .frame-group-footer{height:100%}
@media(max-width:1020px){#frame-dialog .frame-grid{grid-template-columns:125px minmax(0,1fr);gap:12px}#frame-dialog #frame-pane-0{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:'page lines' 'header footer' 'tasks font'}}
@media(max-width:700px){#frame-dialog{padding:12px}#frame-dialog .frame-grid{grid-template-columns:85px minmax(0,1fr);gap:10px}#frame-dialog #frame-pane-0{grid-template-columns:minmax(0,1fr);grid-template-areas:'page' 'lines' 'header' 'footer' 'tasks' 'font'}#frame-dialog .frame-apply{grid-template-columns:minmax(0,1fr)}}
#frame-dialog #frame-pane-0{grid-template-areas:'page header footer' 'lines header footer' 'tasks font footer'}
#frame-dialog #frame-pane-0>section.frame-group-page:first-child{grid-area:page}
#frame-dialog .frame-tabpane>section{padding:8px}
#frame-dialog #frame-pane-0>.frame-font-default{flex-direction:row;text-align:left}

/* Material search is the final region and fills all remaining sidebar height. */
.properties{display:flex;flex-direction:column;min-height:0;padding-bottom:0}
.properties>*{flex-shrink:0}
.properties #materials-panel{flex:1 0 300px;min-height:300px;height:auto;margin-bottom:0}
#materials-anchor{display:none}
#material-results{min-height:0;overflow:auto;overscroll-behavior:contain}

/* Fixed insertion dialog; frame, label and preview fit side by side. */
#material-insert-dialog{width:1040px;height:min(720px,calc(100dvh - 28px));max-width:96vw;max-height:none;overflow:hidden;padding:16px 20px}
#material-insert-dialog>form{height:100%;min-height:0;display:flex;flex-direction:column}
#material-insert-dialog .position-heading,#material-insert-dialog form>p,#material-insert-dialog form>label,.material-settings-actions{flex:none}
#material-insert-dialog .position-heading{margin-bottom:0}
#material-insert-dialog form>p{margin:8px 0;font-size:11px;line-height:1.4}
#material-insert-dialog form>label{margin:4px 0 8px}
#material-insert-dialog .material-settings-columns{flex:1;min-height:0;display:grid;grid-template-columns:minmax(190px,.9fr) minmax(300px,1.6fr) 175px;gap:14px;align-content:start;align-items:start;overflow:auto;scrollbar-gutter:stable}
#material-insert-dialog .material-settings-columns>div:first-child{display:contents}
#material-insert-dialog fieldset[data-frame]{grid-column:1;grid-row:1}
#material-insert-dialog fieldset[data-name]{grid-column:2;grid-row:1}
#material-insert-dialog fieldset{margin:0;padding:8px 10px;min-width:0}
#material-insert-dialog label{margin:5px 0;gap:4px;font-size:11px}
#material-insert-dialog input:not([type=checkbox]):not([type=color]),#material-insert-dialog select{padding:5px 7px;font-size:12px;min-width:0}
#material-insert-dialog .material-insert-preview{grid-column:3;grid-row:1;position:static;width:auto;align-self:start;margin-top:6px}
#material-insert-dialog .material-insert-preview svg{max-height:320px}
#material-insert-dialog .material-setting-row{min-height:30px}
#material-insert-dialog .material-font-toggles{gap:8px;margin:8px 0}
#material-insert-dialog h3{margin:10px 0 5px}
#material-insert-dialog .material-settings-actions{margin-top:12px}
@media(max-width:850px){#material-insert-dialog .material-settings-columns{grid-template-columns:minmax(170px,1fr) minmax(260px,1.6fr)}#material-insert-dialog .material-insert-preview{grid-column:1;grid-row:2;width:160px;justify-self:center}}
@media(max-width:600px){#material-insert-dialog .material-settings-columns{display:flex;flex-direction:column}#material-insert-dialog fieldset{width:100%}#material-insert-dialog .material-insert-preview{width:160px;align-self:center}}

#arithmetic-direct-editor{padding:0;border:0;border-radius:0;outline:none!important;box-shadow:none!important;background:transparent;resize:none;overflow:hidden;scrollbar-width:none}
#arithmetic-direct-editor:focus,#arithmetic-direct-editor:focus-visible{outline:none!important;border:0;box-shadow:none!important}

#grid-format-panel{padding:0 12px 12px;background:#fff}
#grid-format-panel .position-heading h2{font-size:12px}
#grid-format-panel .grid-basic-controls label{font-size:11px;margin:8px 0 5px}
#grid-format-panel .grid-basic-controls .pair{gap:10px}
#grid-format-panel .grid-basic-controls [data-prop]{width:100%;font-size:12px}
#grid-format-panel .grid-text-toolbar{display:flex;flex-direction:column;gap:7px;margin-top:8px}
#grid-format-panel .grid-text-toolbar>label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0}
#grid-format-panel .grid-text-toolbar>.grid-check{justify-content:flex-start;line-height:1.4}
#grid-format-panel .grid-check input{flex:none;width:auto;margin:0}
#grid-format-panel .grid-auto-help{font-size:10px;line-height:1.5;color:#718292;margin:5px 0 8px}
#grid-selection-info{font-size:10px;line-height:1.5;border-top:1px solid #e2e9ed;padding-top:8px}

#grid-format-panel .grid-text-toolbar{align-items:stretch;min-width:0}
#grid-format-panel .grid-text-toolbar>label{white-space:normal;min-width:0}
#grid-format-panel .grid-basic-controls .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
#grid-format-panel .grid-basic-controls .pair>label{min-width:0}

/* Numberline: separate exercise generation from visual choices. */
#numberline-panel [hidden]{display:none!important}
#numberline-panel .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#numberline-panel label{font-size:11px;min-width:0}
#numberline-panel select,#numberline-panel input[type=number]{width:100%;min-width:0;font-size:12px}
#numberline-panel .numberline-check{display:flex;align-items:center;gap:7px;line-height:1.4}
#numberline-panel input[type=checkbox]{width:auto;flex:none}
#numberline-panel h3{font-size:12px;margin:12px 0 6px}
#numberline-panel .tip{font-size:10px;line-height:1.5}
#numberline-panel .numberline-color{display:flex;align-items:center;justify-content:space-between}

#point-field-panel [hidden]{display:none!important}
#point-generator{margin:0 0 10px}
#point-generator .generator-heading{margin-top:0}
#point-field-panel .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#point-field-panel .pair>label{min-width:0}
#point-field-panel .tip{font-size:10px;line-height:1.5}

#arithmetic-direct-editor::-webkit-scrollbar{display:none}

#wall-direct-editor{position:absolute;z-index:14;box-sizing:border-box;min-width:0;margin:0;padding:0;border:0;border-radius:0;outline:none!important;box-shadow:none;background:transparent;text-align:center}
#paper [data-wall-cell]{cursor:text}

.color-edit-hint{display:none;font-size:10px;line-height:1.5;margin:0 0 10px;color:#58717e}
.color-palette.is-removing .color-edit-hint{display:block}
.color-palette.is-removing .color-swatches>[data-color]:not(.color-transparent){cursor:grab;touch-action:none;user-select:none}
.color-palette.is-dragging .color-swatches>[data-color]{cursor:grabbing}
.color-palette .color-drag-source{opacity:.35}
.color-palette .color-drop-target{outline:2px solid #087f95!important;outline-offset:3px}
.color-drag-ghost{position:fixed;width:30px;height:27px;border:1px solid #78929e;border-radius:4px;box-shadow:0 4px 14px #173c5155;pointer-events:none;z-index:5;opacity:.95}

#selection-bar #badge-shape-toggle{display:flex;align-items:center;gap:5px;padding:3px 5px;border:0;background:transparent;border-radius:5px}
#selection-bar #badge-shape-toggle:hover,#badge-shape-toggle[aria-expanded=true]{background:#eaf3f7}
.badge-shape-picker svg{width:25px;height:25px;display:block}
#badge-shape-menu{position:fixed;margin:0;padding:6px;border:1px solid #d5e0e7;border-radius:8px;background:#fff;box-shadow:0 6px 24px #173c5124;color:#173c51}
#badge-shape-menu:popover-open{display:grid;grid-template-columns:repeat(4,40px);gap:4px}
#badge-shape-menu button{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:5px;background:transparent;color:inherit;padding:7px}
#badge-shape-menu button:hover,#badge-shape-menu button[aria-selected=true]{background:#eaf3f7}
#badge-shape-menu button:focus-visible{outline:2px solid #087f95}
#badge-direct-editor{position:absolute;z-index:14;box-sizing:border-box;min-width:0;margin:0;padding:0;border:0;border-radius:0;outline:none!important;background:transparent;box-shadow:none;text-align:center}
#paper [data-type=numberBadge]{cursor:text}

/* Keep a useful image area even below long task settings. */
.properties{overflow-y:auto}
.properties #materials-panel{flex:1 0 var(--material-min-height,560px);min-height:var(--material-min-height,560px)}
#material-results{min-height:var(--material-results-min,360px);overscroll-behavior:auto}

#text-box-panel{padding:0 12px 12px;background:white;border:1px solid #d7e4eb;border-radius:9px;margin-bottom:14px}
#text-box-panel[hidden]{display:none!important}
#text-box-panel h2{font-size:12px}
#text-box-panel label,#text-box-panel .text-box-label{font-size:11px;margin:9px 0 5px}
#text-box-panel input,#text-box-panel select{font-size:12px;width:100%;min-width:0}
#text-box-panel .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#text-box-panel .pair>label{min-width:0}
#text-box-panel .text-box-check{display:flex;align-items:center;gap:7px}
#text-box-panel .text-box-check input{width:auto;margin:0}
#text-box-panel .text-box-color{display:flex;align-items:center;justify-content:space-between}
.text-frame-styles{display:flex;gap:5px}
.text-frame-styles button{flex:1;min-width:0;padding:4px;border:1px solid transparent;background:transparent;border-radius:5px;color:#173c51}
.text-frame-styles button svg{display:block;width:100%;height:20px}
.text-frame-styles button:hover,.text-frame-styles button[aria-pressed=true]{background:#eaf3f7;border-color:#a9ced9}

/* Table tools share the right editing area. */
#table-panel{flex:0 0 auto;border:1px solid #d7e4ec;border-radius:10px;padding:12px;margin:0 0 10px;background:#f8fbff;color:#173c51;font-size:11px}
#table-panel[hidden]{display:none}#table-panel h2{font-size:12px;margin:0}#table-panel label{font-size:11px;display:flex;flex-direction:column;gap:5px;margin:8px 0}#table-panel input[type=number]{width:100%;font:inherit;font-size:12px}#table-panel .table-check{flex-direction:row;align-items:center}#table-panel .table-fill{flex-direction:row;align-items:center;justify-content:space-between}#table-panel .table-panel-label{margin:10px 0 5px;font-size:11px}#table-panel .table-line-styles,#table-panel .table-border-tools{display:flex;gap:4px;flex-wrap:wrap}#table-panel .table-line-styles button{flex:1;min-width:45px;padding:3px;border:0;background:transparent;border-radius:5px}#table-panel .table-line-styles svg{display:block;width:100%;height:20px}#table-panel .table-border-tools button{width:30px;height:30px;padding:3px;border:0;background:transparent;border-radius:5px}#table-panel .table-border-tools svg{width:24px;height:24px}#table-panel button:hover,#table-panel button[aria-pressed=true]{background:#dceef4;color:#087f95}#table-panel button:disabled{opacity:.4}#table-panel .table-selection-info{display:flex;align-items:center;justify-content:space-between;margin-top:10px}#table-panel .table-distribution{display:flex;gap:5px;margin:6px 0}#table-panel .table-distribution button{flex:1;font:inherit;padding:7px 3px;border:1px solid #d7e4ec;border-radius:5px;background:white}#table-panel .tip{font:inherit;line-height:1.5;margin-bottom:0}

/* Shape previews and appearance tools for speech and thought bubbles. */
#bubble-panel{flex:0 0 auto;border:1px solid #d7e4ec;border-radius:10px;padding:12px;margin:0 0 10px;background:#f8fbff;color:#173c51;font-size:11px}
#bubble-panel[hidden]{display:none}#bubble-panel h2{font-size:12px;margin:0}#bubble-panel label{font-size:11px;display:flex;flex-direction:column;gap:5px;margin:9px 0}#bubble-panel .pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#bubble-panel .pair>label{min-width:0}#bubble-panel input[type=number]{width:100%;min-width:0;font:inherit;font-size:12px}#bubble-panel .bubble-fill{flex-direction:row;align-items:center;justify-content:space-between}#bubble-panel .bubble-check{flex-direction:row;align-items:center;gap:7px}#bubble-panel .bubble-check input{width:auto;margin:0}#bubble-panel .bubble-panel-label{font-size:11px;margin:10px 0 5px}.bubble-shape-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.bubble-shape-options button{display:flex;align-items:center;justify-content:center;min-width:0;padding:5px;border:0;border-radius:6px;background:transparent;color:#426374}.bubble-shape-options svg{width:100%;height:38px;display:block}.bubble-shape-options button:hover,.bubble-shape-options button[aria-pressed=true]{background:#dceef4;color:#087f95}.bubble-shape-options button:focus-visible{outline:2px solid #087f95;outline-offset:1px}.bubble-shape-options button:disabled{opacity:.45}

/* Give targeted image selection the entire sidebar, then restore its tools. */
.properties.material-picking{overflow:hidden;padding-bottom:0}
.properties.material-picking>:not(#materials-panel){display:none!important}
.properties.material-picking #materials-panel{flex:1 1 0;min-height:0!important;height:100%;max-height:100%;margin:0;resize:none}
.properties.material-picking #material-results{flex:1 1 0;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y}
.properties.material-picking .material-results button{touch-action:pan-y}
.properties.material-picking .material-pick-target{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;padding:9px 10px;background:#edf7fa;border-bottom:1px solid #dceaf0}
.properties.material-picking .material-pick-target p{font-size:11px;line-height:1.4;margin:0;min-width:0;color:#173c51}
.properties.material-picking .material-pick-target button{flex:none;font-size:11px;padding:6px 8px}
.properties.material-picking #material-insert-settings,.properties.material-picking .personal-material-upload{display:none!important}

/* Comparison numbers behave as direct text, without numeric steppers. */
#comparison-direct-editor{border:0;border-radius:0;box-shadow:none;outline:none;background:transparent;padding:0;margin:0;cursor:text;caret-color:currentColor}
#comparison-direct-editor[aria-invalid=true]{text-decoration:underline wavy #a32e3c!important}

/* Four standard swatch rows; custom colors remain available through +. */
.color-palette .color-more{display:none!important}

.toolbar #save{display:inline-flex;align-items:center;justify-content:center;width:34px;min-width:34px;padding:5px;border-radius:5px}.toolbar #save svg{display:block;width:19px;height:19px;pointer-events:none}

.text-frame-corners{display:flex;gap:5px}.text-frame-corners button{flex:1;min-width:0;padding:2px;border:1px solid transparent;background:transparent;border-radius:5px;color:#173c51}.text-frame-corners svg{display:block;width:100%;height:30px}.text-frame-corners button:hover,.text-frame-corners button[aria-pressed=true]{background:#eaf3f7;border-color:#a9ced9}.text-frame-corners button:focus-visible{outline:2px solid #087f95;outline-offset:1px}

.bullet-shapes{display:flex;align-items:center;gap:4px}.bullet-shapes button{padding:5px!important;width:31px;height:30px;border:0;background:transparent;border-radius:5px}.bullet-shapes svg{width:17px;height:17px;display:block}.bullet-shapes button[aria-pressed=true],.bullet-shapes button:hover{background:#eaf3f7;color:#087f95}
#text-list-tools{display:inline-flex;align-items:center}#text-list-tools[hidden]{display:none!important}#text-list-toggle{display:flex;align-items:center;gap:3px;height:30px;padding:4px 5px;border:0;background:transparent;border-radius:5px;color:#173c51}#text-list-toggle svg{width:23px;height:23px}#text-list-toggle:hover,#text-list-toggle[aria-pressed=true]{background:#eaf3f7;color:#087f95}#text-list-menu{position:fixed;inset:auto;margin:0;padding:7px;max-width:calc(100vw - 16px);background:white;border:1px solid #ccdae3;border-radius:8px;box-shadow:0 6px 24px #173c5124}#text-list-menu:not(:popover-open){display:none}#text-list-menu:popover-open{display:flex;gap:4px}#text-list-menu button{display:grid;place-items:center;width:35px;height:36px;padding:5px;border:0;background:transparent;border-radius:5px;color:#173c51}#text-list-menu svg{width:25px;height:25px}#text-list-menu button:hover,#text-list-menu button[aria-checked=true]{background:#eaf3f7;color:#087f95}#text-list-menu button:focus-visible{outline:2px solid #087f95;outline-offset:1px}

#syllable-search-panel{padding:12px;border:1px solid #d7e4ec;border-radius:9px;background:#f8fbff;margin-bottom:12px;flex:none}#syllable-search-panel[hidden]{display:none}#syllable-search-panel h2{font-size:12px;margin:0}#syllable-search-panel label{display:block;font-size:11px;margin:9px 0}#syllable-search-panel input,#syllable-search-panel textarea{width:100%;min-width:0;font-size:12px}#syllable-search-panel>button{font-size:11px;margin:5px 0;padding:7px}#syllable-search-panel details{font-size:11px;margin-top:10px}#syllable-search-error{font-size:11px;color:#a32e3c}#syllable-search-input{position:absolute;z-index:9;box-sizing:border-box;resize:none;overflow:hidden;border:0;outline:0;padding:0;margin:0;text-align:center;line-height:1.35;border-radius:0}#syllable-search-input[hidden]{display:none}#paper [data-syllable-search-field]{cursor:text}

.syllable-search-tools{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:10px 0 5px;font-size:11px}.syllable-search-tools>div{display:flex;gap:4px}.syllable-search-tools button{display:grid;place-items:center;width:29px;height:29px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#173c51}.syllable-search-tools button:hover{background:#eaf3f7;border-color:#c5dce6}.syllable-search-tools svg{width:17px;height:17px}

.search-marker-label{font-size:11px;margin:12px 0 5px}.search-marker-options{display:flex;gap:5px}.search-marker-options button{flex:1;padding:4px;border:1px solid transparent;border-radius:5px;background:transparent;color:#173c51}.search-marker-options svg{display:block;width:100%;height:25px}.search-marker-options button:hover,.search-marker-options button[aria-pressed=true]{background:#eaf3f7;border-color:#a9ced9}.search-marker-options button:focus-visible{outline:2px solid #087f95;outline-offset:1px}

#website-home{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:38px;padding:3px;border-radius:7px;transition:background .15s}#website-home:hover{background:#e8f5f6}#website-home:focus-visible{outline:2px solid #087f99;outline-offset:2px}#website-home img{width:32px;height:30px;object-fit:contain}

#arithmetic-divisor-label,#written-operand-digits-label{grid-column:1/-1}

/* Compact image tools with shared history and painting. */
.image-history-tools{display:flex;gap:3px;margin:2px 0 7px}.image-history-tools button{border:0;background:transparent;font-size:23px;padding:3px 10px;border-radius:6px;color:#173c51}.image-history-tools button:hover{background:#e8f4f7}.image-history-tools button:disabled{opacity:.3}.image-editor-tools{margin:4px 0 10px}.image-editor-layout{grid-template-columns:minmax(250px,1fr) 215px;gap:14px}.image-adjust{max-height:none;overflow:visible;padding:0 3px}.image-adjust label{margin:6px 0;font-size:11px}.image-adjust input[type=range]{margin:3px 0;height:16px}.image-adjust output{font-variant-numeric:tabular-nums}.image-adjust .wide{padding:7px;margin:4px 0}#image-region-settings{margin-top:8px;padding-top:7px}#image-region-settings[open] summary{margin-bottom:6px}#image-region-select[aria-pressed=true]{background:#dff1f6;border-color:#77b9c8}.image-zoom-tools{margin-right:229px}.image-paint-tools,.image-brush-styles{display:flex;gap:5px;margin:5px 0 10px}.image-paint-tools button,.image-brush-styles button{flex:1;border:1px solid transparent;background:transparent;border-radius:6px;padding:7px;font-size:11px;color:#173c51}.image-paint-tools [aria-pressed=true],.image-brush-styles [aria-pressed=true]{background:#e1f3f7;border-color:#77b9c8}.image-paint-tools button:hover,.image-brush-styles button:hover{background:#edf6f8}.image-brush-styles span{display:block;width:17px;height:17px;margin:auto;background:currentColor}.brush-round{border-radius:50%}.image-brush-styles .brush-soft{border-radius:50%;background:radial-gradient(circle,currentColor 15%,transparent 73%)}#image-brush-settings input[type=color]{width:30px;height:27px}@media(max-width:650px){.image-editor-layout{grid-template-columns:minmax(0,1fr) 175px;gap:8px}.image-zoom-tools{margin-right:183px}.image-editor-tools button{padding:6px}.image-history-tools{margin-bottom:3px}}

/* Visual insertion presets, matching the studio's quiet blue selection state. */
#material-insert-dialog .material-insert-modes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:14px 0 18px;flex:none}
#material-insert-dialog .material-insert-mode{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px 8px;border:1px solid transparent;border-radius:9px;background:#f3f7fa;color:#173c51;font:inherit;cursor:pointer;min-width:0}
#material-insert-dialog .material-insert-mode:hover{background:#eaf3f8}
#material-insert-dialog .material-insert-mode[aria-checked=true]{background:#e1f0fa;border-color:#8cc3df;box-shadow:inset 0 0 0 1px #8cc3df}
#material-insert-dialog .material-insert-mode:focus-visible{outline:2px solid #087fa9;outline-offset:2px}
.material-mode-title{font-size:12px;font-weight:600;min-height:36px;display:flex;align-items:center;justify-content:center;text-align:center}
.material-mode-example{height:108px;display:flex;align-items:center;justify-content:center;width:100%}.material-mode-example svg{height:100%;max-width:100%;width:auto}
#image-editor .image-editor-tools{display:flex;gap:2px;align-items:center;background:#f1f5f8;border-radius:9px;padding:4px;margin:5px 0 10px}
#image-editor .image-editor-tools button{border:0;background:transparent;box-shadow:none;border-radius:6px;padding:8px 9px;color:#25465b;font:500 11px/1.25 system-ui,sans-serif;min-height:32px}
#image-editor .image-editor-tools button:hover{background:#e4edf3}
#image-editor .image-editor-tools button[aria-pressed=true]{background:#d9edf9;color:#087398}
#image-editor .image-editor-tools [data-mode=outline]{margin-right:auto}
#image-format [data-image-tool]{display:grid;place-items:center;border:0;background:transparent;padding:6px;border-radius:6px;width:34px;height:34px}
#image-format [data-image-tool]:hover{background:#e1f0fa}#image-format [data-image-tool] svg{width:22px;height:22px}
#image-outline-settings .outline-output{display:flex;gap:3px;background:#f1f5f8;padding:3px;border-radius:7px;margin:10px 0}
#image-outline-settings .outline-output button{flex:1;border:0;background:transparent;border-radius:5px;padding:8px 4px;font-size:11px;color:#173c51}
#image-outline-settings .outline-output button.is-selected{background:#d9edf9;color:#087398}
#image-outline-settings input[type=color]{width:30px;height:27px}.image-outline-note{font-size:11px;color:#71818c;line-height:1.4;margin:8px 0}
@media(max-width:650px){#material-insert-dialog .material-insert-modes{gap:4px}.material-mode-title{font-size:10px;min-height:42px}.material-mode-example{height:80px}#material-insert-dialog .material-insert-mode{padding:8px 3px}#image-editor .image-editor-tools button{padding:7px}}

#image-editor #image-error{display:block;flex:none;height:28px;min-height:28px;box-sizing:border-box;margin:6px 0;padding:5px 8px;overflow:auto;line-height:18px;font-size:11px;border-radius:5px}#image-editor #image-stage{height:46vh}#image-tone-settings{border-top:1px solid #dae6ec;margin-top:8px;padding-top:7px}#image-tone-settings summary{font-size:11px;cursor:pointer}#image-tone-settings[open] summary{margin-bottom:6px}#image-tone-select[aria-pressed=true]{background:#dff1f6;border-color:#77b9c8}#image-tone-settings input[type=color]{width:30px;height:27px}
#image-editor{height:min(820px,calc(100dvh - 28px));max-height:none;padding:20px;overflow:hidden}#image-editor[open]{display:flex;flex-direction:column}#image-editor .dialog-heading{flex:none;margin:0 0 5px}#image-editor .dialog-heading h2{margin:3px 0 0;font-size:18px}#image-editor .image-history-tools,#image-editor .image-editor-tools,#image-editor .image-zoom-tools,#image-editor .dialog-actions{flex:none}#image-editor .image-editor-layout{flex:1;min-height:0;align-items:stretch}#image-editor #image-stage{height:100%;max-height:none;min-height:0}#image-editor .image-adjust{min-height:0;overflow:auto}#image-editor .dialog-actions{margin-top:0}

#inspector .image-edit-trigger{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #cbdde8;border-radius:6px;background:#f3f8fb;color:#173c51;font:inherit;font-size:11px}#inspector .image-edit-trigger:hover{background:#e1f0fa}#inspector .image-edit-trigger svg{width:19px;height:19px}.search-marker-size output{float:right;font-variant-numeric:tabular-nums}.search-marker-size input[type=range]{width:100%;padding:0}#search-cell-controls{border-top:1px solid #dae6ec;margin-top:12px;padding-top:8px}#search-cell-controls h3{font-size:12px}#search-cell-controls .pair{display:flex;gap:5px}#search-cell-controls button{font:inherit;font-size:11px;padding:6px}#search-cell-controls textarea{width:100%;resize:vertical}#syllable-search-panel input[type=range]{accent-color:#087fa9}

#clock-panel{padding:12px;border:1px solid #d7e4ec;border-radius:9px;background:#f8fbff;margin-bottom:12px;flex:none}#clock-panel[hidden]{display:none}#clock-panel h2{font-size:12px;margin:0}#clock-panel label{display:flex;flex-direction:column;gap:5px;font-size:11px;margin:9px 0}#clock-panel select,#clock-panel input[type=number]{width:100%;min-width:0;font:inherit;font-size:12px}#clock-panel .clock-check,#clock-panel .generator-heading label{flex-direction:row;align-items:center;gap:6px}#clock-panel .clock-check input,#clock-panel .generator-heading input,#point-zero-label input{width:auto}#clock-panel details{font-size:11px;margin-top:10px}#point-field-panel #point-zero-label{display:flex;align-items:center;gap:6px;font-size:11px;margin:8px 0}#point-field-panel #point-zero-label[hidden]{display:none}

.clock-hand-options{display:flex;align-items:center;justify-content:space-between;margin:9px 0;font-size:11px}.clock-hand-options button{width:40px;height:34px;padding:3px}.clock-hand-options button[aria-pressed=true]{background:#dceff9;color:#087f95}