@import './backgrounds2.css';
@import url('./activity-center.css');
@import url('./flashcards.css');
@import url('./workmode3.css');
@import url('./resources3.css');
@import url('./music3.css');
@import url('./video3.css');
/* Classroom workspace: full canvas, quiet chrome, readable projecting widgets. */
body:has(.b-shell){background:#e8f0f4}.topbar{height:60px;padding:0 25px}.brand{font-size:25px}.brand .mark{width:29px;height:29px;font-size:20px}.brand small{display:none}.nav{gap:29px}.nav button{font-size:14px}.b-shell{--b-blue:#245acb;--b-ink:#21344e;--b-line:#d5dfeb;color:var(--b-ink);display:flex;flex-direction:column;min-height:calc(100dvh - 60px)}.b-topline{height:50px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #dbe4ee;gap:15px}.b-screen-name{display:flex;align-items:center;gap:10px;min-width:0}.b-screen-name input{font-size:14px;font-weight:650;padding:4px 0;max-width:200px;width:200px;border:0;background:transparent}.b-screen-name #b-save-status{font-size:12px;color:#687992}.b-blue-dot{width:7px;height:7px;border-radius:50%;background:#4c74c0;flex:none}.b-top-actions{display:flex;gap:7px}.b-shell button,.b-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:14px;line-height:1.2;min-height:34px;font-weight:550;padding:9px 12px;border-color:#d6e1ec;color:#31445c;background:white}.b-shell button:hover:not(:disabled),.b-dialog button:hover:not(:disabled){background:#eaf1fb}.b-shell .b-primary,.b-dialog .b-primary{color:#fff;background:#255bcc;border-color:#255bcc}.b-shell .b-primary:hover:not(:disabled),.b-dialog .b-primary:hover:not(:disabled){background:#1948ad}.b-shell .b-icon,.b-dialog .b-icon{padding:6px;width:32px;min-height:32px;border:0;background:transparent;flex:none}.b-shell .b-subtle{border:0;background:transparent}.b-stage{height:calc(100dvh - 190px);min-height:540px;position:relative;background-size:cover;background-position:center;flex:1;isolation:isolate;overflow:hidden}.b-board-content{position:absolute;inset:0}.bg-ocean{background:radial-gradient(ellipse at 8% 94%,#84c4b8 0,transparent 58%),radial-gradient(ellipse at 87% 6%,#c4daee 0,transparent 55%),linear-gradient(115deg,#99c2d9,#7da7c5)}.bg-night{background:radial-gradient(ellipse at 80% 0,#364f7a,transparent 70%),linear-gradient(120deg,#141f37,#253650)}.bg-sky{background:linear-gradient(130deg,#bbddf4,#e8f4fb 60%,#a6ceee)}.bg-leaf{background:radial-gradient(ellipse at 0 0,#b7d9a7,transparent 75%),linear-gradient(130deg,#3f7867,#94b793)}.bg-chalk{background:radial-gradient(ellipse at 65% 0,#32585a,transparent 70%),linear-gradient(130deg,#233f42,#29494a)}.bg-sunrise{background:linear-gradient(120deg,#edd3a5,#e1afa7 45%,#adabcc)}.bg-lilac{background:radial-gradient(ellipse at 0 0,#ded8fb,transparent 60%),linear-gradient(140deg,#aaafd8,#d1b4cc)}.bg-sand{background:linear-gradient(130deg,#ddcdb1,#f2e8d5 50%,#c5c5b0)}.bg-dots{background-color:#f0f3f7;background-image:radial-gradient(#a9b9cb 1px,transparent 1px);background-size:22px 22px}.bg-paper{background-color:#f5f9fd;background-image:linear-gradient(#c5d7e9 1px,transparent 1px),linear-gradient(90deg,#c5d7e9 1px,transparent 1px);background-size:26px 26px}.bg-white{background:#f6f8fb}.bg-deep{background:radial-gradient(ellipse at 80% 70%,#416ec5,transparent 65%),linear-gradient(120deg,#153176,#244f9b)}.b-widget{position:absolute;background:#ffffffed;border:1px solid #ffffff99;border-radius:17px;box-shadow:0 7px 24px #233f5513;display:flex;flex-direction:column;overflow:hidden;container-type:inline-size;transition:box-shadow .16s}.b-widget.selected{box-shadow:0 0 0 2px #2c62cf88,0 8px 25px #233f5518}.b-widget.b-dragging{box-shadow:0 14px 30px #233f5536;z-index:100!important;user-select:none}.b-widget-head{display:flex;align-items:center;justify-content:space-between;min-height:39px;padding:5px 10px 0 13px;gap:2px;flex:none}.b-shell .b-move{padding:5px 0;justify-content:flex-start;cursor:grab;border:0;background:transparent;font-size:12px;font-weight:650;letter-spacing:.15px;color:#5b6d83;min-width:0;flex:1;touch-action:none;min-height:30px;gap:7px}.b-move span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.b-widget-tools{display:flex;opacity:0;transition:opacity .16s}.b-widget:hover .b-widget-tools,.b-widget:focus-within .b-widget-tools{opacity:1}.b-widget .b-widget-tools button{width:25px;min-height:25px;padding:4px;color:#64758b}.b-widget-tools svg{width:15px;height:15px}.b-widget-body{padding:10px 20px 18px;flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.b-shell .b-resize{position:absolute;bottom:0;right:0;width:24px;min-height:24px;padding:2px;border:0;border-radius:0;background:transparent;cursor:nwse-resize;color:#8494a8;opacity:0;touch-action:none}.b-widget:hover .b-resize,.b-widget:focus-within .b-resize{opacity:1}.color-light{background:#fffffff2}.color-blue{background:#eaf2fff2}.color-green{background:#e8f4ecf5}.color-yellow{background:#fff6d9f5}.color-pink{background:#ffedf1f5}.color-dark{background:#253953f7;color:#f2f6ff}.color-dark .b-move,.color-dark .b-clock-date,.color-dark .b-note-text,.color-dark .b-timer-status{color:#d2dced}.color-dark .b-widget-tools button{color:#d4dff0}.b-clock-digits{text-align:center;font-size:clamp(42px,22cqi,106px);font-weight:550;letter-spacing:-.055em;line-height:1.12;font-variant-numeric:tabular-nums}.b-clock-date{text-align:center;font-size:clamp(14px,4.1cqi,20px);line-height:1.5;margin:10px 0 0;color:#546982}.b-date-number{text-align:center;font-size:clamp(45px,29cqi,110px);font-weight:600;line-height:1.1}.b-note-title{font-size:clamp(24px,7cqi,45px);line-height:1.2;letter-spacing:-.9px;margin:0 0 15px;font-weight:650;overflow-wrap:anywhere}.b-note-text{font-size:clamp(16px,4.3cqi,24px);line-height:1.55;margin:0;white-space:pre-wrap;color:#48617b;overflow-wrap:anywhere}.type-note .b-widget-body{padding:15px 26px 25px;justify-content:center}.b-agenda{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:13px}.type-agenda .b-widget-body{justify-content:flex-start;padding-top:18px}.b-shell .b-agenda button{border:0;background:transparent;display:flex;justify-content:flex-start;text-align:left;align-items:flex-start;padding:8px 0;font-size:clamp(16px,5.1cqi,24px);line-height:1.45;font-weight:500;width:100%;gap:12px}.b-agenda .b-check{border:1.5px solid #bccbd9;width:23px;height:23px;border-radius:7px;margin-top:3px;display:flex;align-items:center;justify-content:center;flex:none}.b-agenda .checked button{color:#7c8d9f;text-decoration:line-through}.b-agenda .checked .b-check{background:#e5f1e9;color:#347958;border-color:#a9cdbb}.b-time-ring{width:min(86%,230px);aspect-ratio:1;margin:0 auto 13px;border:7px solid #e3eaf6;border-top-color:#487adc;border-right-color:#487adc;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;flex:none}.b-big-time{font-size:clamp(38px,18cqi,87px);font-weight:550;letter-spacing:-.055em;text-align:center;font-variant-numeric:tabular-nums;line-height:1.2}.b-timer-status{font-size:13px;color:#6b7d95;min-height:20px;margin-top:5px}.b-centered-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:10px}.b-wheel-wrap{width:min(65%,230px);aspect-ratio:1;margin:3px auto 0;position:relative;flex:none}.b-wheel{width:100%;height:100%;border-radius:50%;box-shadow:0 0 0 5px #fff,0 0 0 6px #ccd5e4;transition:transform 2.8s cubic-bezier(.16,.7,.1,1);will-change:transform}.b-wheel svg{width:100%;height:100%}.b-wheel-pointer{position:absolute;top:-12px;left:calc(50% - 10px);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:22px solid #27364c;z-index:2;filter:drop-shadow(0 2px 1px #fff9)}.b-wheel-hub{position:absolute;left:42%;top:42%;width:16%;height:16%;border-radius:50%;background:white;box-shadow:0 2px 4px #17274e44;display:grid;place-items:center;font-weight:750;font-size:18px;color:#345480}.b-wheel-result{font-size:clamp(18px,7cqi,30px);font-weight:650;text-align:center;margin:10px 0 0;min-height:30px;overflow-wrap:anywhere}.b-wheel-status{text-align:center;font-size:12px;color:#697e98;margin-top:8px}.b-group-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;overflow:auto}.b-group-grid>div{border:1px solid #d9e3ef;border-radius:10px;padding:11px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.b-group-grid p{margin:6px 0 0;color:#62768f}.b-group-grid .b-groups-empty{grid-column:1/-1;text-align:center;border:0;display:flex;flex-direction:column;align-items:center;gap:12px;color:#677f9c;font-size:17px}.b-die{width:min(47%,150px);aspect-ratio:1;margin:10px auto;display:grid;grid-template-columns:repeat(3,1fr);gap:14%;padding:18%;padding:9%;border-radius:21%;border:2px solid #cad8e9;box-shadow:0 5px 0 #d7e1ee;background:white;box-sizing:content-box}.b-die i{aspect-ratio:1;border-radius:50%;background:transparent}.b-die i.dot{background:#355dab}.b-traffic-lights{display:flex;gap:16px;justify-content:center;padding:8px 0}.b-shell .b-light{width:clamp(37px,14cqi,70px);aspect-ratio:1;border-radius:50%;border:4px solid #ffffffcc;padding:0;background:#e1e6eb;box-shadow:0 0 0 1px #ccd7e0}.b-shell .b-light.on.light-0{background:#d04c4b;box-shadow:0 0 0 3px #f4cbc8}.b-shell .b-light.on.light-1{background:#e6a936;box-shadow:0 0 0 3px #f8e2b9}.b-shell .b-light.on.light-2{background:#30947a;box-shadow:0 0 0 3px #bdded1}.b-traffic-label{text-align:center;margin:12px 0 0;font-size:clamp(18px,6cqi,30px);font-weight:600}.b-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.b-score-grid>div{text-align:center}.b-score-grid span{display:block;font-size:16px}.b-score-grid b{display:block;font-size:clamp(38px,20cqi,85px);font-weight:600;margin:8px 0;color:#255bca}.b-score-grid button{padding:5px 12px;margin:0 3px;font-size:20px}.b-image{object-fit:contain;width:100%;height:100%;min-height:0;border-radius:5px}.b-image-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:#7790ab}.b-image-empty p{font-size:16px;line-height:1.5}.b-dock{min-height:80px;padding:8px 19px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff;border-top:1px solid #d3dfea;flex:none;z-index:30}.b-dock>div{display:flex;align-items:center;gap:4px}.b-dock .b-dock-widgets{border-left:1px solid #e0e6ee;border-right:1px solid #e0e6ee;padding:0 15px;gap:5px}.b-dock button{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;min-width:57px;padding:7px 9px;color:#5d718c}.b-dock button span{font-size:12px;white-space:nowrap}.b-dock svg{width:22px;height:22px}.b-dock .b-assistant{color:#4f58b0;background:#f1f0fc;border:1px solid #e2e2f6;padding:9px 14px}.b-dock .b-more{color:#255bca;background:#edf3ff}.b-dock .b-icon{min-width:30px}.b-dialog{width:min(470px,calc(100vw - 30px));max-width:470px;max-height:88dvh;padding:0;border:1px solid #d4e0ef;border-radius:17px;box-shadow:0 22px 70px #122b4540;color:#21344e;overflow:auto}.b-dialog.b-dialog-wide{width:min(700px,calc(100vw - 30px));max-width:700px}.b-dialog::backdrop{background:#18334d66;backdrop-filter:blur(3px)}.b-dialog>header{position:sticky;top:0;background:white;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid #e2e8ef}.b-dialog h2{font-size:20px;letter-spacing:-.5px;margin:0}.b-dialog h3{font-size:16px;margin:22px 0 13px}.b-dialog-body{padding:20px 23px 23px}.b-dialog .b-muted{font-size:14px;color:#687b92;line-height:1.6;margin:0 0 15px}.b-tool-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.b-tool-gallery button{padding:17px 9px;display:flex;flex-direction:column;gap:14px;min-height:100px;font-size:14px}.b-tool-gallery span{color:#4a70b4}.b-tool-gallery b{font-weight:500}.b-background-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.b-background-gallery button{padding:5px;display:flex;flex-direction:column;gap:8px;border:1px solid transparent;border-radius:10px}.b-background-gallery button.active{border-color:#3564ca;background:#edf2ff}.b-background-gallery button>span{width:100%;aspect-ratio:1.5;border-radius:7px;border:1px solid #bacadc66}.b-background-gallery b{font-size:12px;font-weight:500;padding:2px 0 5px}.b-upload{position:relative;display:inline-flex;align-items:center;justify-content:center;border:1px dashed #b8c9df;border-radius:9px;padding:12px 16px;margin:12px 0;font-size:14px;gap:9px;cursor:pointer;overflow:hidden}.b-upload input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.b-upload:focus-within{outline:3px solid #efad25;outline-offset:3px}.b-field{display:flex;flex-direction:column;font-size:14px;font-weight:600;gap:8px;margin:0 0 17px}.b-field input,.b-field textarea{font-weight:400;border-color:#c9d7e6;font-size:16px;padding:10px 12px}.b-dialog footer{display:flex;justify-content:flex-end;gap:9px;margin-top:22px}.b-checkbox{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.5;margin:12px 0}.b-checkbox input{width:17px;height:17px;accent-color:#255bca;margin:0}.b-colors{margin:20px 0;display:flex;gap:8px;flex-wrap:wrap}.b-colors legend{font-size:14px;font-weight:600;margin-bottom:10px}.b-colors label{position:relative;padding:10px 9px;font-size:12px;border:1px solid #c5d2e2;border-radius:7px;cursor:pointer;display:flex;gap:5px;align-items:center}.b-colors input{width:13px;height:13px;margin:0;accent-color:#255bca}.b-colors label:has(input:checked){outline:2px solid #255bca;outline-offset:2px}.b-layout summary{font-size:14px;color:#63768e;cursor:pointer}.b-fields-two{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.b-helper-label{display:flex;gap:8px;align-items:flex-start;line-height:1.5;font-size:14px;color:#62668b;background:#f0f0fb;padding:12px;border-radius:8px;margin-top:0}.b-helper-label svg{flex:none;margin-top:2px}.b-helper-presets{display:flex;flex-direction:column;gap:8px}.b-helper-presets button{text-align:left;justify-content:flex-start;font-size:13px;line-height:1.5}.b-proposal-items{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.b-proposal-items span{display:flex;align-items:center;gap:7px;background:#edf3fc;border-radius:7px;padding:9px 11px;font-size:14px}.b-screen-actions{display:flex;gap:8px;flex-wrap:wrap}.b-screen-actions .b-upload{margin:0}.b-templates{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.b-templates button{flex-direction:column;padding:8px;font-size:12px}.b-template-art{display:grid;width:100%;height:64px;background:#b4ced6;border-radius:6px;padding:7px;gap:5px;grid-template-columns:1fr 1fr}.b-template-art i{background:#ffffffde;border-radius:3px}.b-template-art i:last-child{grid-column:1/-1}.template-1{background:#9bbae1}.template-2{background:#2f4f50}.template-3 i{display:none}.b-templates b{font-size:12px;font-weight:500}.b-saved-screens{margin-top:22px;display:flex;flex-direction:column;gap:10px}.b-saved-screens>div{display:flex;align-items:center;gap:8px;border:1px solid #dce5f0;border-radius:9px;padding:12px}.b-saved-screens span{flex:1;min-width:0}.b-saved-screens b{display:block;font-size:15px;overflow-wrap:anywhere}.b-saved-screens small{font-size:12px;color:#71859d;display:block;margin-top:5px}.b-present-exit{display:none}.b-presenting{position:fixed;inset:0;z-index:60;min-height:100dvh}.b-presenting .b-topline,.b-presenting .b-dock,.b-presenting .b-widget-tools,.b-presenting .b-resize{display:none!important}.b-presenting .b-widget-head .b-move{pointer-events:auto}.b-presenting .b-stage{height:100dvh}.b-presenting .b-present-exit{display:block;position:absolute;right:16px;bottom:12px;z-index:100}.b-presenting .b-present-exit button{opacity:.3}.b-presenting .b-present-exit button:hover,.b-presenting .b-present-exit button:focus-visible{opacity:1}.b-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#213954}.b-empty h1{font-size:36px;letter-spacing:-1px}.b-empty p{font-size:18px;line-height:1.5}.b-empty button{margin-top:15px}.activity-mode{display:flex;gap:8px;margin-bottom:23px}.activity-mode button.active{color:white;background:#163be0;border-color:#163be0}.custom-note{font-size:14px;color:#637591;line-height:1.6;margin-top:0}.b-shell :focus-visible,.b-dialog :focus-visible{outline:3px solid #f4b647;outline-offset:3px}#app:fullscreen{background:#f4f6fa;overflow:auto}
/* A single logical canvas: screen size changes scale, never widget layout. */
body:has(.b-shell){margin:0;overflow:hidden;background:#263541}
body:has(.b-shell) .topbar{display:none}
body.b-navigation-open:has(.b-shell) .topbar{display:flex;position:fixed;top:58px;left:12px;width:min(360px,calc(100vw - 24px));height:auto;padding:18px;flex-wrap:wrap;gap:18px;z-index:150;border:1px solid #d5dfeb;border-radius:14px;box-shadow:0 12px 40px #13263a44}
body.b-navigation-open .topbar .nav{width:100%;gap:14px;flex-wrap:wrap;height:auto}
.b-shell{height:100dvh;min-height:0;overflow:hidden}
.b-topline{height:54px;min-height:54px;padding:0 15px;gap:10px;flex:none;z-index:35}
.b-wordmark{font-size:23px;font-weight:750;letter-spacing:-1px;color:#245acb;margin-right:10px}
.b-screen-name input{width:180px;max-width:18vw}.b-format{display:flex;align-items:center;gap:8px;font-size:12px;color:#63778e}.b-format select{padding:7px 8px;width:72px;border:1px solid #d5dfeb;border-radius:8px;background:white;font-size:14px}.b-top-actions{align-items:center}
.b-stage{height:auto;min-height:0;flex:1;position:relative;overflow:hidden;background:#263541;padding:0}
.b-scrollport{position:absolute;inset:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none}
.b-scrollport::-webkit-scrollbar{display:none}
#b-sizer{position:relative;overflow:hidden;min-width:100%;min-height:100%}
.b-board-content{position:absolute;inset:auto;display:block;transform-origin:top left;overflow:hidden;box-shadow:0 10px 40px #0a182944;background-position:center}
.b-board-content[style*="background-image"]{background-size:cover}
.b-widget{position:absolute;min-height:0;max-height:none}.b-widget.selected .b-widget-tools{opacity:1}
.b-shell .b-move{font-size:14px;min-height:35px}.b-widget-head{min-height:44px}
.b-shell{--b-selection-line:#6e8fc1;--b-selection-node:#5879aa}
.b-shell .b-resize{inset:auto;width:clamp(20px,20cqw,28px);height:clamp(20px,20cqw,28px);min-height:clamp(20px,20cqw,28px);padding:0;z-index:10;border:0;border-radius:50%;opacity:0;background:transparent;display:grid;place-items:center;touch-action:none;pointer-events:none;--handle-base-x:-50%;--handle-base-y:-50%;--handle-shift-x:0px;--handle-shift-y:0px;--node-shift-x:0px;--node-shift-y:0px;transform:translate(calc(var(--handle-base-x) + var(--handle-shift-x)),calc(var(--handle-base-y) + var(--handle-shift-y)))}
.b-shell .b-resize:hover:not(:disabled),.b-shell .b-resize:active{background:transparent}
.b-resize::after{content:'';display:block;width:10px;height:10px;box-sizing:border-box;border:1.5px solid var(--b-selection-node);background:#fff;border-radius:50%;box-shadow:0 0 0 1px #ffffffb8,0 1px 5px #12243c55;transform:translate(var(--node-shift-x),var(--node-shift-y));transition:transform .15s ease,background .15s ease,border-color .15s ease}
.b-resize:hover::after,.b-resize:focus-visible::after{transform:translate(var(--node-shift-x),var(--node-shift-y)) scale(1.2);background:#eff5ff;border-color:#345f9c}
.b-widget.selected .b-resize{opacity:1;pointer-events:auto}
.b-shell .b-handle-nw{top:calc(0px - var(--widget-border-top));left:calc(0px - var(--widget-border-left));cursor:nwse-resize}.b-shell .b-handle-ne{top:calc(0px - var(--widget-border-top));right:calc(0px - var(--widget-border-right));cursor:nesw-resize}.b-shell .b-handle-sw{bottom:calc(0px - var(--widget-border-bottom));left:calc(0px - var(--widget-border-left));cursor:nesw-resize}.b-shell .b-handle-se{bottom:calc(0px - var(--widget-border-bottom));right:calc(0px - var(--widget-border-right));cursor:nwse-resize}
.b-shell .b-handle-n{top:calc(0px - var(--widget-border-top));left:50%;cursor:ns-resize}.b-shell .b-handle-s{bottom:calc(0px - var(--widget-border-bottom));left:50%;cursor:ns-resize}.b-shell .b-handle-e{right:calc(0px - var(--widget-border-right));top:50%;cursor:ew-resize}.b-shell .b-handle-w{left:calc(0px - var(--widget-border-left));top:50%;cursor:ew-resize}
/* A right/bottom anchor needs the opposite half-target translation. */
.b-shell .b-handle-ne,.b-shell .b-handle-se,.b-shell .b-handle-e{--handle-base-x:50%}
.b-shell .b-handle-sw,.b-shell .b-handle-se,.b-shell .b-handle-s{--handle-base-y:50%}
/* The dot stays on the box edge. Only the transparent hit target is clamped. */
.b-shell .b-handle-nw,.b-shell .b-handle-sw,.b-shell .b-handle-w{--handle-shift-x:var(--left-hit-shift);--node-shift-x:var(--left-node-shift)}
.b-shell .b-handle-ne,.b-shell .b-handle-se,.b-shell .b-handle-e{--handle-shift-x:var(--right-hit-shift);--node-shift-x:var(--right-node-shift)}
.b-shell .b-handle-nw,.b-shell .b-handle-ne,.b-shell .b-handle-n{--handle-shift-y:var(--top-hit-shift);--node-shift-y:var(--top-node-shift)}
.b-shell .b-handle-sw,.b-shell .b-handle-se,.b-shell .b-handle-s{--handle-shift-y:var(--bottom-hit-shift);--node-shift-y:var(--bottom-node-shift)}
@container (max-width:120px){.b-widget.resize-free>.b-handle-n,.b-widget.resize-free>.b-handle-e,.b-widget.resize-free>.b-handle-s,.b-widget.resize-free>.b-handle-w{display:none}}
.b-selection-bar,.b-view-controls{position:absolute;bottom:12px;z-index:25;display:flex;align-items:center;gap:3px;background:#fffffff5;padding:5px;border:1px solid #d5dfeb;border-radius:12px;box-shadow:0 4px 18px #142b4433}
.b-selection-bar{left:12px}.b-selection-bar[hidden]{display:none}.b-selection-bar>span{font-size:13px;font-weight:650;padding:0 8px}.b-selection-bar button,.b-view-controls button{border:0;background:transparent;min-width:34px;padding:7px}.b-view-controls{right:12px}.b-canvas-hint{display:none}
.b-dock{min-height:76px;padding:7px 16px;gap:9px}.b-dock button span{font-size:13px}.b-dock .b-dock-widgets{padding:0 10px;gap:3px}
.type-wheel .b-widget-body,.type-timer .b-widget-body{container-type:size}.b-wheel-wrap{width:min(65%,50cqh);max-width:230px}.b-time-ring{width:min(77%,64cqh);max-width:205px;min-width:70px;margin-bottom:4px}.b-time-ring .b-big-time{font-size:clamp(30px,17cqi,76px)}.type-wheel .b-widget-body{padding-top:4px;padding-bottom:12px}.b-wheel-result{margin-top:6px;min-height:27px}.type-wheel .b-centered-actions{margin-top:6px}
.b-presenting{height:100dvh;min-height:0}.b-presenting .b-stage{height:auto;min-height:0}.b-presenting .b-selection-bar,.b-presenting .b-view-controls,.b-presenting .b-canvas-hint{display:none}.b-presenting .b-widget.selected{box-shadow:0 7px 24px #233f5513}.b-presenting .b-present-exit button{opacity:.65}#app:fullscreen{overflow:hidden;background:#263541}
@media(max-width:1100px){.b-screen-name #b-save-status,.b-format>span{display:none}.b-dock .b-dock-widgets>button:nth-child(6),.b-dock .b-dock-widgets>button:nth-child(7){display:none}.b-dock button{min-width:45px;padding:7px}.b-dock button span{font-size:11px}}
@media(max-width:760px){.b-screen-name input,.b-blue-dot{display:none}.b-wordmark{font-size:21px;margin:0}.b-topline{padding:0 8px;gap:5px}.b-top-actions{gap:2px}.b-top-actions button{padding:8px;font-size:12px}.b-dock{padding:6px 10px;min-height:68px}.b-dock .b-dock-widgets>button{display:none}.b-dock .b-dock-widgets>button:last-child{display:flex}.b-dock .b-dock-widgets{border:0;padding:0}.b-dock-right{margin-left:auto}.b-dock .b-assistant{padding:8px 10px}.b-tool-gallery,.b-background-gallery{grid-template-columns:repeat(3,1fr)}.b-templates{grid-template-columns:1fr 1fr}.b-dialog-body{padding:17px}.b-selection-bar{bottom:60px;max-width:calc(100% - 24px)}.b-selection-bar>span{display:none}}
@media(max-width:430px){.b-wordmark{display:none}.b-top-actions .b-primary{font-size:12px}.b-top-actions{margin-left:auto}}
@media(orientation:portrait){.b-canvas-hint{display:block;position:absolute;top:16px;left:20px;right:20px;text-align:center;color:#dce8f3;font-size:13px;line-height:1.5;pointer-events:none}.b-presenting .b-canvas-hint{display:none}}
@media(max-height:500px) and (orientation:landscape){.b-topline{height:44px;min-height:44px}.b-dock{min-height:48px;padding:3px 10px}.b-dock button{padding:5px;min-height:35px}.b-dock button span{display:none}.b-dock .b-assistant{padding:6px 12px}.b-view-controls{bottom:5px}.b-selection-bar{bottom:5px}.b-widget-tools{opacity:1}}
@media(prefers-reduced-motion:reduce){.b-wheel{transition:none}}

/* Fullscreen editing keeps every control over the same 16:9 canvas. */
.b-edit-full{white-space:nowrap}
.b-editor-fullscreen{width:100vw;height:100dvh}
.b-dock-toggle{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:32;display:none}
.b-editor-fullscreen .b-dock-toggle{display:block}
.b-dock-toggle button{width:38px;height:28px;min-height:28px;padding:3px;border:0;border-radius:10px;background:#fffffff2;color:#526b86;box-shadow:0 3px 14px #16375233;font-size:22px;line-height:1}
.b-dock-toggle button:hover,.b-dock-toggle button:focus-visible{background:#fff;color:#255bca}
.b-topline-toggle{position:absolute;top:10px;left:50%;transform:translateX(-50%);z-index:32;display:none}
.b-editor-fullscreen .b-topline-toggle{display:block}
.b-topline-toggle button{width:38px;height:28px;min-height:28px;padding:3px;border:0;border-radius:10px;background:#fffffff2;color:#526b86;box-shadow:0 3px 14px #16375233;font-size:20px;line-height:1}
.b-topline-toggle button:hover,.b-topline-toggle button:focus-visible{background:#fff;color:#255bca}
.b-actions-toggle{position:absolute;top:10px;right:12px;z-index:32;display:none}
.b-editor-fullscreen .b-actions-toggle{display:block}
.b-actions-toggle button{width:38px;height:28px;min-height:28px;padding:3px;border:0;border-radius:10px;background:#fffffff2;color:#526b86;box-shadow:0 3px 14px #16375233;font-size:20px;line-height:1}
.b-actions-toggle button:hover,.b-actions-toggle button:focus-visible{background:#fff;color:#255bca}

/* Shared responsive contract for every widget. Content scales inside its box. */
.b-widget{container-type:size;min-width:0;min-height:0}
.b-widget-body{container-type:size;overflow:hidden;min-width:0;min-height:0;gap:clamp(4px,2cqh,14px);padding:clamp(5px,3cqw,20px);align-items:stretch}
.b-widget-body>*{max-width:100%;min-width:0;box-sizing:border-box}
.b-widget-body button{max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:clamp(4px,1.6cqw,10px) clamp(6px,2.2cqw,14px);font-size:clamp(11px,3.2cqw,18px)}
.b-widget-head{min-width:0}
.b-widget-tools{flex:0 0 auto;min-width:0}
.b-widget-tools button{flex:0 0 auto}
.b-clock-digits,.b-big-time,.b-date-number,.dice-number,.b-wheel-result,.b-traffic-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-clock-digits{font-size:clamp(24px,min(22cqw,20cqh),106px)}
.b-clock-date{font-size:clamp(10px,min(4.1cqw,5cqh),20px);margin-top:clamp(2px,1cqh,10px)}
.analog-clock{width:min(100%,70cqh,260px);height:auto;max-height:100%;aspect-ratio:1}
.b-time-ring{width:min(86%,58cqh,230px);max-width:100%;margin:0 auto clamp(2px,1cqh,13px);border-width:clamp(3px,1cqw,7px)}
.b-big-time{font-size:clamp(24px,min(18cqw,18cqh),87px)}
.b-timer-status{font-size:clamp(9px,2.5cqw,13px);min-height:0;margin-top:clamp(1px,1cqh,5px)}
.b-wheel-wrap{width:min(65%,52cqh,230px);height:auto;aspect-ratio:1;margin:0 auto;flex:0 1 auto}
.b-wheel-result{font-size:clamp(12px,min(7cqw,8cqh),30px);min-height:0;margin:clamp(2px,1cqh,10px) 0}
.b-wheel-status{font-size:clamp(8px,2.2cqw,12px);margin-top:clamp(2px,1cqh,8px)}
.b-die{width:min(47%,48cqh,150px);height:auto;aspect-ratio:1;margin:clamp(2px,2cqh,10px) auto;padding:9%;gap:12%;box-sizing:border-box}
.dice-number{font-size:clamp(30px,min(30cqw,30cqh),150px)}
.b-traffic-lights{max-width:100%;max-height:58cqh;gap:clamp(3px,min(3cqw,3cqh),16px);padding:clamp(4px,min(2cqw,2cqh),15px);border-radius:clamp(8px,min(4cqw,4cqh),24px)}
.b-shell .type-traffic .b-light,.b-dialog .type-traffic .b-light{width:clamp(18px,min(14cqw,16cqh),58px);height:auto;min-width:0;min-height:0;flex:0 1 auto;aspect-ratio:1;border-width:clamp(1px,1cqw,3px)}
.b-traffic-label{font-size:clamp(10px,min(6cqw,7cqh),30px);margin:clamp(2px,1cqh,12px) 0 0}
.b-group-grid,.b-agenda,.b-score-grid{max-width:100%;min-height:0;overflow:hidden}
.b-group-grid>div{padding:clamp(4px,2cqw,11px);font-size:clamp(10px,3cqw,14px)}
.b-agenda{gap:clamp(2px,1.5cqh,13px)}
.b-shell .b-agenda button{font-size:clamp(11px,min(5.1cqw,5cqh),24px);padding:clamp(3px,1cqh,8px) 0;gap:clamp(4px,2cqw,12px)}
.b-agenda .b-check{width:clamp(12px,4cqw,23px);height:auto;aspect-ratio:1;margin-top:2px}
.b-score-grid{gap:clamp(3px,2cqw,12px)}
.b-score-grid span{font-size:clamp(10px,3cqw,16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-score-grid b{font-size:clamp(22px,min(20cqw,22cqh),85px);margin:clamp(2px,1cqh,8px) 0}
.b-image{object-fit:contain;max-width:100%;max-height:100%;width:100%;height:100%}
.type-video .b-widget-body{padding:clamp(4px,2cqw,10px);gap:clamp(3px,1cqh,8px)}
.b-video-player{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;flex:1 1 auto;min-height:0}
.media-external{font-size:clamp(9px,2.5cqw,14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.music-art{font-size:clamp(24px,min(16cqw,18cqh),54px)}
.type-music h2{font-size:clamp(12px,6cqw,32px)}
.type-music .b-widget-body{overflow:hidden}
@container (max-width:180px){.b-widget-head{min-height:24px;padding:1px 5px}.b-shell .b-move{min-height:22px;font-size:10px;gap:3px}.b-widget-tools button{width:22px!important;height:22px!important;min-width:22px!important;padding:3px!important}.b-widget-tools svg{width:14px;height:14px}.b-note-title{font-size:clamp(16px,8cqw,28px);margin-bottom:4px}.b-note-text{font-size:clamp(11px,4.5cqw,18px);line-height:1.25}.type-note .b-widget-body{padding:6px 8px 10px}.b-centered-actions{gap:3px;margin-top:2px}.b-centered-actions button{font-size:10px}}
@container (max-height:130px){.b-widget-body{padding:4px;gap:3px}.b-widget-head{min-height:23px}.b-clock-date,.b-traffic-label,.b-wheel-status,.b-timer-status{display:none}.b-time-ring{width:min(48cqh,70%)}.b-wheel-wrap{width:min(46cqh,58%)}.b-die{width:min(48cqh,42%)}.b-centered-actions{margin-top:0}.b-score-grid b{margin:0}}
@media(max-width:950px){.b-edit-full span{display:none}.b-edit-full{width:36px;padding:7px}}
/* One continuous background, with quiet floating controls. */
.b-shell{position:relative}
.b-backdrop{position:absolute;inset:0;background-position:center;pointer-events:none}
.b-stage{position:absolute;inset:0;background:transparent;height:100%;z-index:1}
.b-board-content{box-shadow:none}
.b-topline{position:absolute;top:12px;left:12px;right:12px;height:44px;min-height:44px;padding:0;background:transparent;border:0;pointer-events:none}
.b-screen-name,.b-top-actions{pointer-events:auto;background:#fffffff2;box-shadow:0 3px 15px #18344b14;border-radius:12px;padding:5px 8px;gap:5px}
.b-screen-name #b-save-status,.b-format>span{display:none}.b-wordmark{font-size:20px;margin-right:8px}.b-screen-name input{font-size:14px;width:150px}
.b-top-actions .b-format select{border:0;background:transparent;font-size:14px}.b-top-actions .b-primary{min-height:34px}
.b-dock{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 24px);min-height:60px;padding:5px 10px;gap:7px;background:#fffffff5;border:0;border-radius:16px;box-shadow:0 5px 24px #16375222}
.b-dock .b-dock-widgets{border:0;padding:0 5px;gap:1px}.b-dock button{min-width:44px;padding:6px 8px;gap:4px}.b-dock button span{font-size:12px}.b-dock .b-assistant{padding:8px 10px}.b-dock .b-dock-left{gap:1px}
.b-view-controls,.b-selection-bar{bottom:88px;border:0;box-shadow:0 3px 14px #18344b14}.b-view-controls button{font-size:14px}
.b-widget-head{min-height:32px;padding:2px 12px 0}.b-shell .b-move{min-height:28px;font-size:14px}.b-move>span{opacity:0}.b-widget:hover .b-move>span,.b-widget.selected .b-move>span,.b-widget:focus-within .b-move>span{opacity:1}
.b-note-title{font-size:clamp(22px,6cqi,36px);margin-bottom:10px;letter-spacing:-.4px}.b-note-text{font-size:clamp(16px,4cqi,22px);line-height:1.4}.type-note .b-widget-body{padding:12px 24px 22px}
.b-agenda{gap:6px}.b-shell .b-agenda button{padding:6px 0;font-size:clamp(16px,4.5cqi,22px);line-height:1.35}.b-clock-date{margin-top:6px;font-size:clamp(14px,3.8cqi,18px)}
.b-presenting .b-widget-head{display:none}.b-presenting .b-stage{height:100%}.b-presenting .b-present-exit{bottom:10px;right:10px}.b-presenting .b-present-exit button{font-size:14px;opacity:.15}.b-presenting .b-present-exit:hover button,.b-presenting .b-present-exit:focus-within button{opacity:1}
.b-canvas-hint{top:72px;color:#21344e;background:#ffffffc9;border-radius:9px;padding:7px 10px;width:fit-content;max-width:calc(100% - 40px);margin:auto}
@media(max-width:760px){.b-topline{top:8px;left:8px;right:8px}.b-screen-name input{display:none}.b-wordmark{display:inline;font-size:18px;margin:0}.b-dock{bottom:8px;min-height:60px;gap:6px}.b-dock-right{margin-left:0}.b-view-controls,.b-selection-bar{bottom:80px}.b-selection-bar{bottom:130px}.b-dock button span{font-size:12px}}
@media(max-width:430px){.b-wordmark{display:none}.b-screen-name,.b-top-actions{padding:4px}.b-top-actions .b-primary{font-size:14px}.b-dock{padding:4px 6px;gap:3px}.b-dock button{padding:6px}.b-dock .b-assistant{padding:8px}.b-view-controls button{min-width:32px}}
@media(max-height:500px) and (orientation:landscape){.b-topline{top:6px;height:38px;min-height:38px}.b-dock{min-height:42px;bottom:6px}.b-dock button span{display:none}.b-view-controls,.b-selection-bar{bottom:54px}}

/* Fullscreen is an editable classroom, with a persistent widget launcher. */
.b-present-tools{display:none}
.b-presenting .b-present-tools{display:block;position:absolute;bottom:12px;left:12px;z-index:100}
.b-present-tools button{width:46px;height:46px;padding:10px;border-radius:14px;box-shadow:0 3px 14px #16375233}
.b-presenting .b-widget-head{display:flex;min-height:32px}
.b-presenting .b-widget-head .b-move{opacity:.45;cursor:grab}
.b-presenting .b-widget:hover .b-move,.b-presenting .b-widget.selected .b-move,.b-presenting .b-widget:focus-within .b-move{opacity:1}
.b-presenting .b-widget.selected .b-resize,.b-presenting .b-widget:focus-within .b-resize{display:inline-flex!important}
.b-presenting .b-widget.selected .b-widget-tools,.b-presenting .b-widget:focus-within .b-widget-tools{display:flex!important;opacity:1}
.b-presenting .b-widget.selected{box-shadow:0 0 0 2px #2c62cf88,0 8px 25px #233f5518}
.b-presenting .b-selection-bar:not([hidden]){display:flex;bottom:70px}
/* User-selected shortcuts stay in order at every viewport; overflow scrolls. */
.b-dock>div{flex-shrink:0}
.b-dock .b-dock-widgets{flex-shrink:1;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;justify-content:flex-start}
.b-dock .b-dock-widgets>button{display:flex!important;flex-shrink:0}
.b-dock .b-dock-right{margin-left:0}
.b-dock-order{display:flex;flex-direction:column;gap:7px}
.b-dock-order>div{display:flex;align-items:center;gap:5px;border:1px solid #dce5ef;border-radius:9px;padding:7px}
.b-dock-order>div>span{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.b-dock-order b{font-size:14px;font-weight:550;overflow-wrap:anywhere}
.b-dock-order button{padding:8px;min-width:36px;min-height:36px}
.b-dock-available{display:flex;flex-wrap:wrap;gap:8px}
.b-dock-available button{font-size:14px;gap:7px}
.b-catalog-settings{display:flex;justify-content:flex-end;margin-bottom:14px}
@media(max-width:760px){.b-dock{width:calc(100% - 16px);max-width:none}.b-dock .b-dock-left button span,.b-dock .b-dock-right button span{display:none}.b-dock .b-dock-left button,.b-dock .b-dock-right button{min-width:32px;padding:6px}.b-dock .b-dock-widgets{padding:0 2px}.b-dock .b-dock-widgets button span{display:none}}
.b-shell .b-class-circle{width:36px;min-height:36px;padding:7px;border-radius:50%;background:#edf3ff;color:#245acb;border:1px solid #c7d7f2;flex:none}
.b-class-current{font-size:14px;font-weight:650;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 7px}
.b-presenting .b-present-tools{display:flex;align-items:center;gap:8px}
.b-presenting .b-present-tools .b-class-circle{width:46px;height:46px;background:white}
.b-dialog:has(.b-class-manager){width:min(980px,calc(100vw - 24px));max-width:980px}
.b-class-manager{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;min-height:350px}
.b-class-manager>aside{border-right:1px solid #e0e7f0;padding-right:18px}.b-class-manager>aside>button{width:100%;margin-top:12px;font-size:14px}
.b-class-list{display:flex;flex-direction:column;gap:9px}
.b-class-list>div{border:1px solid #dbe4ef;border-radius:12px;padding:6px;background:#f7f9fc}.b-class-list>div.active{border-color:#3167d4;background:#edf3ff}
.b-class-list>div>button{width:100%;border:0;background:transparent;align-items:flex-start;flex-direction:column;text-align:left;padding:7px}
.b-class-list b{font-size:16px;overflow-wrap:anywhere}.b-class-list small{font-size:14px;font-weight:400;color:#65768c}.b-class-list>div>div{display:flex;justify-content:flex-end;gap:4px}.b-class-list>div>div button{padding:5px 10px;min-height:30px;background:transparent;border:0}
.b-class-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.b-class-heading h3{font-size:23px;margin:0 0 7px;overflow-wrap:anywhere}.b-class-heading p{font-size:14px;color:#65768c;margin:0}.b-class-heading>button{font-size:14px;flex:none}
.b-participant-tabs{display:flex;gap:8px;margin-bottom:18px;border-bottom:1px solid #dce5ee;padding-bottom:10px}.b-participant-tabs button[aria-current="true"]{background:#e5f3ef;color:#125c50;border-color:#75b9a8}.b-participant-students{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.b-participant-students span{padding:5px 10px;border:1px solid #dce5ee;border-radius:999px;background:#f7fafb}.b-list-cards{display:grid;gap:8px;margin-bottom:18px}.b-list-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:#f6f9fb;border:1px solid #dce5ee;border-radius:12px}.b-list-card>div:first-child{display:grid;gap:2px}.b-list-card small{color:#60768b}.b-list-card>div:last-child{display:flex;gap:5px}.b-list-item{display:flex;align-items:center;gap:8px;padding:7px;margin:5px 0;border:1px solid #dce5ee;border-radius:10px;background:#f7fafb}.b-list-item>strong,.b-list-item>input{flex:1;min-width:0}.b-list-item>input{font:inherit;padding:5px 7px}.b-list-item>button{flex:none;padding:5px 8px}.b-list-add{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0}.b-list-add select{min-width:150px;flex:1}.b-source-fields{display:grid;gap:10px;margin:12px 0}.b-source-fields [hidden]{display:none!important}.b-source-fields textarea{min-height:90px}.b-class-heading{flex-wrap:wrap}.b-class-heading>div{flex:1;min-width:160px}
.b-class-screens{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.b-class-screens article{border:1px solid #d7e2ef;border-radius:12px;padding:12px;min-width:0}.b-class-screens article.active{border-color:#2861d0;box-shadow:0 0 0 1px #2861d0}
.b-class-screens article>div{display:flex;align-items:center;gap:3px}.b-class-screens [data-b="screen-open"]{flex:1;min-width:0;border:0;background:transparent;padding:0;justify-content:flex-start;text-align:left;align-items:center}.b-screen-thumb{display:grid;place-items:center;flex:none;width:46px;height:48px;border-radius:8px;color:#2d4b6d}.b-class-screens b{font-size:15px;display:block;overflow-wrap:anywhere}.b-class-screens small{font-size:14px;color:#64778d;display:block;margin-top:6px}
.b-class-screens [data-b="screen-rename"],.b-class-screens [data-b="screen-delete"]{padding:6px;border:0;background:transparent;flex:none}
.b-class-screens footer{margin-top:12px;display:flex;gap:5px}.b-class-screens footer button{padding:6px 10px}.b-class-screens footer select{width:100%;min-width:0;flex:1;border:1px solid #d5dfeb;border-radius:8px;padding:6px;font-size:14px;background:#fff}.b-field select{font-size:16px;padding:10px;border:1px solid #c9d7e6;border-radius:8px}
@media(max-width:760px){.b-class-manager{grid-template-columns:1fr;gap:20px}.b-class-manager>aside{border-right:0;border-bottom:1px solid #dce5ee;padding:0 0 14px}.b-class-list{flex-direction:row;overflow-x:auto}.b-class-list>div{min-width:145px}.b-class-manager>aside>button{width:auto}.b-class-screens{grid-template-columns:1fr}.b-class-current{max-width:100px;font-size:14px}.b-class-heading{align-items:flex-start}.b-class-heading>button{max-width:145px}}
@media(max-width:430px){.b-class-current{display:none}.b-screen-name input{display:none}}
/* Teacher workspace: strong hierarchy, restrained blue, independent projection. */
.class-hub-head{margin-bottom:22px}.class-sections{display:flex;flex-direction:column;gap:22px}.class-section{background:#fff;border:1px solid #d5deea;border-radius:17px;padding:20px;box-shadow:0 5px 18px #18325308}.class-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:15px}.class-section-head h2{font-size:23px;line-height:1.15;letter-spacing:-.45px;margin:0 0 5px}.class-section-head p{font-size:14px;color:#66758a;margin:0}.class-manage-button{border:0!important;background:transparent!important;color:#65758b!important;min-width:38px;padding:6px 8px!important;letter-spacing:2px}.class-screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px;align-items:start}.class-screen-card{position:relative;min-width:0}.class-screen-open{display:block!important;width:100%;min-height:0!important;padding:0!important;overflow:hidden;text-align:left;border:1px solid #cbd7e6!important;border-radius:13px!important;background:#f7f9fc!important;box-shadow:0 3px 10px #18325309;transition:transform .16s,box-shadow .16s,border-color .16s!important}.class-screen-open:hover{transform:translateY(-2px);border-color:#8da8df!important;box-shadow:0 9px 22px #18325318;background:#f7f9fc!important}.screen-thumbnail-canvas{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background-position:center;background-size:cover;border-bottom:1px solid #d5deea;isolation:isolate}.screen-thumbnail-canvas.format-4-3{aspect-ratio:4/3}.screen-thumb-widget{position:absolute;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #ffffffb0;border-radius:3px;box-shadow:0 1px 4px #17314c25;color:#263b55;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.screen-thumb-widget.color-light{background:#fffffff1}.screen-thumb-widget.color-blue{background:#eaf2fff1}.screen-thumb-widget.color-green{background:#e8f4ecf2}.screen-thumb-widget.color-yellow{background:#fff6d9f2}.screen-thumb-widget.color-pink{background:#ffedf1f2}.screen-thumb-widget.color-dark,.screen-thumb-widget.color-navy{background:#253953f3;color:#f4f7ff}.screen-thumb-widget.color-violet{background:#eee9fff2}.screen-thumb-widget.color-coral{background:#ffe8e2f2}.screen-thumb-widget.color-mint{background:#e2f7f0f2}.screen-thumb-widget.color-orange{background:#fff0dff2}.screen-thumb-widget.color-ice{background:#eaf8fff2}.screen-thumb-widget img{width:100%;height:100%;object-fit:contain}.screen-thumb-time{font-size:clamp(9px,2vw,26px);line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.06em}.screen-thumb-date{font-size:clamp(12px,3vw,36px)}.screen-thumb-copy{padding:5%;min-width:0;width:100%}.screen-thumb-copy b,.screen-thumb-copy span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-thumb-copy b{font-size:clamp(5px,1vw,13px)}.screen-thumb-copy span{font-size:clamp(4px,.7vw,9px);margin-top:3px;opacity:.74}.screen-thumb-agenda{list-style:none;margin:0;padding:5%;width:100%;font-size:clamp(4px,.7vw,9px)}.screen-thumb-agenda li{display:flex;align-items:center;gap:4px;min-width:0;margin:2px 0}.screen-thumb-agenda li i{width:6px;height:6px;border:1px solid currentColor;border-radius:2px;flex:none}.screen-thumb-agenda li.done{opacity:.55;text-decoration:line-through}.screen-thumb-agenda span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.screen-thumb-wheel{width:min(75%,70px);aspect-ratio:1;border-radius:50%;background:conic-gradient(#2563eb 0 45deg,#6b5fe7 45deg 90deg,#d460a7 90deg 135deg,#e49835 135deg 180deg,#328278 180deg 225deg,#4476a6 225deg 270deg,#a566c1 270deg 315deg,#627b43 315deg);position:relative}.screen-thumb-wheel:after{content:"";position:absolute;inset:42%;border-radius:50%;background:white}.screen-thumb-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;width:60%;height:58%}.screen-thumb-groups i{background:#6283c9;border-radius:2px}.screen-thumb-dice{width:min(58%,46px);aspect-ratio:1;background:#fff;border:1px solid currentColor;border-radius:15%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12%;padding:16%}.screen-thumb-dice i{width:20%;aspect-ratio:1;border-radius:50%;background:currentColor}.screen-thumb-traffic{display:flex;flex-direction:column;gap:4%;padding:5%;height:80%;aspect-ratio:.5;background:#27384d;border-radius:20%}.screen-thumb-traffic i{flex:1;aspect-ratio:1;border-radius:50%;background:#64748b}.screen-thumb-traffic i:nth-child(1).on{background:#e84949}.screen-thumb-traffic i:nth-child(2).on{background:#f2bd35}.screen-thumb-traffic i:nth-child(3).on{background:#43b96b}.screen-thumb-score{display:flex;gap:5%;padding:5%;width:100%;justify-content:center}.screen-thumb-score i{display:flex;flex-direction:column;align-items:center;min-width:0}.screen-thumb-score small{font-size:clamp(3px,.55vw,7px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.screen-thumb-score b{font-size:clamp(8px,1.7vw,20px)}.screen-thumb-media{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(9px,2vw,25px);line-height:1}.screen-thumb-media small{font-size:clamp(3px,.6vw,8px);margin-top:3px;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-thumb-clock.analog{width:min(68%,58px);aspect-ratio:1;border:1px solid currentColor;border-radius:50%;position:relative;background:#fff}.screen-thumb-clock.analog i,.screen-thumb-clock.analog b{position:absolute;left:50%;bottom:50%;width:1px;background:currentColor;transform-origin:bottom}.screen-thumb-clock.analog i{height:27%;transform:rotate(38deg)}.screen-thumb-clock.analog b{height:38%;transform:rotate(132deg)}.class-screen-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;background:#fff}.class-screen-caption strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-screen-caption>span{font-size:11px;color:#728096;white-space:nowrap}.class-screen-default{position:absolute!important;right:7px;top:7px;z-index:4;width:29px;min-height:29px!important;padding:0!important;border:0!important;border-radius:8px!important;background:#ffffffd9!important;color:#8090a5!important;backdrop-filter:blur(4px)}.class-screen-default.active{color:#a66b00!important;background:#fff4cbe8!important}.class-new-screen{width:100%;min-height:157px;border:1.5px dashed #aab9cd!important;background:#f8faff!important;color:#51647c!important;display:flex!important;flex-direction:column;gap:8px;align-items:center;justify-content:center}.class-new-screen:hover{border-color:#245acb!important;color:#245acb!important;background:#f1f5ff!important}.class-new-screen span{font-size:28px;font-weight:400}.class-new-screen strong{font-size:14px}.class-hub .actions{flex-wrap:wrap}.ai-workspace{display:grid;grid-template-columns:1fr 1fr;gap:24px}.ai-workspace textarea{width:100%;margin:12px 0}.ai-workspace label{display:block}.ai-workspace input,.ai-workspace select{width:100%}.demo-badge{display:inline-block;color:#714900;background:#fff0c7;border:1px solid #d9b867;padding:6px 10px;border-radius:8px;font-size:14px;font-weight:700}.plan-summary{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.plan-summary b{padding:14px;background:#edf2ff;border-radius:10px}.catalog-filters{display:flex;gap:12px;margin-bottom:22px;flex-wrap:wrap}.catalog-filters input{flex:1;min-width:160px}.tool-card{padding:18px;border:1px solid #cbd5e1;border-radius:12px;background:white;color:#14243a;display:flex;flex-direction:column;gap:10px}.tool-card h3{margin:0}.b-widget.selected{outline:3px solid #194ee8;outline-offset:3px}.b-widget-head{color:#26364e}.b-presenting .b-present-tools .b-class-circle{display:none}.b-presenting .b-widget:not(:hover):not(.selected) .b-widget-head{opacity:0}.b-dialog{color:#15243c}.b-primary,.primary{background:#163be0;color:white}.b-primary:focus-visible,button:focus-visible{outline:3px solid #ffbe3d;outline-offset:3px}.nav{flex-wrap:wrap}.topbar{height:auto;min-height:76px}.b-note-title{overflow-wrap:anywhere}
@media(max-width:760px){.ai-workspace{grid-template-columns:1fr}.class-section{padding:16px 12px}.class-screen-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.class-section-head h2{font-size:21px}.pagehead{flex-wrap:wrap;gap:16px}.topbar{flex-wrap:wrap}.nav{gap:4px}.nav button{padding:8px}.main{padding:24px 16px}}
.workspace-context{font-size:14px;font-weight:700;color:#203c77;margin-bottom:20px}.workspace-context span{font-weight:400;color:#4b5e79}.b-presenting .b-widget-head{display:flex!important}.b-presenting .b-widget-head .b-move{cursor:grab}.b-presenting .b-widget.selected .b-resize{display:block!important}.b-presenting .b-widget.selected .b-widget-tools{display:flex!important}

.bg-solid-navy{background:#14243b;background-size:cover;}
.bg-solid-ink{background:#202232;background-size:cover;}
.bg-solid-slate{background:#334155;background-size:cover;}
.bg-solid-blue{background:#255fa8;background-size:cover;}
.bg-solid-teal{background:#176b76;background-size:cover;}
.bg-solid-forest{background:#265c46;background-size:cover;}
.bg-solid-olive{background:#657044;background-size:cover;}
.bg-solid-wine{background:#713b52;background-size:cover;}
.bg-solid-plum{background:#594369;background-size:cover;}
.bg-solid-clay{background:#b66a50;background-size:cover;}
.bg-solid-cream{background:#eee5cf;background-size:cover;}
.bg-solid-mist{background:#dde7ef;background-size:cover;}
.bg-gradient-lagoon{background:linear-gradient(135deg,#156b79,#a3d9cc);background-size:cover;}
.bg-gradient-dusk{background:linear-gradient(135deg,#4c426b,#d9a080);background-size:cover;}
.bg-gradient-ice{background:linear-gradient(135deg,#dceeff,#8daacb);background-size:cover;}
.bg-gradient-moss{background:linear-gradient(135deg,#254b49,#a8bd8c);background-size:cover;}
.bg-gradient-peach{background:linear-gradient(135deg,#f5d6be,#dfa694);background-size:cover;}
.bg-gradient-violet{background:linear-gradient(135deg,#362e59,#a59fce);background-size:cover;}
.bg-gradient-marine{background:linear-gradient(135deg,#163a68,#4f9faf);background-size:cover;}
.bg-gradient-amber{background:linear-gradient(135deg,#8a5b34,#edcc85);background-size:cover;}
.bg-gradient-silver{background:linear-gradient(135deg,#667788,#d5dfe5);background-size:cover;}
.bg-gradient-rose{background:linear-gradient(135deg,#9c657a,#efcdd7);background-size:cover;}
.bg-gradient-mint{background:linear-gradient(135deg,#b2d9c4,#e1ebcb);background-size:cover;}
.bg-gradient-indigo{background:linear-gradient(135deg,#202c67,#648bc0);background-size:cover;}
.bg-pattern-grid-blue{background:linear-gradient(#8294ad25 1px,transparent 1px),linear-gradient(90deg,#8294ad25 1px,transparent 1px),#e4edf9;background-size:32px 32px;}
.bg-pattern-dots-blue{background:radial-gradient(#8192a650 1.5px,transparent 1.5px),#e4edf9;background-size:32px 32px;}
.bg-pattern-lines-blue{background:repeating-linear-gradient(0deg,transparent,transparent 31px,#8294ad35 31px,#8294ad35 32px),#e4edf9;background-size:auto;}
.bg-pattern-grid-green{background:linear-gradient(#8294ad25 1px,transparent 1px),linear-gradient(90deg,#8294ad25 1px,transparent 1px),#e2eee5;background-size:32px 32px;}
.bg-pattern-dots-green{background:radial-gradient(#8192a650 1.5px,transparent 1.5px),#e2eee5;background-size:32px 32px;}
.bg-pattern-lines-green{background:repeating-linear-gradient(0deg,transparent,transparent 31px,#8294ad35 31px,#8294ad35 32px),#e2eee5;background-size:auto;}
.bg-pattern-grid-warm{background:linear-gradient(#8294ad25 1px,transparent 1px),linear-gradient(90deg,#8294ad25 1px,transparent 1px),#f2e9db;background-size:32px 32px;}
.bg-pattern-dots-warm{background:radial-gradient(#8192a650 1.5px,transparent 1.5px),#f2e9db;background-size:32px 32px;}
.bg-pattern-lines-warm{background:repeating-linear-gradient(0deg,transparent,transparent 31px,#8294ad35 31px,#8294ad35 32px),#f2e9db;background-size:auto;}
.bg-pattern-grid-dark{background:linear-gradient(#8294ad25 1px,transparent 1px),linear-gradient(90deg,#8294ad25 1px,transparent 1px),#263348;background-size:32px 32px;}
.bg-pattern-dots-dark{background:radial-gradient(#8192a650 1.5px,transparent 1.5px),#263348;background-size:32px 32px;}
.bg-pattern-lines-dark{background:repeating-linear-gradient(0deg,transparent,transparent 31px,#8294ad35 31px,#8294ad35 32px),#263348;background-size:auto;}
.b-background-gallery button{min-width:0}.b-background-gallery button>span{height:95px;width:100%;display:block;border-radius:9px;border:1px solid #8797aa33}.b-background-gallery button b{font-size:14px}.background-links{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.background-links a{color:#194eb7;text-decoration:underline}.background-controls{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}.background-controls input{flex:1;min-width:180px}
/* Widget designs: geometry and presentation independent of palette. */
.variant-options{border:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px}.variant-options legend{font-weight:750;margin-bottom:12px}.variant-options label{position:relative;border:2px solid #cad5e4;border-radius:12px;padding:12px;cursor:pointer;display:flex;align-items:center;flex-direction:column;gap:8px;color:#233954;background:#f5f8fd}.variant-options label:has(:checked){border-color:#164edf;background:#e8efff}.variant-options input{position:absolute;top:8px;left:8px}.variant-sample{height:58px;display:grid;place-items:center;font-size:30px;font-weight:700}.variant-options b{font-size:14px;text-align:center}.font-serif .b-widget-body{font-family:Georgia,serif}.font-mono .b-widget-body{font-family:ui-monospace,monospace}.analog-clock{width:min(100%,260px);max-height:100%;aspect-ratio:1;color:#17314f}.analog-clock svg{width:100%;height:100%;display:block}.variant-analog .b-widget-body{padding:8px;display:grid;place-items:center}.variant-flip .b-clock-digits{background:#192839;color:white;border-radius:10px;padding:16px;box-shadow:inset 0 -4px #0005;font-family:ui-monospace,monospace;letter-spacing:3px}.variant-flip .b-clock-date{margin-top:12px}.variant-ring .b-time-ring{background:conic-gradient(#2563eb var(--remaining),#cbd5e1 0);border-radius:50%;position:relative;isolation:isolate;aspect-ratio:1}.variant-ring .b-time-ring:before{content:'';position:absolute;inset:12px;background:#fff;border-radius:50%;z-index:-1}.variant-ring .b-big-time,.variant-ring .b-timer-status{color:#193452}.variant-bar .b-time-ring{border:0;border-radius:0;background:none;width:95%;max-width:none;aspect-ratio:auto;padding:12px 0 34px;position:relative}.variant-bar .b-time-ring:after{content:'';position:absolute;bottom:0;left:0;right:0;height:20px;border-radius:12px;background:linear-gradient(to right,#2563eb var(--remaining),#cbd5e1 var(--remaining))}.variant-timeline .b-agenda{border-left:4px solid currentColor;margin-left:16px;padding-left:16px}.variant-timeline .b-agenda li{position:relative;border:0;margin:8px 0}.variant-timeline .b-agenda li:before{content:'';position:absolute;left:-25px;top:22px;width:14px;height:14px;background:currentColor;border-radius:50%}.variant-cards .b-agenda{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.variant-cards .b-agenda li{background:#ffffff70;border:1px solid #8e9fb755;border-radius:12px;padding:10px}.variant-poster .b-widget-body{justify-content:center;text-align:center}.variant-poster .b-note-title{font-size:clamp(28px,9cqi,64px);font-weight:900;line-height:1.05;text-transform:uppercase}.variant-poster .b-note-text{font-size:clamp(20px,5cqi,34px)}.variant-notebook .b-widget-body{background:repeating-linear-gradient(transparent 0,transparent 31px,#8193a833 31px,#8193a833 32px);border-left:4px solid #d86e6e;margin-left:24px}.variant-notebook .b-note-text{line-height:32px}.name-picker-face{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:16px;font-size:20px}.variant-names .b-wheel-result{font-size:clamp(30px,10cqi,70px);padding:18px;border:2px solid currentColor;border-radius:12px;min-height:90px}.variant-spotlight .b-widget-body{background:#182b49;color:white;text-align:center}.variant-spotlight .b-wheel-result{font-size:clamp(36px,12cqi,84px);font-weight:850;color:#ffdc65;padding:20px}.variant-columns .b-group-grid{display:flex;align-items:stretch;overflow:auto;width:100%}.variant-columns .b-group-grid>div{min-width:140px;flex:1;border-top:6px solid #356fea}.variant-list .b-group-grid{display:flex;flex-direction:column;gap:8px;width:100%}.variant-list .b-group-grid>div{display:grid;grid-template-columns:100px 1fr;gap:12px;text-align:left;padding:10px}.variant-stadium .b-score-grid{background:#172637;color:#fff;padding:20px;border-radius:12px}.variant-stadium .b-score-grid b{font-family:ui-monospace,monospace;color:#ffde65}.variant-rows .b-score-grid{display:flex;flex-direction:column;width:100%}.variant-rows .b-score-grid>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid currentColor}.variant-rows .b-score-grid b{font-size:42px}.variant-calendar .b-date-number{border-top:22px solid #2459b9;border-radius:14px;background:#fff;color:#1a2f4c;padding:12px 35px;box-shadow:0 6px 0 #14294020}.variant-banner .b-widget-body{flex-direction:row;gap:25px}.variant-banner .b-date-number{font-size:75px}.variant-display .b-big-time{background:#14233b;color:#a9f3ce;padding:18px;border-radius:12px;font-family:ui-monospace,monospace}.variant-minimal .b-big-time{font-weight:300;letter-spacing:-3px;font-size:clamp(50px,20cqi,110px)}.dice-number{font-size:clamp(70px,30cqi,150px);font-weight:900;line-height:1.1}.variant-tile .b-die{border-radius:0;box-shadow:10px 10px 0 #152b4250;transform:rotate(-6deg)}.variant-horizontal .b-traffic-lights{flex-direction:row!important;gap:16px;width:auto;height:auto}.variant-word .b-traffic-lights{transform:scale(.65);transform-origin:center;margin-bottom:-15px}.variant-word .b-traffic-label{font-size:clamp(28px,9cqi,60px);font-weight:900;text-align:center}.variant-cover .b-image{object-fit:cover;width:100%;height:100%;max-height:none}.variant-frame .b-image{object-fit:contain;border:14px solid white;border-bottom-width:42px;box-shadow:0 6px 18px #0003;max-width:92%;max-height:92%;transform:rotate(-2deg)}
.b-widget-tools button{width:48px!important;height:48px!important;min-width:48px!important;padding:10px!important;background:#fff!important;color:#203653!important;border:1px solid #b5c4d7!important;border-radius:9px!important}.b-widget-tools svg{width:25px;height:25px}.b-widget-head{min-height:54px}.b-selection-bar button{min-width:44px;min-height:44px;font-size:16px;padding:10px}.b-selection-bar svg{width:23px;height:23px}.b-selection-bar{max-width:calc(100% - 24px);flex-wrap:wrap}.b-selection-bar>span{font-size:16px}.b-colors label{min-height:44px}.b-presenting .b-widget.selected .b-widget-head{opacity:1}
@media(max-width:600px){.variant-options{grid-template-columns:1fr}.variant-options label{flex-direction:row;padding-left:34px}.variant-sample{width:65px;height:44px}.b-selection-bar{gap:3px}}
.color-violet{background:#e5d7ff!important;color:#3c2261!important}.color-coral{background:#ffd1c4!important;color:#652b23!important}.color-navy{background:#183858!important;color:#fff!important;--clock-face:#e7f2ff}.color-mint{background:#c5eee0!important;color:#164a3c!important}.color-orange{background:#ffc779!important;color:#573411!important}.color-ice{background:#d5efff!important;color:#194369!important}.b-colors{flex-wrap:wrap}.color-navy .b-widget-head{color:white}.color-navy .b-clock-date{color:#d8eaff}
/* Live design thumbnails reuse the widget renderer, without interactive controls. */
.variant-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.variant-options label{padding:8px;overflow:hidden;min-width:0;display:block}.variant-options input{z-index:2;accent-color:#194edf}.design-thumbnail{height:132px;width:100%;position:relative;overflow:hidden;border-radius:8px;pointer-events:none;user-select:none}.design-preview.b-widget{position:absolute!important;left:50%!important;top:0!important;width:360px!important;height:280px!important;transform:translateX(-50%) scale(.46);transform-origin:top center;container-type:size;border-radius:14px;box-shadow:none;outline:0}.design-preview .b-widget-body{height:100%;width:100%;padding:18px;box-sizing:border-box}.design-preview .b-widget-body button{pointer-events:none}.design-preview .b-wheel-wrap{width:150px;height:150px}.design-preview .b-time-ring{max-width:170px}.design-preview .b-clock-digits{font-size:62px}.design-preview .b-big-time{font-size:54px}.design-preview .analog-clock{width:240px;height:240px}.design-preview .b-centered-actions{font-size:16px}.design-preview .b-group-grid{max-height:210px;overflow:hidden}.design-preview .b-traffic-lights{max-height:185px}.variant-options label:has(:checked){box-shadow:0 0 0 2px #164edf}.variant-options label:focus-within{outline:3px solid #f4b647;outline-offset:2px}.b-media-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.b-media-empty>span{font-size:60px}.type-video .b-widget-body{padding:10px;display:flex;flex-direction:column;gap:8px}.b-video-player{width:100%;flex:1;min-height:0;border:0;border-radius:8px;background:#121826}.media-external{font-size:14px;color:inherit;text-decoration:underline;flex:none}.music-art{font-size:54px;line-height:1.1;color:inherit}.type-music h2{font-size:clamp(20px,6cqi,32px);overflow-wrap:anywhere;text-align:center}.music-volume{display:flex;flex-direction:column;width:90%;gap:8px;font-size:16px}.music-volume input{width:100%;accent-color:#245de3;height:30px}.type-music .b-widget-body{gap:12px;overflow:auto}.type-video .b-widget-head,.type-music .b-widget-head{flex-shrink:0}
@media(max-width:600px){.variant-options{grid-template-columns:repeat(2,minmax(0,1fr))}.design-thumbnail{height:112px}.design-preview.b-widget{transform:translateX(-50%) scale(.39)}}
.b-video-player{pointer-events:auto}.b-widget-body{cursor:grab}.b-widget.b-dragging .b-widget-body{cursor:grabbing}
/* Fit whole samples to each tile; preserve native controls under inert. */
.variant-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.variant-options label{padding:12px;border-radius:14px}.design-thumbnail{height:190px;min-width:0;overflow:hidden}.design-preview.b-widget{width:var(--preview-width,480px)!important;height:var(--preview-height,380px)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(var(--preview-scale,.38))!important;transform-origin:center!important;container-type:inline-size}.design-preview .b-widget-body{overflow:visible!important;min-height:0;padding:24px;box-sizing:border-box;flex:1;align-items:stretch}.design-preview .b-centered-actions{flex-shrink:0;margin-top:10px}.design-preview button{pointer-events:none}.design-preview .b-group-grid{max-height:none;overflow:visible}.design-preview .b-wheel-wrap{width:180px;height:180px;flex-shrink:0;margin:0 auto}.design-preview .b-wheel-result{min-height:0;margin:8px 0;padding:8px}.design-preview .name-picker-face{padding:8px}.design-preview .b-time-ring{width:200px;max-width:200px;flex-shrink:0}.design-preview .analog-clock{margin:auto}.design-preview .b-agenda{gap:10px}.design-preview .b-agenda button{display:flex;align-items:center;text-align:left;justify-content:flex-start;width:100%;border:0;background:transparent;font-size:22px;padding:8px;gap:12px}.design-preview .b-score-grid b{font-size:52px}.design-preview .b-clock-date{font-size:19px}.design-preview .b-note-title{font-size:32px}.design-preview.variant-poster .b-note-title{font-size:50px}.design-preview.variant-columns .b-group-grid>div{min-width:0}.design-preview.variant-spotlight .b-wheel-result{font-size:56px}.design-preview .b-traffic-lights{max-height:none}
/* Shared traffic geometry in editor samples and actual canvas. */
.type-traffic .b-widget-body{align-items:center;justify-content:center}.type-traffic .b-traffic-lights{display:flex;flex-direction:column;align-items:center;gap:12px;padding:15px;background:#233144;border-radius:24px;flex-shrink:0;transform:none;margin:0}.type-traffic.variant-horizontal .b-traffic-lights{flex-direction:row!important}.b-shell .type-traffic .b-light,.b-dialog .type-traffic .b-light{display:block;width:58px;height:58px;min-width:58px;min-height:58px;flex:0 0 58px;border-radius:50%;padding:0;border:3px solid #ffffff55;box-shadow:inset 0 3px 8px #0005;background:#7c8590}.b-shell .type-traffic .light-0,.b-dialog .type-traffic .light-0{background:#833b3c}.b-shell .type-traffic .light-1,.b-dialog .type-traffic .light-1{background:#8b7337}.b-shell .type-traffic .light-2,.b-dialog .type-traffic .light-2{background:#31694d}.b-shell .type-traffic .light-0.on,.b-dialog .type-traffic .light-0.on{background:#ef5555;box-shadow:0 0 0 3px #ef555533}.b-shell .type-traffic .light-1.on,.b-dialog .type-traffic .light-1.on{background:#ffd34d;box-shadow:0 0 0 3px #ffd34d33}.b-shell .type-traffic .light-2.on,.b-dialog .type-traffic .light-2.on{background:#43d58e;box-shadow:0 0 0 3px #43d58e33}.type-traffic.variant-word .b-traffic-lights{flex-direction:row;border-radius:12px;padding:12px;gap:10px}.type-traffic.variant-word .b-traffic-label{font-size:clamp(22px,7cqi,40px);margin:12px 0 0}.design-preview .b-traffic-label{font-size:26px;margin:10px 0 0}
@media(max-width:600px){.variant-options{grid-template-columns:1fr}.design-thumbnail{height:180px}}

/* Integrated bar controls: the arrow belongs to the bar it controls. */
.b-dock-toggle,.b-topline-toggle,.b-actions-toggle{display:none!important}
.b-integrated-toggle{display:none!important;flex:0 0 auto!important;width:30px!important;height:28px!important;min-width:30px!important;min-height:28px!important;padding:2px!important;border:0!important;border-radius:8px!important;background:#eaf1fb!important;color:#255bca!important;font-size:20px!important;line-height:1!important}
.b-editor-fullscreen .b-integrated-toggle{display:inline-flex!important}
.b-topline .b-integrated-toggle{margin-left:4px}
.b-dock>.b-integrated-toggle{margin-left:4px}

/* Final container rules win over legacy variant defaults. */
.b-widget{container-type:size!important;overflow:hidden!important}
.b-widget-body{container-type:size!important;min-width:0!important;min-height:0!important;overflow:hidden!important;gap:clamp(3px,2cqh,12px)!important;padding:clamp(4px,3cqw,18px)!important}
.b-widget-body>*{max-width:100%!important;min-width:0!important;box-sizing:border-box}
.b-shell .b-widget-body button{max-width:100%;min-width:0;padding:clamp(3px,1.5cqw,10px) clamp(5px,2cqw,14px);font-size:clamp(10px,3cqw,18px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-shell .b-widget-tools button{width:clamp(22px,10cqw,48px)!important;height:clamp(22px,10cqw,48px)!important;min-width:clamp(22px,10cqw,48px)!important;min-height:clamp(22px,10cqw,48px)!important;padding:clamp(3px,2cqw,10px)!important}
.b-shell .b-widget-tools svg{width:clamp(13px,5cqw,25px);height:clamp(13px,5cqw,25px)}
.b-clock-digits{font-size:clamp(24px,min(22cqw,20cqh),106px)!important;line-height:1.08;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-clock-date{font-size:clamp(9px,min(4cqw,5cqh),20px)!important;margin:clamp(1px,1cqh,8px) 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.analog-clock{width:min(100%,70cqh,260px)!important;height:auto!important;aspect-ratio:1!important;flex:0 1 auto!important}
.b-time-ring{width:min(86%,58cqh,230px)!important;max-width:100%!important;height:auto!important;aspect-ratio:1!important;border-width:clamp(2px,1cqw,7px)!important;flex:0 1 auto!important}
.b-big-time{font-size:clamp(22px,min(18cqw,18cqh),87px)!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-wheel-wrap{width:min(65%,52cqh,230px)!important;height:auto!important;aspect-ratio:1!important;flex:0 1 auto!important}
.b-wheel-result{font-size:clamp(11px,min(7cqw,8cqh),30px)!important;min-height:0!important;margin:clamp(1px,1cqh,8px) 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-die{width:min(47%,48cqh,150px)!important;height:auto!important;aspect-ratio:1!important;box-sizing:border-box!important;margin:clamp(1px,2cqh,10px) auto!important;padding:9%!important}
.dice-number{font-size:clamp(28px,min(30cqw,30cqh),150px)!important;line-height:1.05}
.type-traffic .b-widget-body{align-items:center!important;justify-content:center!important}
.type-traffic .b-traffic-lights{width:auto!important;max-width:100%!important;max-height:58cqh!important;gap:clamp(2px,min(3cqw,3cqh),12px)!important;padding:clamp(3px,min(2cqw,2cqh),12px)!important;flex:0 1 auto!important}
.b-shell .type-traffic .b-light{width:clamp(16px,min(14cqw,16cqh),58px)!important;height:auto!important;min-width:0!important;min-height:0!important;flex:0 1 auto!important;aspect-ratio:1!important;border-width:clamp(1px,1cqw,3px)!important}
.b-traffic-label{font-size:clamp(9px,min(6cqw,7cqh),30px)!important;margin:clamp(1px,1cqh,10px) 0 0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-group-grid,.b-agenda,.b-score-grid{max-width:100%!important;min-height:0!important;overflow:hidden!important}
.b-group-grid>div{min-width:0!important;padding:clamp(3px,2cqw,11px)!important;font-size:clamp(9px,3cqw,14px)!important;overflow:hidden}
.b-shell .b-agenda button{font-size:clamp(10px,min(5cqw,5cqh),24px)!important;padding:clamp(2px,1cqh,7px) 0!important;gap:clamp(3px,2cqw,12px)!important;white-space:normal;text-overflow:clip}
.b-agenda .b-check{width:clamp(11px,4cqw,23px)!important;height:auto!important;aspect-ratio:1!important;flex:0 0 auto!important}
.b-score-grid{gap:clamp(2px,2cqw,12px)!important}
.b-score-grid span{font-size:clamp(9px,3cqw,16px)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.b-score-grid b{font-size:clamp(20px,min(20cqw,22cqh),85px)!important;margin:clamp(1px,1cqh,8px) 0!important}
.b-image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.type-video .b-widget-body{padding:clamp(3px,2cqw,10px)!important;gap:clamp(2px,1cqh,8px)!important}
.b-video-player{width:100%!important;aspect-ratio:16/9!important;height:auto!important;min-height:0!important;object-fit:contain!important;flex:1 1 auto!important}
.type-music .b-widget-body{overflow:hidden!important}

/* Responsive fit pass: the canvas owns the size, widgets only adapt inside it. */
.b-widget-head{min-height:clamp(24px,min(9cqw,18cqh),54px)!important;padding:clamp(1px,1.1cqh,7px) clamp(4px,2cqw,13px) 0!important;gap:clamp(1px,1cqw,7px)!important}
.b-shell .b-move{min-height:clamp(21px,min(7cqh,30px),35px)!important;font-size:clamp(10px,3cqw,14px)!important;gap:clamp(3px,1cqw,7px)!important}
.b-move svg{width:clamp(12px,4cqw,18px)!important;height:clamp(12px,4cqw,18px)!important;flex:0 0 auto}
.b-widget-body{align-items:center!important;justify-content:center!important;display:flex!important}
.b-widget-body>*{flex:0 1 auto;max-height:100%}
.type-note .b-widget-body{align-items:stretch!important;text-align:left}
.b-note-title{font-size:clamp(14px,min(7cqw,14cqh),45px)!important;line-height:1.12!important;margin:0 0 clamp(2px,1.2cqh,15px)!important}
.b-note-text{font-size:clamp(10px,min(4.3cqw,6cqh),24px)!important;line-height:1.28!important}
.type-agenda .b-widget-body{align-items:stretch!important;justify-content:flex-start!important}
.b-agenda{width:100%;gap:clamp(1px,min(1.2cqh,13px),13px)!important}
.b-shell .b-agenda button{align-items:flex-start!important;line-height:1.18!important}
.variant-timeline .b-agenda{margin-left:clamp(3px,2cqw,16px)!important;padding-left:clamp(4px,2cqw,16px)!important;border-left-width:clamp(1px,0.7cqw,4px)!important}
.variant-timeline .b-agenda li:before{left:clamp(-14px,-2cqw,-5px)!important;top:clamp(5px,2cqh,22px)!important;width:clamp(6px,2cqw,14px)!important;height:auto!important;aspect-ratio:1}
.variant-cards .b-agenda{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(2px,1.5cqw,12px)!important}
.variant-cards .b-agenda li{min-width:0!important;padding:clamp(3px,1.5cqw,10px)!important}
.variant-bar .b-time-ring{width:min(92%,100cqw)!important;height:min(58cqh,120px)!important;max-width:100%!important;aspect-ratio:auto!important;padding:clamp(5px,2cqh,12px) 0 clamp(16px,8cqh,34px)!important;border:0!important}
.variant-bar .b-time-ring:after{height:clamp(8px,10cqh,20px)!important}
.variant-banner .b-widget-body{flex-direction:row!important;align-items:center!important;gap:clamp(4px,3cqw,25px)!important}
.variant-banner .b-date-number{font-size:clamp(24px,min(20cqw,28cqh),75px)!important;padding:clamp(3px,2cqw,12px) clamp(6px,4cqw,35px)!important;border-top-width:clamp(6px,5cqh,22px)!important}
.b-time-ring{max-height:100%!important}
.b-wheel-wrap{max-height:100%!important}
.type-traffic .b-traffic-lights{transform:none!important;margin:0!important;max-height:56cqh!important;overflow:visible!important;box-sizing:border-box!important}
.type-traffic.variant-word .b-traffic-lights{transform:none!important;margin:0!important;flex-wrap:nowrap!important}
.type-traffic .b-traffic-label{max-width:100%;line-height:1.1!important}
.type-traffic.variant-word .b-traffic-label{font-size:clamp(12px,min(7cqw,9cqh),40px)!important}
.variant-columns .b-group-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:clamp(2px,1.5cqw,10px)!important;overflow:hidden!important}
.variant-columns .b-group-grid>div{min-width:0!important;flex:initial!important}
.variant-list .b-group-grid{display:flex!important;flex-direction:column!important;overflow:hidden!important}
.variant-list .b-group-grid>div{grid-template-columns:minmax(0,34%) minmax(0,1fr)!important;min-width:0!important}
.b-score-grid{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))!important}
.b-score-grid>div{min-width:0!important}
.b-score-grid button{width:clamp(22px,8cqw,42px)!important;height:clamp(22px,8cqw,42px)!important;min-width:clamp(22px,8cqw,42px)!important;min-height:clamp(22px,8cqw,42px)!important;padding:0!important}
.variant-rows .b-score-grid{display:flex!important;flex-direction:column!important}
.variant-rows .b-score-grid b{font-size:clamp(20px,min(14cqw,18cqh),42px)!important}
.type-image .b-widget-body{padding:clamp(3px,1.5cqw,12px)!important}
.type-video .b-widget-body{align-items:center!important;justify-content:center!important}
.b-video-player{width:min(100%,177.78cqh)!important;height:auto!important;aspect-ratio:16/9!important;flex:0 1 auto!important}
.type-music .b-widget-body{align-items:center!important;justify-content:center!important;gap:clamp(2px,2cqh,12px)!important}
.music-art{font-size:clamp(22px,min(14cqw,20cqh),54px)!important}
.type-music h2{font-size:clamp(12px,min(6cqw,9cqh),32px)!important;max-width:100%;margin:0!important}
.music-volume{width:min(90%,240px)!important;font-size:clamp(10px,3cqw,16px)!important}
.music-volume input{height:clamp(18px,5cqh,30px)!important}
.b-integrated-toggle{cursor:pointer!important;box-shadow:0 1px 3px #183a5a18!important}
.b-integrated-toggle:focus-visible{outline:3px solid #f4b647!important;outline-offset:2px}
@container (max-width:260px){
  .variant-banner .b-widget-body{flex-direction:column!important;gap:2px!important}
  .variant-banner .b-date-number{font-size:clamp(22px,18cqw,48px)!important}
  .b-widget-head{min-height:22px!important}
}
@container (max-height:100px){
  .b-widget-head{min-height:21px!important;padding-top:0!important}
  .b-widget-body{padding:2px!important;gap:2px!important}
  .b-centered-actions{margin-top:0!important;gap:2px!important}
  .b-timer-status,.b-wheel-status,.b-clock-date,.b-traffic-label{font-size:0!important;line-height:0!important;margin:0!important}
}

/* Independent collapsible overlay panels for fullscreen editing. */
.b-editor-fullscreen .b-topline{z-index:80!important;pointer-events:none!important}
.b-editor-fullscreen .b-screen-name,.b-editor-fullscreen .b-top-actions,.b-editor-fullscreen .b-dock{transition:transform 190ms ease,opacity 190ms ease,visibility 0s linear 190ms!important;will-change:transform}
.b-editor-fullscreen:not(.b-topline-hidden) .b-screen-name,.b-editor-fullscreen:not(.b-actions-hidden) .b-top-actions,.b-editor-fullscreen:not(.b-dock-hidden) .b-dock{visibility:visible!important;transition-delay:0s!important}
.b-editor-fullscreen .b-screen-name,.b-editor-fullscreen .b-top-actions{pointer-events:auto!important}
.b-integrated-toggle{position:relative!important;z-index:2!important}
.b-bar-recover{position:absolute!important;z-index:95!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:34px!important;height:28px!important;min-width:34px!important;min-height:28px!important;padding:0!important;border:1px solid #ffffffaa!important;border-radius:0 0 9px 9px!important;background:#ffffffcc!important;color:#365476!important;box-shadow:0 3px 12px #18344b22!important;font-size:20px!important;line-height:1!important;opacity:1!important;pointer-events:auto!important;transition:opacity 190ms ease,transform 190ms ease!important}
.b-recover-top-left{top:12px!important;left:12px!important}
.b-recover-top-right{top:12px!important;right:12px!important}
.b-recover-bottom{left:50%!important;bottom:12px!important;transform:translateX(-50%)!important;border-radius:9px 9px 0 0!important}
.b-bar-recover:hover,.b-bar-recover:focus-visible{background:#fff!important;color:#1b55bb!important}
.b-bar-recover:focus-visible{outline:3px solid #f4b647!important;outline-offset:2px}
.b-editor-fullscreen:not(.b-topline-hidden) .b-recover-top-left,.b-editor-fullscreen:not(.b-actions-hidden) .b-recover-top-right,.b-editor-fullscreen:not(.b-dock-hidden) .b-recover-bottom{display:none!important}
.b-editor-fullscreen .b-dock{pointer-events:auto!important}
@media(prefers-reduced-motion:reduce){.b-editor-fullscreen .b-screen-name,.b-editor-fullscreen .b-top-actions,.b-editor-fullscreen .b-dock,.b-bar-recover{transition-duration:1ms!important}}

/* The background and widget surface extend to every edge of the viewport. */
.b-backdrop{background:#263541!important}
.b-board-content{background-position:center;background-repeat:no-repeat}
.b-presenting .b-widget-head,
.b-presenting .b-widget-tools,
.b-presenting .b-resize,
.b-presenting .b-selection-bar,
.b-presenting .b-view-controls,
.b-presenting .b-present-tools{display:none!important}
.b-presenting .b-widget-head{display:flex!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Compact, independently collapsible editor chrome. The canvas remains inset:0. */
.b-topline{top:8px!important;left:8px!important;right:8px!important;height:40px!important;min-height:40px!important;gap:8px!important}
.b-screen-name,.b-top-actions{min-height:40px;padding:3px 5px!important;gap:2px!important;border-radius:11px!important;white-space:nowrap}
.b-screen-name input{width:136px!important;max-width:15vw!important;padding:3px 5px!important}
.b-class-current{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-top-actions{align-items:center;flex-wrap:nowrap}
.b-top-actions button,.b-screen-name>button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;padding:5px!important;border:0!important}
.b-top-actions .b-primary{width:auto!important;padding:6px 10px!important;gap:6px!important}
.b-top-actions .b-primary span{font-size:13px}
.b-format select{width:65px!important;height:32px;padding:4px 5px!important;font-size:13px!important}
.b-dock{bottom:8px!important;min-height:44px!important;padding:4px 6px!important;gap:2px!important;border-radius:13px!important}
.b-dock>div{gap:1px!important}
.b-dock .b-dock-widgets{padding:0 3px!important;gap:1px!important}
.b-dock button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:6px!important;gap:0!important;border-radius:9px!important}
.b-dock .b-assistant,.b-dock .b-more{padding:6px!important}
.b-dock svg{width:21px!important;height:21px!important}
.b-integrated-toggle{display:inline-flex!important;position:relative!important;z-index:2!important;width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:4px!important;margin-left:2px!important;background:transparent!important;color:#536b88!important;box-shadow:none!important}
.b-screen-name,.b-top-actions,.b-dock{transition:transform 190ms ease,opacity 190ms ease,visibility 0s linear 190ms!important;will-change:transform}
.b-topline-hidden .b-screen-name{transform:translateY(calc(-100% - 12px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.b-actions-hidden .b-top-actions{transform:translateY(calc(-100% - 12px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.b-dock-hidden .b-dock{transform:translateX(-50%) translateY(calc(100% + 12px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
.b-bar-recover,.b-controls-recover{position:absolute!important;z-index:95!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:30px!important;min-width:36px!important;min-height:30px!important;padding:4px!important;border:1px solid #ffffffaa!important;background:#ffffffd6!important;color:#365476!important;box-shadow:0 3px 12px #18344b22!important;opacity:1!important;pointer-events:auto!important;backdrop-filter:blur(5px)}
.b-recover-top-left{top:0!important;left:14px!important;border-radius:0 0 9px 9px!important}
.b-recover-top-right{top:0!important;right:14px!important;border-radius:0 0 9px 9px!important}
.b-recover-bottom{left:50%!important;bottom:0!important;transform:translateX(-50%)!important;border-radius:9px 9px 0 0!important}
.b-controls-recover{top:0!important;left:50%!important;transform:translateX(-50%)!important;border-radius:0 0 10px 10px!important}
.b-bar-recover:hover,.b-controls-recover:hover{background:#fff!important;color:#1b55bb!important}
.b-presenting .b-bar-recover,.b-presenting .b-controls-recover{display:none!important}
.b-tooltip{position:relative}
.b-tooltip:after{content:attr(data-tooltip);position:absolute;z-index:180;width:max-content;max-width:210px;padding:6px 8px;border-radius:7px;background:#172a40;color:#fff;font-size:12px;font-weight:550;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 120ms ease;box-shadow:0 4px 14px #10233835}
.b-topline .b-tooltip:after,.b-recover-top-left:after,.b-recover-top-right:after,.b-controls-recover:after{top:calc(100% + 7px);bottom:auto}
.b-dock .b-tooltip:after,.b-recover-bottom:after{bottom:calc(100% + 7px);top:auto}
.b-tooltip:after{left:50%;transform:translateX(-50%)}
.b-tooltip:hover:after,.b-tooltip:focus-visible:after{opacity:1;visibility:visible}
.b-view-controls,.b-selection-bar{bottom:62px!important}
.b-selection-bar{max-width:calc(100% - 24px)}
@media(max-width:760px){.b-screen-name input{display:none!important}.b-class-current{max-width:90px}.b-top-actions{margin-left:auto}.b-dock{width:calc(100% - 16px)!important;max-width:none!important}.b-dock .b-dock-widgets{overflow-x:auto}.b-top-actions .b-primary span{display:none}.b-top-actions .b-primary{width:32px!important;padding:5px!important}.b-selection-bar{bottom:108px!important}.b-tooltip:after{display:none}}
@media(max-width:430px){.b-class-current{display:none}.b-screen-name,.b-top-actions{padding:3px!important}.b-top-actions button,.b-screen-name>button{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important}.b-format select{width:58px!important}.b-dock{padding:3px 4px!important}}
@media(max-height:500px) and (orientation:landscape){.b-topline{top:5px!important}.b-dock{bottom:5px!important;min-height:40px!important}.b-dock button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important}.b-view-controls,.b-selection-bar{bottom:50px!important}}
@media(prefers-reduced-motion:reduce){.b-screen-name,.b-top-actions,.b-dock,.b-bar-recover,.b-controls-recover{transition-duration:1ms!important}}
.b-shell:not(.b-topline-hidden) .b-screen-name,.b-shell:not(.b-actions-hidden) .b-top-actions,.b-shell:not(.b-dock-hidden) .b-dock{visibility:visible!important;transition-delay:0s!important}

/* Sliding overlays must not create a focus-scrollable area outside the editor. */
.b-shell{overflow:clip!important}

/* Screen navigation uses the current class order and remains an overlay. */
.b-screen-navigation{display:flex;align-items:center;min-width:0;gap:1px}
.b-screen-navigation input{min-width:72px}
.b-screen-navigation .b-screen-step,.b-screen-navigation .b-screen-selector{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important;padding:4px!important;border:0!important;background:transparent!important;color:#536b88!important}
.b-screen-navigation .b-screen-selector{width:auto!important;padding:4px 6px!important;gap:4px!important}
.b-screen-navigation .b-screen-selector span{font-size:11px;font-variant-numeric:tabular-nums}
.b-screen-navigation button:disabled{opacity:.28}
.b-projection-controls{display:none}
.b-presenting .b-projection-controls{position:absolute;left:10px;bottom:10px;z-index:110;display:flex;align-items:center;gap:8px;pointer-events:none}
.b-present-screen-nav{display:none}
.b-presenting .b-present-screen-nav{position:relative;flex:none;pointer-events:auto;display:flex;align-items:center;gap:2px;padding:3px;border-radius:11px;background:#ffffffd9;box-shadow:0 3px 14px #1637522b;opacity:.16;transition:opacity 180ms ease;backdrop-filter:blur(5px)}
.b-presenting .b-present-screen-nav:hover,.b-presenting .b-present-screen-nav:focus-within{opacity:1}
.b-presenting .b-present-screen-nav button{height:32px;min-height:32px;padding:5px 7px;border:0;background:transparent}
.b-presenting .b-present-screen-nav .b-screen-step{width:30px;min-width:30px}
.b-presenting .b-present-screen-selector{max-width:min(260px,42vw);display:flex;gap:7px}
.b-presenting .b-present-screen-selector span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.b-presenting .b-present-screen-selector small{font-size:11px;color:#6d7d91;white-space:nowrap}
.b-presenting .b-present-screen-nav button:disabled{opacity:.25}
.b-screen-picker-list{display:grid;gap:8px;margin-bottom:14px}
.b-screen-picker-item{display:grid!important;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:72px!important;padding:7px!important;text-align:left!important;justify-content:stretch!important;border:1px solid #dce5ef!important}
.b-screen-picker-item.active{border-color:#4778da!important;background:#eef4ff!important;box-shadow:inset 3px 0 #245acb}
.b-screen-picker-item .screen-thumbnail-canvas{width:112px;border:0;border-radius:6px;box-shadow:0 1px 5px #17314c25}
.b-screen-picker-item>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.b-screen-picker-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.b-screen-picker-item small{font-size:12px;color:#6e7d91}
.b-screen-picker-new{width:100%}
.b-screen-picker-secondary{display:flex;justify-content:flex-end;margin-top:12px;padding-top:10px;border-top:1px solid #e1e8f0}
.b-screen-picker-clear{font-size:14px;color:#884236}
.b-screen-picker-clear:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:760px){.b-screen-navigation input{display:none}.b-presenting .b-projection-controls{left:6px;bottom:6px}.b-screen-picker-item{grid-template-columns:88px minmax(0,1fr)}.b-screen-picker-item .screen-thumbnail-canvas{width:88px}}

/* One compact control surface per selected widget. */
.b-widget.selected{overflow:visible!important;outline:1.5px solid var(--b-selection-line)!important;outline-offset:1px!important;box-shadow:0 0 0 2px #ffffffa8,0 0 0 3px #233f5533,0 6px 20px #172e4b18!important}
.b-widget-controls{position:absolute;left:50%;bottom:calc(100% + 8px);z-index:120;display:none;align-items:center;gap:3px;padding:4px;border:1px solid #cbd8e7;border-radius:11px;background:#fffffff2;color:#263b55;box-shadow:0 4px 14px #102a4729;transform:translateX(calc(-50% + var(--controls-nudge,0px)));backdrop-filter:blur(7px);white-space:nowrap;overflow:visible;container-type:normal!important}
.b-widget.selected>.b-widget-controls{display:flex}
.b-widget.b-controls-below>.b-widget-controls{top:calc(100% + 8px);bottom:auto}
.b-widget-controls>.b-widget-control{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:7px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#304760!important}
.b-widget-controls>.b-widget-control:hover,.b-widget-controls>.b-widget-control:focus-visible{background:#e8eff9!important;color:#174fae!important}
.b-widget-controls>.b-widget-delete:hover,.b-widget-controls>.b-widget-delete:focus-visible{background:#ffebeb!important;color:#b42323!important}
.b-widget-controls>.b-tooltip:after{bottom:calc(100% + 7px);top:auto}
.b-widget.b-controls-below>.b-widget-controls>.b-tooltip:after{top:calc(100% + 7px);bottom:auto}
.b-widget-menu{position:absolute;top:calc(100% + 6px);left:50%;z-index:125;width:180px;padding:5px;border:1px solid #c9d6e5;border-radius:11px;background:#fff;color:#263b55;box-shadow:0 8px 24px #102a4740;white-space:normal;transform:translateX(-50%)}
.b-widget-menu[hidden]{display:none!important}
.b-widget-menu button{display:flex!important;justify-content:flex-start!important;width:100%!important;min-height:38px!important;padding:8px 10px!important;border:0!important;border-radius:8px!important;background:transparent!important;color:#263b55!important;font-size:14px!important;white-space:normal!important;text-align:left!important}
.b-widget-menu button:hover,.b-widget-menu button:focus-visible{background:#edf3fb!important;color:#174fae!important}
.b-widget-menu svg{flex:0 0 auto}
.b-spotlight-shade{position:absolute!important;inset:0!important;z-index:9000!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#102135b8!important;backdrop-filter:blur(3px)}
.b-widget.b-spotlight{left:3%!important;top:3%!important;width:94%!important;height:94%!important;z-index:9001!important;box-shadow:0 18px 70px #06132270!important}
.b-widget.b-spotlight>.b-resize{display:none!important}
.b-widget.b-spotlight .b-move{cursor:default!important}
.b-spotlight-return{position:absolute;right:max(12px,env(safe-area-inset-right));bottom:calc(62px + env(safe-area-inset-bottom));z-index:9003;display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:40px;padding:8px 12px;border:1px solid #ffffff99;border-radius:10px;background:#fffffff2;color:#223a55;box-shadow:0 5px 18px #102a4740;cursor:pointer}
.b-spotlight-return svg{width:18px;height:18px}
.b-has-spotlight .b-view-controls{display:none!important}
.b-dock-hidden .b-spotlight-return,.b-controls-hidden .b-spotlight-return,.b-presenting .b-spotlight-return{bottom:calc(16px + env(safe-area-inset-bottom))}
.b-presenting.b-has-spotlight .b-present-exit{display:none!important}
.b-presenting .b-widget-controls{display:none!important}
.b-presenting .b-widget.selected>.b-widget-controls{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
.b-presenting .b-widget.selected{outline-color:#ffffffb8!important}
@media(max-width:600px){.b-widget-menu{width:176px}.b-widget-controls>.b-widget-control{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important}}

/* Gelara widget palette: one reusable set of surface, accent and contrast tokens. */
.color-light{--widget-accent:#47708f;--widget-soft:#edf4f8;--widget-bg:#f8fbfd;--widget-border:#c9d9e3;--widget-text:#20384a;--widget-muted:#587083;--widget-on-accent:#fff}
.color-blue{--widget-accent:#2563c9;--widget-soft:#dceaff;--widget-bg:#eaf3ff;--widget-border:#a9c8f4;--widget-text:#17375f;--widget-muted:#456587;--widget-on-accent:#fff}
.color-turquoise{--widget-accent:#087f84;--widget-soft:#d3f1ef;--widget-bg:#e4f7f5;--widget-border:#9bd8d3;--widget-text:#124747;--widget-muted:#3e6d6c;--widget-on-accent:#fff}
.color-green{--widget-accent:#2f7d55;--widget-soft:#ddefe3;--widget-bg:#eaf6ee;--widget-border:#acd3ba;--widget-text:#1e4933;--widget-muted:#4e715d;--widget-on-accent:#fff}
.color-yellow{--widget-accent:#a26700;--widget-soft:#ffefb9;--widget-bg:#fff7da;--widget-border:#e9cf7b;--widget-text:#4e390c;--widget-muted:#725d28;--widget-on-accent:#fff}
.color-orange{--widget-accent:#b75317;--widget-soft:#ffe2c4;--widget-bg:#fff0df;--widget-border:#efbd8c;--widget-text:#5a2e13;--widget-muted:#7d573d;--widget-on-accent:#fff}
.color-red{--widget-accent:#b43f46;--widget-soft:#ffdfe1;--widget-bg:#ffedef;--widget-border:#ecb2b6;--widget-text:#642a2f;--widget-muted:#875258;--widget-on-accent:#fff}
.color-pink{--widget-accent:#a83f78;--widget-soft:#f8dcea;--widget-bg:#fcecf4;--widget-border:#e5adc9;--widget-text:#5d2947;--widget-muted:#7d5368;--widget-on-accent:#fff}
.color-violet{--widget-accent:#7048b8;--widget-soft:#e9defc;--widget-bg:#f2ebff;--widget-border:#c8b4eb;--widget-text:#432b68;--widget-muted:#68547f;--widget-on-accent:#fff}
.color-gray{--widget-accent:#5e6f82;--widget-soft:#e5ebf0;--widget-bg:#f1f4f7;--widget-border:#c5d0da;--widget-text:#293847;--widget-muted:#5f6e7c;--widget-on-accent:#fff}
.color-dark{--widget-accent:#6fb9ff;--widget-soft:#2e4966;--widget-bg:#1e3349;--widget-border:#57718b;--widget-text:#f5f9ff;--widget-muted:#c6d7e7;--widget-on-accent:#10293f;--clock-face:#29445f}
/* Compatibility tokens for saved screens using the former palette. */
.color-coral{--widget-accent:#b84f3d;--widget-soft:#ffe0d8;--widget-bg:#ffede8;--widget-border:#efb4a8;--widget-text:#652f25;--widget-muted:#87594f;--widget-on-accent:#fff}
.color-navy{--widget-accent:#73b7ff;--widget-soft:#294967;--widget-bg:#183858;--widget-border:#527493;--widget-text:#f6faff;--widget-muted:#d2e3f2;--widget-on-accent:#10293f;--clock-face:#294967}
.color-mint{--widget-accent:#16836b;--widget-soft:#cdeee3;--widget-bg:#e1f6ef;--widget-border:#97d5c1;--widget-text:#17483d;--widget-muted:#487367;--widget-on-accent:#fff}
.color-ice{--widget-accent:#277da5;--widget-soft:#d5effc;--widget-bg:#e9f7fd;--widget-border:#a9d6ea;--widget-text:#1b4660;--widget-muted:#4c7186;--widget-on-accent:#fff}

.b-widget[class*="color-"]{background:var(--widget-bg)!important;border-color:var(--widget-border)!important;color:var(--widget-text)!important;box-shadow:inset 0 5px 0 var(--widget-accent),0 8px 26px #17314c24!important}
.b-widget[class*="color-"] .b-widget-head{background:var(--widget-soft);border-bottom:1px solid var(--widget-border);color:var(--widget-text)!important}
.b-widget[class*="color-"] .b-move,.b-widget[class*="color-"] .b-clock-date,.b-widget[class*="color-"] .b-note-text,.b-widget[class*="color-"] .b-timer-status,.b-widget[class*="color-"] .b-wheel-status{color:var(--widget-muted)!important}
.b-widget[class*="color-"] .b-move svg,.b-widget[class*="color-"] .b-date-number,.b-widget[class*="color-"] .b-score-grid b,.b-widget[class*="color-"] .music-art{color:var(--widget-accent)!important}
.b-widget[class*="color-"] .b-primary{background:var(--widget-accent)!important;border-color:var(--widget-accent)!important;color:var(--widget-on-accent,#fff)!important}
.b-widget[class*="color-"] .b-time-ring{border-color:var(--widget-border)!important;border-top-color:var(--widget-accent)!important;border-right-color:var(--widget-accent)!important}
.b-widget[class*="color-"] .b-agenda .b-check{border-color:var(--widget-accent);background:var(--widget-soft)}
.b-widget[class*="color-"] .b-agenda .checked .b-check{background:var(--widget-accent);border-color:var(--widget-accent);color:#fff}
.b-widget[class*="color-"] .b-agenda .checked button{color:var(--widget-muted)!important}
.b-widget[class*="color-"] .variant-cards .b-agenda li,.b-widget[class*="color-"] .b-group-grid>div{background:#ffffff70;border-color:var(--widget-border)}
.b-widget[class*="color-"] .b-die{background:var(--widget-soft);border-color:var(--widget-border);box-shadow:0 5px 0 var(--widget-border)}
.b-widget[class*="color-"] .b-die i.dot{background:var(--widget-accent)}
.b-widget[class*="color-"] .b-media-empty{border:1px dashed var(--widget-border);border-radius:12px;background:var(--widget-soft);color:var(--widget-muted)}
.b-widget[class*="color-"] .music-volume input{accent-color:var(--widget-accent)}
.type-traffic[class*="color-"] .b-widget-body{background:var(--widget-soft)}
.type-traffic[class*="color-"] .b-traffic-lights{box-shadow:0 6px 15px #17263b2b}
.type-image[class*="color-"] .b-image{border:1px solid var(--widget-border);background:var(--widget-soft)}
.type-video[class*="color-"] .b-video-player{box-shadow:0 0 0 1px var(--widget-border)}

/* Group and team identities remain distinct while staying inside the Gelara palette. */
.b-group-grid>div:nth-child(8n+1){--group-accent:#2563c9}.b-group-grid>div:nth-child(8n+2){--group-accent:#7048b8}.b-group-grid>div:nth-child(8n+3){--group-accent:#087f84}.b-group-grid>div:nth-child(8n+4){--group-accent:#d27a19}.b-group-grid>div:nth-child(8n+5){--group-accent:#2f7d55}.b-group-grid>div:nth-child(8n+6){--group-accent:#b43f46}.b-group-grid>div:nth-child(8n+7){--group-accent:#a83f78}.b-group-grid>div:nth-child(8n){--group-accent:#47708f}
.b-group-grid>div{border-top:5px solid var(--group-accent)!important}
.b-group-grid>div b{color:var(--group-accent)}
.b-score-grid>div:nth-child(6n+1){--team-accent:#2563c9}.b-score-grid>div:nth-child(6n+2){--team-accent:#b43f46}.b-score-grid>div:nth-child(6n+3){--team-accent:#2f7d55}.b-score-grid>div:nth-child(6n+4){--team-accent:#7048b8}.b-score-grid>div:nth-child(6n+5){--team-accent:#d27a19}.b-score-grid>div:nth-child(6n){--team-accent:#087f84}
.b-score-grid>div{padding:clamp(4px,2cqw,12px);border-top:5px solid var(--team-accent);border-radius:10px;background:#ffffff73}
.b-score-grid>div b{color:var(--team-accent)!important}

/* Score uses its own rectangle, not the viewport, to divide teams evenly. */
.type-score .b-widget-body{container-type:size;align-items:stretch;justify-content:stretch;padding:clamp(3px,1.3cqw,14px)}
.type-score .b-score-grid,.type-score.variant-rows .b-score-grid{display:grid!important;flex-direction:initial!important;grid-template-columns:repeat(var(--score-cols,2),minmax(0,1fr))!important;grid-template-rows:repeat(var(--score-rows,1),minmax(0,1fr))!important;width:100%;height:100%;min-height:0;min-width:0;align-items:stretch;justify-items:stretch;box-sizing:border-box;gap:clamp(2px,min(1.3cqw,1.3cqh),12px)!important}
.type-score .b-score-grid>div,.type-score.variant-rows .b-score-grid>div{display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:0;width:auto;height:auto;box-sizing:border-box;border-bottom:0;overflow:hidden;text-align:center;padding:clamp(2px,min(1.3cqw,1.3cqh),12px)!important;container-type:size}
.type-score .b-score-grid span{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;line-height:1.08;font-size:clamp(10px,min(13cqw,21cqh),22px)!important;font-weight:650}
.type-score .b-score-grid b,.type-score.variant-rows .b-score-grid b{flex:none;line-height:1;font-size:clamp(17px,min(30cqw,35cqh),82px)!important;margin:clamp(1px,1cqh,5px) 0!important}
.type-score .b-score-grid>div>div{display:flex;align-items:center;justify-content:center;gap:clamp(1px,1cqw,8px);flex:none}
.type-score .b-score-grid button{margin:0!important;width:clamp(20px,min(26cqw,27cqh),42px)!important;height:clamp(20px,min(26cqw,27cqh),42px)!important;min-width:clamp(20px,min(26cqw,27cqh),42px)!important;min-height:clamp(20px,min(26cqw,27cqh),42px)!important;font-size:clamp(14px,min(14cqw,16cqh),24px)!important;padding:0!important}
.type-score.variant-stadium .b-score-grid{padding:clamp(3px,min(1.4cqw,1.4cqh),20px)}

/* Visual swatches replace text-only colour choices and update the real previews. */
.b-colors{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(68px,1fr));gap:10px!important;border:0;padding:0}
.b-colors legend{width:100%;margin-bottom:10px}
.b-colors label{min-width:0;min-height:74px!important;padding:7px 4px!important;display:flex!important;flex-direction:column;justify-content:center;gap:5px!important;border:1px solid transparent!important;border-radius:11px!important;background:#fff!important;color:#31445c!important;text-align:center}
.b-colors label i{position:relative;width:40px;height:40px;border-radius:12px;background:var(--widget-bg);border:1px solid var(--widget-border);box-shadow:0 2px 7px #17314c18}
.b-colors label i:after{content:'';position:absolute;inset:9px;border-radius:7px;background:var(--widget-accent)}
.b-colors label span{font-size:12px;line-height:1.2}
.b-colors input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.b-colors label:has(input:checked){border-color:var(--widget-accent)!important;background:var(--widget-soft)!important;box-shadow:0 0 0 2px var(--widget-accent)!important;outline:0!important}
.b-colors label:focus-within{outline:3px solid #f4b647!important;outline-offset:2px}

/* Screen thumbnails consume the same palette and keep widget identity visible at a glance. */
.screen-thumb-widget[class*="color-"]{background:var(--widget-bg)!important;border-color:var(--widget-border)!important;color:var(--widget-text)!important;box-shadow:inset 0 3px 0 var(--widget-accent),0 1px 4px #17314c25}
.screen-thumb-widget[class*="color-"] .screen-thumb-copy span,.screen-thumb-widget[class*="color-"] .screen-thumb-agenda li.done{color:var(--widget-muted)}

/* Classroom controls keep their own pointer targets and remain above overlapping widgets. */
.b-widget.selected{overflow:visible}
.b-widget.selected:not(.b-spotlight){z-index:800!important}
.b-widget:has(.b-widget-menu:not([hidden])){z-index:800!important}
.b-widget .b-widget-menu{z-index:900}
.b-widget .b-live-spotlight{display:none}
.b-presenting .b-widget.selected>.b-widget-controls{display:none!important;visibility:hidden!important;pointer-events:none!important}
.b-presenting .b-widget.selected{outline:0!important;box-shadow:0 7px 24px #233f5513!important;overflow:hidden}
.b-presenting .b-widget.selected:not(.b-spotlight){z-index:var(--widget-layer)!important}
.b-presenting .b-widget.selected:not(.b-spotlight)>.b-live-spotlight{display:flex;position:absolute;top:5px;right:5px;z-index:10;padding:5px;width:35px;height:35px;min-height:35px;border-radius:9px;background:#fffefaeb;opacity:.1;transition:opacity .16s}
.b-presenting .b-widget.selected:hover>.b-live-spotlight,.b-presenting .b-widget.selected:focus-within>.b-live-spotlight{opacity:1}
.b-presenting .b-resize,.b-presenting .b-widget-controls{display:none!important}
.b-presenting .b-widget.selected .b-resize,.b-presenting .b-widget:focus-within .b-resize{display:none!important;pointer-events:none!important}
.b-timer-adjust{display:flex;justify-content:center;gap:clamp(2px,1cqw,7px);margin-top:clamp(2px,1cqh,8px);flex-wrap:nowrap}
.b-shell .b-timer-adjust button{min-width:0;min-height:28px;padding:3px clamp(3px,1cqw,9px);font-size:clamp(10px,3cqw,14px);font-variant-numeric:tabular-nums}
.b-agenda li{display:flex;align-items:center;gap:4px;min-width:0}
.b-agenda li.current{border-left:4px solid var(--widget-accent,#2563c9);padding-left:6px;background:#ffffff55;border-radius:7px}
.b-agenda li.current .b-check{color:var(--widget-accent,#2563c9);border-color:var(--widget-accent,#2563c9)}
.b-agenda li button:first-child{min-width:0;flex:1}
.b-agenda li small{display:block;font-size:clamp(9px,2.4cqw,12px);white-space:nowrap;opacity:.76}
.b-agenda li .b-agenda-screen{width:30px!important;min-width:30px!important;min-height:30px!important;padding:3px!important;flex:none}
.b-agenda-links{display:grid;gap:8px}.b-agenda-links label{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,1fr);align-items:center;gap:10px;font-size:13px}.b-agenda-links select{min-width:0}
.type-groups .b-group-grid{flex:1;align-content:center;grid-auto-rows:minmax(min-content,1fr)}
.type-groups .b-group-grid>div{display:flex;flex-direction:column;justify-content:center}
.b-roster-empty{text-align:center;line-height:1.4;padding:12px}
.type-note .b-note-text[contenteditable="true"]{outline:2px solid #2563c9;border-radius:5px;cursor:text;user-select:text}

/* Plan del día: a classroom display with one clearly readable activity per row. */
.type-agenda .b-widget-body{padding:clamp(7px,2.3cqw,24px)!important;overflow:hidden!important}
.type-agenda .b-plan{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,1.5cqh,15px)}
.type-agenda .b-plan-heading{flex:none;margin:0;padding:0 0 clamp(5px,1.5cqh,16px);border-bottom:2px solid var(--widget-border,#dce5f3);color:var(--widget-text,#18304e);font-size:clamp(16px,min(8cqw,8cqh),48px);font-weight:760;letter-spacing:-.025em;line-height:1.08;overflow-wrap:anywhere;text-align:center}
.type-agenda .b-plan .b-agenda{list-style:none;width:100%;min-height:0;min-width:0;flex:1;display:flex!important;flex-direction:column!important;gap:0!important;margin:0!important;padding:0!important;border:0!important;overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin}
.type-agenda .b-plan-row{display:flex!important;align-items:stretch!important;position:relative;flex:1 0 auto;min-height:clamp(42px,12cqh,115px);min-width:0;width:100%;margin:0!important;padding:0!important;border:0!important;border-bottom:1px solid var(--widget-border,#dce5f3)!important;border-radius:0!important;background:transparent!important}
.type-agenda .b-plan-row:last-child{border-bottom:0!important}
.type-agenda .b-plan-row:before,.type-agenda .b-plan-row:after{content:none!important}
.b-shell .type-agenda .b-plan-task{display:grid!important;grid-template-columns:clamp(28px,min(8cqw,11cqh),80px) minmax(0,1fr) auto clamp(28px,min(7cqw,10cqh),65px);align-items:center!important;gap:clamp(4px,2cqw,18px)!important;flex:1;min-width:0;width:100%;height:100%;min-height:clamp(42px,12cqh,115px);padding:clamp(2px,1cqh,12px) clamp(3px,1.4cqw,14px)!important;border:0!important;border-radius:9px!important;background:transparent!important;color:var(--widget-text,#18304e)!important;text-align:left!important;line-height:1.16!important;white-space:normal!important;overflow:visible!important;cursor:pointer}
.b-shell .type-agenda .b-plan-task.no-time{grid-template-columns:clamp(28px,min(8cqw,11cqh),80px) minmax(0,1fr) clamp(28px,min(7cqw,10cqh),65px)}
.b-shell .type-agenda .b-plan-task:hover,.b-shell .type-agenda .b-plan-task:focus-visible{background:var(--widget-soft,#eef3fc)!important}
.type-agenda .b-plan-pictogram{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:18%;background:var(--widget-soft,#edf3fc);color:var(--widget-accent,#235fca)}
.type-agenda .b-plan-pictogram svg{width:60%;height:60%;stroke-width:1.8}
.type-agenda .b-plan-name{min-width:0;overflow-wrap:anywhere;font-size:clamp(13px,min(5.2cqw,6cqh),36px);font-weight:680;line-height:1.15}
.type-agenda .b-plan-time{color:var(--widget-muted,#50657f);font-size:clamp(10px,min(3cqw,4cqh),24px);font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}
.type-agenda .b-plan-status{display:grid;place-items:center;width:clamp(24px,min(6.5cqw,8cqh),58px);aspect-ratio:1;justify-self:end;border:2px solid var(--widget-border,#c7d7ed);border-radius:25%;color:var(--widget-accent,#245acb)}
.type-agenda .b-plan-status svg{width:66%;height:66%}
.type-agenda .state-done .b-plan-name{text-decoration:line-through;text-decoration-thickness:2px;color:var(--widget-muted,#61748b)}
.type-agenda .state-done .b-plan-status{background:var(--widget-accent,#245acb);border-color:var(--widget-accent,#245acb);color:#fff}
.type-agenda .state-now{background:var(--widget-soft,#eef3fc)!important;border-radius:10px!important}
.type-agenda .state-now .b-plan-name{color:var(--widget-text,#18304e)}
.type-agenda .state-now .b-plan-status{background:var(--widget-accent,#245acb);border-color:var(--widget-accent,#245acb);color:#fff}
.type-agenda .state-next .b-plan-status{opacity:.75}
.b-shell .type-agenda .b-agenda-screen{position:absolute;right:clamp(25px,6cqw,66px);bottom:0;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important;padding:3px!important;opacity:.68;border:0!important;background:transparent!important}
.type-agenda .b-agenda-screen svg{width:100%;height:100%}
.type-agenda.variant-timeline .b-plan-row{border-left:clamp(2px,.6cqw,6px) solid var(--widget-border,#c7d7ed)!important}
.type-agenda.variant-timeline .state-now{border-left-color:var(--widget-accent,#245acb)!important}
.type-agenda.variant-cards .b-plan .b-agenda{gap:clamp(2px,.6cqh,8px)!important}
.type-agenda.variant-cards .b-plan-row{border:1px solid var(--widget-border,#dce5f3)!important;border-radius:11px!important;background:#ffffff70!important}
.design-preview.type-agenda .b-plan-task{display:grid!important;grid-template-columns:42px minmax(0,1fr) auto 34px;align-items:center!important;gap:10px!important;width:100%!important;min-height:54px;padding:6px 8px!important;border:0!important;background:transparent!important;color:var(--widget-text,#18304e)!important;text-align:left!important}
.design-preview.type-agenda .b-plan-task.no-time{grid-template-columns:42px minmax(0,1fr) 34px}
.design-preview.type-agenda .b-plan-name{font-size:23px}.design-preview.type-agenda .b-plan-heading{font-size:30px}.design-preview.type-agenda .b-plan-time{font-size:15px}
@container (max-width:270px){.type-agenda .b-plan-time{font-size:10px}.type-agenda .b-plan-heading{text-align:left}}

/* The wheel uses its own container, leaving a fixed, usable area for the action and result. */
.type-wheel .b-widget-body{display:flex!important;flex-direction:column!important;justify-content:stretch!important;align-items:stretch!important;gap:clamp(2px,1cqh,10px)!important;padding:clamp(5px,2cqw,17px)!important;overflow:hidden!important}
.type-wheel .b-wheel-display{display:grid;place-items:center;width:100%;min-width:0;min-height:0;flex:1 1 auto;overflow:visible;container-type:size}
.type-wheel .b-wheel-wrap{width:min(100%,95cqh,520px)!important;max-width:none!important;max-height:none!important;aspect-ratio:1!important;margin:0 auto!important;flex:none!important;min-width:0;min-height:0;filter:drop-shadow(0 7px 8px #18265030)}
.b-widget.b-spotlight.type-wheel .b-wheel-wrap{width:min(100%,95cqh,820px)!important}
.type-wheel .b-wheel{border:clamp(2px,.7cqw,6px) solid #fff;box-sizing:border-box;transition:none!important;will-change:transform}
.type-wheel .b-wheel svg{display:block;overflow:visible}
.type-wheel .b-wheel-pointer{top:clamp(-12px,-3cqw,-5px)}
.type-wheel .b-wheel-hub{font-size:clamp(10px,4cqw,20px)}
.type-wheel .b-wheel-result{display:grid;place-items:center;width:100%;flex:0 0 auto;min-height:clamp(23px,7cqh,56px)!important;padding:2px clamp(4px,1.5cqw,12px);margin:0!important;border-radius:10px;line-height:1.12;color:var(--widget-text,#24344e);font-size:clamp(13px,min(8cqw,10cqh),42px)!important;text-align:center;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere}
.type-wheel .b-wheel-result strong{font-weight:800;max-width:100%;line-height:1.1}
.type-wheel .b-wheel-result.is-winner{background:var(--widget-soft,#e8efff);color:var(--widget-text,#24344e);box-shadow:inset 0 0 0 2px var(--widget-accent,#515cea);animation:wheel-winner-in .28s ease-out both}
.type-wheel .b-wheel-passing:empty,.type-wheel .b-wheel-result strong:empty{display:none}
.type-wheel .b-centered-actions{width:100%;flex:0 0 auto;flex-wrap:nowrap;margin:0!important;gap:clamp(2px,1cqw,8px)}
.type-wheel .b-centered-actions [data-b="spin"]{min-width:0;flex:1 1 auto}
.type-wheel .b-centered-actions [data-b="wheel-reset"]{flex:0 0 auto}
.type-wheel .b-wheel-status{flex:0 0 auto;text-align:center;margin:0!important;font-size:clamp(10px,2.8cqw,14px)}
.type-wheel .name-picker-face{width:100%;height:100%;min-height:0;gap:clamp(2px,1cqh,12px);padding:clamp(4px,2cqw,18px);border:2px solid var(--widget-border,#ccd5e4);border-radius:14px;background:var(--widget-soft,#eaeef6);color:var(--widget-text,#24344e)}
.type-wheel .name-picker-symbol svg{width:clamp(17px,6cqw,40px);height:auto}
.type-wheel .name-picker-label{font-size:clamp(11px,3.2cqw,18px)}
.type-wheel .name-picker-current{display:block;max-width:100%;min-height:1.2em;font-size:clamp(17px,min(10cqw,15cqh),62px);line-height:1.13;text-align:center;overflow-wrap:anywhere}
.type-wheel.variant-spotlight .name-picker-face{background:#182b49;color:#fff;border-color:#748abd}
.type-wheel.variant-spotlight .name-picker-current{color:#ffdc65}
.type-wheel.variant-spotlight .b-wheel-result{color:#fff5c8}
.type-wheel.variant-spotlight .b-wheel-result.is-winner{background:#33476b;color:#fff5c8}
@keyframes wheel-winner-in{from{transform:scale(.93);opacity:.6}to{transform:scale(1);opacity:1}}
@media(prefers-reduced-motion:reduce){.type-wheel .b-wheel-result.is-winner{animation:none}}
.design-preview.type-wheel .b-widget-body{padding:18px!important}
.design-preview.type-wheel .b-wheel-wrap{width:min(100%,210px)!important}
@container (max-height:180px){.type-wheel .b-wheel-status{display:none}.type-wheel .b-wheel-result{min-height:21px!important}.type-wheel .b-widget-body{gap:2px!important}}

/* Compact tools catalog: familiar outlines with restrained palette accents. */
.gelara-tool-icon{display:block;flex:none;color:inherit}
.b-dialog.b-dialog-wide:has(.b-tool-gallery){width:min(1100px,calc(100vw - 24px));max-width:1100px}
.b-dialog:has(.b-tool-gallery) .b-dialog-body{padding:14px 18px 18px}
.b-dialog:has(.b-tool-gallery) .catalog-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,180px) auto;align-items:center;gap:9px;margin:0 0 12px}
.b-dialog:has(.b-tool-gallery) .catalog-filters input{min-width:0}
.b-dialog:has(.b-tool-gallery) .catalog-filters select{min-width:0}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.b-dialog:has(.b-tool-gallery) .tool-card{min-width:0;min-height:112px;padding:11px 12px;border-radius:12px;gap:8px;justify-content:space-between;box-shadow:0 2px 7px #172e5010}
.b-dialog:has(.b-tool-gallery) .tool-card-main{display:flex;align-items:center;gap:9px;min-width:0}
.b-dialog:has(.b-tool-gallery) .tool-card-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:10px;background:#edf3fa;color:#33465f}
.b-dialog:has(.b-tool-gallery) .tool-card h3{font-size:13.5px;line-height:1.2;font-weight:680;overflow-wrap:normal}
.b-dialog:has(.b-tool-gallery) .tool-card-actions{display:flex;justify-content:space-between;align-items:center;gap:6px}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card button{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;min-height:36px;height:36px;padding:5px 9px;font-size:13px;line-height:1;white-space:nowrap}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-ideas{border-color:transparent;background:transparent;color:#45617f;font-weight:550}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-ideas:hover{background:#edf3fb;color:#213e67}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-add{width:37px;min-width:37px;padding:0;font-size:24px;font-weight:400}
.b-dialog:has(.b-tool-gallery) .tool-card:focus-within{outline:2px solid #4579d9;outline-offset:2px}
.b-dialog:has(.b-tool-gallery) .tool-card:hover{border-color:#a4b9d8;box-shadow:0 4px 12px #172e501b}
.b-dock-action:disabled .gelara-tool-icon,.tool-card button:disabled .gelara-tool-icon{filter:grayscale(1);opacity:.45}
@media(max-width:900px){.b-dialog:has(.b-tool-gallery) .b-tool-gallery{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:690px){.b-dialog:has(.b-tool-gallery) .b-tool-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.b-dialog:has(.b-tool-gallery) .catalog-filters{grid-template-columns:minmax(0,1fr) 140px}.b-dialog:has(.b-tool-gallery) .catalog-filters [data-b="customize-dock"]{grid-column:1/-1;justify-self:end;min-height:32px;padding:5px 9px}}
@media(max-width:500px){.b-dialog:has(.b-tool-gallery) .b-dialog-body{padding:12px}.b-dialog:has(.b-tool-gallery) .b-tool-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.b-dialog:has(.b-tool-gallery) .tool-card{min-height:108px;padding:9px}.b-dialog:has(.b-tool-gallery) .tool-card-icon{width:32px;height:32px;flex-basis:32px}.b-dialog:has(.b-tool-gallery) .tool-card-icon svg{width:23px;height:23px}.b-dialog:has(.b-tool-gallery) .tool-card h3{font-size:13px}.b-dialog:has(.b-tool-gallery) .catalog-filters{grid-template-columns:1fr 120px;gap:6px}}
@media(max-width:360px){.b-dialog:has(.b-tool-gallery) .b-tool-gallery{grid-template-columns:1fr}.b-dialog:has(.b-tool-gallery) .catalog-filters{grid-template-columns:1fr}}

/* Plan editor: each activity is edited as an object, never as an ambiguous line. */
.b-plan-editor-help{font-size:13px;color:#64748b;margin:7px 0 12px}
.b-plan-editor-list{display:grid;gap:10px}
.b-plan-editor-row{position:relative;display:grid;gap:7px;padding:12px;border:1px solid #d2ddeb;border-radius:13px;background:#f9fbff}
.b-plan-editor-row[data-state="now"]{border-color:#6995df;background:#f1f6ff}
.b-plan-editor-main{display:grid;grid-template-columns:42px minmax(120px,1fr) 116px;gap:8px;align-items:center}
.b-plan-editor-main{grid-template-columns:42px minmax(120px,1fr) auto 116px}
.b-plan-hour{display:flex;align-items:center;gap:5px;font-size:12px;white-space:nowrap;color:#38506c;cursor:pointer}
.b-plan-editor-main .b-plan-hour input{width:17px;height:17px;accent-color:#245de3;flex:none}
.b-plan-editor-main input{width:100%;min-width:0;height:38px;padding:6px 9px;border:1px solid #cad7e8;border-radius:8px;background:#fff;font:inherit}
.b-plan-editor-main input[type="time"]{font-variant-numeric:tabular-nums}
.b-plan-icon-picker{position:relative}
.b-dialog .b-plan-icon-trigger{height:42px;width:42px;min-height:42px;padding:7px;color:#225bc3;background:#e7efff}
.b-plan-icon-palette{position:absolute;z-index:150;top:calc(100% + 5px);left:0;width:260px;max-height:190px;overflow-y:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;border:1px solid #cbd8ea;border-radius:11px;background:#fff;box-shadow:0 12px 28px #102a4730}
.b-plan-icon-palette[hidden]{display:none}
.b-dialog .b-plan-icon-palette button{width:54px;height:42px;min-height:42px;padding:8px;color:#315c9f;background:#f4f7fd}
.b-plan-editor-row:has(.b-plan-icon-palette:not([hidden])){z-index:2}
.b-plan-editor-tools{display:flex;gap:5px;align-items:center}
.b-plan-editor-spacer{flex:1}
.b-dialog .b-plan-editor-tools button{min-height:29px;padding:4px 8px;font-size:13px}
.b-dialog .b-plan-editor-state{color:#184d9c;border-color:#bbd0ef;background:#eef4ff}
.b-plan-screen-link{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:center;color:#60728b;font-size:12px}
.b-plan-screen-link select{min-width:0;padding:5px;border:1px solid #cedaea;border-radius:7px;background:#fff}
.b-dialog .b-plan-editor-add{margin-top:12px}
@media(max-width:580px){.b-plan-editor-main{grid-template-columns:42px minmax(0,1fr)}.b-plan-editor-main input[type="time"]{grid-column:2;max-width:150px}.b-plan-icon-palette{width:230px}}
@media(max-width:580px){.b-plan-editor-main .b-plan-hour{grid-column:2}}

/* An agenda link is a separate classroom action; the task button still only
   changes progress. Its label yields first in a compact plan. */
.b-shell .type-agenda .b-plan-row.has-link .b-plan-task{width:auto!important}
.type-agenda .b-plan-link-label{display:flex;align-items:center;gap:4px;margin-top:2px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--widget-muted,#526780);font-size:clamp(9px,2.4cqw,16px);font-weight:500;text-decoration:none}
.type-agenda .b-plan-link-label svg{width:1em;height:1em;flex:none}
.type-agenda .b-plan-link-label.is-missing{color:#a54736}
.b-shell .type-agenda .b-agenda-open{align-self:center;flex:none;width:clamp(25px,6cqw,42px);min-width:clamp(25px,6cqw,42px);height:clamp(25px,6cqw,42px);min-height:0;padding:5px;border:1px solid var(--widget-border,#c5d8ec);border-radius:9px;background:var(--widget-soft,#eff5fc);color:var(--widget-accent,#245acb)}
.type-agenda .b-agenda-open svg{width:100%;height:100%}
.type-agenda .state-now .b-agenda-open{background:var(--widget-accent,#245acb)!important;color:#fff!important}
.type-agenda .b-agenda-open.is-missing{opacity:.55}
@container (max-width:300px){.type-agenda .b-plan-link-label{display:none}.b-shell .type-agenda .b-agenda-open{width:24px;min-width:24px;height:24px;padding:3px}}
.b-plan-link-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:end}
.b-plan-link-editor label{display:grid;gap:4px;min-width:0;color:#60728b;font-size:12px}
.b-plan-link-editor select,.b-plan-link-editor input{min-width:0;width:100%;padding:6px;border:1px solid #cedaea;border-radius:7px;background:#fff;font:inherit}
.b-plan-link-target[data-kind="resource"]{display:grid;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}
.b-plan-link-target[hidden]{display:none!important}
@media(max-width:580px){.b-plan-link-editor,.b-plan-link-target[data-kind="resource"]{grid-template-columns:1fr}}
.b-dialog.agenda-resource-dialog{width:min(94vw,1200px);max-width:1200px}
.agenda-resource-viewer{height:min(72dvh,780px);min-height:320px}
.agenda-resource-viewer .resource-viewer{height:100%;min-height:0}
.agenda-resource-viewer .resource-viewer iframe{min-height:0;flex:1}
.screen-thumb-widget.type-agenda .screen-thumb-plan{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;padding:3px;overflow:hidden}
.screen-thumb-plan>b{display:block;flex:none;text-align:center;font-size:clamp(5px,.55vw,12px);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #9caee055;padding:2px 0}
.screen-thumb-plan .screen-thumb-agenda{display:flex!important;flex-direction:column;flex:1;min-height:0;gap:0;margin:0;padding:0;overflow:hidden}
.screen-thumb-plan .screen-thumb-agenda li{display:flex;align-items:center;flex:1;min-height:0;gap:2px;padding:0 2px;border-bottom:1px solid #9caee044;font-size:clamp(4px,.42vw,9px);white-space:nowrap;min-width:0}
.screen-thumb-plan .screen-thumb-agenda li svg{flex:none;width:clamp(5px,.55vw,12px);height:clamp(5px,.55vw,12px)}
.screen-thumb-plan .screen-thumb-agenda li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.screen-thumb-plan .screen-thumb-agenda li small{font-size:inherit}
.screen-thumb-plan .screen-thumb-agenda li i{width:clamp(4px,.45vw,10px);height:clamp(4px,.45vw,10px);border:1px solid currentColor;border-radius:3px;flex:none}
.screen-thumb-plan .screen-thumb-agenda li.done span{text-decoration:line-through}.screen-thumb-plan .screen-thumb-agenda li.done i,.screen-thumb-plan .screen-thumb-agenda li.current i{background:var(--widget-accent,#245acb)}
.screen-thumb-widget[class*="color-"] .screen-thumb-time,.screen-thumb-widget[class*="color-"] .screen-thumb-date,.screen-thumb-widget[class*="color-"] .screen-thumb-media{color:var(--widget-accent)}
.screen-thumb-score i:nth-child(1) b{color:#2563c9}.screen-thumb-score i:nth-child(2) b{color:#b43f46}.screen-thumb-score i:nth-child(3) b{color:#2f7d55}

/* Transparent, proportionally resized stickers share their art between Gela, the picker and thumbnails. */
.b-widget.type-sticker[class*="color-"]{background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important;touch-action:none}
.b-widget.type-sticker.selected{border-radius:16px}
.b-widget.type-sticker .b-widget-body{padding:0!important;overflow:visible!important;display:grid!important;place-items:center!important;container-type:size}
.b-widget.type-sticker .gelara-sticker{pointer-events:none}
.gelara-sticker{box-sizing:border-box;display:flex;align-items:center;justify-content:center;color:var(--sticker-ink);max-width:100%;max-height:100%;filter:drop-shadow(0 3px 2px #172d4b25);transform:rotate(var(--sticker-rotation,0deg)) scaleX(var(--sticker-flip,1));transform-origin:center}
.gelara-sticker.sticker-word{gap:.28em;width:100%;height:100%;padding:.19em .5em .21em .38em;border:2px solid color-mix(in srgb,var(--sticker-accent) 72%,white);border-radius:100px;background:var(--sticker-soft);font-size:clamp(13px,min(10cqw,31cqh),115px);line-height:1.12;white-space:nowrap;letter-spacing:-.035em}
.gelara-sticker.sticker-word strong{font-weight:780}
.gelara-sticker .sticker-word-symbol{display:grid;place-items:center;flex:none;color:var(--sticker-accent)}
.gelara-sticker .sticker-word-symbol svg{width:1.06em;height:1.06em}
.gelara-sticker.sticker-symbol{width:100%;height:100%;aspect-ratio:1;border-radius:31%;border:2px solid var(--sticker-accent);background:var(--sticker-soft);color:var(--sticker-accent)}
.gelara-sticker .sticker-symbol-glyph{display:grid;place-items:center;width:70%;height:70%}
.gelara-sticker .sticker-symbol-glyph svg{width:100%;height:100%}
.b-sticker-picker{display:grid;gap:14px}
.b-sticker-filters{display:grid;grid-template-columns:140px 180px minmax(160px,1fr);align-items:end;gap:10px}
.b-sticker-filters label{display:grid;gap:5px;font-size:14px;font-weight:650;color:#344b69}
.b-sticker-filters select,.b-sticker-filters input{width:100%;min-width:0;min-height:40px;border:1px solid #c8d6e6;border-radius:9px;padding:7px 9px;background:#fff;color:#203852;font:inherit}
.b-sticker-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;max-height:min(64vh,550px);overflow:auto;padding:2px 4px 7px}
.b-sticker-rotation{display:flex;align-items:center;justify-content:flex-end;gap:7px;border-top:1px solid #d9e3ed;padding-top:10px}.b-sticker-rotation>span{margin-right:auto;font-size:14px;font-weight:650;color:#344b69}.b-dialog .b-sticker-rotation button{min-height:32px;padding:5px 9px;font-size:13px}
.b-dialog .b-sticker-choice{display:flex;flex-direction:column;gap:7px;min-height:130px;padding:9px;border:1px solid #d5e0eb;border-radius:12px;background:#fff;color:#29425f;font-size:14px}
.b-sticker-choice:hover,.b-sticker-choice:focus-visible{border-color:#3973ce!important;outline:2px solid #3973ce55}
.b-sticker-choice-art{width:100%;height:84px;display:grid;place-items:center;container-type:size;overflow:hidden}
.b-sticker-choice-art .gelara-sticker.sticker-word{font-size:clamp(11px,min(10cqw,31cqh),25px)}
.b-sticker-choice-art .gelara-sticker.sticker-word{width:max-content;height:auto;min-height:28px}
.b-sticker-choice-art .gelara-sticker.sticker-symbol{width:65px;height:65px}
.b-sticker-choice-name{line-height:1.2;text-align:center}
.screen-thumb-widget.type-sticker[class*="color-"]{background:transparent!important;border:0!important;box-shadow:none!important;display:grid;place-items:center;overflow:visible;container-type:size}
.screen-thumb-widget.type-sticker .gelara-sticker{filter:drop-shadow(0 1px 1px #172d4b44)}
.screen-thumb-widget.type-sticker .sticker-word{font-size:clamp(4px,min(10cqw,31cqh),20px);border-width:1px}

/* Curated, data-backed presentation presets; shared by canvas, design gallery and screen thumbnails. */
.b-widget.preset-soft,.screen-thumb-widget.preset-soft{background:var(--widget-bg)!important;border-color:var(--widget-border)!important;box-shadow:inset 0 5px 0 var(--widget-accent),0 7px 20px #18314b20!important}
.b-widget.preset-paper,.screen-thumb-widget.preset-paper{background:#fff!important;color:var(--widget-text)!important;border:1px solid var(--widget-border)!important;box-shadow:0 4px 15px #20334d22!important;border-radius:11px!important}
.b-widget.preset-outline,.screen-thumb-widget.preset-outline{background:color-mix(in srgb,var(--widget-bg) 80%,white)!important;color:var(--widget-text)!important;border:3px solid var(--widget-accent)!important;box-shadow:0 3px 12px #20334d1a!important;border-radius:18px!important}
.b-widget.preset-bold,.screen-thumb-widget.preset-bold{background:var(--widget-soft)!important;color:var(--widget-text)!important;border:3px solid var(--widget-accent)!important;box-shadow:inset 0 0 0 4px #ffffff5e,0 5px 16px #20334d28!important;border-radius:23px!important}
.b-widget.preset-band,.screen-thumb-widget.preset-band{background:linear-gradient(155deg,var(--widget-soft) 0 28%,var(--widget-bg) 28% 100%)!important;color:var(--widget-text)!important;border:1px solid var(--widget-border)!important;box-shadow:inset 0 9px 0 var(--widget-accent),0 5px 16px #20334d24!important;border-radius:9px!important}
.b-widget.preset-ink,.screen-thumb-widget.preset-ink{--widget-text:#f4f8ff;--widget-muted:#c9d7e7;--widget-bg:#182e48;--widget-soft:#30475f;--widget-border:#47647e;--clock-face:#2c415b;background:#182e48!important;color:#f4f8ff!important;border:1px solid #54708c!important;box-shadow:inset 0 5px 0 var(--widget-accent),0 8px 24px #12223748!important}
.b-widget.preset-ink .analog-clock{color:#e9f3ff}.b-widget.preset-ink .b-note-text,.b-widget.preset-ink .b-clock-date,.b-widget.preset-ink .b-timer-status{color:#dbe8f7!important}
.screen-thumb-widget.preset-paper,.screen-thumb-widget.preset-outline,.screen-thumb-widget.preset-bold,.screen-thumb-widget.preset-band{border-radius:3px!important}
.screen-thumb-widget.preset-ink .screen-thumb-copy span{color:#c9d7e7}
.screen-thumb-widget.variant-horizontal .screen-thumb-traffic{flex-direction:row}
.screen-thumb-widget.variant-word .screen-thumb-traffic{flex-direction:row;transform:scale(.85)}
.screen-thumb-widget.font-serif{font-family:Georgia,serif}.screen-thumb-widget.font-mono{font-family:ui-monospace,monospace}
.screen-thumb-widget.variant-rows .screen-thumb-score{display:flex;flex-direction:column}
.screen-thumb-widget.variant-rows .screen-thumb-score i{flex-direction:row;justify-content:space-between}
.screen-thumb-widget.variant-poster .screen-thumb-copy b{text-transform:uppercase;letter-spacing:-.02em}
.screen-thumb-widget.variant-frame img{object-fit:contain;background:white;border:2px solid white;box-shadow:0 2px 5px #0004;transform:rotate(-2deg);max-width:90%;max-height:90%}
.type-agenda.variant-timeline .b-plan .b-agenda{padding-left:clamp(9px,2cqw,22px)!important}
.type-agenda.variant-timeline .b-plan-row{border-left:3px solid var(--widget-accent)!important;border-bottom:0!important;margin:0 0 clamp(3px,.8cqh,9px) 0!important;padding-left:clamp(7px,1.4cqw,15px)!important}
.type-agenda.variant-timeline .b-plan-row:before{content:''!important;display:block;position:absolute;left:calc(clamp(7px,1.4cqw,15px) * -1 - 7px);top:50%;width:11px;height:11px;border:2px solid var(--widget-accent);border-radius:50%;background:var(--widget-bg);transform:translateY(-50%)}
.type-agenda.variant-timeline .state-now:before{background:var(--widget-accent)}
.type-agenda.variant-cards .b-plan-row{background:var(--widget-soft)!important;box-shadow:0 2px 7px #1a385018!important}
.type-agenda.variant-cards .state-now{border-color:var(--widget-accent)!important}
.screen-thumb-widget.type-agenda.variant-timeline .screen-thumb-plan{border-left:2px solid var(--widget-accent)}
.screen-thumb-widget.type-agenda.variant-cards .screen-thumb-agenda li{margin:1px 0;border:1px solid var(--widget-border);border-radius:2px;background:var(--widget-soft)}
.type-score.variant-stadium .b-score-grid>div{background:#14263b!important;color:#f4f8ff!important;border-top-color:color-mix(in srgb,var(--team-accent) 60%,white)!important}
.type-score.variant-stadium .b-score-grid b{color:color-mix(in srgb,var(--team-accent) 45%,white)!important}
.type-score.variant-rows .b-score-grid{display:flex!important;flex-direction:column!important;grid-template-columns:none!important;grid-template-rows:none!important}
.type-score.variant-rows .b-score-grid>div{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:clamp(3px,1.5cqw,14px);flex:1;min-height:0;min-width:0;border-top:0;border-left:clamp(3px,.6cqw,7px) solid var(--team-accent);text-align:left}
.type-score.variant-rows .b-score-grid>div b{margin:0!important;font-size:clamp(14px,min(16cqw,24cqh),60px)!important}
.type-score.variant-rows .b-score-grid>div>div{white-space:nowrap}

/* Families wrap together, with a responsive grid inside each family. */
.b-dialog.b-dialog-wide:has(.preset-gallery){width:min(1020px,calc(100vw - 20px));max-width:1020px;max-height:92dvh}
.b-dialog:has(.preset-gallery) .b-dialog-body{overflow-y:auto;max-height:calc(92dvh - 75px)}
 .preset-gallery.variant-options{display:block;min-width:0;border:0;padding:0;margin:6px 0 10px}
.preset-gallery.variant-options legend{width:100%;font-size:16px;margin:0 0 6px}
.preset-families{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px}
.preset-family{box-sizing:border-box;flex:0 1 auto;width:calc(var(--family-count) * 100px + 12px);max-width:100%;min-width:0;padding-left:12px;border-left:1px solid #e4eaf2}
.preset-family:first-child{padding-left:0;border-left:0;width:calc(var(--family-count) * 100px)}
.preset-family-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(88px,100%),1fr));gap:6px}
.preset-gallery .preset-family-title{margin:0 0 5px;color:#465773;font-size:13px;font-weight:600;line-height:1.3}
.preset-gallery.variant-options label{display:block;position:relative;min-width:0;min-height:88px;padding:2px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;overflow:hidden}
.preset-gallery.variant-options label:hover{border-color:#5d82c6;background:#eef4ff}
.preset-gallery.variant-options label:has(input:checked){border-color:#275bc8;background:#eaf1ff;box-shadow:0 0 0 2px #275bc8}
.preset-gallery.variant-options input{position:absolute;opacity:0;width:1px;height:1px;top:0;left:0}
.preset-gallery.variant-options label:has(input:checked):after{content:'✓';position:absolute;z-index:3;right:8px;top:8px;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#255bc5;color:white;font:700 13px/1 system-ui;box-shadow:0 1px 5px #1b365755}
.preset-gallery.variant-options label:focus-within{outline:3px solid #efb93f;outline-offset:2px}
.preset-gallery .design-thumbnail{height:84px;width:100%;overflow:hidden;border-radius:7px}
.preset-gallery .design-preview.b-widget{width:var(--preview-width,360px)!important;height:var(--preview-height,300px)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(var(--preview-scale,.30))!important;transform-origin:center!important;container-type:inline-size;pointer-events:none}
.preset-gallery .design-preview .b-widget-body{overflow:hidden!important}
.preset-gallery .design-preview .b-widget-body button{pointer-events:none}


.screen-thumb-widget.type-sticker .sticker-symbol{border-width:1px}
@media(max-width:760px){.b-sticker-results{grid-template-columns:repeat(3,minmax(0,1fr))}.b-sticker-filters{grid-template-columns:1fr 1fr}.b-sticker-filters label:last-child{grid-column:1/-1}}
@media(max-width:480px){.b-sticker-results{grid-template-columns:repeat(2,minmax(0,1fr))}.b-dialog .b-sticker-choice{min-height:112px}.b-sticker-filters{grid-template-columns:1fr 1fr}}

/* Micro sizes: every widget keeps a valid representation instead of being
   stopped by a shared, oversized minimum.  Secondary UI yields first; the
   primary visual remains contained and proportional. */
.b-widget.resize-aspect-ratio{aspect-ratio:auto}
.b-time-ring{min-width:0!important}
.b-clock-digits{font-size:clamp(10px,min(22cqw,20cqh),106px)!important}
.b-date-number{font-size:clamp(10px,min(29cqw,24cqh),110px)!important}
.b-big-time{font-size:clamp(10px,min(18cqw,18cqh),87px)!important}
.dice-number{font-size:clamp(12px,min(30cqw,30cqh),150px)!important}
.b-shell .b-light{width:clamp(6px,min(14cqw,16cqh),58px)!important}
.b-traffic-lights{gap:clamp(2px,3cqw,16px)!important;padding:clamp(2px,2cqw,12px)!important}
.b-wheel-result{font-size:clamp(8px,min(8cqw,10cqh),42px)!important;min-height:clamp(12px,7cqh,56px)!important}
.type-sticker .b-widget-head{display:none!important}
.gelara-sticker.sticker-word{font-size:clamp(7px,min(10cqw,31cqh),115px)!important;border-width:clamp(1px,.35cqw,2px)!important}

@container (max-width:120px){
  .b-widget-head{min-height:20px!important;padding:0 3px!important}
  .b-shell .b-move{min-height:18px!important;font-size:8px!important}
  .b-widget-tools button{width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;padding:2px!important}
  .b-widget-tools svg{width:11px!important;height:11px!important}
  .b-widget-body{padding:2px!important;gap:2px!important}
  .b-centered-actions{gap:2px!important;margin-top:0!important}
  .b-centered-actions button{font-size:8px!important;min-height:18px!important;padding:2px 4px!important}
  .type-timer .b-timer-adjust,.type-timer .b-timer-status,.type-stopwatch .b-timer-status{display:none!important}
  .type-timer .b-centered-actions button:not(:first-child),.type-wheel .b-centered-actions [data-b="wheel-reset"]{display:none!important}
  .type-wheel .b-wheel-status,.type-video .media-external,.type-music .music-volume{display:none!important}
  .type-music h2{font-size:clamp(8px,6cqw,24px)!important}
  .b-group-grid{gap:2px!important}
  .b-group-grid>div{padding:2px!important;font-size:clamp(7px,3cqw,12px)!important;border-top-width:2px!important}
  .b-group-grid p{margin:2px 0 0!important}
  .type-agenda .b-plan-task{gap:2px!important;padding:1px 2px!important}
  .type-agenda .b-plan-row{min-height:22px!important}
  .type-agenda .b-plan-name{font-size:clamp(8px,min(5.2cqw,6cqh),24px)!important}
  .type-agenda .b-plan-time{font-size:8px!important}
  .type-agenda .b-plan-status{width:clamp(12px,6.5cqw,40px)!important;border-width:1px!important}
  .type-agenda .b-plan-pictogram{border-radius:12%}
  .type-agenda .b-agenda-screen{display:none!important}
}

@container (max-height:90px){
  .b-widget-head{min-height:18px!important}
  .b-widget-body{padding:2px!important;gap:1px!important}
  .b-clock-date,.b-traffic-label,.b-wheel-status,.b-timer-status,.type-agenda .b-plan-time{display:none!important}
  .b-time-ring{width:min(48cqh,80%)!important;margin:0 auto!important;border-width:2px!important}
  .b-wheel-wrap{width:min(58cqh,72%)!important}
  .b-die{width:min(54cqh,52%)!important;margin:0 auto!important;padding:8%!important}
  .type-agenda .b-plan-heading{font-size:clamp(9px,8cqh,28px)!important;padding-bottom:2px!important}
}

/* Thumbnail shares the score layout choice at its saved widget ratio. */
.screen-thumb-score{display:grid;grid-template-columns:repeat(var(--score-cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--score-rows,1),minmax(0,1fr));align-items:stretch;gap:2%;height:100%;box-sizing:border-box}
.screen-thumb-score i{justify-content:center;overflow:hidden}

/* Screen management stays on the thumbnail; the canvas preview remains clickable. */
.class-screen-card[draggable]{cursor:grab}
.class-screen-card.dragging{opacity:.48;cursor:grabbing}
.class-screen-card.drop-before,.class-screen-card.drop-after{transition:transform .14s;transform:translateX(5px)}
.class-screen-card.drop-before:before,.class-screen-card.drop-after:after{content:"";position:absolute;top:4px;bottom:4px;width:4px;border-radius:4px;background:#245acb;z-index:8;box-shadow:0 0 0 3px #fff9}
.class-screen-card.drop-before:before{left:-7px}.class-screen-card.drop-after:after{right:-7px}
.class-screen-card-actions{position:absolute;top:7px;left:7px;z-index:6;display:flex;gap:4px;padding:3px;border-radius:10px;background:#fffef0;box-shadow:0 2px 10px #17314c26;opacity:0;pointer-events:none;transition:opacity .15s}
.class-screen-card:hover .class-screen-card-actions,.class-screen-card:focus-within .class-screen-card-actions{opacity:1;pointer-events:auto}
.class-screen-card-actions .class-screen-action{width:32px;min-height:32px;padding:4px;border:0;background:transparent;color:#304965}
.class-screen-card-actions .class-screen-danger{color:#a23843}
.class-screen-card-actions .class-screen-danger:hover{background:#fff0f0;color:#8c1e2c}
.class-screen-card-actions button:disabled{opacity:.35;cursor:default}
@media(hover:none){.class-screen-card-actions{opacity:1;pointer-events:auto}}
/* The projection mute remains available even when editor overlays are hidden. */
.b-sound-control{position:relative;display:inline-flex;align-items:center;z-index:190}
.b-shell .b-top-actions .b-sound-control .b-sound-toggle{width:32px;min-height:32px;padding:6px;background:transparent;border:0}
.b-sound-popover{position:absolute;top:calc(100% + 8px);right:0;width:228px;padding:13px 14px;border:1px solid #d5dfeb;border-radius:12px;background:#fff;box-shadow:0 8px 26px #18344b2b;color:#21344e;z-index:220}
.b-sound-popover[hidden]{display:none!important}
.b-sound-popover strong{display:block;margin-bottom:10px;font-size:13px}
.b-sound-range{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#63778e}
.b-sound-range output{font-variant-numeric:tabular-nums;color:#21344e;font-weight:650}
.b-sound-slider-row{display:flex;align-items:center;gap:7px;margin:7px 0 11px;color:#526b88}
.b-sound-slider-row input{width:100%;accent-color:#245acb}
.b-shell .b-sound-popover .b-sound-mute{width:100%!important;max-width:100%;min-width:0;height:auto;min-height:30px!important;padding:6px 9px!important;font-size:12px!important;white-space:normal;overflow-wrap:anywhere;text-align:center;justify-content:center}
.b-projection-sound{display:none}
.b-presenting .b-projection-sound{display:block;position:relative;flex:none;pointer-events:auto;opacity:.86;transition:opacity .18s}
.b-presenting .b-projection-sound:hover,.b-presenting .b-projection-sound:focus-within{opacity:1}
.b-shell .b-projection-sound .b-sound-toggle{width:38px;min-height:38px;padding:7px;border-radius:11px;background:#fffdf3e8;box-shadow:0 2px 12px #172c3e4d;color:#253954}
.b-projection-sound .b-sound-popover{top:auto;bottom:calc(100% + 8px);left:0;right:auto}
.b-rolling{animation:b-dice-feedback .32s ease-out}
@keyframes b-dice-feedback{0%{transform:rotate(-8deg) scale(.92)}55%{transform:rotate(7deg) scale(1.07)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.b-rolling{animation:none}}
/* Operational targets have a stable interactive size, independent of glyphs.
   These rules do not change the model's small-widget resize policies. */
.b-shell .b-widget .b-centered-actions{gap:4px!important;flex-shrink:0}
.b-shell .b-widget .b-centered-actions button,
.b-shell .b-widget .b-timer-adjust button{min-width:28px!important;min-height:28px!important}
.b-shell .type-score .b-score-grid button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:clamp(14px,min(14cqw,16cqh),24px)!important}
.b-shell .type-score .b-score-grid>div>div{gap:4px!important}
.b-shell .type-stopwatch .b-widget-body{flex-wrap:nowrap}
@container (height < 85px){
 .type-stopwatch .b-widget-body{flex-direction:row!important;gap:4px!important;padding:3px!important}
 .type-stopwatch .b-centered-actions{flex-direction:column;gap:2px!important}
 .type-stopwatch .b-big-time{font-size:clamp(12px,5cqw,24px)!important}
}
[data-resource-error]{color:#9b2634;background:#fff0f1;padding:10px;border-radius:8px;font-size:14px}
/* At the true micro size a horizontal signal row makes three independent
   targets possible without overlapping hits or increasing widget minima. */
@container (max-width:150px) and (max-height:130px){
 .type-traffic .b-traffic-lights{flex-direction:row!important;max-height:none!important;gap:4px!important;padding:2px!important;flex-shrink:0!important}
 .b-shell .type-traffic .b-light{position:relative;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;flex:none!important;border-radius:50%!important;overflow:visible!important}
 .b-shell .type-traffic .b-light:before{content:"";position:absolute;inset:-2px;border-radius:50%}
}

@container (max-width:80px){
 .b-shell .type-score .b-score-grid button{width:28px!important;height:28px!important;min-width:28px!important;min-height:28px!important}
}

/* Free row gutters share the normal drag surface; row controls keep their clicks. */
.b-shell .type-agenda .b-agenda{gap:clamp(8px,2cqh,18px)!important}
.b-video-external{color:inherit;text-decoration:none;width:100%;cursor:pointer}
.b-widget-body video,.b-widget-body iframe{cursor:auto}

.b-shell .b-wheel-hub{padding:0!important;border:0!important;min-width:0!important;min-height:0!important;touch-action:none;cursor:grab}

/* Catalog and newly created widgets share widgetIdentity palette tokens. */
.b-dialog:has(.b-tool-gallery) .tool-card{background:var(--tool-background);color:var(--tool-text);border-color:var(--tool-border);border-top:3px solid var(--tool-accent)}
.b-dialog:has(.b-tool-gallery) .tool-card-icon{background:var(--tool-soft);color:var(--tool-text)}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-ideas{color:var(--tool-text)}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-ideas:hover{background:var(--tool-soft);color:var(--tool-text)}
.b-dialog:has(.b-tool-gallery) .b-tool-gallery .tool-card .tool-card-add{background:var(--tool-accent);color:var(--tool-onAccent);border-color:var(--tool-accent)}
.b-dialog:has(.b-tool-gallery) .tool-card:hover{border-color:var(--tool-accent)}

/* Class plan operation is an overlay, never part of canvas sizing. */
#b-plan-control-slot{position:absolute;left:max(12px,env(safe-area-inset-left));bottom:84px;z-index:65;max-width:calc(100% - 24px);pointer-events:none}
.b-dock-hidden #b-plan-control-slot,.b-controls-hidden #b-plan-control-slot{bottom:max(14px,env(safe-area-inset-bottom))}
.b-presenting #b-plan-control-slot{left:50%;top:max(14px,env(safe-area-inset-top));bottom:auto;transform:translateX(-50%)}
.b-plan-control,.b-plan-control-recover{pointer-events:auto;background:#fffffff0;border:1px solid #d4deea;border-radius:12px;box-shadow:0 2px 10px #132b4820;color:#20364e}
.b-plan-control{display:flex;align-items:center;gap:5px;padding:5px;max-width:min(650px,calc(100vw - 24px))}
.b-plan-control button,.b-plan-control-recover{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;padding:6px;border:0;border-radius:8px;font-size:12px;white-space:nowrap}
.b-plan-control button:disabled{opacity:.35}
.b-plan-control button:focus-visible,.b-plan-control-recover:focus-visible{outline:3px solid #2563c9;outline-offset:2px}
.b-plan-control-copy{min-width:0;flex:1;max-width:320px;padding:0 4px;display:grid;gap:2px;font-size:12px}
.b-plan-control-copy strong,.b-plan-control-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.b-plan-control-copy small{font-size:11px;color:#506782}
.b-plan-migration{margin:8px 0;font-size:13px;color:#5b492c}
[data-class-plan-view]{max-height:65vh;overflow-y:auto;font-size:20px}
[data-class-plan-view] .b-plan-task{min-height:48px}
@media(max-width:600px){.b-plan-control{gap:2px}.b-plan-control-copy{max-width:34vw}.b-plan-control-copy small{display:none}}

.b-shell .b-dock .b-assistant{width:auto;min-width:44px;flex-shrink:0;padding-inline:12px;gap:7px}.b-assistant span{font-size:14px;white-space:nowrap}@media(max-width:640px){.b-assistant span{display:none}}

.class-empty-state{padding:48px 24px;text-align:center;border:1px dashed #b9c9e4;border-radius:20px;background:var(--surface,#fff)}.class-empty-state h2{margin:0 0 12px}.class-empty-state p{margin:0 0 20px}.class-empty-state button{margin:auto}

/* Private beta: orient teachers without a blocking tour. */
.first-use-mark{display:inline-flex;padding:1rem;color:#163be0;background:#edf1ff;border-radius:1rem}
.first-use-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;list-style:none;padding:0;margin:1.5rem 0;text-align:left;counter-reset:step}
.first-use-steps li{counter-increment:step;padding:1rem;background:#f5f7ff;border-radius:12px;font-size:1rem}.first-use-steps li:before{content:counter(step);display:block;color:#163be0;font-weight:700;margin-bottom:.5rem}.first-use-steps strong,.first-use-steps span{display:block}.first-use-steps span{margin-top:.4rem;line-height:1.5}
.first-screen-help{font-size:1rem;line-height:1.5;margin:0 0 1rem}.b-class-optional{margin:1rem 0}.b-class-optional summary{cursor:pointer;font-size:1rem;padding:.6rem 0}.first-widget-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:1rem 0}.first-screen-save{max-width:32rem;line-height:1.5}.b-cloud-status{max-width:12rem;font-size:.875rem;line-height:1.3}.b-presenting .b-empty{display:none!important}
@media(max-width:700px){.first-use-steps{grid-template-columns:1fr;gap:.5rem}.b-cloud-status{display:none}.class-empty-state{padding:1.5rem!important}}

.first-use-secondary{margin:1rem 0;text-align:center}

/* v167: presentation is content plus one explicit escape. No hover recovery. */
.b-clean-exit{display:none!important}
.b-presenting .b-clean-exit,.b-has-spotlight .b-clean-exit{display:grid!important;place-items:center;position:absolute;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));width:36px;min-height:36px;padding:8px!important;z-index:10010;border:1px solid #ffffff8a!important;border-radius:50%!important;color:#294565!important;background:#ffffffba!important;box-shadow:0 2px 8px #112e4918}
:is(.b-presenting,.b-has-spotlight) :is(.b-topline,.b-dock,.b-bar-recover,.b-controls-recover,.b-view-controls,.b-projection-controls,.b-projection-recover,.b-present-exit,.b-spotlight-return,.b-live-spotlight,.b-canvas-hint,#b-plan-control-slot,.b-widget-controls,.b-resize){display:none!important;pointer-events:none!important}
:is(.b-presenting,.b-has-spotlight) .sticker-live-tools button:not([data-b=sticker-play]){display:none!important}
.b-presenting .b-annotation-layer{display:none!important}
.b-spotlight-shade{pointer-events:none!important}
body:has(:is(.b-presenting,.b-has-spotlight)) #notice{visibility:hidden!important;pointer-events:none!important}
/* Ruleta 3.0: preset-owned artwork; the wheel, result and main action fit one face. */
.b-widget.type-wheel:has(.wheel3){border:0!important;box-shadow:none!important;background:transparent!important}
.type-wheel .b-widget-body:has(.wheel3){padding:0!important;gap:0!important}
.wheel3{width:100%;height:100%;min-height:0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:clamp(2px,1cqh,8px);padding:clamp(8px,2.6cqw,22px);background:var(--w3-bg);color:var(--w3-ink);border:1px solid color-mix(in srgb,var(--w3-rim) 40%,transparent);border-radius:clamp(16px,5cqw,30px);box-shadow:0 7px 22px #1536541c;overflow:hidden;position:relative;isolation:isolate}
.wheel3-face{width:100%;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;container-type:size;z-index:1}
.wheel3-disc{display:block;width:min(100cqw,100cqh);height:min(100cqw,100cqh);max-width:100%;max-height:100%;flex:none;filter:drop-shadow(0 4px 4px #18265028);overflow:visible}
.w3-minimal{border-radius:12px;box-shadow:none}.w3-chalk{border:clamp(3px,1cqw,8px) solid #b78b5c;border-radius:10px;box-shadow:inset 0 0 16px #0003,0 5px 12px #18332720}.w3-dark{border:1px solid #c8a56380;border-radius:22px;background:linear-gradient(145deg,#20324a,#101d30)}.w3-gelara{background:linear-gradient(155deg,#f3f8ff,#d5e5ff);border-radius:28px 28px 9px 28px}.w3-pastel{border-radius:38px;box-shadow:0 5px 0 #c1a8db40}.w3-vivid{border-radius:16px 38px 16px 38px;background:repeating-linear-gradient(135deg,#fff0f1 0 18px,#ffe5ed 18px 20px)}.w3-space{background:radial-gradient(ellipse at 10% 15%,#343b79,#111b44 70%);border-radius:28px}.w3-kids{border:3px solid #f0c581;border-radius:44px 44px 26px 26px}.w3-botanical{border-radius:40px 10px 40px 10px;background:linear-gradient(135deg,#f4f9ef,#e4efd9)}.w3-prize{border-radius:20px;border:2px dashed #aa8bda}.w3-party{background:radial-gradient(circle at 4px 4px,#e7c46340 1.5px,transparent 2px) 0 0/16px 16px,var(--w3-bg)}
.wheel3-result{flex:none;min-height:0;width:100%;text-align:center;overflow-wrap:anywhere;line-height:1.1;z-index:1}.wheel3-result:empty{display:none}.wheel3-result.has-result{padding:clamp(4px,1cqh,9px) clamp(7px,2cqw,18px);border:1px solid color-mix(in srgb,var(--w3-rim) 35%,transparent);background:color-mix(in srgb,var(--w3-bg) 80%,white);border-radius:12px;animation:wheel-winner-in .3s ease-out}.wheel3-result strong{display:block;font:850 var(--w3-result-font,clamp(13px,min(6.8cqw,8cqh),38px))/1.1 system-ui;color:var(--w3-ink)}.w3-dark .wheel3-result.has-result,.w3-space .wheel3-result.has-result,.w3-chalk .wheel3-result.has-result{background:#ffffff12}.wheel3-result>span{font:600 clamp(11px,3cqw,17px) system-ui}
.b-shell .wheel3-spin{flex:none;z-index:1;min-width:100px!important;min-height:40px!important;max-width:100%;padding:8px 20px!important;border-radius:100px!important;border:1px solid var(--w3-rim)!important;background:var(--w3-ink)!important;color:var(--w3-bg)!important;font:750 clamp(12px,3.8cqw,20px)/1.15 system-ui!important;white-space:normal!important;box-shadow:0 3px 0 color-mix(in srgb,var(--w3-ink) 20%,transparent)}.b-shell .wheel3-spin[aria-disabled=true],.b-shell .wheel3-spin:disabled{opacity:.65}.wheel3-count{font:600 clamp(10px,2.6cqw,13px) system-ui;flex:none;opacity:.8;z-index:1}.wheel3-empty{display:flex;flex-direction:column;align-items:center;gap:10px;border:2px dashed var(--w3-rim)!important;background:transparent!important;color:var(--w3-ink)!important;padding:18px!important;border-radius:20px!important;max-width:100%;font-size:clamp(14px,4cqw,22px)!important}.b-presenting .wheel3-empty{pointer-events:none}
.wheel3-confetti{position:absolute;inset:12% 12% 25%;pointer-events:none;overflow:hidden;z-index:0}.wheel3-confetti i{position:absolute;left:12%;top:20%;width:7px;height:12px;background:var(--w3-rim);opacity:0;animation:w3-celebrate .9s ease-out both}.wheel3-confetti i:nth-child(2){left:30%;top:8%;animation-delay:.03s;transform:rotate(25deg)}.wheel3-confetti i:nth-child(3){left:83%;top:30%;animation-delay:.06s}.wheel3-confetti i:nth-child(4){left:70%;top:12%;animation-delay:.1s}.wheel3-confetti i:nth-child(5){left:18%;top:60%;animation-delay:.03s}.wheel3-confetti i:nth-child(6){left:90%;top:70%}
@keyframes w3-celebrate{0%{opacity:0;translate:0 -10px;rotate:-30deg}20%{opacity:.8}100%{opacity:0;translate:0 45px;rotate:100deg}}@media(prefers-reduced-motion:reduce){.wheel3-confetti{display:none}.wheel3-result.has-result{animation:none}}
dialog.wheel-editor-dialog{width:min(1060px,96vw)!important;max-width:1060px!important}.wheel-editor-dialog form{display:block!important}.wheel-editor-dialog [hidden]{display:none!important}.wheel-editor-dialog .b-source-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wheel-editor-dialog .b-source-manual{grid-column:1/-1}.wheel-editor-dialog textarea{min-height:90px!important;max-height:180px}.wheel3-settings{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:8px 0}.wheel3-settings label{display:flex;align-items:center;gap:8px}.wheel3-settings input[type=checkbox]{width:auto}.wheel-editor-dialog small{font-size:12px;color:#62768e}.wheel3-family h3{margin:15px 0 7px;font:750 12px system-ui;color:#61738b}.wheel3-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.wheel3-grid>button{display:grid;grid-template-rows:105px auto;gap:6px;min-width:0;padding:7px!important;border:2px solid #e1e7ef!important;border-radius:13px!important;background:#f8fafc!important;color:#203950!important;text-align:center!important}.wheel3-grid>button[aria-pressed=true]{border-color:#2865d3!important;background:#edf4ff!important}.wheel3-grid>button>span{font:650 11px/1.2 system-ui;min-height:26px}.wheel3-mini{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;overflow:hidden;padding:3px;background:var(--w3-bg);border:1px solid var(--w3-rim);color:var(--w3-ink);border-radius:12px}.wheel3-mini .wheel3-disc{height:100%;width:100%;max-width:105px;filter:none}.wheel-editor-dialog .b-field{margin:0!important}
@media(max-width:750px){.wheel3-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:480px){.wheel3-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wheel3-grid>button{grid-template-rows:85px auto}.wheel-editor-dialog .b-source-fields{grid-template-columns:1fr}.wheel3-count{display:none}}
@container(max-height:170px){.wheel3{gap:2px;padding:6px}.wheel3-count{display:none}.b-shell .wheel3-spin{min-height:32px!important;padding:4px 12px!important}.wheel3-result strong{font-size:clamp(11px,5cqw,19px)}}
/* Ruleta 3.1: a true moving ribbon and an in-flow Spotlight footer. */
.wheel3-ribbon{display:block;width:100%;height:auto;max-width:100%;max-height:100%;overflow:hidden}.wheel3-face:has(.wheel3-ribbon){overflow:hidden}.wheel3-mini .wheel3-ribbon{width:100%;height:100%;max-height:100%}.wheel3-mini:has(.wheel3-ribbon){padding:0}
.wheel3-type-title{font:750 14px system-ui;color:#294c73;margin:18px 0 4px}.wheel3-list-tools{font-size:13px;border:1px solid #dbe5ef;border-radius:10px;padding:9px 12px;margin:8px 0}.wheel3-list-tools summary{cursor:pointer;font-weight:650;color:#31587b}.wheel3-list-tools>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.wheel3-list-tools button{font-size:12px!important;padding:8px 10px!important;min-height:36px}.wheel-collection-dialog{width:min(540px,94vw)!important;max-width:540px!important;padding:24px;border:1px solid #d6e2ee;border-radius:20px;color:#203c58;box-shadow:0 20px 80px #172b4950}.wheel-collection-dialog::backdrop{background:#18304a60;backdrop-filter:blur(3px)}.wheel-collection-dialog h2{font-size:20px;margin:0 0 10px}.wheel-collection-dialog p{font-size:14px;line-height:1.45}.wheel-collection-dialog label{display:grid;gap:6px;font-size:13px;font-weight:650;margin:12px 0}.wheel-collection-dialog input,.wheel-collection-dialog textarea{width:100%;box-sizing:border-box;font:16px/1.35 system-ui;border:1px solid #b8cbdc;border-radius:9px;padding:10px;resize:vertical}.wheel-collection-dialog footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.wheel-collection-dialog button{padding:10px 14px;border-radius:10px;border:1px solid #c7d6e5;min-height:42px;cursor:pointer}.wheel-collection-dialog [data-wheel-collection-error]{color:#ae3046}
.b-spotlight.type-wheel .wheel3{gap:clamp(4px,1cqh,10px);padding:clamp(8px,1.4cqw,20px)}
.b-spotlight.type-wheel .w3-inline-controls{position:static!important;inset:auto!important;width:auto!important;max-width:100%!important;flex:0 0 auto!important;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:none!important;box-shadow:none!important;padding:5px!important;align-self:center;z-index:1}
.w3-inline-controls:before{display:none}.b-spotlight.type-wheel .w3-inline-controls .wheel3-secondary{width:auto;flex-wrap:wrap!important;justify-content:center!important;gap:5px!important}
.b-spotlight.type-wheel .wheel3-count{display:block!important;min-height:1.2em;line-height:1.2}.b-spotlight.type-wheel .wheel3-result{max-height:24%;overflow:auto;flex-shrink:0}.b-spotlight.type-wheel .wheel3-face{flex:1 1 0;min-height:0}.b-spotlight.type-wheel .wheel3-ribbon{width:min(100%,1300px);height:100%;object-fit:contain}.b-spotlight.type-wheel .wheel3-spin{flex-shrink:0}
/* Ruleta-only participant overlays: compact, editable and independent of source lists. */
[data-wheel-participants]{margin:10px 0;padding:10px;border:1px solid #dbe5ef;border-radius:12px;background:#f7fafc}.wheel-participants-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.wheel-participants-head strong{font:700 13px system-ui;color:#31587b}.wheel-participants-head>div{display:flex;gap:5px;flex-wrap:wrap}.wheel-participants-head button{font:600 11px system-ui!important;padding:6px 9px!important;min-height:32px}.wheel-editor-dialog [data-wheel-participants]>p{font-size:12px;color:#61738a;margin:7px 0}.wheel-participant-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 10px;max-height:264px;overflow:auto;overscroll-behavior:contain}.wheel-participant-row{display:flex;align-items:center;gap:7px;min-width:0;padding:3px 5px;border:1px solid #dce6ee;border-radius:7px;background:#fff}.wheel-participant-row input[type=checkbox]{width:20px!important;min-width:20px;height:20px;accent-color:#2767ca}.wheel-participant-row input[type=text]{width:100%;min-width:0;border:0!important;padding:5px!important;margin:0!important;font:14px system-ui!important;background:transparent!important}.wheel-participant-row.is-excluded{background:#edf0f3}.wheel-participant-row.is-excluded input[type=text]{text-decoration:line-through;color:#76869a}@media(max-width:550px){.wheel-participant-rows{grid-template-columns:1fr}}
/* Grupos 3.0: prepared classroom layouts, with every member present in the DOM. */
.b-widget.type-groups:has(.groups3){border:0!important;background:transparent!important;box-shadow:none!important}.type-groups .b-widget-body:has(.groups3){padding:0!important;display:block!important;overflow:visible!important}.groups3{width:100%;height:100%;display:flex;flex-direction:column;gap:9px;padding:clamp(8px,2cqw,20px);border:1px solid color-mix(in srgb,var(--g3-accent) 30%,transparent);border-radius:24px;background:var(--g3-bg);color:var(--g3-ink);box-shadow:0 6px 20px #17365118;container-type:size;overflow:hidden;box-sizing:border-box}.g3-viewport{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--g3-accent) transparent;padding:2px}.g3-grid{display:grid;grid-template-columns:repeat(var(--g3-cols),minmax(0,1fr));gap:clamp(7px,1.5cqw,18px);align-items:stretch;min-height:100%}.g3-team{position:relative;min-width:0;border:1px solid #d9e4ee;border-radius:18px;background:#fff;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 8px #28476d0a}.g3-team ul{list-style:none;padding:clamp(5px,1cqw,12px);margin:0;display:flex;flex-direction:column;gap:5px}.g3-team li{min-width:0;margin:0;padding:0;list-style:none}.b-shell .g3-team-heading{display:flex!important;align-items:center;justify-content:space-between;gap:5px;width:100%;border:0!important;border-radius:0!important;background:var(--team-fill)!important;color:#213d59!important;min-height:36px!important;padding:10px!important;font:750 clamp(13px,3.1cqw,20px)/1.15 system-ui!important;text-align:left!important;white-space:normal!important;overflow-wrap:anywhere}.g3-team-heading b{min-width:0}.g3-team-heading>span{flex:none;font:650 11px system-ui;padding:3px 6px;background:#ffffff8c;border-radius:20px}.b-shell .g3-member{display:block!important;width:100%;min-width:0;min-height:28px!important;padding:6px 9px!important;background:#f4f7fb!important;color:var(--g3-ink)!important;border:0!important;border-radius:9px!important;box-shadow:none!important;font:600 clamp(12px,min(var(--g3-font),4.6cqw),30px)/1.22 system-ui!important;white-space:normal!important;overflow-wrap:anywhere;text-align:left!important}.g3-member>span{font-size:.6em;white-space:nowrap}.g3-team.is-locked{outline:2px solid var(--g3-accent);outline-offset:-2px}.b-shell .g3-primary{align-self:center;flex:none;min-height:42px!important;padding:9px 24px!important;border:0!important;border-radius:999px!important;background:var(--g3-accent)!important;color:#fff!important;font:750 clamp(13px,3cqw,18px)/1.15 system-ui!important;max-width:100%;white-space:normal!important}.g3-summary{text-align:center;font:600 12px/1.2 system-ui;flex:none;opacity:.8}.g3-empty{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;font:600 clamp(14px,4cqw,24px) system-ui;padding:18px}.g3-empty>span{letter-spacing:10px;color:var(--g3-accent);font-size:40px}.g3-empty p{margin:0;max-width:30ch}.g3-friend{height:24px;width:80px;align-self:center;flex:none}.b-shell .g3-team-heading:focus-visible,.b-shell .g3-member:focus-visible{outline:3px solid #3e86e0!important;outline-offset:-3px}
.g3-gelara{background:linear-gradient(145deg,#f2f7ff,#dbeaff)}.g3-gelara .g3-team{border:1px solid #91b5e0;box-shadow:0 4px 0 #c0d6ef}.b-shell .g3-gelara .g3-team-heading{background:#2464ae!important;color:white!important}.g3-gelara .g3-team-heading>span{color:#20578a}.g3-minimal{box-shadow:none;border-radius:10px}.g3-minimal .g3-team{border:0;border-right:1px solid #dce4eb;box-shadow:none;border-radius:0}.b-shell .g3-minimal .g3-team-heading{background:transparent!important;border-bottom:2px solid #72869b!important}.b-shell .g3-minimal .g3-member{background:transparent!important;border-bottom:1px solid #edf0f4!important;border-radius:0!important;padding-left:0!important}.g3-dark .g3-team{background:#20354f;border-color:#3f5974}.b-shell .g3-dark .g3-team-heading{background:#2c4867!important;color:#e7eef9!important}.g3-dark .g3-team-heading>span{color:#21415d}.b-shell .g3-dark .g3-member{background:#ffffff0c!important}.g3-columns .g3-grid{grid-auto-rows:1fr}.g3-columns .g3-team{border-radius:4px;border-top:7px solid var(--g3-accent)}.b-shell .g3-columns .g3-team-heading{background:#eee6f7!important}.g3-columns .g3-team ul{counter-reset:member}.g3-columns .g3-team li{counter-increment:member}.g3-columns .g3-member:before{content:counter(member) ". ";color:#9672bc}.g3-tables .g3-team{border-radius:40px;border:7px solid #d9bea0;background:#fffaf3;box-shadow:0 3px 0 #b8936e}.b-shell .g3-tables .g3-team-heading{justify-content:center;background:transparent!important;color:#684f37!important}.g3-tables .g3-team ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.b-shell .g3-tables .g3-member{background:#f0e5d5!important;text-align:center!important;border-radius:14px!important}.g3-sport{background:repeating-linear-gradient(90deg,#e4f0e9 0 50px,#edf6ef 50px 100px);border:2px solid #6b9f86}.g3-sport .g3-team{border:2px solid #3d8b70;border-radius:16px 16px 28px 28px}.b-shell .g3-sport .g3-team-heading{background:#246d53!important;color:#fff!important;letter-spacing:.03em}.g3-sport .g3-team-heading>span{color:#246d53}.g3-sport .g3-team ul{counter-reset:player}.g3-sport .g3-team li{counter-increment:player}.g3-sport .g3-member:before{content:counter(player);display:inline-block;min-width:1.5em;margin-right:6px;color:#3f805e}.g3-chalk{border:7px solid #ba9367;border-radius:12px;background:radial-gradient(ellipse at top,#2b574c,#193a34)}.g3-chalk .g3-team{background:transparent;box-shadow:none;border:1px dashed #e3d8af;border-radius:5px}.b-shell .g3-chalk .g3-team-heading{color:#fff5d8!important;background:transparent!important;border-bottom:2px solid #d2c7a3!important}.g3-chalk .g3-team-heading>span{color:#34564a}.b-shell .g3-chalk .g3-member{background:transparent!important;font-family:Georgia,serif!important;font-weight:600!important}.g3-kids{border:3px solid #edce8e;border-radius:30px;background:radial-gradient(circle at 6px 6px,#efc67450 2px,transparent 3px) 0 0/25px 25px,#fff7e4}.g3-kids .g3-team{border-radius:24px 24px 14px 14px;border:2px solid #ead5b1}.g3-kids .g3-team-heading{border-radius:20px 20px 0 0!important}.g3-kids .g3-team ul{padding-top:2px}.g3-pastel{border-radius:34px;background:linear-gradient(145deg,#fbf6ff,#efe4f4)}.g3-pastel .g3-team{border:1px solid #d9c9e5;border-radius:25px;box-shadow:0 4px 0 #c7b2d637}.b-shell .g3-pastel .g3-team-heading{background:transparent!important;color:#675278!important}.b-shell .g3-pastel .g3-member{background:#f3edf7!important}
.g3-mini{width:100%;height:105px;min-width:0;overflow:hidden;container-type:size}.g3-mini .groups3{padding:4px;border-radius:8px;box-shadow:none;--g3-cols:2!important;--g3-font:7px!important;gap:0}.g3-mini .g3-viewport{overflow:hidden;padding:0}.g3-mini .g3-grid{gap:3px;min-height:100%}.g3-mini .g3-team{border-width:1px;border-radius:5px;box-shadow:none}.g3-mini .g3-team-heading{display:block;padding:3px!important;min-height:0!important;font:750 7px/1.1 system-ui;color:#244565;background:var(--team-fill)}.g3-mini .g3-team ul{padding:2px!important;gap:1px;display:block}.g3-mini .g3-member{display:block;font:600 7px/1.1 system-ui;padding:1px 2px;background:transparent;color:var(--g3-ink);overflow-wrap:anywhere}.g3-mini .g3-friend{width:35px;height:10px}.g3-mini .g3-sport .g3-team{border-radius:6px}.g3-mini .g3-tables .g3-team{border:3px solid #d9bea0;border-radius:14px}.g3-mini .g3-chalk{border:3px solid #ba9367}.g3-mini .g3-dark .g3-team-heading{background:#2c4867;color:#e7eef9}.g3-mini .g3-chalk .g3-team-heading{background:transparent;color:#fff5d8}.g3-gallery>button{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:105px auto!important}.g3-settings{display:flex;flex-wrap:wrap;gap:9px;align-items:end;padding:10px 0}.g3-settings label{display:grid;gap:5px;font-size:12px;min-width:120px}.g3-settings input{max-width:120px}.g3-settings>button{min-height:42px;background:#2868ad!important;color:white!important;border:0!important}.g3-hint{font-size:12px;color:#63748a;margin:8px 0}.g3-distribution-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.g3-distribution-actions button{font-size:12px!important;padding:8px 12px!important}.group-adjust-dialog .g3-check{display:flex;flex-direction:row;align-items:center}.group-adjust-dialog .g3-check input{width:20px;height:20px}.group-adjust-dialog select{width:100%;font:15px system-ui;border:1px solid #b9ccdb;border-radius:10px;padding:9px;background:#f7fafc}.g3-modal-actions{display:flex;flex-wrap:wrap;gap:7px;border-top:1px solid #dce5ee;padding-top:14px;margin-top:16px}.group-adjust-dialog button:disabled{opacity:.45;cursor:default}
.b-spotlight.type-groups .g3-inline-controls{position:static!important;inset:auto!important;max-width:100%!important;width:auto!important;align-self:center;flex:none;opacity:1!important;pointer-events:auto!important;transform:none!important;transition:none!important;box-shadow:none!important;padding:5px!important}.g3-inline-controls:before{display:none}.g3-inline-controls .g3-secondary{flex-wrap:wrap!important;justify-content:center!important;width:auto!important}.b-spotlight.type-groups .groups3{padding:18px;gap:10px}.b-spotlight.type-groups .g3-summary{display:block!important}.b-spotlight.type-groups .g3-member{font-size:clamp(16px,min(var(--g3-font),4cqw),32px)!important;min-height:36px!important}.b-spotlight.type-groups .g3-team-heading{font-size:clamp(16px,2cqw,25px)!important}
@container(max-width:480px){.g3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g3-tables .g3-team ul{grid-template-columns:1fr}.g3-mini .g3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container(max-width:240px){.g3-grid{grid-template-columns:1fr}.g3-mini .g3-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.g3-summary{font-size:10px}.b-shell .g3-primary{padding:6px 12px!important;font-size:12px!important;min-height:34px!important}}
/* Grupos 3.1: the available height belongs to the teams, not permanent controls. */
.b-widget .groups3{position:relative;padding:var(--g3-pad,8px);padding-bottom:22px;gap:0;isolation:isolate}.b-widget .groups3 .g3-viewport{padding:1px;flex:1 1 0;min-height:0}.b-widget .groups3 .g3-grid{min-height:0;height:auto;grid-auto-rows:auto;align-items:start;align-content:start;gap:clamp(4px,1cqw,14px)}.b-widget .groups3[data-g3-layout] .g3-grid{grid-template-columns:repeat(var(--g3-cols),minmax(0,1fr))}.b-widget .groups3 .g3-team{min-height:0;overflow:visible}.b-widget .groups3 .g3-team ul{flex:none;gap:2px;padding:var(--g3-item-pad,4px)}.b-shell .b-widget .groups3 .g3-member{font:600 var(--g3-fit-font,18px)/1.18 system-ui!important;min-height:0!important;padding:var(--g3-item-pad,3px) 6px!important}.b-shell .b-widget .groups3 .g3-team-heading{font:750 var(--g3-heading-font,15px)/1.15 system-ui!important;padding:var(--g3-heading-pad,4px) 6px!important;min-height:0!important;border-radius:16px 16px 0 0!important}.b-widget .groups3 .g3-summary{position:absolute;bottom:5px;left:4px;right:4px;font-size:11px;pointer-events:none}.b-widget .groups3 .g3-friend{height:clamp(10px,3cqh,24px);max-width:100%}.b-widget .groups3 .g3-team-heading>span{font-size:10px;padding:1px 4px}.b-widget .groups3[data-g3-compact]{padding-bottom:var(--g3-pad,5px);border-radius:12px}.b-widget .groups3[data-g3-compact] .g3-summary{display:none!important}.b-widget .groups3[data-g3-compact] .g3-team{border-radius:8px}.b-widget .groups3[data-g3-compact] .g3-team ul{gap:1px}.b-widget .groups3[data-g3-compact] .g3-friend{height:10px}.b-widget .groups3[data-g3-tiny] .g3-friend{display:none}.b-widget .g3-chalk[data-g3-compact]{border-width:3px}.b-widget .g3-tables[data-g3-compact] .g3-team{border-width:3px}.b-widget .g3-kids[data-g3-compact]{border-width:2px}.b-widget .g3-columns[data-g3-compact] .g3-team{border-top-width:3px}.b-shell .b-widget .g3-chalk .g3-member{font-family:Georgia,serif!important}.b-shell .b-widget .g3-minimal .g3-member{padding-left:2px!important}
/* The same contextual controller handles mouse, keyboard and first-touch reveal. */
.g3-secondary .g3-primary{min-height:36px!important;font:700 13px/1.15 system-ui!important;padding:7px 13px!important;display:inline-flex;align-items:center;justify-content:center;gap:5px}.g3-secondary .g3-primary:before{content:'⇄';font-size:18px}.g3-secondary{gap:5px!important}.g3-inline-controls{z-index:2}.b-spotlight.type-groups .groups3:has(.g3-inline-controls){padding-bottom:8px;gap:7px}.b-spotlight.type-groups .g3-inline-controls{margin:0;max-height:25%;overflow:auto}.b-spotlight.type-groups .groups3:has(.g3-inline-controls) .g3-summary{position:static;flex:none}.b-spotlight.type-groups .groups3[data-g3-compact] .g3-inline-controls button{padding:5px 8px!important;font-size:11px!important;min-height:30px!important}
.g3-add-participant{margin:8px 0}.g3-add-participant>button{font-weight:700!important;color:#2761a0!important}.g3-add-participant [data-groups-add-row]{display:flex;align-items:end;flex-wrap:wrap;gap:8px;margin-top:8px}.g3-add-participant label{display:grid;gap:5px;flex:1;min-width:180px}.g3-add-participant input{width:100%}.g3-appearance{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:8px 0;margin:8px 0}.g3-appearance legend{font:700 13px system-ui;color:#41617c}.g3-appearance label{display:flex;align-items:center;gap:7px;border:1px solid #cfdeec;border-radius:10px;background:#f5f9fe;padding:9px;font:600 12px system-ui;cursor:pointer}.g3-appearance label:has(input:checked){border-color:#367ce0;background:#e8f1ff}.g3-appearance label>span{font-size:20px;color:#3973b8}.g3-appearance input{width:16px!important;height:16px!important;margin:0!important}
.b-widget:has(.g3-revealing)>.tp-floating-controls{opacity:1;pointer-events:auto}.b-widget .g3-skip{min-height:32px!important;padding:6px 10px!important;border-radius:16px!important;border:1px solid #8aafd3!important;background:#fff!important;color:#244d75!important;font:700 12px system-ui!important;box-shadow:0 2px 10px #17365130}.g3-skip[hidden]{display:none!important}.g3-revealing .g3-member,.g3-revealing .g3-team-heading{pointer-events:none}.g3-reveal-one .g3-member{animation:g3-member-in .3s ease-out both;animation-delay:calc(var(--g3-order)*var(--g3-step) + var(--g3-elapsed))}.g3-reveal-mix .g3-grid{animation:g3-board-in .45s ease-out both;animation-delay:calc(850ms + var(--g3-elapsed))}.g3-mix-layer{position:absolute;inset:10px 10px 42px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:10px;pointer-events:none;overflow:hidden;animation:g3-mix-away 1.3s linear both;animation-delay:var(--g3-elapsed)}.g3-mix-layer span{max-width:45%;padding:7px 12px;border:1px solid var(--g3-accent);border-radius:12px;background:var(--g3-bg);color:var(--g3-ink);font:700 clamp(12px,3cqw,23px) system-ui;overflow-wrap:anywhere;box-shadow:0 3px 8px #18324b20;animation:g3-mix .24s ease-in-out 4 alternate;animation-delay:calc(var(--mix-i)*-27ms + var(--g3-elapsed));transform:rotate(var(--mix-tilt))}
@keyframes g3-member-in{from{opacity:0;transform:translateY(9px) scale(.96)}to{opacity:1;transform:none}}@keyframes g3-board-in{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes g3-mix{from{translate:-10px -5px;rotate:-5deg}to{translate:10px 6px;rotate:5deg}}@keyframes g3-mix-away{0%,60%{opacity:1}75%,100%{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.g3-revealing *{animation:none!important;transition:none!important}.g3-mix-layer{display:none!important}}
/* Grupos 3.2: direct manipulation inside the editor, independent of Aula designs. */
[data-groups-visual-editor] h3{margin:0 0 6px;font-size:18px;color:#294b70}.ge-help{font-size:12px;color:#61748b;line-height:1.45;margin:6px 0 10px}.ge-mode{display:flex;gap:5px;margin:8px 0}.ge-mode button{font:650 12px system-ui!important;padding:7px 12px!important;border-radius:9px!important}.ge-mode button[aria-pressed=true]{background:#e5efff!important;border-color:#4d83c3!important;color:#1c4e85!important}.ge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}.ge-team{min-width:0;border:1px solid #d2dfec;border-radius:14px;overflow:hidden;background:#f8fbff}.ge-team header{display:flex;align-items:center;gap:4px;background:var(--ge-color);padding:7px}.ge-team-name{flex:1;min-width:0}.ge-team-name input{font:750 14px system-ui!important;border:1px solid transparent!important;background:transparent!important;width:100%;min-width:0;padding:6px!important;margin:0!important;color:#284765!important}.ge-team-name input:hover,.ge-team-name input:focus{border-color:#98b8d7!important;background:#ffffffa0!important}.ge-team header button{padding:4px!important;min-width:30px;min-height:32px;font-size:16px!important;background:transparent!important;border:0!important}.ge-count{font:700 11px system-ui;color:#41627e;padding:3px 6px;background:#ffffff91;border-radius:99px}.ge-team ul{list-style:none;padding:7px;margin:0;display:grid;gap:5px;min-height:32px}.ge-team li{list-style:none;margin:0;padding:0;display:flex;align-items:center;min-width:0;background:#fff;border-radius:8px;border:1px solid #dbe5ef}.ge-team li>button[data-ge-member]{display:flex;align-items:center;gap:6px;width:100%;min-width:0;min-height:38px;background:transparent!important;border:0!important;padding:7px!important;font:600 14px/1.3 system-ui!important;text-align:left;color:#294760!important;white-space:normal!important;overflow-wrap:anywhere}.ge-team [data-ge-member]>span:nth-child(2){flex:1;min-width:0}.ge-grip{font-size:17px;color:#8aa4bc;cursor:grab}.ge-team li:has([aria-pressed=true]){background:#e6f0ff;border-color:#4a81c5;box-shadow:0 0 0 1px #4a81c5}.ge-team [aria-disabled=true]{opacity:.7;cursor:default}.ge-team .ge-unlock{font-size:12px!important;padding:4px!important;min-width:28px;background:transparent!important;border:0!important}.ge-team.is-locked{border-color:#d0b46d;background:#fffcf4}.ge-team.is-locked header{background:#f0e6c6}.ge-destination{width:calc(100% - 14px);margin:0 7px 7px;border:1px dashed #a8bfd8!important;border-radius:8px!important;background:#eef5fd!important;color:#3d638d!important;font:650 11px system-ui!important;min-height:34px;padding:7px!important;white-space:normal!important}.ge-destination:disabled{opacity:.4!important}.ge-selection{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;margin:8px 0;padding:8px 10px;border:1px solid #b8cfe8;border-radius:10px;background:#edf5ff;font-size:12px}.ge-selection>div{display:flex;flex-wrap:wrap;gap:4px}.ge-selection button{padding:6px 8px!important;min-height:32px;font:600 11px system-ui!important}.ge-status{font-size:12px;color:#456a91;margin:5px 0;min-height:16px}.ge-drop-before{box-shadow:0 -3px 0 #3477cd!important}.ge-drop-team{outline:3px solid #3477cd;outline-offset:-3px}.ge-dragging [draggable=true]{cursor:grabbing}.groups-editor-dialog [data-groups-participants]{border:1px solid #d8e3ef;border-radius:11px;padding:10px;margin:9px 0 14px}.groups-editor-dialog [data-groups-participants]>summary{font:700 13px system-ui;color:#3e6081;cursor:pointer;padding:3px}.groups-editor-dialog [data-groups-participants][open]>summary{margin-bottom:12px}.ge-selection[hidden]{display:none!important}@media(max-width:720px){.ge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:450px){.ge-grid{grid-template-columns:1fr}}
.ge-grip{touch-action:none}.ge-team [data-ge-member]{user-select:none}.ge-dragging{user-select:none}.ge-drag-label{position:fixed;pointer-events:none;z-index:2147483647;background:#fff;color:#28507b;border:2px solid #4a81c5;padding:9px 16px;border-radius:9px;box-shadow:0 6px 20px #17365130;font:700 14px system-ui;max-width:250px;overflow-wrap:anywhere}
/* Dado 3.0: a six-sided cube with a physical top-face result. */
.b-widget.type-dice:has(.dice3){border:0!important;background:transparent!important;box-shadow:none!important}.type-dice .b-widget-body:has(.dice3){padding:0!important;display:block!important;overflow:visible!important}.dice3{--die-size:100px;--d3-face:#fffefa;--d3-ink:#344053;--d3-edge:#d4d7dd;--d3-bg:#edf0f4;--d3-accent:#496d98;position:relative;isolation:isolate;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;min-height:0;box-sizing:border-box;overflow:hidden;border-radius:24px;border:1px solid #cfd9e3;background:radial-gradient(ellipse at 45% 30%,#ffffffc9,transparent 70%),var(--d3-bg);color:var(--d3-ink);container-type:size;box-shadow:0 7px 22px #18334c1c}.d3-arena{position:relative;display:flex;flex:1;min-height:0;align-items:center;justify-content:center;padding:2%;perspective:1200px}.b-shell .d3-die,.d3-die{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;flex:1!important;height:100%!important;min-width:0!important;max-width:100%!important;min-height:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;overflow:visible!important;cursor:pointer;perspective:1000px;-webkit-tap-highlight-color:transparent}.d3-die:focus-visible{outline:3px dashed var(--d3-accent)!important;outline-offset:-5px}.d3-travel{position:relative;display:block;width:var(--die-size);height:var(--die-size);transform-style:preserve-3d;z-index:2}.d3-camera{display:block;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(-52deg) rotateY(-24deg)}.d3-cube{display:block;position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(0deg) rotateZ(var(--rz))}.d3-face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:var(--d3-face);border:calc(var(--die-size)*.016) solid var(--d3-edge);border-radius:calc(var(--die-size)*.1);box-shadow:inset 0 0 calc(var(--die-size)*.09) #24354815;backface-visibility:hidden;overflow:hidden;color:var(--d3-ink)}.d3-face svg{width:100%;height:100%;fill:var(--d3-ink)}.d3-face-front{transform:translateZ(calc(var(--die-size)/2))}.d3-face-back{transform:rotateY(180deg) translateZ(calc(var(--die-size)/2));background:color-mix(in srgb,var(--d3-face),#9aa9b7 12%)}.d3-face-right{transform:rotateY(90deg) translateZ(calc(var(--die-size)/2));filter:brightness(.9)}.d3-face-left{transform:rotateY(-90deg) translateZ(calc(var(--die-size)/2));filter:brightness(.95)}.d3-face-top{transform:rotateX(90deg) translateZ(calc(var(--die-size)/2))}.d3-face-bottom{transform:rotateX(-90deg) translateZ(calc(var(--die-size)/2));filter:brightness(.9)}.d3-face-text{display:block;font:750 calc(var(--die-size)*.16)/1.08 system-ui;overflow-wrap:anywhere;white-space:normal;padding:8%;text-align:center;max-height:100%;box-sizing:border-box}.d3-shadow{position:absolute;width:calc(var(--die-size)*1.25);height:calc(var(--die-size)*.25);top:calc(50% + var(--die-size)*.48);border-radius:50%;background:#10212c36;filter:blur(calc(var(--die-size)*.08));transform:rotate(-10deg);opacity:.65}.d3-summary{position:relative;flex:none;min-height:1.3em;max-height:27%;overflow:auto;text-align:center;padding:0 5% 5%;font:700 var(--d3-result-size,24px)/1.2 system-ui;z-index:2;overflow-wrap:anywhere}.d3-summary strong{font-size:1.25em}.d3-pending{display:none;font-size:.6em}.d3-running .d3-final{visibility:hidden}.d3-running .d3-pending{position:absolute;inset:0;display:block}.d3-scenery{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.7}.d3-cup{position:absolute;left:50%;top:50%;width:min(36%,230px);height:85%;transform:translate(-50%,-50%);display:none;z-index:4;pointer-events:none}.d3-cup svg{width:100%;height:100%;overflow:visible}.d3-actions{gap:5px!important;flex-wrap:wrap!important}.d3-actions button{min-height:34px!important;font:650 12px system-ui!important;padding:7px 12px!important}.d3-actions [hidden]{display:none!important}.b-widget:has(.d3-running)>.tp-floating-controls{opacity:1!important;pointer-events:auto!important}.b-spotlight.type-dice .d3-inline-controls{position:static!important;inset:auto!important;align-self:center;flex:none;width:auto!important;max-width:100%!important;opacity:1!important;pointer-events:auto!important;transform:none!important;box-shadow:none!important;margin:0 0 6px}.d3-inline-controls:before{display:none}.dice3[data-d3-small]{border-radius:12px}.dice3[data-d3-small] .d3-summary{padding-bottom:3%;max-height:25%}
.d3-table{--d3-bg:#287564;--d3-face:#f9f1d8;--d3-ink:#254038;--d3-edge:#d4caa5;border:6px solid #906849;background:radial-gradient(ellipse at center,#62968a50,transparent),#286b59}.d3-table .d3-summary{color:#fff6d6}.d3-goose{--d3-bg:#e0ebcf;--d3-ink:#67563b;--d3-face:#fff7e4;--d3-edge:#d7bd89;border:3px solid #d7bd89}.d3-ludo{--d3-bg:#fff4da;--d3-face:#fffdf9;--d3-ink:#b94a42;--d3-edge:#e1c5a1;border:3px solid #e0cda1}.d3-ludo .d3-die:nth-child(2){--d3-ink:#3478a8}.d3-ludo .d3-die:nth-child(3){--d3-ink:#3d8a6c}.d3-kids{--d3-bg:#fff5d4;--d3-face:#f4bfc5;--d3-ink:#743f5b;--d3-edge:#d99ba9;border:3px solid #e6ce91}.d3-kids .d3-die:nth-child(2){--d3-face:#b8e4dd;--d3-edge:#86c2b8;--d3-ink:#295b5c}.d3-kids .d3-die:nth-child(3){--d3-face:#bed5f7;--d3-edge:#8baedf;--d3-ink:#3e557b}.d3-gelara{--d3-bg:#d7e8ff;--d3-face:#397cd3;--d3-ink:#fff;--d3-edge:#2259a2;background:radial-gradient(ellipse at 35% 20%,#f6fbff,#c6ddfa);color:#285789}.d3-wood{--d3-bg:#c6a272;--d3-face:#efd3a1;--d3-ink:#674c30;--d3-edge:#b48c59;background:repeating-linear-gradient(174deg,#d8b785 0 2px,#d1ae7c 3px 7px,#d8b785 10px 25px);border:4px solid #ae8756}.d3-wood .d3-face{background:repeating-linear-gradient(12deg,#efd3a1 0 5px,#e9c994 6px 7px,#efd3a1 8px 17px)}.d3-neon{--d3-bg:#121c31;--d3-face:#202a43;--d3-ink:#82eadc;--d3-edge:#4fc7ca;background:radial-gradient(ellipse at center,#40597e,#101729);color:#a6f5ea;border-color:#54749e}.d3-neon .d3-face{box-shadow:inset 0 0 12px #4bdcd75c,0 0 8px #7fe9ed75}.d3-minimal{--d3-bg:#fff;--d3-ink:#283b4b;--d3-face:#fff;--d3-edge:#b9c6cf;border-radius:8px;box-shadow:none;background:#ffffffea}.d3-dark{--d3-bg:#142638;--d3-face:#2d4358;--d3-ink:#f5dfa8;--d3-edge:#617180;color:#efdbaa;background:radial-gradient(ellipse at 40% 30%,#3b4d60,#152638);border:2px solid #6b7379}
/* Separate travel, camera and cube transforms keep every roll inside its own lane. */
.d3-running .d3-cube{animation:d3-tumble 2.05s cubic-bezier(.15,.55,.4,1) both;animation-delay:calc(var(--die-index)*65ms + var(--d3-elapsed))}.d3-running .d3-shadow{animation:d3-shadow 2.05s ease-out both;animation-delay:calc(var(--die-index)*65ms + var(--d3-elapsed))}.d3-motion-classic .d3-travel{animation:d3-toss 2.05s ease-out both;animation-delay:calc(var(--die-index)*65ms + var(--d3-elapsed))}.d3-motion-rollingMode .d3-travel{animation:d3-roll-travel 2.05s ease-out both;animation-delay:calc(var(--die-index)*65ms + var(--d3-elapsed))}.d3-motion-rollingMode .d3-cube{animation-name:d3-roll-cube}.d3-motion-cup .d3-travel{animation:d3-from-cup 2.05s ease-out both;animation-delay:calc(var(--die-index)*65ms + var(--d3-elapsed))}.d3-motion-cup .d3-cup{display:block;animation:d3-cup-shake 2.05s ease-in-out both;animation-delay:var(--d3-elapsed)}.d3-motion-cup .d3-cube{animation-name:d3-cup-cube}
@keyframes d3-tumble{0%{transform:rotateX(calc(var(--rx) - 720deg)) rotateY(720deg) rotateZ(calc(var(--rz) + 360deg))}48%{transform:rotateX(calc(var(--rx) - 180deg)) rotateY(200deg) rotateZ(calc(var(--rz) + 95deg))}75%{transform:rotateX(calc(var(--rx) + 32deg)) rotateY(-25deg) rotateZ(calc(var(--rz) - 20deg))}90%{transform:rotateX(calc(var(--rx) - 8deg)) rotateY(5deg) rotateZ(calc(var(--rz) + 5deg))}100%{transform:rotateX(var(--rx)) rotateY(0deg) rotateZ(var(--rz))}}@keyframes d3-toss{0%{transform:translate3d(-5%,0,0)}25%{transform:translate3d(8%,calc(var(--die-size)*-.45),0)}49%{transform:translate3d(-3%,7%,0)}65%{transform:translate3d(2%,calc(var(--die-size)*-.18),0)}77%{transform:translate3d(0,3%,0)}87%{transform:translate3d(0,-4%,0)}100%{transform:none}}@keyframes d3-shadow{0%,50%,80%,100%{scale:1;opacity:.65}25%{scale:.65;opacity:.22}65%{scale:.8;opacity:.4}}@keyframes d3-roll-travel{0%{transform:translate3d(-35%,-12%,0)}22%{transform:translate3d(-20%,-25%,0)}48%{transform:translate3d(8%,6%,0)}63%{transform:translate3d(-3%,-12%,0)}80%{transform:translate3d(1%,2%,0)}100%{transform:none}}@keyframes d3-roll-cube{0%{transform:rotateX(calc(var(--rx) - 1080deg)) rotateY(-540deg) rotateZ(calc(var(--rz) - 720deg))}65%{transform:rotateX(calc(var(--rx) - 80deg)) rotateY(-25deg) rotateZ(calc(var(--rz) - 45deg))}85%{transform:rotateX(calc(var(--rx) + 9deg)) rotateY(6deg) rotateZ(calc(var(--rz) + 7deg))}100%{transform:rotateX(var(--rx)) rotateY(0deg) rotateZ(var(--rz))}}@keyframes d3-from-cup{0%,37%{opacity:0;transform:translate(0,-24%)}40%{opacity:1;transform:translate(0,-24%)}65%{transform:translate(4%,5%)}78%{transform:translate(0,-9%)}100%{transform:none;opacity:1}}@keyframes d3-cup-cube{0%,37%{transform:rotateX(calc(var(--rx) - 720deg)) rotateY(360deg) rotateZ(calc(var(--rz) + 180deg))}75%{transform:rotateX(calc(var(--rx) + 40deg)) rotateY(-12deg) rotateZ(calc(var(--rz) - 20deg))}100%{transform:rotateX(var(--rx)) rotateY(0deg) rotateZ(var(--rz))}}@keyframes d3-cup-shake{0%{transform:translate(-50%,-50%) rotate(0)}8%,24%{transform:translate(-55%,-54%) rotate(-12deg)}16%,32%{transform:translate(-45%,-50%) rotate(12deg)}40%{transform:translate(-50%,-60%) rotate(-8deg);opacity:1}65%{transform:translate(-70%,-150%) rotate(-40deg);opacity:0}100%{transform:translate(-70%,-150%);opacity:0}}
.d3-mini{width:100%;height:105px;min-width:0}.d3-mini .dice3{border-radius:8px;box-shadow:none;--die-size:32px;--d3-result-size:10px}.d3-mini .d3-summary{padding:0 0 3%;font-size:10px}.d3-gallery>button{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:105px auto!important}.d3-settings{display:flex;flex-wrap:wrap;gap:12px;align-items:end}.d3-settings label,[data-dice-custom] label{display:grid;gap:5px;font-size:12px}.d3-settings select,[data-dice-custom] select{padding:8px!important;border:1px solid #cad9e7;border-radius:9px;background:#f5f9fe}.d3-settings .d3-sound{display:flex;align-items:center;font-size:12px}.d3-sound input{width:18px!important;height:18px!important}.d3-animation{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0;padding:8px 0;border:0}.d3-animation legend{font:700 13px system-ui;color:#41617c}.d3-animation label{display:flex;align-items:center;gap:6px;padding:9px;border:1px solid #cadbea;border-radius:10px;font-size:12px;background:#f5f9fe}.d3-animation label:has(input:checked){background:#e3efff;border-color:#3b78c0}.d3-animation input{width:16px!important;height:16px!important}.d3-animation span{font-size:21px;color:#3d73ae}[data-dice-custom]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}[data-dice-custom][hidden]{display:none!important}[data-dice-error]{font-size:12px;color:#a14242}[data-dice-custom] textarea{font:14px/1.4 system-ui;padding:8px;border:1px solid #cad9e7;border-radius:8px;width:100%;box-sizing:border-box}@media(max-width:550px){[data-dice-custom]{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dice3 *{animation:none!important;transition:none!important}.d3-motion-cup .d3-cup{display:none}.d3-running .d3-final{visibility:visible}.d3-running .d3-pending{display:none}}
/* Semáforo 3.0: prepared designs; messages remain teacher-owned content. */
.b-widget.type-traffic:has(.traffic3){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.type-traffic .b-widget-body:has(.traffic3){display:block!important;padding:0!important;overflow:visible!important}.traffic3{--t3-font:23px;--t3-bulb:50px;--t3-gap:9px;--t3-pad:12px;--t3-ink:#29415a;position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;height:100%;box-sizing:border-box;padding:var(--t3-pad);border:1px solid #d4e0eb;border-radius:24px;background:#f6f9fc;color:var(--t3-ink);box-shadow:0 5px 16px #1d3c5814;container-type:size;overflow:hidden}.t3-heading{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;margin:0 0 var(--t3-gap);min-width:0}.t3-title{font:750 clamp(11px,3cqw,22px)/1.15 system-ui;margin:0!important;overflow-wrap:anywhere;white-space:normal;text-align:center}.t3-friend{width:60px;height:24px;flex:none}.t3-stage{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:var(--t3-gap);flex:1;min-height:0;min-width:0}.t3-lights{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:var(--t3-gap);min-height:0;min-width:0;padding:8px;box-sizing:border-box;border-radius:26px;background:linear-gradient(115deg,#33404e,#17212e);box-shadow:inset 0 0 0 2px #465364,0 4px 8px #18324a15}.b-shell .t3-choice,.t3-choice{position:relative;display:flex;align-items:center;justify-content:center;min-width:0!important;min-height:0!important;box-sizing:border-box;border:0!important;background:transparent!important;padding:0!important;box-shadow:none!important;color:inherit;cursor:pointer;white-space:normal!important;border-radius:14px!important;text-align:center!important}.t3-bulb{position:relative;display:flex;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:var(--t3-bulb);height:var(--t3-bulb);border-radius:50%;background:radial-gradient(circle at 34% 25%,color-mix(in srgb,var(--t3-color),#31404d 65%),#26313c);border:3px solid #172333;box-shadow:inset 0 3px 7px #0005,0 1px 1px #ffffff36;color:var(--t3-dark)}.t3-bulb:before{content:'';position:absolute;inset:8%;border-radius:50%;border-top:2px solid #ffffff38}.t3-check{font:800 calc(var(--t3-bulb)*.36) system-ui;opacity:0;color:white}.t3-choice[data-value="1"] .t3-check{color:#624604}.t3-choice.is-active .t3-bulb{background:radial-gradient(circle at 33% 23%,color-mix(in srgb,var(--t3-color),white 35%),var(--t3-color) 68%);box-shadow:0 0 0 3px color-mix(in srgb,var(--t3-color),transparent 70%),0 0 22px color-mix(in srgb,var(--t3-color),transparent 45%),inset 0 -3px 7px #0002;border-color:color-mix(in srgb,var(--t3-color),#172333 40%)}.t3-choice.is-active .t3-check{opacity:1}.t3-choice:focus-visible{outline:3px dashed #518bd0!important;outline-offset:3px}.t3-choice-copy{display:none}.t3-active-copy{display:flex;min-height:0;min-width:0;align-items:stretch}.t3-copy{display:flex;flex-direction:column;justify-content:center;gap:.35em;box-sizing:border-box;width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;padding:4px;text-align:center;scrollbar-width:thin}.t3-message{font:800 var(--t3-font)/1.15 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;display:block;flex:none}.t3-description{font:500 max(10px,calc(var(--t3-font)*.61))/1.3 system-ui;white-space:pre-wrap;overflow-wrap:anywhere;display:block;flex:none;opacity:.83}.t3-single .t3-active-copy{border-left:4px solid var(--t3-active);padding-left:6px}.traffic3[data-t3-tall] .t3-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,65%) minmax(0,1fr)}.traffic3[data-t3-tall] .t3-lights{justify-self:center;min-width:45%;max-width:85%}.traffic3[data-t3-tall] .t3-active-copy{border-left:0;border-top:3px solid var(--t3-active);padding:5px 0 0}.traffic3[data-t3-wide] .t3-lights{flex-direction:row;border-radius:16px;padding:5px}.traffic3[data-t3-wide] .t3-stage{grid-template-columns:minmax(0,44%) minmax(0,1fr);grid-template-rows:1fr}.traffic3[data-t3-compact]{border-radius:12px}.traffic3[data-t3-compact] .t3-friend{display:none}.traffic3[data-t3-overflow]{padding-bottom:36px}.traffic3[data-t3-overflow] .t3-copy,.traffic3[data-t3-overflow] .t3-choice-copy{justify-content:flex-start}.b-shell .t3-read{position:absolute;bottom:5px;right:7px;min-height:28px!important;padding:5px 8px!important;border-radius:9px!important;border:1px solid #a9c3dd!important;background:#fff!important;color:#315e88!important;font:650 11px system-ui!important;box-shadow:0 2px 6px #18324a12}.t3-read[hidden]{display:none!important}
.t3-horizontal .t3-stage,.t3-minimal .t3-stage,.t3-led .t3-stage,.t3-dark .t3-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,49%) minmax(0,1fr)}.t3-horizontal .t3-lights,.t3-minimal .t3-lights,.t3-led .t3-lights,.t3-dark .t3-lights{flex-direction:row}.t3-horizontal .t3-active-copy,.t3-minimal .t3-active-copy,.t3-led .t3-active-copy,.t3-dark .t3-active-copy{border-left:0;border-top:3px solid var(--t3-active);padding:4px 0 0}.t3-gelara{background:linear-gradient(135deg,#e1edff,#f8fcff);border:2px solid #a8c9ec;box-shadow:0 5px 0 #a9c8ea45}.t3-gelara .t3-lights{background:#fff;box-shadow:0 2px 5px #28578a16;border:1px solid #bdd1e8}.t3-gelara .t3-bulb,.t3-minimal .t3-bulb,.t3-kids .t3-bulb{border-color:#d8e2ec;background:radial-gradient(circle at 30% 25%,#fff,var(--t3-soft));box-shadow:inset 0 2px 4px #375c8315}.t3-gelara .t3-choice.is-active .t3-bulb,.t3-minimal .t3-choice.is-active .t3-bulb,.t3-kids .t3-choice.is-active .t3-bulb{background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--t3-color),white 30%),var(--t3-color));border-color:var(--t3-color)}.t3-kids{border:3px solid #e4ce97;background:radial-gradient(circle at 6px 6px,#e6bc6940 2px,transparent 3px) 0 0/24px 24px,#fff7df;border-radius:32px;--t3-ink:#66523b}.t3-kids .t3-lights{background:#fffcf5;border:2px solid #ead9b5;box-shadow:0 3px 0 #e6d2a3}.t3-kids .t3-active-copy{border:2px solid #ead9b5;border-radius:22px;background:#fffdf5;padding:6px}.t3-pastel{background:linear-gradient(145deg,#fcf6ff,#f0e5f8);border:1px solid #d9cbe4;--t3-ink:#5c486e}.t3-pastel .t3-stage{display:block}.t3-pastel .t3-lights{background:transparent;box-shadow:none;padding:0;gap:7px}.t3-minimal{background:#fff;border-radius:10px;box-shadow:none}.t3-minimal .t3-lights{background:transparent;box-shadow:none;padding:3px}.t3-minimal .t3-active-copy{border-width:1px}.t3-chalk{background:radial-gradient(ellipse at top,#315b51,#173c33);border:7px solid #b48e64;border-radius:10px;--t3-ink:#fff1d0}.t3-chalk .t3-lights{background:#0f2d2780;border:1px dashed #e3d6af;box-shadow:none;border-radius:9px}.t3-chalk .t3-bulb{border:2px solid color-mix(in srgb,var(--t3-color),white 25%);background:color-mix(in srgb,var(--t3-color),#173c33 75%);box-shadow:none}.t3-chalk .t3-message{font-family:Georgia,serif}.t3-chalk[data-t3-compact]{border-width:3px}.t3-dark{background:linear-gradient(145deg,#213953,#112338);border:2px solid #4c647d;--t3-ink:#f2e1b9}.t3-dark .t3-lights{background:#0c1b2b;border-radius:12px;box-shadow:inset 0 0 0 1px #496176}.t3-dark .t3-bulb{border-radius:18%;border-width:2px}.t3-led{background:#141f2b;border:3px solid #54616d;--t3-ink:#f0f6ff;border-radius:16px}.t3-led .t3-lights{background:#060d14;box-shadow:inset 0 0 0 2px #34434f;border-radius:12px}.t3-led .t3-bulb:after{content:'';position:absolute;inset:4px;border-radius:50%;background:radial-gradient(circle,#fff8 0 1px,transparent 2px) 0 0/6px 6px;opacity:.5}.t3-led .t3-choice.is-active .t3-bulb{box-shadow:0 0 24px var(--t3-color),inset 0 0 12px #fff6}
.t3-cards{background:#edf3f8;border:0}.t3-bar{background:#fff;border-radius:12px;padding:var(--t3-pad);box-shadow:none}.t3-behaviour{background:#f0f6ff;border:2px solid #b7cee6;border-left:8px solid var(--t3-active)}.t3-all .t3-stage{display:block}.t3-all .t3-active-copy{display:none}.t3-all .t3-lights{display:flex;flex-direction:row;align-items:stretch;justify-content:stretch;gap:var(--t3-gap);height:100%;background:transparent;box-shadow:none;padding:0;border:0;border-radius:0;max-width:none;min-width:0;justify-self:stretch}.b-shell .t3-all .t3-choice,.t3-mini .t3-all .t3-choice{flex:1;display:flex;flex-direction:column;gap:8px;padding:clamp(4px,1cqw,12px)!important;border:1px solid #d4e0eb!important;border-radius:18px!important;background:#ffffffc9!important;color:var(--t3-ink)!important;min-height:0;overflow:hidden}.t3-all .t3-choice-copy{display:flex;flex:1;flex-direction:column;justify-content:center;gap:.3em;min-height:0;min-width:0;overflow:auto;scrollbar-width:thin;overscroll-behavior:contain;width:100%}.t3-all .t3-choice.is-active{border-color:var(--t3-color)!important;background:var(--t3-soft)!important;box-shadow:inset 0 0 0 2px var(--t3-color)!important}.t3-all .t3-bulb{border:2px solid var(--t3-color);background:var(--t3-soft);box-shadow:none}.t3-all .t3-choice.is-active .t3-bulb{background:var(--t3-color);box-shadow:0 0 12px color-mix(in srgb,var(--t3-color),transparent 65%)}.t3-pastel .t3-lights{flex-direction:column}.b-shell .t3-pastel .t3-choice,.t3-mini .t3-pastel .t3-choice{flex-direction:row;border-radius:50px!important}.t3-bar .t3-bulb{display:none}.b-shell .t3-bar .t3-choice,.t3-mini .t3-bar .t3-choice{border:0!important;border-bottom:5px solid var(--t3-color)!important;border-radius:7px!important;background:var(--t3-soft)!important;opacity:.72}.t3-bar .t3-choice.is-active{opacity:1;box-shadow:inset 0 -5px 0 var(--t3-color)!important}.t3-behaviour .t3-lights{flex-direction:column}.b-shell .t3-behaviour .t3-choice,.t3-mini .t3-behaviour .t3-choice{flex-direction:row;background:var(--t3-soft)!important;border-radius:7px!important}.t3-behaviour .t3-choice-copy{text-align:left}.traffic3.t3-all[data-t3-wide] .t3-lights{flex-direction:row}.traffic3.t3-all[data-t3-wide] .t3-choice{flex-direction:row;gap:5px}.traffic3.t3-all[data-t3-tall] .t3-lights{flex-direction:column}.traffic3.t3-all[data-t3-tall] .t3-stage{display:block}.traffic3.t3-all[data-t3-tall] .t3-lights{max-width:none;min-width:0}.traffic3[data-t3-compact] .t3-choice{border-radius:8px!important}.traffic3[data-t3-compact] .t3-check{font-size:calc(var(--t3-bulb)*.43)}
.t3-motion .t3-choice,.t3-motion .t3-bulb,.t3-motion .t3-check{transition:background .24s ease,box-shadow .24s ease,opacity .24s ease,border-color .24s ease}.t3-motion .is-active .t3-bulb{animation:t3-ignite .42s ease-out}.t3-motion .t3-copy .t3-message{animation:t3-text-in .2s ease-out}.t3-kids.t3-motion .is-active .t3-bulb{animation:t3-hello .4s ease-out}.t3-no-motion *{transition:none!important;animation:none!important}@keyframes t3-ignite{0%{filter:brightness(.55)}65%{filter:brightness(1.2)}100%{filter:brightness(1)}}@keyframes t3-hello{0%{scale:.93}65%{scale:1.045}100%{scale:1}}@keyframes t3-text-in{from{opacity:.4;translate:0 3px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){.traffic3 *{transition:none!important;animation:none!important}}
.t3-mini{width:100%;height:105px;overflow:hidden;min-width:0}.t3-mini .traffic3{width:280px;height:210px;transform:scale(var(--t3-mini-scale,.5));transform-origin:top left;box-shadow:none;pointer-events:none}.t3-gallery>button{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:105px auto!important}.t3-edit-messages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.t3-edit-messages>section{border:1px solid #d3dfeb;border-top:4px solid var(--t3-color);border-radius:11px;padding:9px;background:#f7fafd;min-width:0}.t3-edit-messages label{display:grid;gap:7px}.t3-edit-messages strong{display:flex;align-items:center;gap:6px;font:750 13px system-ui}.t3-edit-messages strong:before{content:'';width:12px;height:12px;border-radius:50%;background:var(--t3-color)}.t3-edit-messages textarea{width:100%;box-sizing:border-box;padding:8px;border:1px solid #c5d6e5;border-radius:8px;font:14px/1.35 system-ui;resize:vertical;min-height:64px;background:white}.t3-edit-messages details{margin-top:7px}.t3-edit-messages summary{font-size:11px;color:#58738f;cursor:pointer;margin-bottom:5px}.t3-examples{margin:12px 0;border:1px solid #d8e4ef;padding:10px;border-radius:10px}.t3-examples summary{font:700 12px system-ui;color:#466b91;cursor:pointer}.t3-examples p{font-size:12px;color:#627a92}.t3-examples>div{display:flex;flex-wrap:wrap;gap:7px}.t3-examples button{font:600 12px system-ui!important;padding:7px 10px!important}.t3-functional{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}.t3-functional label{display:flex;align-items:center;gap:6px;font:600 12px system-ui}.t3-functional input{width:18px!important;height:18px!important;margin:0}.t3-legacy{font-size:12px;color:#647f98}.t3-full section{border-left:4px solid var(--t3-color);padding:4px 14px;margin:14px 0}.t3-full h3{margin:0 0 7px;font-size:15px}.t3-full p{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.45 system-ui}@media(max-width:600px){.t3-edit-messages{grid-template-columns:1fr}}

.traffic3 .t3-heading{max-height:25%;overflow:auto;scrollbar-width:thin}.traffic3 .t3-lights{overflow:visible}.traffic3 .t3-choice{overflow:visible}

.type-traffic .b-widget-body:has(.traffic3){background:transparent!important}.traffic3:not([data-t3-overflow]) :is(.t3-copy,.t3-choice-copy){overflow:hidden}.traffic3 .t3-choice-copy{max-height:100%}.traffic3 .t3-heading{overflow:hidden}.traffic3[data-t3-overflow] .t3-heading{overflow:auto}
/* v201 — lights-only uses the same three controls and preserves all messages. */
.traffic3 .t3-message,.traffic3 .t3-description{word-break:normal;overflow-wrap:normal;hyphens:manual}.traffic3 .t3-message{font-kerning:normal;text-wrap:pretty}
.traffic3 .t3-power,.b-widget.type-traffic .t3-power{position:absolute;right:5px;bottom:5px;z-index:3;display:flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;min-height:36px!important;padding:7px!important;border:1px solid #c0cedc!important;border-radius:50%!important;background:#f6f9fcf0!important;color:#415b75!important;box-shadow:0 2px 7px #15304b1a!important;opacity:0;pointer-events:none;transition:opacity .15s ease;cursor:pointer}.b-widget.type-traffic:hover .t3-power,.b-widget.type-traffic:focus-within .t3-power,.b-widget.type-traffic.selected .t3-power{opacity:.85;pointer-events:auto}.b-widget.type-traffic .t3-power:focus-visible{opacity:1;outline:3px solid #437cc0;outline-offset:2px}.b-widget.type-traffic .t3-power:disabled{opacity:0!important;pointer-events:none}.t3-power svg{flex:none}.traffic3:has(.t3-read:not([hidden])) .t3-power{bottom:auto;top:5px}
.traffic3.t3-only-lights{padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important}.traffic3.t3-only-lights .t3-stage{display:flex!important;align-items:center;justify-content:center;gap:0;min-height:0;min-width:0}.traffic3.t3-only-lights .t3-lights{flex:none!important;display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;width:var(--t3-housing-w);height:var(--t3-housing-h);min-width:0!important;max-width:none!important;padding:var(--t3-housing-pad)!important;gap:var(--t3-gap)!important;border:0;box-sizing:border-box;border-radius:calc(var(--t3-bulb)*.36);background:linear-gradient(110deg,#384858,#15212e);box-shadow:inset 0 0 0 2px #526172,0 3px 6px #122c4824}.traffic3.t3-only-lights[data-t3-lights-row] .t3-lights{flex-direction:row!important}.b-shell .traffic3.t3-only-lights .t3-choice,.t3-mini .traffic3.t3-only-lights .t3-choice{display:flex!important;align-items:center;justify-content:center;flex:none!important;width:var(--t3-bulb);height:var(--t3-bulb);padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;opacity:1;overflow:visible!important}.traffic3.t3-only-lights .t3-bulb{display:flex!important;width:100%;height:100%;border-radius:50%!important;border-width:max(1px,calc(var(--t3-bulb)*.04));background:radial-gradient(circle at 33% 23%,color-mix(in srgb,var(--t3-color),#1c2632 78%),#202c38);border-color:#152330;box-shadow:inset 0 3px 8px #0006,0 1px 1px #ffffff30}.traffic3.t3-only-lights .t3-choice.is-active .t3-bulb{background:radial-gradient(circle at 33% 23%,color-mix(in srgb,var(--t3-color),white 38%),var(--t3-color) 72%);border-color:color-mix(in srgb,var(--t3-color),#152330 42%);box-shadow:inset 0 2px 5px #ffffff60,inset 0 -3px 7px #0002,0 0 calc(var(--t3-bulb)*.15) color-mix(in srgb,var(--t3-color),transparent 28%)}
.traffic3.t3-only-lights.t3-led .t3-lights{background:linear-gradient(160deg,#3a4653,#101b27 55%);box-shadow:inset 0 0 0 2px #66798a,inset 0 0 0 5px #172331,0 4px 10px #13294030;border-radius:calc(var(--t3-bulb)*.26)}.traffic3.t3-only-lights.t3-led .t3-bulb:after{inset:6%;background-size:calc(var(--t3-bulb)*.09) calc(var(--t3-bulb)*.09);opacity:.22}.traffic3.t3-only-lights.t3-led .is-active .t3-bulb:after{opacity:.65}
.traffic3.t3-only-lights.t3-kids .t3-lights{background:linear-gradient(135deg,#a8d5ec,#71accc);border-radius:calc(var(--t3-bulb)*.55);box-shadow:inset 0 0 0 3px #d2edfa,0 4px 0 #4482a342,0 7px 12px #17436320}.traffic3.t3-only-lights.t3-kids .t3-bulb{border-color:#6cabc5;background:radial-gradient(circle at 30% 24%,color-mix(in srgb,var(--t3-color),#7295a9 70%),#6a8b9e);box-shadow:inset 0 2px 5px #173a5740}.traffic3.t3-only-lights.t3-kids .is-active .t3-bulb{border-color:#f7fcff;background:radial-gradient(circle at 30% 22%,color-mix(in srgb,var(--t3-color),white 40%),var(--t3-color) 70%)}
[data-traffic-copy-fields][hidden]{display:none!important}
@media(hover:none){.b-widget.type-traffic .t3-power{opacity:.75;pointer-events:auto;width:44px!important;height:44px!important}}@media(prefers-reduced-motion:reduce){.t3-power{transition:none!important}}
/* Marcador 3.0: an opt-in surface; legacy scoreboards retain their geometry. */
.b-widget.type-score:has(.score3){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}.type-score .b-widget-body:has(.score3){display:block!important;padding:0!important;background:transparent!important;overflow:visible!important}.score3{--s3-bg:#f0f5fa;--s3-ink:#243e5b;--s3-gap:10px;--s3-name-size:18px;--s3-control-size:36px;position:relative;display:flex;flex-direction:column;gap:var(--s3-gap);box-sizing:border-box;width:100%;height:100%;min-height:0;min-width:0;padding:clamp(5px,1.6cqw,20px);border:1px solid #d4e1ec;border-radius:22px;background:var(--s3-bg);color:var(--s3-ink);container-type:size;box-shadow:0 6px 20px #173c5e1a}.s3-target{flex:none;text-align:center;font:650 clamp(10px,2.4cqw,17px)/1.2 system-ui;opacity:.85}.score3 [hidden]{display:none!important}.s3-viewport{flex:1;min-height:0;min-width:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px}.s3-grid{display:grid;grid-template-columns:repeat(var(--s3-cols,2),minmax(0,1fr));grid-template-rows:repeat(var(--s3-rows,1),minmax(var(--s3-min-cell,90px),1fr));gap:var(--s3-gap);min-height:100%;min-width:0}.s3-team{position:relative;display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,1cqh,10px);min-width:0;min-height:min-content;border:1px solid #d8e4ef;border-radius:16px;padding:clamp(5px,1.6cqw,18px);box-sizing:border-box;background:#fff;color:var(--s3-ink)}.s3-name-row{display:flex;align-items:center;justify-content:center;gap:8px;flex:none;min-width:0}.score3 .s3-name{margin:0!important;min-width:0;max-width:100%;font:800 var(--s3-name-size)/1.16 system-ui;text-align:center;overflow-wrap:anywhere;white-space:pre-wrap;color:inherit}.s3-tally{display:grid;grid-template-columns:var(--s3-control-size) minmax(0,1fr) var(--s3-control-size);align-items:center;gap:clamp(3px,1cqw,10px);min-width:0;flex:1}.s3-number-wrap{position:relative;min-width:0;text-align:center;line-height:1.05}.score3 .s3-number{display:block;max-width:100%;font:850 var(--s3-number-size,66px)/1.05 system-ui;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit}.b-shell .s3-adjust,.s3-adjust{display:flex!important;align-items:center;justify-content:center;width:var(--s3-control-size)!important;height:var(--s3-control-size)!important;min-height:28px!important;padding:0!important;border:1px solid color-mix(in srgb,var(--s3-accent),white 60%)!important;border-radius:11px!important;background:var(--s3-soft)!important;color:var(--s3-accent)!important;box-shadow:0 2px 0 color-mix(in srgb,var(--s3-accent),transparent 80%)!important;font:700 calc(var(--s3-control-size)*.7)/1 system-ui!important;cursor:pointer}.b-shell .s3-plus{background:var(--s3-accent)!important;color:white!important;border-color:transparent!important}.b-shell .s3-adjust:disabled{opacity:.35;cursor:default}.s3-adjust:focus-visible{outline:3px solid #4c90d7!important;outline-offset:2px}.s3-adjust:hover:enabled{filter:brightness(1.08)}.s3-achieved{flex:none;align-self:center;font:750 clamp(10px,2.1cqw,16px)/1.2 system-ui;padding:4px 8px;border-radius:12px;background:#fff4c4;color:#72530d;max-width:100%;overflow-wrap:anywhere;text-align:center}.s3-winner{box-shadow:inset 0 0 0 3px #e4bc52,0 0 12px #edc35335}.s3-friend{width:clamp(24px,8cqw,68px);height:clamp(23px,7cqw,58px);flex:none}.s3-friend svg,.s3-emblem svg,.s3-crest svg{width:100%;height:100%;display:block}.s3-emblem{width:clamp(20px,5cqw,42px);height:clamp(20px,5cqw,42px);flex:none}.s3-crest{width:clamp(17px,4cqw,30px);height:clamp(20px,4.8cqw,36px);color:var(--s3-accent);flex:none}.s3-track{height:clamp(7px,2.6cqh,22px);min-height:7px;border-radius:99px;background:#d7e0e9;overflow:hidden;border:1px solid #c8d5e2;flex:none}.s3-fill{height:100%;border-radius:inherit;background:repeating-linear-gradient(125deg,#ffffff35 0 11px,transparent 11px 22px),var(--s3-accent);transition:width .35s ease}.s3-delta{position:absolute;right:0;top:0;font:800 clamp(12px,4cqw,28px)/1 system-ui;color:var(--s3-accent);opacity:0;pointer-events:none}.s3-spark{position:absolute;width:25px;height:25px;left:50%;top:0;opacity:0;pointer-events:none}.s3-spark svg{width:100%;height:100%}.s3-gain .s3-delta,.s3-loss .s3-delta{animation:s3-delta .6s ease-out both}.s3-gain .s3-number{animation:s3-point .38s ease-out}.s3-loss .s3-number{animation:s3-point .22s ease-out}.s3-stars .s3-gain .s3-spark,.s3-kids .s3-gain .s3-spark,.s3-celebrate .s3-spark{animation:s3-star .65s ease-out both}.s3-celebrate{animation:s3-win .6s ease-out}.s3-secondary{gap:8px!important}.s3-secondary button{font-size:12px!important;min-height:36px!important;white-space:normal!important}.b-spotlight.type-score:has(.score3)>.tp-floating-controls{top:auto!important;bottom:8px!important;left:50%!important;transform:translateX(-50%)!important;max-width:calc(100% - 20px)!important;flex-wrap:wrap}
.s3-classic{--s3-bg:#172b3b;--s3-ink:#f8efd8;border:4px solid #4c6578;border-radius:13px}.s3-classic .s3-team{background:#0b1722;border:2px solid #597183;border-radius:6px}.s3-classic .s3-name{padding:5px 0;border-bottom:2px solid var(--s3-accent);text-transform:uppercase}.s3-classic .s3-number{font-family:ui-monospace,monospace;color:#ffe5a2;text-shadow:0 0 12px #e7bf5633}.s3-classic .s3-adjust{border-radius:5px!important}.s3-football{--s3-bg:#235d43;--s3-ink:#fff;background:repeating-linear-gradient(90deg,#285f48 0 12.5%,#21553f 12.5% 25%);border:3px solid #9dceb2}.s3-football:before{content:'';position:absolute;inset:6px;border:1px solid #ffffff50;border-radius:7px;pointer-events:none}.s3-football .s3-team{background:#0f3329d9;border-color:#b6dbc16b;border-radius:12px}.s3-football .s3-number{font-weight:900;letter-spacing:.02em}.s3-football .s3-crest{color:#b1d9b8}.s3-basket{--s3-bg:#bc8e59;--s3-ink:#ffe19c;background:repeating-linear-gradient(90deg,#b88a54 0 12%,#c69b68 12% 24%);border:4px solid #855c35;border-radius:12px}.s3-basket .s3-team{background:#18202d;border:3px solid #eab276;border-radius:5px}.s3-basket .s3-name{color:#f3f6fc;font-weight:650;text-transform:uppercase;letter-spacing:.06em}.s3-basket .s3-number{background:#090f18;color:#ffbd59;font-family:ui-monospace,monospace;text-shadow:0 0 10px #ffae563e;border:1px solid #405065;border-radius:5px}.s3-gelara{--s3-bg:#e6f2ff;--s3-ink:#234d7e;border:2px solid #8cb5df;box-shadow:0 5px 0 #a4c8eb60}.s3-gelara .s3-team{border:0;border-top:6px solid var(--s3-accent);background:linear-gradient(140deg,#fff,#f1f8ff)}.s3-gelara .s3-number{color:#205797}.s3-minimal{--s3-bg:#fff;border:1px solid #d7e2eb;border-radius:9px;box-shadow:none}.s3-minimal .s3-team{border:0;border-radius:0;border-right:1px solid #d6e2ec;background:transparent}.s3-minimal .s3-team:last-child{border-right:0}.s3-minimal .s3-number{font-weight:550;letter-spacing:-.05em}.s3-minimal .s3-adjust{border-radius:50%!important;background:transparent!important;box-shadow:none!important;color:#415d76!important;border-color:#b9cbdc!important}.s3-dark{--s3-bg:#182337;--s3-ink:#f5f1e7;border:1px solid #657387;border-radius:20px}.s3-dark .s3-team{background:linear-gradient(145deg,#26394f,#1c2b3e);border-color:#46566b;border-top:3px solid #bea56a}.s3-dark .s3-number{color:#f7e8c4;font-weight:600}.s3-dark .s3-name{font-weight:600;letter-spacing:.025em}.s3-chalk{--s3-bg:#183f36;--s3-ink:#fff3d1;border:7px solid #ac865c;border-radius:7px}.s3-chalk .s3-team{background:transparent;border:1px dashed #d4dcc0;border-radius:4px}.s3-chalk .s3-name,.s3-chalk .s3-number{font-family:Georgia,serif}.s3-chalk .s3-adjust{background:transparent!important;color:#fff3d1!important;border:1px dashed #d4dcc0!important;box-shadow:none!important}.s3-cards{background:transparent;border:0;box-shadow:none;padding:2px}.s3-cards .s3-team{background:var(--s3-soft);border:2px solid color-mix(in srgb,var(--s3-accent),white 65%);box-shadow:0 4px 0 color-mix(in srgb,var(--s3-accent),transparent 72%);border-radius:18px}.s3-cards .s3-name{color:var(--s3-accent)}.s3-cards .s3-number{font-weight:900}.s3-kids{--s3-bg:#fff7df;--s3-ink:#27476c;background:radial-gradient(circle,#e7c56d60 1.5px,transparent 2px) 0 0/24px 24px,#fff7df;border:2px solid #e6d197;border-radius:28px}.s3-kids .s3-team{background:linear-gradient(var(--s3-soft),#fffdf4);border:2px solid color-mix(in srgb,var(--s3-accent),white 70%);border-radius:24px}.s3-kids .s3-name-row{flex-direction:column;gap:3px}.s3-kids .s3-name{color:var(--s3-accent)}.s3-kids .s3-adjust{border-radius:50%!important}.s3-stars{--s3-bg:#fff7e7;--s3-ink:#635025;border:2px solid #e1c897;border-radius:25px}.s3-stars .s3-team{background:#fffcf3;border:1px solid #e8dcae;border-bottom:5px solid #e4c877}.s3-stars .s3-name{font-family:Georgia,serif}.s3-stars .s3-number{color:#856420}.s3-race{--s3-bg:#edf5ff;border:2px solid #a9c7e7;border-radius:18px}.s3-race .s3-team{background:var(--s3-soft);border:1px solid color-mix(in srgb,var(--s3-accent),white 50%);border-left:6px solid var(--s3-accent);border-radius:12px}.s3-race .s3-name{color:var(--s3-accent)}.s3-neon{--s3-bg:#11152b;--s3-ink:#e5faff;border:2px solid #6877d5;border-radius:14px}.s3-neon .s3-team{background:linear-gradient(155deg,#202a47,#151b30);border:1px solid var(--s3-accent);box-shadow:inset 0 0 22px color-mix(in srgb,var(--s3-accent),transparent 86%)}.s3-neon .s3-number{font-family:ui-monospace,monospace;color:#a4e7ff;text-shadow:0 0 10px #7cbcf16e}.s3-neon .s3-adjust{background:#202d49!important;color:#a4e7ff!important;box-shadow:none!important;border-color:#7e9cce!important}
.score3[data-s3-low]{padding:4px;border-radius:10px}.score3[data-s3-low] .s3-team{padding:4px;gap:3px;border-radius:8px}.score3[data-s3-low] .s3-friend,.score3[data-s3-low] .s3-emblem,.score3[data-s3-low] .s3-crest{display:none}.score3[data-s3-low] .s3-name-row{flex-direction:row}.score3[data-s3-low] .s3-target{font-size:10px}.score3[data-s3-low] .s3-achieved{padding:1px 4px;font-size:10px}.score3[data-s3-low].s3-chalk,.score3[data-s3-low].s3-basket{border-width:3px}
@keyframes s3-point{0%{transform:translateY(3px);opacity:.55}60%{transform:translateY(-2px);opacity:1}100%{transform:none}}@keyframes s3-delta{0%{opacity:0;translate:0 2px}20%{opacity:1}100%{opacity:0;translate:0 -22px}}@keyframes s3-star{0%{opacity:0;scale:.4;translate:-50% 8px}30%{opacity:1;scale:1}100%{opacity:0;scale:1.3;translate:-50% -35px;rotate:25deg}}@keyframes s3-win{40%{box-shadow:inset 0 0 0 4px #f4ce68,0 0 22px #f4ce6870}}.s3-still *{animation:none!important;transition:none!important}@media(prefers-reduced-motion:reduce){.score3 *{animation:none!important;transition:none!important}}
.s3-mini{height:105px;width:100%;min-width:0;overflow:hidden}.s3-mini .score3{width:360px;height:220px;transform:scale(var(--s3-mini-scale,.43));transform-origin:top left;pointer-events:none;box-shadow:none}.s3-gallery>button{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:105px auto!important}.score-editor-dialog .s3-count{display:flex;align-items:center;gap:12px;font:700 13px system-ui;margin:8px 0}.score-editor-dialog select{width:auto;padding:8px!important;border:1px solid #bcd0e3;border-radius:8px;background:#fff;color:#284867}.s3-edit-row{display:grid;grid-template-columns:12px minmax(0,1fr) 100px;gap:10px;align-items:center;margin:7px 0}.s3-edit-row label,.s3-settings>label{display:grid;gap:5px;font:600 12px system-ui}.s3-dot{width:10px;height:10px;border-radius:50%}.s3-edit-row input,.s3-settings input[type=number]{width:100%;box-sizing:border-box;min-width:0;padding:8px!important;border:1px solid #c3d5e5;border-radius:8px;font:14px system-ui}.s3-import{border:1px solid #d5e2ee;border-radius:10px;padding:9px;margin:12px 0}.s3-import summary{font:650 12px system-ui;cursor:pointer}.s3-import p{font:12px/1.4 system-ui;color:#607791}.s3-import>div{display:flex;gap:9px;flex-wrap:wrap}.s3-import button{min-height:36px;font-size:12px!important}.s3-settings{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.s3-settings>label{max-width:200px}.s3-settings .s3-check{display:flex;align-items:center;gap:6px;align-self:center}.s3-check input{width:18px!important;height:18px!important;margin:0}.score-editor-dialog h3:first-child{margin-top:0}.s3-reset-confirm p{font:16px/1.45 system-ui}.s3-reset-confirm footer{display:flex;justify-content:end;gap:10px}.s3-reset-confirm button{min-height:42px}@media(pointer:coarse){.b-shell .s3-adjust{min-width:44px!important;min-height:44px!important}.s3-tally{grid-template-columns:minmax(44px,var(--s3-control-size)) minmax(0,1fr) minmax(44px,var(--s3-control-size))}.s3-secondary button{min-height:44px!important}}@media(max-width:480px){.s3-edit-row{grid-template-columns:8px minmax(0,1fr) 75px;gap:6px}}

.score3 .s3-team{padding:var(--s3-team-pad,10px)}.score3 .s3-friend{width:var(--s3-icon-size,44px);height:var(--s3-icon-size,44px)}

.s3-grid{min-height:calc(100% - 2px)}

/* Marcador 3.1: compact competitions, protected member snapshots. */
.s3-members{font-size:clamp(11px,var(--s3-name-size),20px);line-height:1.25;margin:0;text-align:center;overflow-wrap:break-word;color:inherit;opacity:.85}.s3-team[data-members-compact] .s3-members{display:none}.score3[data-s3-many] .s3-friend,.score3[data-s3-many] .s3-emblem,.score3[data-s3-many] .s3-crest{display:none}.score3[data-s3-many] .s3-name{font-size:clamp(12px,var(--s3-name-size),22px)}.score3[data-s3-many] .s3-team{justify-content:center}.score3[data-s3-many] .s3-grid{align-content:start}.score-editor-dialog [data-score-rows]{max-height:290px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;padding:4px}.score-editor-dialog .s3-edit-row{margin:0;padding:4px;grid-template-columns:10px minmax(0,1fr) 75px}.score-editor-dialog .s3-edit-row label{font-size:11px}.s3-source-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:7px;max-height:270px;overflow:auto;margin:10px 0}.s3-source-preview article{padding:9px;border:1px solid #d9e3ee;border-radius:10px;display:flex;flex-direction:column;gap:4px}.s3-source-preview span{font-size:13px;color:#50617a}.s3-import>select{max-width:75%}.s3-link-status{display:flex;flex-wrap:wrap;align-items:center;gap:5px;font-size:12px}.s3-import details{margin-top:12px}.s3-import input[type=number]{width:75px}.s3-secondary{flex-wrap:wrap;max-width:100%;justify-content:center}.s3-secondary button{white-space:normal} @media(max-width:650px){.score-editor-dialog [data-score-rows]{grid-template-columns:1fr}}
.type-score .s3-members{font-family:system-ui,sans-serif}.s3-grid{height:100%;min-height:0}.b-spotlight.type-score.tp-active:has(.score3) .score3,.type-score.tp-active[data-score-controls-inside] .score3{padding-bottom:var(--s3-footer-space,88px)}
.score3 .s3-team{overflow:clip}
/* Marcador 3.2: scores stay prominent in dense competitions. */
.score3[data-s3-many]{padding:6px;border-radius:12px;gap:5px}.score3[data-s3-many] .s3-grid{height:auto;min-height:0;grid-template-rows:repeat(var(--s3-rows),minmax(var(--s3-min-cell,56px),auto));align-content:start;gap:5px}.score3[data-s3-many] .s3-team{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 8px;padding:6px!important;border-radius:9px;min-height:min-content;overflow:visible}.score3[data-s3-many] .s3-name-row{justify-content:start}.score3[data-s3-many] .s3-name{text-align:left;font-size:var(--s3-name-size,16px);line-height:1.2;overflow-wrap:break-word}.score3[data-s3-many] .s3-tally{grid-template-columns:44px minmax(35px,auto) 44px;gap:5px;flex:none}.score3[data-s3-many] .s3-number{font-size:var(--s3-number-size,32px)!important;line-height:1.05}.score3[data-s3-many] .s3-adjust{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;font-size:26px!important;border-radius:8px!important;box-shadow:none!important}.score3[data-s3-many] .s3-achieved{grid-column:1/-1;font-size:11px;padding:2px 6px;justify-self:start}.score3[data-s3-many] .s3-track{grid-column:1/-1;height:5px;min-height:5px}.score3[data-s3-many].s3-football .s3-team,.score3[data-s3-many].s3-basket .s3-team{background-size:contain}.score3[data-s3-many] .s3-delta{font-size:14px}.score3[data-s3-many] .s3-target{font-size:12px}
.s35-manager h3{margin:0 0 12px;font:750 16px system-ui}.s35-manager h4{font:700 13px system-ui;margin:12px 0 6px}.s35-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.s35-manager button{font:600 12px system-ui!important;border:1px solid #c8d8e8;border-radius:8px;background:#f5f9ff;color:#294e76;min-height:36px;padding:7px 11px;cursor:pointer}.s35-sources button{min-height:44px;font-size:14px!important;background:#eaf3ff}.s35-sources button[aria-expanded=true]{background:#2775c8;color:#fff;border-color:#2775c8}.s35-tools{display:flex;flex-wrap:wrap;gap:5px;margin:7px 0}.score-editor-dialog .s35-rows{display:block!important;max-height:255px!important;padding:3px!important;border:1px solid #e0e8f0;border-radius:10px}.s35-team-row{display:grid;grid-template-columns:22px minmax(0,1fr) 84px 36px;align-items:center;gap:8px;padding:4px 7px;border-bottom:1px solid #edf2f7}.s35-team-row:last-child{border-bottom:0}.s35-team-row>input[type=checkbox]{width:18px;height:18px}.s35-team-row input:not([type=checkbox]),.s35-manager input[type=text],.s35-manager input:not([type]),.s35-manager input[type=number],.s35-manager select{min-width:0;box-sizing:border-box;width:100%;border:1px solid #c8d8e8;padding:7px;border-radius:7px;font:13px system-ui;min-height:34px}.s35-team-row input[readonly]{background:#f2f5f9;color:#52667c}.s35-team-row small{font:11px system-ui;text-align:right;color:#617890}.s35-manager [data-s35-source],.s35-manager [data-s35-proposal]{border:1px solid #c9dced;border-radius:10px;background:#f9fcff;padding:10px;margin:9px 0}.s35-manager [hidden]{display:none!important}.s35-manager label{font:13px/1.4 system-ui}.s35-choice{display:flex;flex-wrap:wrap;gap:9px;margin:9px 0;align-items:center}.s35-choice label{display:flex;align-items:center;gap:5px}.s35-choice input[type=number]{width:64px!important}.s35-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;max-height:180px;overflow:auto;margin:8px 0}.s35-items label{display:flex;align-items:center;gap:5px;overflow-wrap:anywhere}.s35-items input{flex:none;width:17px;height:17px}.s35-pick-tools{display:flex;gap:6px;margin-top:7px}.s35-manager .s3-source-preview{max-height:200px}.s35-manager [data-s35-proposal]>label{display:block;margin:8px 0}.s35-manager p,.s35-manager small{font:12px/1.4 system-ui;color:#58728b}.s35-manager [role=alert],.s35-manager [data-s35-message]{color:#9c5217;font:12px/1.4 system-ui}.s35-manager [data-s35-message]:empty{display:none}.s35-manager footer{display:flex;gap:8px;margin-top:10px}.s35-links{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.s35-member-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(70px,1fr) auto;gap:7px;margin:6px 0}.s35-manager .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:600px){.s35-items{grid-template-columns:repeat(2,minmax(0,1fr))}.s35-team-row{grid-template-columns:20px minmax(0,1fr) 65px 26px;gap:4px}.s35-sources{gap:4px}.s35-sources button{padding:7px 3px!important;font-size:12px!important}.s35-member-row{grid-template-columns:minmax(0,1fr) minmax(65px,1fr) auto}}
.score3[data-s3-many] .s3-achieved{font-size:10px;line-height:1;padding:0}
.score3[data-s3-many] .s3-team{grid-template-columns:minmax(85px,1fr) auto;min-width:240px}
/* Marcador 3.3: direct count, one-click add, and actions on the exact team. */
.s36-count-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px;padding:10px 12px;border:1px solid #cbddee;border-radius:10px;background:#f2f7fe}.s36-count-control>label{font:700 14px system-ui}.s36-count-control>[role=group]{display:flex;align-items:center;gap:5px}.s36-count-control input[type=number]{width:72px!important;min-height:38px;text-align:center;font:750 17px system-ui!important}.s36-count-control button{min-width:38px;font-size:20px!important;padding:3px!important}.s36-manager .s36-team-row{grid-template-columns:minmax(90px,1fr) 82px auto;gap:8px;padding:5px 7px}.s36-manager .s36-team-row.s36-selecting{grid-template-columns:20px minmax(70px,1fr) 82px auto}.s36-row-actions{display:flex;align-items:center;gap:3px}.s36-row-actions button{display:inline-flex;align-items:center;justify-content:center;gap:3px;min-height:32px;min-width:30px;padding:4px!important}.s36-row-actions button[data-s3-action=row-remove]{color:#a43a44;background:#fff7f7;border-color:#ecd3d6}.s36-row-actions small{font-size:10px}.s36-manager button:disabled{opacity:.4;cursor:default}.s36-add-row{margin:8px 0}.s36-add-row button{background:#e9f2ff;font-weight:750!important}.s36-advanced{margin:10px 0 15px;padding:8px;border:1px solid #e0e8f0;border-radius:9px}.s36-advanced summary{font:650 12px system-ui;cursor:pointer}.s36-advanced>button{margin-top:8px}.s36-advanced [data-s36-merge-tools]{margin:6px 0}.s36-manager .s35-rows{max-height:280px!important}@media(max-width:600px){.s36-manager .s36-team-row{grid-template-columns:minmax(65px,1fr) 65px auto;gap:4px}.s36-manager .s36-team-row.s36-selecting{grid-template-columns:18px minmax(55px,1fr) 60px auto}.s36-row-actions button{min-width:26px;padding:3px!important}.s36-row-actions{gap:2px}.s36-count-control{padding:8px}.s36-count-control>label{font-size:12px}}@media(pointer:coarse){.s36-row-actions button{min-height:44px;min-width:36px}}
/* Imagen 3.0: source pixels and non-destructive framing share one renderer. */
.type-image:has(.image3){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}.type-image .b-widget-body:has(.image3){display:block!important;padding:0!important;overflow:visible!important;background:transparent!important}.image3{position:relative;box-sizing:border-box;margin:0;width:100%;height:100%;min-width:0;min-height:0;display:flex;flex-direction:column;gap:7px;padding:0;background:transparent;color:#193b52;container-type:size;isolation:isolate}.im-viewport{position:relative;flex:1;min-height:0;min-width:0;overflow:hidden;isolation:isolate}.im-viewport img{position:absolute!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:fill!important;image-orientation:from-image;user-select:none;pointer-events:none;opacity:0}.im-ready img{opacity:1}.im-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font:500 clamp(11px,3cqw,18px)/1.35 system-ui;color:#50677e;background:#eaf0f66b}.im-ready .im-status{display:none}.im-failed img{display:none}.image3 figcaption{flex:none;margin:0;padding:3px 7px;text-align:center;font:600 clamp(10px,4cqw,26px)/1.22 system-ui;white-space:pre-wrap;overflow-wrap:break-word;max-height:30%;overflow:auto;scrollbar-width:thin}.im-rounded .im-viewport{border-radius:clamp(5px,4cqw,26px)}.im-polaroid{padding:clamp(5px,3cqw,22px);background:#fffefb;box-shadow:0 5px 15px #20334435;border:1px solid #e8e5dd;padding-bottom:clamp(18px,9cqh,55px)}.im-polaroid[data-caption]{padding-bottom:clamp(5px,3cqw,22px)}.im-polaroid figcaption{font-family:Georgia,serif;font-style:italic}.im-shadow .im-viewport{box-shadow:0 7px 16px #192b4940;border-radius:3px}.im-poster{padding:clamp(5px,2cqw,14px);background:#fff;border:clamp(2px,.8cqw,7px) solid #1f384c}.im-poster figcaption{text-transform:uppercase;letter-spacing:.08em;font-weight:800}.im-chalk{padding:clamp(6px,3cqw,20px);border:clamp(3px,1.4cqw,12px) solid #aa7950;background:#244d47;color:#fff7da;border-radius:4px;box-shadow:inset 0 0 0 2px #e6c495}.im-chalk figcaption{font-family:Georgia,serif}.im-elegant{padding:clamp(7px,4cqw,25px);border:clamp(3px,1cqw,9px) double #a88b55;background:#f6f2e9;box-shadow:0 5px 15px #2d283522}.im-kids{padding:clamp(6px,3cqw,20px);border-radius:clamp(10px,5cqw,30px);border:3px solid #ffd477;background:#ffefbd;box-shadow:3px 3px 0 #f7bc6555}.im-kids:before{content:'';position:absolute;z-index:-1;inset:3px;border-radius:inherit;background:radial-gradient(circle at 8px 8px,#f0926944 2px,transparent 3px) 0 0/20px 20px}.im-kids .im-viewport{border-radius:14px}.im-learning{padding:clamp(6px,3cqw,20px);padding-left:clamp(14px,6cqw,40px);background:repeating-linear-gradient(#fffef4 0 23px,#d6e4f0 24px,#fffef4 25px);border:1px solid #d7e1e9;border-left:5px solid #f2948d}.im-learning figcaption{text-align:left;font-weight:750}.im-gelara{padding:clamp(4px,2cqw,16px);background:#1e74bc;border-radius:clamp(8px,3cqw,22px);color:white;box-shadow:0 4px 12px #1a4f8029}.im-gelara .im-viewport{border-radius:clamp(4px,1.5cqw,12px)}.im-spotlight{padding-bottom:60px!important}.im-spotlight .im-viewport{touch-action:none;cursor:grab;outline-offset:-3px}.im-spotlight .im-viewport:active{cursor:grabbing}.im-zoom{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;max-width:100%;padding:4px;background:#ffffffed;color:#14314c;box-shadow:0 2px 10px #163c5e25;border:1px solid #d1deeb;border-radius:12px;z-index:2}.im-zoom button{min-width:40px;min-height:40px;padding:3px 8px!important;font:700 22px/1 system-ui!important;background:transparent!important;color:inherit!important;border:0!important}.im-zoom output{font:600 13px system-ui;min-width:43px;text-align:center}.im-zoom:focus-within,.im-zoom:hover{opacity:1}.im-editor-dialog{width:min(1060px,96vw)!important}.im-sources{display:flex;gap:7px;flex-wrap:wrap}.im-upload{display:flex;align-items:center;cursor:pointer;gap:8px;padding:8px 12px;border:1px solid #b9cde2;border-radius:10px;background:#edf5ff;font-weight:650}.im-upload input{max-width:180px;font-size:12px}.im-url{display:flex;gap:8px}.im-url input{flex:1;min-width:0}.im-help{font-size:12px;color:#63778c;margin:7px 0}.im-candidate{display:flex;gap:12px;align-items:center;margin:10px 0;padding:8px;border:1px solid #ccdeed;border-radius:10px}.im-candidate img{max-width:180px;max-height:110px;object-fit:contain}.im-candidate[hidden],[data-im-crop][hidden],[data-im-library][hidden]{display:none!important}.im-config{display:grid;grid-template-columns:minmax(160px,260px) 1fr;gap:18px;margin:12px 0}.im-config section{display:grid;gap:9px}.im-config label{display:grid;gap:4px;font-size:13px;font-weight:600}.im-config input,.im-config select,.im-config textarea{width:100%;box-sizing:border-box}.im-editor-preview{height:210px;overflow:hidden;border-radius:6px;background:repeating-conic-gradient(#e4e9ed 0 25%,#f5f7f9 0 50%) 0/18px 18px}.im-editor-preview:has([data-fit=cover]){cursor:move;touch-action:none}.im-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.im-gallery button{display:flex;flex-direction:column;gap:5px;padding:5px;border:2px solid #e2e9f0;border-radius:10px;background:#f4f7fa;min-width:0}.im-gallery button[aria-pressed=true]{border-color:#2479c7;background:#e7f2ff}.im-gallery button>div{height:84px;width:100%;pointer-events:none}.im-gallery button>span{font:600 11px/1.2 system-ui;color:#294762}.im-mini{pointer-events:none}.im-mini .im-status{font-size:9px}.im-mini figcaption{font-size:9px}[data-im-library]{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;max-height:230px;overflow:auto;margin:10px 0}.im-library-item{display:flex;flex-direction:column;gap:5px;font-size:12px}.im-library-item img{width:100%;height:80px;object-fit:contain}.im-editor-dialog [data-im-error]{font-size:13px;color:#9b4932;margin:4px 0}.im-editor-dialog h3{margin:12px 0 6px}@media(max-width:700px){.im-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.im-config{grid-template-columns:1fr}.im-editor-preview{height:160px}.im-upload input{max-width:155px}}
.type-image .im-empty-add{position:absolute;left:50%;top:65%;transform:translate(-50%,-50%);max-width:90%;font-size:13px!important}.type-image:has(.image3) .b-widget-body{position:relative}
.im-editor-dialog{max-width:min(1060px,96vw)!important}.im-gallery button>div{position:relative;overflow:hidden}.im-mini{position:absolute;width:360px!important;height:240px!important;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--im-mini-scale,.3));transform-origin:center}.im-mini figcaption{font-size:18px}
.im-open{position:absolute;right:7px;bottom:7px;min-width:40px;min-height:40px;border:1px solid #d1deeb!important;border-radius:10px!important;background:#fffffff0!important;color:#234a6c!important;font-size:24px!important;opacity:0;transition:opacity .15s}.image3:hover .im-open,.image3:focus-within .im-open{opacity:1}@media(hover:none){.im-open{opacity:1}}@media(prefers-reduced-motion:reduce){.im-open{transition:none}}
/* Decorations shrink with the shorter edge; photographs retain priority. */
.image3{gap:clamp(1px,min(1.5cqw,1.5cqh),7px)}.image3 figcaption{font-size:clamp(10px,min(4cqw,17cqh),26px);padding:1px 4px}.im-polaroid{padding:clamp(2px,min(3cqw,3cqh),22px);padding-bottom:clamp(6px,min(9cqw,9cqh),55px)}.im-polaroid[data-caption]{padding-bottom:clamp(2px,min(3cqw,3cqh),22px)}.im-poster{padding:clamp(2px,min(2cqw,2cqh),14px);border-width:clamp(1px,min(.8cqw,.8cqh),7px)}.im-chalk{padding:clamp(2px,min(3cqw,3cqh),20px);border-width:clamp(1px,min(1.4cqw,1.4cqh),12px)}.im-elegant{padding:clamp(2px,min(4cqw,4cqh),25px);border-width:clamp(1px,min(1cqw,1cqh),9px)}.im-kids{padding:clamp(2px,min(3cqw,3cqh),20px);border-width:clamp(1px,min(1cqw,1cqh),3px)}.im-learning{padding:clamp(2px,min(3cqw,3cqh),20px);padding-left:clamp(4px,min(6cqw,6cqh),40px)}.im-gelara{padding:clamp(2px,min(2cqw,2cqh),16px)}
.im-rounded img{border-radius:clamp(4px,min(4cqw,4cqh),26px)}.im-shadow .im-viewport{box-shadow:none;overflow:visible}.im-shadow img{box-shadow:0 7px 16px #192b4940;border-radius:3px}.im-shadow .im-viewport[data-fit=cover]{overflow:hidden}
.im-shadow.im-spotlight .im-viewport{overflow:hidden}
/* Imagen 3.1: layouts first, photographs remain the content. */
.ci-frame{gap:clamp(1px,min(1cqw,1cqh),8px)}.ci-title{margin:0!important;padding:2px 6px;font:750 clamp(11px,min(4cqw,9cqh),30px)/1.1 system-ui;text-align:center;flex:none;max-height:20%;overflow:auto}.ci-grid{display:grid;flex:1;min-height:0;min-width:0;gap:clamp(1px,min(1cqw,1cqh),8px);grid-auto-rows:minmax(0,1fr)}.ci-tile{min-width:0;min-height:0;position:relative;overflow:hidden}.ci-tile>.image3{height:100%;width:100%;border:0;box-shadow:none}.ci-tile figcaption{font-size:clamp(9px,min(5cqw,14cqh),24px);max-height:28%;margin:0}.ci-single,.ci-rows{grid-template-columns:1fr}.ci-columns,.ci-grid.ci-four{grid-template-columns:repeat(2,minmax(0,1fr))}.ci-grid.ci-single,.ci-grid.ci-rows{grid-template-columns:1fr}.ci-three{grid-template-columns:repeat(3,minmax(0,1fr))}.ci-sequence{grid-template-columns:repeat(var(--ci-count),minmax(0,1fr))}.ci-main-two,.ci-main-three{grid-template-columns:minmax(0,2fr) minmax(0,1fr);grid-template-rows:repeat(var(--ci-secondary),minmax(0,1fr));grid-auto-flow:row dense}.ci-main-two>.ci-tile:first-child,.ci-main-three>.ci-tile:first-child{grid-row:span var(--ci-secondary)}.ci-main-two>.ci-tile:nth-child(2),.ci-main-two>.ci-tile:nth-child(3),.ci-main-three>.ci-tile:nth-child(2),.ci-main-three>.ci-tile:nth-child(3),.ci-main-three>.ci-tile:nth-child(4){grid-column:2}.ci-compare{grid-template-columns:1fr!important}.ci-comparison{position:relative;min-width:0;min-height:0;overflow:hidden}.ci-before,.ci-after{position:absolute;inset:0}.ci-comparison .ci-tile{height:100%;width:100%}.ci-before{clip-path:inset(0 calc(100% - var(--ci-split)) 0 0);z-index:2}.ci-seam{position:absolute;left:var(--ci-split);top:0;bottom:0;width:3px;background:white;box-shadow:0 0 3px #16405e;pointer-events:none;z-index:3}.ci-comparison [data-ci-compare]{position:absolute;bottom:0;left:0;width:100%;margin:0;height:40px;z-index:4;accent-color:#267ccc;background:transparent;touch-action:pan-y}.ci-extras{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);min-height:0;gap:4px}.ci-open-image{position:absolute;inset:0;border:0!important;padding:0!important;background:transparent!important;border-radius:0!important;cursor:zoom-in}.ci-open-image:focus-visible{outline:3px solid #2588d5;outline-offset:-4px}.ci-focused{position:relative;width:100%;height:100%}.ci-focused>.im-spotlight{padding-top:48px!important}.ci-focus-nav{position:absolute;top:3px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;background:#ffffffed;color:#21415e;padding:3px;border-radius:12px;z-index:3;max-width:95%;white-space:nowrap}.ci-focus-nav:empty{display:none}.ci-focus-nav button{min-height:38px!important;min-width:38px!important;padding:4px 9px!important;font-size:14px!important}.ci-focus-nav span{font:600 12px system-ui}.ci-editor h3{margin:10px 0 7px;font-size:14px}.ci-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.ci-gallery button{min-width:0;padding:5px;border:2px solid #dce7ef;background:#f4f7fa;border-radius:10px}.ci-gallery button[aria-pressed=true],.ci-slots button[aria-pressed=true]{border-color:#267dca;background:#e5f2ff}.ci-gallery button>div{height:70px;position:relative;overflow:hidden;pointer-events:none}.ci-gallery button>span{display:block;font:600 11px/1.2 system-ui;color:#244661;margin-top:5px}.ci-mini{position:absolute;width:300px!important;height:180px!important;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--im-mini-scale,.3));transform-origin:center;pointer-events:none}.ci-mini .im-status{font-size:15px}.ci-preview{width:min(100%,440px);margin:10px auto;position:relative;background:repeating-conic-gradient(#e8edf1 0 25%,#f7f9fb 0 50%) 0/16px 16px;min-height:85px}.ci-preview>.ci-frame{position:absolute;inset:0}.ci-slots{display:flex;gap:6px;overflow-x:auto;padding:3px 1px 8px}.ci-slots button{flex:none;width:88px;border:2px solid #dbe6ef;border-radius:9px;padding:4px;font-size:11px;min-height:65px}.ci-slots img{display:block;width:100%;height:46px;object-fit:contain}.ci-slots span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ci-slot-tools{display:flex;gap:5px;flex-wrap:wrap}.ci-slot-tools button{font-size:12px!important;min-height:36px!important;padding:5px 9px!important}.ci-secondary{margin-top:12px;border-top:1px solid #dce6ef;padding-top:9px}.ci-secondary>summary{font-weight:650;cursor:pointer}.ci-secondary>label{display:grid;font-size:13px;margin:9px 0;gap:4px}.ci-secondary input,.ci-secondary textarea{width:100%;box-sizing:border-box}.ci-secondary .im-gallery{margin-top:9px}.ci-search-fields{display:flex;gap:7px;flex-wrap:wrap}.ci-search-fields input{flex:1;min-width:150px}.ci-search-fields select{max-width:155px}.ci-search-results{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:9px;max-height:350px;overflow:auto}.ci-search-results article img{width:100%;height:100px;object-fit:cover}.ci-search-results article button{padding:0;width:100%}.ci-search-results article a{font-size:11px}.ci-search-candidate{grid-column:1/-1;display:flex;gap:10px;align-items:center}.ci-search-candidate img{max-height:230px;max-width:65%;object-fit:contain}.ci-editor [hidden]{display:none!important}.ci-slot-tools+[role=status]{font-size:12px;margin:5px 0}.ci-editor [data-ci-slot-editor] .im-config{margin-top:10px}.ci-editor [data-ci-search]{padding:9px;background:#f0f6fc;border-radius:10px;margin:10px 0}.ci-editor .im-gallery button{min-width:0}@media(max-width:700px){.ci-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ci-slot-tools button{min-height:40px!important}.ci-editor .im-url{flex-wrap:wrap}.ci-editor .im-url input{width:100%;flex-basis:100%}.ci-focus-nav button{font-size:12px!important}.ci-editor .im-sources{gap:5px}.ci-editor .im-upload{max-width:100%;box-sizing:border-box;flex-wrap:wrap}.ci-editor .im-upload input{max-width:160px}.ci-editor .im-config{grid-template-columns:1fr}.ci-editor .im-editor-preview{max-width:100%}.ci-search-fields select{flex:1;min-width:90px}}
.ci-focused:has(.ci-focus-nav:empty)>.im-spotlight{padding-top:0!important}.ci-compare:has(.ci-extras){grid-template-rows:minmax(0,2fr) minmax(0,1fr)}
.ci-title,.ci-tile figcaption{scrollbar-width:none}.ci-title::-webkit-scrollbar,.ci-tile figcaption::-webkit-scrollbar{display:none}.im-editor-dialog .b-dialog-body{container-type:inline-size}.ci-editor{min-width:0}.ci-editor input,.ci-editor textarea,.ci-editor select{box-sizing:border-box;max-width:100%}@container(max-width:640px){.ci-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.ci-slot-tools button{min-height:40px!important}.ci-editor .im-config{grid-template-columns:1fr}.ci-editor .im-url{flex-wrap:wrap}.ci-editor .im-url input{flex-basis:100%}.ci-editor .im-upload{flex-wrap:wrap;max-width:100%}.ci-editor .im-sources{gap:5px}.ci-editor .im-upload input{max-width:160px}.ci-editor .im-editor-preview{max-width:100%}}
.ci-frame>.im-open{top:5px;bottom:auto;z-index:6}.ci-frame:has(>.im-open)>.ci-title{padding-inline:44px}
.ci-columns>.ci-tile:last-child:nth-child(odd),.ci-main-two>.ci-tile:nth-child(n+4),.ci-main-three>.ci-tile:nth-child(n+5){grid-column:1/-1}.ci-preview{max-height:120px!important}.ci-editor [data-im-preview] figcaption{display:none}@container(max-width:640px){.ci-preview{max-height:100px!important}.ci-slot-tools{gap:4px}.ci-editor .im-config{gap:9px}}
.ci-gallery button{display:flex;flex-direction:column;align-items:stretch}.ci-gallery button>div{width:100%;flex:none}.ci-comparison{--ci-label-height:clamp(16px,6cqh,32px)}.ci-comparison .image3>figcaption{display:none}.ci-comparison[data-ci-captions]>.ci-before,.ci-comparison[data-ci-captions]>.ci-after,.ci-comparison[data-ci-captions]>.ci-seam{bottom:var(--ci-label-height)}.ci-comparison[data-ci-captions]>input{bottom:var(--ci-label-height)}.ci-comparison-labels{position:absolute;bottom:0;left:0;right:0;height:var(--ci-label-height);display:grid;grid-template-columns:1fr 1fr;gap:5px;font:600 clamp(9px,min(3cqw,6cqh),22px)/1.2 system-ui;text-align:center}.ci-comparison-labels span{min-width:0;max-height:100%;overflow:auto;scrollbar-width:none}
.ci-slots .ci-slot-empty{display:flex;align-items:center;justify-content:center;height:46px;font:500 28px system-ui;color:#4380af;background:#eef5fc;border-radius:5px}
/* v243: the left overlay has its own horizontal disclosure. */
#board-shell .b-compact-top-left{display:flex;flex:0 1 auto;width:max-content;max-width:var(--top-left-available,calc(100% - 300px));min-width:78px;gap:0!important;padding:3px!important;transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition:none!important;will-change:auto}
#board-shell .b-compact-top-left>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;margin:0!important;flex:none}
#board-shell .b-compact-top-left.is-stacked{position:absolute;left:0;top:48px}
#board-shell .b-top-left-content{flex:0 1 auto;min-width:0;width:0;max-width:calc(var(--top-left-available,100vw) - 80px);overflow:hidden;opacity:0;visibility:hidden;transition:width 170ms ease,opacity 130ms ease,visibility 0s linear 170ms}
#board-shell .b-compact-top-left.is-expanded .b-top-left-content{width:var(--top-left-content-width,420px);opacity:1;visibility:visible;transition-delay:0s}
#board-shell .b-top-left-inner{display:flex;align-items:center;gap:5px;width:max-content;max-width:none;min-height:36px;padding:0 3px;box-sizing:border-box}
#board-shell .b-top-left-content{height:36px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#board-shell .b-top-left-content::-webkit-scrollbar{display:none}
#board-shell .b-compact-top-left:not(.is-expanded) .b-top-left-content{overflow:hidden}
#board-shell .b-top-left-content .b-tooltip:after{display:none}
#board-shell .b-top-left-inner>.b-class-circle{flex:none;width:32px!important;height:32px!important;min-width:32px!important;padding:5px!important;border:0}
#board-shell .b-compact-top-left .b-class-current{display:block!important;flex:none;max-width:clamp(80px,14vw,190px);width:max-content;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#board-shell .b-compact-top-left .b-screen-navigation{flex:none;gap:2px}
#board-shell .b-compact-top-left #b-screen-title{display:block!important;field-sizing:content;flex:none;width:auto!important;min-width:1ch;max-width:clamp(80px,15vw,210px)!important;padding:3px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
#board-shell .b-compact-top-left .b-screen-step,#board-shell .b-compact-top-left .b-screen-selector{min-height:32px!important;height:32px!important}
#board-shell .b-compact-top-left .b-quick-variant{max-width:110px;min-width:0}
@media(pointer:coarse){#board-shell .b-compact-top-left>button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}#board-shell .b-compact-top-left{min-width:86px}#board-shell .b-top-left-content{max-width:calc(var(--top-left-available,100vw) - 88px)}}
@media(prefers-reduced-motion:reduce){#board-shell .b-top-left-content{transition:none}}
#board-shell .b-top-actions-compact{gap:3px!important;min-width:0;width:max-content;overflow:visible}
#board-shell .b-top-actions-compact>button,#board-shell .b-top-actions-compact .b-aula-more-control>button{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:6px!important;margin:0!important}
#board-shell .b-top-actions-compact>.b-primary{width:36px!important;padding:6px!important}
.b-aula-more-control{position:relative;display:flex;flex:none}
.b-aula-more-menu{position:absolute;top:calc(100% + 9px);right:-42px;z-index:160;display:grid;width:260px;max-width:calc(100vw - 20px);max-height:calc(100dvh - 80px);overflow:auto;padding:6px;background:#fff;border:1px solid #d5e0eb;border-radius:12px;box-shadow:0 8px 28px #142e5030;white-space:normal}
.b-aula-more-menu[hidden]{display:none}
#board-shell .b-aula-more-menu>button{justify-content:flex-start;width:100%!important;height:auto!important;min-width:0!important;min-height:44px!important;padding:10px!important;gap:10px;white-space:normal;border:0;background:transparent;text-align:left}
.b-aula-more-menu>button svg{flex:none}.b-aula-more-menu .b-danger{color:#a22c37!important}
@media(pointer:coarse){#board-shell .b-top-actions-compact>button,#board-shell .b-top-actions-compact .b-aula-more-control>button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}}

/* Only active ordering changes the existing dock appearance. */
.b-dock .b-dock-widgets{position:relative}
.b-dock-widgets>button[data-type]{touch-action:pan-y pinch-zoom;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.b-dock-reordering{scroll-behavior:auto!important;cursor:grabbing}
.b-dock-reordering .b-dock-drag-slot{opacity:.25;background:#dce8fa!important;outline:1px dashed #7297ce;outline-offset:-2px}
.b-dock-reordering button:after{display:none!important}
.b-dock-drag-ghost{position:fixed;z-index:10000;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:6px;border:0;border-radius:9px;background:#fff;color:#31445c;box-shadow:0 5px 14px #16375238;pointer-events:none;cursor:grabbing;transform:scale(1.06);margin:0}
.b-dock-drag-ghost svg{width:21px;height:21px;pointer-events:none}
@media(prefers-reduced-motion:reduce){.b-dock-drag-ghost{transform:none}}
/* Complete hiding is separate from the left bar's horizontal disclosure. */
#board-shell.b-topline-hidden .b-compact-top-left{transform:translateY(calc(-100% - 12px))!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important}
@media(pointer:coarse){.b-shell .b-bar-recover{width:44px!important;min-width:44px!important;height:36px!important;min-height:36px!important}}

/* v249: widget-owned actions stay inside their faces in every presentation mode. */
.b-widget .groups3:has(.g3-actions){padding:var(--g3-pad,8px);gap:5px}
.b-widget .groups3 .g3-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px;flex:0 0 auto;width:100%;max-width:100%;min-width:0}
.b-shell .g3-actions .g3-primary,.b-shell .g3-actions .g3-skip{min-height:34px!important;min-width:0!important;max-width:100%;padding:6px 12px!important;font:700 13px/1.15 system-ui!important;white-space:normal!important;overflow-wrap:anywhere;border-radius:10px!important}
.b-widget .groups3:has(.g3-actions) .g3-summary{position:static;flex:none;line-height:1.1}
.b-widget .groups3 .g3-empty-slot{display:grid;place-items:center;min-height:40px;border:1px dashed color-mix(in srgb,var(--g3-accent) 25%,transparent);border-radius:8px;color:var(--g3-accent);opacity:.65}
.b-widget .groups3 .g3-team-heading{overflow-wrap:anywhere}
.wheel3-actions{display:grid;grid-template-columns:minmax(36px,1fr) minmax(0,auto) minmax(36px,1fr);align-items:center;gap:5px;width:100%;max-width:100%;flex:none;min-width:0;z-index:1}
.b-shell .wheel3-actions .wheel3-round{display:grid;place-items:center;min-width:36px!important;width:36px;min-height:36px!important;height:36px;padding:4px!important;border:1px solid color-mix(in srgb,var(--w3-rim) 55%,transparent)!important;border-radius:50%!important;background:color-mix(in srgb,var(--w3-bg) 85%,white)!important;color:var(--w3-ink)!important;font:750 22px/1 system-ui!important;box-shadow:none;justify-self:center}
.b-shell .wheel3-actions .wheel3-round[aria-pressed=true]{background:var(--w3-ink)!important;color:var(--w3-bg)!important;outline:2px solid var(--w3-rim);outline-offset:1px}
.b-shell .wheel3-actions .wheel3-spin{min-width:0!important;width:100%;padding:8px 14px!important}
@container(max-width:180px){.wheel3-actions{grid-template-columns:1fr 1fr;gap:4px}.wheel3-actions .wheel3-spin{grid-column:1/-1;grid-row:1}.b-shell .wheel3-actions .wheel3-round{min-height:32px!important;height:32px;min-width:32px!important;width:32px}.b-widget .groups3 .g3-empty-slot{min-height:25px}}

/* Marcador 2.0: members remain readable; score controls keep their own space. */
.b-shell .b-widget-control.s250-reset{background:#e6f0ff!important;color:#2467b8!important;font-size:23px!important}
.score3 .s3-team:has(.s3-members){justify-content:flex-start;gap:4px;padding:5px;min-width:0}
.score3 .s3-team .s3-members{display:flex!important;flex-direction:column;align-items:stretch;gap:1px;flex:1 1 auto;min-height:32px;max-height:var(--s250-members-height,110px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;opacity:1;margin:0;grid-column:1/-1}
.b-shell .s250-member,.s250-member{display:block!important;box-sizing:border-box;min-width:0!important;width:100%;max-width:100%;min-height:20px!important;height:auto!important;padding:2px 4px!important;margin:0;border:0!important;border-radius:5px!important;background:transparent!important;color:inherit!important;box-shadow:none!important;font:550 13px/1.2 system-ui!important;text-align:left;white-space:normal!important;overflow-wrap:anywhere;touch-action:none;cursor:grab}
.s250-member:hover,.s250-member:focus-visible{background:#5495d525!important;outline:2px solid #488bd6;outline-offset:-2px}
.score3 .s3-team:has(.s3-members) .s3-tally{flex:0 0 auto}
.score3[data-s3-many] .s3-team{min-width:0!important}
.score3[data-s3-many] .s3-team .s3-tally{grid-column:2;grid-row:1;grid-template-columns:32px minmax(30px,auto) 32px}
.score3[data-s3-many] .s3-team .s3-adjust{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:23px!important}
.score3[data-s3-many] .s3-team .s3-members{grid-row:2;min-height:20px}
.s250-editor-members{display:flex;flex-direction:column;gap:2px;grid-column:1/-1;min-width:0}
.score-editor-dialog .s35-rows:has(.s250-member){max-height:350px!important}
.s250-check,.s35-choice label{display:flex!important;align-items:center;gap:7px!important;grid-template-columns:auto minmax(0,1fr)}
.s250-check input[type=checkbox],.s35-choice input[type=radio]{flex:0 0 auto;width:18px!important;height:18px;min-height:18px!important;margin:0!important;padding:0!important}
.s250-check{margin:10px 0 6px}
.s250-drop-target{outline:3px solid #2780d5!important;outline-offset:-3px;background-color:#dcedff!important}
.s250-drag-ghost{position:fixed;z-index:2147483647;pointer-events:none;max-width:240px;padding:6px 12px;background:#edf5ff;color:#153d6b;border:1px solid #619ed5;border-radius:9px;box-shadow:0 5px 16px #183f7140;font:650 14px system-ui}
[data-score-move-scope=proposal] article{min-height:74px}.s36-team-row:has(.s250-editor-members){align-items:start}
.score3 .s3-team:has(.s3-members){min-height:0}
.score3 .s3-team:has(.s3-members) .s3-tally{min-height:var(--s3-control-size)}
.score3 .s3-team .s3-members{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:2px 4px}
.b-shell .score3 .s250-member{width:auto;flex:0 1 auto;min-height:22px!important;font-size:clamp(12px,var(--s3-name-size),16px)!important;line-height:1.2!important;padding:2px 4px!important}
.b-shell .score3 .s250-member{font-size:clamp(12px,calc(var(--s3-name-size)*.9),20px)!important}
.b-spotlight.type-score .score3 .s250-member{font-size:clamp(16px,2cqw,26px)!important;min-height:28px!important}

/* v251: small integrated actions, deliberate drag surfaces, upload-first editor. */
.b-shell .s251-shuffle{background:#e7f0ff!important;color:#2464ae!important}
.wheel3-round[data-b="wheel-repeat"][aria-pressed="true"]{background:#e3f4df!important;box-shadow:inset 0 0 0 2px #56844b!important}
.b-shell:not(.b-presenting) .b-widget:not(.b-spotlight) .g3-generated-actions:not(:has(.g3-skip:not([hidden]))){display:none!important}
.b-shell:not(.b-presenting) .b-widget:not(.b-spotlight) .g3-generated-actions .g3-compact-shuffle{display:none!important}
.b-widget .groups3[data-g3-generated="true"]:has(.g3-generated-actions){gap:0}
.b-shell .g3-compact-shuffle{display:inline-flex!important;align-items:center;justify-content:center;min-width:32px!important;min-height:32px!important;width:32px;height:32px;padding:4px!important;border:1px solid #8aafd3!important;border-radius:10px!important;background:#e7f0ff!important;color:#2464ae!important}
.b-shell .groups3 .g3-team-heading[data-drag-surface]{cursor:grab;touch-action:none;user-select:none}
.b-dragging .g3-team-heading[data-drag-surface]{cursor:grabbing}
.ci-editor .im-sources{display:flex;flex-direction:column;align-items:stretch}
.ci-editor .im-upload{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;background:#edf5ff;border:1px solid #a9c7ec;border-radius:12px;font-weight:750}
.ci-editor .im-upload input{max-width:100%;width:100%;font-size:13px}
.im-alternatives{display:flex;flex-wrap:wrap;gap:6px}
.ci-editor .im-alternatives button{min-height:40px;padding:7px 12px;font-size:14px}
.ci-editor [data-image-editor]>h3{margin-top:0}
.ci-editor [data-image-editor]>.im-editor-preview{margin:10px 0;max-width:100%}
.ci-editor details{margin:12px 0;border-top:1px solid #d8e4f1;padding-top:12px}
.ci-editor details>summary{cursor:pointer;font-weight:750;padding:7px 0}
.ci-editor .im-config{display:block}.ci-editor label{max-width:100%}
.ci-editor [hidden]{display:none!important}

/* v252: single-member identity without duplicate rows; compact confirmed clearing. */
.b-shell .score3 .s3-name .s252-individual{display:inline!important;width:auto;max-width:100%;padding:0!important;min-height:0!important;background:transparent!important;border:0!important;border-radius:3px!important;box-shadow:none!important;font:inherit!important;line-height:inherit!important;text-transform:inherit;color:inherit!important;text-align:inherit!important;white-space:normal!important;overflow-wrap:anywhere}
.b-shell .score3 .s3-name .s252-individual:focus-visible{outline:2px solid currentColor;outline-offset:2px}
.s252-empty{display:flex;flex:1;min-width:0;min-height:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;text-align:center;overflow:auto;font:600 clamp(12px,2.5cqw,20px)/1.3 system-ui}
.s252-empty p{margin:0}.s252-empty button{max-width:100%;min-height:36px}
.b-presenting .s252-empty button,.b-spotlight .s252-empty button{display:none}
.s252-current-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:12px 0 6px}.s252-current-heading h4{margin:0!important}
.b-dialog .s252-clear{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto!important;min-height:34px!important;padding:6px 9px!important;border:1px solid #edc9cc!important;border-radius:9px!important;background:#fff8f8!important;color:#a73544!important;font:650 12px/1.2 system-ui!important}
.b-dialog .s252-clear:disabled{opacity:.45;cursor:default}
.score-editor-dialog .s35-choice>label{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;min-height:32px}
.score-editor-dialog .s35-choice input[type=radio],.score-editor-dialog .s250-check input[type=checkbox]{width:18px!important;height:18px!important;flex:0 0 18px!important;margin:0!important}
.score-editor-dialog .s35-choice>label[hidden]{display:none!important}
/* v253: one content-aware layout engine; all rules are confined to Score/Groups faces. */
.score3[data-team-adaptive],.b-widget .groups3[data-team-adaptive]{padding:6px!important;gap:4px!important;overflow:hidden}
.score3[data-team-adaptive] .s3-viewport,.groups3[data-team-adaptive] .g3-viewport{position:relative;flex:1 1 0;min-width:0;min-height:0;padding:2px;overflow:auto;scrollbar-gutter:stable;overscroll-behavior:contain}
.score3[data-team-adaptive] .s3-grid,.b-widget .groups3[data-team-adaptive] .g3-grid{position:relative;display:grid;min-height:0;grid-auto-rows:max-content;align-content:start}
.score3[data-team-adaptive] .s3-team{display:grid;grid-template-columns:minmax(0,1fr);align-content:center;align-items:center;gap:4px!important;padding:var(--team-pad)!important;min-width:0!important;min-height:0!important;overflow:visible;box-sizing:border-box}
.score3[data-team-adaptive] .s3-team[data-team-arrangement=row]{grid-template-columns:minmax(0,1fr) auto}
.score3[data-team-adaptive] .s3-name-row{grid-column:1;grid-row:1;flex-direction:row;justify-content:flex-start;min-width:0;gap:4px}
.score3[data-team-adaptive] .s3-name{font-size:var(--team-name-font)!important;line-height:1.18!important;text-align:left;overflow-wrap:anywhere;padding:0}
.score3[data-team-adaptive] .s3-team .s3-tally{grid-column:1;grid-row:2;display:grid;grid-template-columns:var(--team-control) minmax(22px,auto) var(--team-control);justify-content:space-between;gap:5px;min-height:var(--team-control);width:100%;flex:none}
.score3[data-team-adaptive] .s3-team[data-team-arrangement=row] .s3-tally{grid-column:2;grid-row:1;width:auto}
.score3[data-team-adaptive] .s3-team .s3-adjust{width:var(--team-control)!important;height:var(--team-control)!important;min-width:var(--team-control)!important;min-height:var(--team-control)!important;font-size:calc(var(--team-control)*.65)!important;box-shadow:none!important}
.score3[data-team-adaptive] .s3-number{font-size:var(--team-number-font)!important;line-height:1.05}
.score3[data-team-adaptive] .s3-team .s3-members{grid-column:1/-1;grid-row:3;display:flex!important;flex-direction:row;flex-wrap:wrap;flex:none;align-items:flex-start;align-content:flex-start;gap:4px;min-height:0;max-height:none;overflow:visible;opacity:1}
.score3[data-team-adaptive] .s3-team[data-team-arrangement=row] .s3-members{grid-row:2}
.b-shell .score3[data-team-adaptive] .s3-team .s3-members .s250-member{font-size:var(--team-member-font)!important;line-height:1.25!important;min-height:var(--team-member-hit)!important;padding:2px 5px!important;max-width:100%;width:auto;flex:0 1 auto;white-space:normal!important;overflow-wrap:anywhere}
.score3[data-team-adaptive] .s3-friend,.score3[data-team-adaptive] .s3-emblem,.score3[data-team-adaptive] .s3-crest{width:24px;height:24px;flex:none}
.score3[data-team-adaptive] .s3-track,.score3[data-team-adaptive] .s3-achieved{grid-column:1/-1;grid-row:auto}
.score3[data-team-adaptive] .s3-track{height:8px;min-height:8px}
.b-widget .groups3[data-team-adaptive] .g3-summary{position:static;flex:none;margin:0;font-size:10px;line-height:1.1}
.b-widget .groups3[data-team-adaptive] .g3-team{min-width:0;min-height:0;padding:var(--team-pad);overflow:visible;box-sizing:border-box;align-self:start}
.b-shell .b-widget .groups3[data-team-adaptive] .g3-team-heading{font-size:var(--team-name-font)!important;line-height:1.18!important;padding:3px 0!important;min-height:26px!important;gap:4px;touch-action:none}
.b-widget .groups3[data-team-adaptive] .g3-team ul{display:flex;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:4px 0 0;padding:0;min-width:0;max-width:100%;width:100%}
.b-widget .groups3[data-team-adaptive] .g3-team[data-team-members=flow] ul{flex-direction:row;flex-wrap:wrap;align-content:flex-start;align-items:flex-start}
.b-widget .groups3[data-team-adaptive] .g3-team li{min-width:0;max-width:100%}
.b-widget .groups3[data-team-adaptive] .g3-team[data-team-members=flow] li{flex:0 1 auto;display:flex}
.b-shell .b-widget .groups3[data-team-adaptive] .g3-member{font-size:var(--team-member-font)!important;line-height:1.25!important;padding:2px 5px!important;min-height:var(--team-member-hit)!important;width:100%;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
.b-widget .groups3[data-team-adaptive] .g3-friend{height:12px}
.b-widget .groups3[data-team-adaptive] .g3-empty-slot{min-height:24px}
.team-grid-overflow{flex:0 0 auto;min-height:16px;padding:2px 3px;text-align:center;font:650 11px/1.2 system-ui;white-space:normal;overflow-wrap:anywhere;opacity:.9;pointer-events:none}
.team-grid-overflow[hidden]{display:none!important}
@media(pointer:coarse){.b-shell .b-widget .groups3[data-team-adaptive] .g3-team-heading{min-height:32px!important}}