.mosaic-card[data-setting="windowSizing"] .card-art.sizing-gallery{padding:0;flex-direction:column;gap:16px}
.sizing-demo{width:96%;max-width:760px;margin:auto;container-type:inline-size}
.sizing-monitor{padding:5px;border:2px solid #67513b;border-radius:13px;background:#fbf3e2;box-shadow:0 10px 23px #68512f17}
.sizing-screen{position:relative;aspect-ratio:1.65;overflow:hidden;border-radius:7px;background:linear-gradient(135deg,#943e0c,#e39122 50%,#ffd05a)}
.sizing-wall{position:absolute;inset:0;width:100%;height:100%}
.sizing-menubar{position:relative;display:flex;justify-content:space-between;height:6%;align-items:center;padding:0 2%;background:#faf0db;color:#5d4c37;font-size:clamp(6px,1.5cqi,10px);white-space:nowrap}
.sizing-workspace{position:absolute;inset:7% 1.2% 2%}
.sizing-note{position:absolute;top:0;bottom:0;left:0;width:25%;min-width:0;overflow:hidden;border:1px solid #9b825e;border-radius:6px;background:#fffaf0;box-shadow:0 5px 14px #49352025;transition:width .4s ease,left .4s ease}
.sizing-note-bar{height:9%;min-height:14px;display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 5%;border-bottom:1px solid #dbcdb3;background:#f0e7d6;font-size:clamp(6px,1.55cqi,10px)}
.sizing-dots{font-size:clamp(5px,1.2cqi,8px);color:#b38f59;letter-spacing:-1px;white-space:nowrap}
.sizing-note-content{padding:7% 8%;font-size:clamp(7px,1.7cqi,12px);color:#624c34}
.sizing-note-date{font-size:.7em;color:#ac9572;margin-bottom:12px}
.sizing-note-content h3{font-size:1.3em;line-height:1.25;margin:0 0 12px;font-weight:750}
.sizing-note-content p{font-size:inherit;line-height:1.5;margin:0 0 14px}
.sizing-note-content ul{list-style:none;margin:0;padding:0;line-height:1.5}
.sizing-note-content li{position:relative;padding-left:13px;margin:0 0 8px}
.sizing-note-content li:before{content:'';position:absolute;left:0;top:.32em;width:6px;height:6px;border:1px solid #b28f44;border-radius:50%}
.sizing-note-rule{height:1px;background:#e3d9c4;margin:14px 0 10px}
.sizing-note-foot{color:#a18b68;font-size:.85em!important}
.sizing-pointer{position:absolute;top:43%;width:clamp(10px,2.6cqi,18px);height:auto;transition:left .4s ease;filter:drop-shadow(0 1px 2px #382c2340)}
.sizing-foot{width:22%;height:5px;border:1px solid #897255;border-top:0;border-radius:0 0 4px 4px;background:#e9dcc2;margin:0 auto}
.sizing-readout{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px;color:#795d35;font-size:clamp(12px,2.3cqi,18px)}
.sizing-mini-keys{border:1px solid #cbb48b;background:#fff7e6;border-radius:5px;padding:5px 14px;color:#684d2e;transition:background .15s}
.sizing-mini-keys.is-pressed{background:#ebcf92;border-color:#aa7c30}
.sizing-side{font-size:.75em;color:#967e5b}
.sizing-gallery-controls{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none}
.sizing-gallery-controls button{display:grid;place-items:center;width:44px;height:44px;border:1px solid #c4a77d;border-radius:50%;background:#fff9ed;color:#503824;font-size:24px;cursor:pointer}
.sizing-gallery-controls button:hover{background:#f4e4c7}
.sizing-gallery-controls button:focus-visible{outline:3px solid #a4731d;outline-offset:3px}
.sizing-gallery-label{text-align:center;font-size:13px;font-weight:700;color:#715938}
@media(prefers-reduced-motion:reduce){.sizing-note,.sizing-pointer{transition:none}}