/* Isolated browser previews. These controls never apply Windows customization. */
.demo-widget{--demo-accent:#ff925c;container-type:inline-size;border-block:1px solid var(--line,#ffffff18);background:linear-gradient(150deg,#10121ddd,#10101be8);overflow:hidden;color:var(--paper,#fff7e9)}
.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 28px 22px}.demo-heading h2{font:400 31px/1.1 Cormorant,Georgia,serif;margin:10px 0 0}.demo-heading .eyebrow{color:var(--demo-accent)}.demo-live-label{font:7px/1.8 Jet,monospace;letter-spacing:.12em;color:#b1a8bb;white-space:nowrap}.demo-live-label:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--demo-accent);box-shadow:0 0 8px var(--demo-accent);margin-right:8px}
.demo-stage,.demo-taskbar-stage{width:100%;max-width:100%;position:relative;isolation:isolate;aspect-ratio:16/10;min-height:240px;max-height:470px;background:#080b15;overflow:hidden}.demo-poster,.demo-frame-host,.demo-frame-host iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.demo-poster{object-fit:cover;opacity:.8}.demo-frame-host{z-index:1}.demo-stage-badge{position:absolute;z-index:3;bottom:16px;left:18px;font:7px Jet,monospace;letter-spacing:.12em;background:#080b16ab;color:#d9cadc;border:1px solid #ffffff20;padding:8px 10px;pointer-events:none}.demo-controls{display:flex;align-items:end;gap:18px;flex-wrap:wrap;padding:20px 25px;border-top:1px solid #ffffff14}.demo-controls label{font:8px/1.6 Jet,monospace;letter-spacing:.02em;color:#bdb1c6;display:flex;flex-direction:column;gap:8px;min-width:90px}.demo-controls select,.demo-picker select{border:1px solid #ffffff26;background:#151522;color:#e8dded;padding:9px 10px;font:9px/1.5 Jet,monospace;border-radius:0;max-width:100%;min-height:36px}.demo-controls input[type=color]{width:48px;height:35px;padding:4px;border:1px solid #ffffff26;background:#151522;cursor:pointer}.demo-controls input[type=range]{accent-color:var(--demo-accent);height:28px;max-width:170px;width:100%;cursor:pointer}.demo-speed{min-width:140px!important;position:relative;flex:1}.demo-speed output{position:absolute;right:0;top:0;color:var(--demo-accent)}.demo-control-button{border:1px solid var(--demo-accent);background:color-mix(in srgb,var(--demo-accent) 12%,transparent);color:var(--paper);font:9px Jet,monospace;padding:11px 20px;min-height:36px}.demo-reset{font:8px Jet,monospace;color:#bdb1c6;text-decoration:underline;text-underline-offset:4px;padding:12px 1px;min-height:36px}.demo-control-note{font:9px/1.8 Jakarta,sans-serif;color:#b1a4b8;flex:1}.demo-controls .demo-check{display:flex;flex-direction:row;align-items:center;min-width:auto;align-self:center}.demo-check input{accent-color:var(--demo-accent)}
.demo-foot{padding:16px 25px 20px;display:flex;gap:10px 20px;flex-wrap:wrap;align-items:center;border-top:1px solid #ffffff10}.demo-foot p{font-size:9px;line-height:1.7;margin:0;flex:1 1 290px;color:#a99bb3}.demo-foot [data-demo-status]{font:7px/1.8 Jet,monospace;color:var(--demo-accent);max-width:100%;overflow-wrap:anywhere}.demo-foot [data-demo-retry]{font:9px Jet,monospace;text-decoration:underline;text-underline-offset:3px}.demo-widget [hidden]{display:none!important}
.demo-picker-heading{padding:30px 28px 25px;background:linear-gradient(120deg,#36234e42,#10132099);display:flex;align-items:end;gap:18px;flex-wrap:wrap}.demo-picker-heading>.eyebrow{flex:1 1 100%;color:var(--ice)}.demo-picker-heading>label{display:flex;flex-direction:column;gap:10px;font:10px Jakarta,sans-serif;flex:1;min-width:190px}.demo-picker-heading select{width:100%;font-size:10px;padding:11px}.demo-picker-heading>span:last-child{font:8px/1.8 Jet,monospace;color:#b9acc2;padding-bottom:10px}.demo-picker-heading+.demo-widget{border-top:0}
.demo-cursor-stage{--demo-cursor:crosshair;position:relative;overflow:hidden;cursor:var(--demo-cursor)!important}.demo-cursor-stage *{cursor:var(--demo-cursor)!important}.demo-cursor-stage:not(.demo-theme-desktop){min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:19px;background:radial-gradient(ellipse at 50% 50%,#31476044,transparent 70%),#080c17;padding:32px 20px}.demo-cursor-stage p{font:30px Cormorant,Georgia,serif;color:#e1d7e9;margin:0;position:relative;z-index:1}.demo-cursor-stage small{font:7px Jet,monospace;color:#958ca5;position:relative}.demo-cursor-orbit{position:absolute;width:210px;height:210px;border:1px solid #b99df626;border-radius:50%;box-shadow:0 0 0 21px #b99df606,0 0 0 56px #b99df603;transform:rotate(-22deg)}.demo-cursor-orbit:after{content:'';position:absolute;inset:15%;border:1px solid #8edcff20;border-radius:50%}.demo-cursor-targets{display:flex;gap:22px;position:relative}.demo-cursor-targets button{width:45px;height:45px;border:1px solid #a1cde44f;border-radius:50%;font:30px Cormorant;transition:background .2s,box-shadow .2s,color .2s;color:#a8ccdf;background:#101727}.demo-cursor-targets button[aria-pressed=true]{background:#bca2ff24;color:#ffe1a9;box-shadow:0 0 25px #c19aff40;border-color:#eddcaa}.demo-cursor-stage output{font:8px Jet,monospace;color:#c7b6d9;position:relative}
.demo-taskbar-stage{background-size:cover;background-position:center}.demo-taskbar-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(#080e1999,#080c1655)}.demo-desktop{position:absolute;inset:0;--bar-ink:#e1d6e6;--bar-base:#171621eb;--bar-edge:#ffc06b66}.demo-desktop-note{position:absolute;top:18px;left:19px;font:7px Jet,monospace;color:#c2b3c7;letter-spacing:.08em;pointer-events:none}.demo-taskbar{position:absolute;bottom:17px;left:17px;right:17px;display:flex;align-items:center;gap:12px;min-height:51px;padding:7px 12px;background:var(--bar-base);border:1px solid var(--bar-edge);color:var(--bar-ink);box-shadow:0 10px 30px #0007;z-index:4}.demo-desktop[data-edge=top] .demo-taskbar{top:40px;bottom:auto}.demo-bar-mark{font:21px Cormorant;color:var(--demo-accent)}.demo-taskbar-apps{display:flex;gap:3px;flex:1;justify-content:center;min-width:0}.demo-desktop[data-align=left] .demo-taskbar-apps{justify-content:flex-start}.demo-desktop[data-align=right] .demo-taskbar-apps{justify-content:flex-end}.demo-taskbar-apps button{display:flex;align-items:center;gap:5px;min-height:34px;min-width:31px;padding:7px;font:8px Jakarta,sans-serif;position:relative}.demo-taskbar-apps i{font:20px/1 Cormorant;font-style:normal;color:var(--demo-accent)}.demo-taskbar-apps button:hover,.demo-taskbar-apps button[aria-pressed=true]{background:#ffffff10}.demo-taskbar-apps button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:35%;width:30%;height:2px;background:var(--demo-accent)}.demo-desktop[data-labels=false] .demo-taskbar-apps span{display:none}.demo-bar-clock{font:10px Jet,monospace;white-space:nowrap;text-align:right}.demo-bar-clock small{display:block;font-size:5px;letter-spacing:.12em;opacity:.55;margin-top:4px}.demo-desktop[data-design=command] .demo-taskbar{border-left:3px solid var(--demo-accent);border-top-color:#ffffff21;box-shadow:inset 0 2px #ffa45a11,0 12px 25px #0008}.demo-desktop[data-design=glassline]{--bar-base:#1d304ac7;--bar-edge:#addcff77}.demo-desktop[data-design=glassline] .demo-taskbar{border-radius:10px;background:linear-gradient(120deg,#294055ef,#17263aef);box-shadow:inset 0 1px #ffffff36,0 15px 35px #0006}.demo-desktop[data-design=monolith]{--bar-base:#090b10;--bar-edge:#b0abc333}.demo-desktop[data-design=monolith] .demo-taskbar{left:0;right:0;bottom:0;border-width:1px 0 0}.demo-desktop[data-design=monolith][data-edge=top] .demo-taskbar{top:0;bottom:auto;border-width:0 0 1px}.demo-desktop[data-design=ivory]{--bar-base:#e7e0d7f2;--bar-edge:#fbf3df88;--bar-ink:#322d38;--demo-accent:#80625e}.demo-desktop[data-design=ivory] .demo-taskbar{border-radius:4px;box-shadow:0 12px 24px #0004}.demo-desktop[data-design=terminal]{--bar-base:#06100aef;--bar-edge:#56d87a80;--demo-accent:#80e79c;--bar-ink:#baefc7}.demo-desktop[data-design=terminal] .demo-taskbar-apps button{font-family:Jet,monospace}.demo-desktop[data-design=terminal] .demo-taskbar{box-shadow:inset 0 0 20px #27d9690a,0 10px 30px #0007}.demo-desktop[data-design=orbit]{--bar-base:#211830ed;--bar-edge:#c6a3ff70;--demo-accent:#c1a1ff}.demo-desktop[data-design=orbit] .demo-taskbar{border-radius:35px;left:30px;right:30px}.demo-desktop[data-design=orbit] .demo-taskbar-apps button{border-radius:50%}.demo-theme-desktop{position:absolute;z-index:2;inset:0}.demo-theme-desktop .demo-stage-badge{display:none}.demo-theme-desktop .demo-desktop-note{top:17px}.demo-theme-desktop .demo-taskbar{bottom:55px}.demo-palettes{display:flex;gap:0;border-top:1px solid #ffffff18}.demo-palettes button{flex:1;padding:15px 10px;display:flex;align-items:center;justify-content:center;gap:8px;font:9px Jakarta,sans-serif;border-right:1px solid #ffffff14}.demo-palettes button:last-child{border-right:0}.demo-palettes button i{width:7px;height:7px;border-radius:50%;box-shadow:0 0 9px currentColor}.demo-palettes button[aria-pressed=true]{background:#ffffff09;color:var(--demo-accent);box-shadow:inset 0 -1px var(--demo-accent)}
.demo-app-window{position:absolute;left:20%;right:20%;top:21%;min-height:130px;max-height:57%;background:#161723f2;border:1px solid #c4a5e850;box-shadow:0 15px 50px #0007;border-radius:5px;overflow:auto;z-index:3;color:#eee4f2}.demo-window-title{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;font:9px Jet,monospace;border-bottom:1px solid #ffffff14}.demo-window-title button{font:19px Cormorant;padding:0 3px}.demo-window-list{display:flex;flex-direction:column;gap:9px;padding:17px;font:10px Jakarta,sans-serif}.demo-window-list small{font:7px Jet;color:#9d91ab}.demo-window-pictures{padding:15px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.demo-window-pictures img{aspect-ratio:1;object-fit:cover;width:100%}.demo-focus-face{display:flex;flex-direction:column;text-align:center;gap:10px;padding:20px}.demo-focus-face b{font:35px Cormorant;color:var(--demo-accent);font-weight:400}.demo-focus-face span{font:8px Jet;color:#b5a5c4}
.demo-gallery-stage{background:radial-gradient(circle,#322646,#080b15)}.demo-gallery-stage>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.demo-gallery-stage[data-fit=contain]>img{object-fit:contain}.demo-photo-current{z-index:1}.demo-photo-old{z-index:0}.demo-photo-arrive{animation:demo-photo-fade .7s ease both}.demo-gallery-stage[data-transition=slide] .demo-photo-arrive{animation-name:demo-photo-slide}.demo-gallery-stage[data-transition=zoom] .demo-photo-arrive{animation-name:demo-photo-zoom;animation-duration:1s}.demo-gallery-paused .demo-photo-arrive{animation:none}.demo-gallery-caption{position:absolute;left:20px;bottom:17px;z-index:3;font:9px Jet,monospace;color:#fff6ee;text-shadow:0 1px 8px #000;background:#090c16a8;padding:8px 10px;max-width:calc(100% - 40px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-gallery-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:0 25px 19px}.demo-gallery-tools>div{display:flex;align-items:center;gap:15px;flex:1}.demo-gallery-tools button:not(.demo-reset){width:32px;height:32px;border:1px solid #ffffff22;font:16px Cormorant}.demo-gallery-tools output{font:8px Jet,monospace;color:#baadc9}.demo-file-button{position:relative;display:inline-flex;align-items:center;border:1px solid #ffffff26;min-height:34px;padding:10px 13px;font:8px Jet,monospace;color:#d5c5e2;cursor:pointer;overflow:hidden}.demo-file-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.demo-file-button:focus-within{outline:2px solid var(--ice);outline-offset:3px}
@keyframes demo-photo-fade{from{opacity:0}to{opacity:1}}@keyframes demo-photo-slide{from{opacity:0;transform:translateX(5%)}to{opacity:1;transform:translateX(0)}}@keyframes demo-photo-zoom{from{opacity:0;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}
@container(max-width:520px){.demo-heading{padding:22px 18px}.demo-heading h2{font-size:27px}.demo-live-label{font-size:6px}.demo-controls{padding:17px;gap:13px}.demo-controls label{min-width:80px}.demo-controls .demo-speed{min-width:100px!important}.demo-foot{padding:15px 18px}.demo-taskbar{left:9px;right:9px;gap:5px;padding:6px}.demo-taskbar-apps button{padding:6px 5px;gap:4px;font-size:7px}.demo-bar-mark{display:none}.demo-bar-clock{font-size:8px}.demo-app-window{left:13%;right:13%}.demo-palettes button{font-size:7px;padding:13px 6px}.demo-cursor-targets{gap:14px}.demo-stage,.demo-taskbar-stage{min-height:235px}.demo-gallery-tools{padding-inline:17px}.demo-desktop[data-design=orbit] .demo-taskbar{left:12px;right:12px}}
@media(max-width:600px){.demo-picker-heading{padding:24px 18px}.demo-picker-heading>span:last-child{padding:0;font-size:7px}.demo-picker-heading>label{min-width:100%}.demo-taskbar-apps span{display:none}.demo-desktop[data-labels=true] .demo-taskbar-apps span{display:inline}.demo-stage{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){.demo-widget *{animation:none!important;transition:none!important}}

/* Keep the top dock clear of the interactive window at small preview sizes. */
.demo-desktop[data-edge=top] .demo-app-window{top:max(105px,21%);min-height:0;max-height:calc(100% - 120px)}

/* Six authored Mystic Collection browser layouts, matching the native surface treatments. */
.demo-taskbar:has(.demo-mystic-trim){background:var(--dock-surface);border-color:var(--dock-rule);color:var(--dock-ink);isolation:isolate;overflow:hidden;--dock-accent:var(--demo-accent)}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps{position:relative;z-index:1}
.demo-taskbar:has(.demo-mystic-trim) .demo-bar-mark,.demo-taskbar:has(.demo-mystic-trim) .demo-bar-clock{position:relative;z-index:1}
.demo-taskbar:has(.demo-mystic-trim) .demo-bar-mark:before{display:none}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button i,.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button span{position:relative;z-index:1}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button:hover{background:transparent}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button:hover:before{filter:brightness(1.35)}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button[aria-pressed=true]:after{left:50%;margin-left:-4px}
/* The Mystic Collection mirrors the native-painted surfaces, wells and focus marks. */
.demo-desktop[data-design=astral] .demo-taskbar{--dock-ink:#dceeff;--dock-rule:#476a90;--dock-surface:#091327;--dock-well:#11223b;border-radius:10px}
.demo-desktop[data-design=alchemist] .demo-taskbar{--dock-ink:#f7e0ae;--dock-rule:#936f43;--dock-surface:#1c151d;--dock-well:#2f2129;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 11px,100% calc(100% - 11px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 11px),0 11px)}
.demo-desktop[data-design=moonwell] .demo-taskbar{--dock-ink:#eeebff;--dock-rule:#77729e;--dock-surface:#19182c;--dock-well:#2e2b47;border-radius:31px}
.demo-desktop[data-design=obsidian] .demo-taskbar{--dock-ink:#f9dbe4;--dock-rule:#7e334b;--dock-surface:#160b14;--dock-well:#271420;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}
.demo-desktop[data-design=verdant] .demo-taskbar{--dock-ink:#ddf1d4;--dock-rule:#45765d;--dock-surface:#0b1a19;--dock-well:#142b25;border-radius:8px}
.demo-desktop[data-design=aurora] .demo-taskbar{--dock-ink:#dff5fb;--dock-rule:#5a749f;--dock-surface:#10162c;--dock-well:#1d2841;border-radius:18px}
.demo-mystic-trim{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;color:var(--dock-rule)}
.demo-mystic-trim>i,.demo-mystic-trim>b{position:absolute;display:block;font-style:normal;font-weight:normal}
.demo-mystic-trim>i{left:16px;right:16px;height:1px;background:var(--dock-rule);top:3px}
.demo-mystic-trim>i+i{top:auto;bottom:4px}
.demo-desktop[data-design=astral] .demo-mystic-trim>b:first-of-type{left:25px;right:24px;top:1px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='43' height='6' viewBox='0 0 43 6'%3E%3Cpath d='M0 3h4M2 1v4' stroke='%23dceeff' opacity='.67'/%3E%3C/svg%3E") repeat-x}
.demo-desktop[data-design=alchemist] .demo-mystic-trim>b:first-of-type{left:25px;right:25px;top:0;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='7'%3E%3Cpath d='M4 1 8 6H0Z' fill='none' stroke='%23f7e0ae' opacity='.67'/%3E%3C/svg%3E") repeat-x}
.demo-desktop[data-design=alchemist] .demo-mystic-trim>b:last-of-type{left:29px;right:28px;bottom:1px;height:5px;background:repeating-linear-gradient(90deg,#936f43 0 1px,transparent 1px 54px)}
.demo-desktop[data-design=moonwell] .demo-mystic-trim>i{width:52px;height:52px;left:4px;right:auto;top:4px;border:1px solid var(--dock-ink);border-right-color:transparent;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%;background:transparent;box-shadow:4px 0 0 -3px var(--dock-rule);opacity:.67}
.demo-desktop[data-design=moonwell] .demo-mystic-trim>i+i{left:auto;right:4px;transform:rotate(180deg)}
.demo-desktop[data-design=moonwell].demo-compact .demo-mystic-trim>i{width:42px;height:42px}
.demo-desktop[data-design=moonwell] .demo-mystic-trim>b:first-of-type{left:62px;right:62px;top:2px;height:4px;background:radial-gradient(circle at 1px 2px,#eeebff 0 1px,transparent 1.2px);background-size:58px 4px}
.demo-desktop[data-design=obsidian] .demo-mystic-trim>i{left:4px;right:auto;top:4px;width:32px;height:32px;background:transparent;border-top:1px solid var(--dock-ink);border-left:1px solid var(--dock-ink);clip-path:polygon(12px 0,100% 0,100% 1px,13px 1px,1px 13px,1px 100%,0 100%,0 12px);opacity:.67}
.demo-desktop[data-design=obsidian] .demo-mystic-trim>i+i{left:auto;right:4px;top:auto;bottom:4px;transform:rotate(180deg)}
.demo-desktop[data-design=obsidian] .demo-mystic-trim>b:first-of-type{left:52px;right:42px;top:1px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='58' height='6'%3E%3Cpath d='m0 1 6 4 6-4' fill='none' stroke='%237e334b'/%3E%3C/svg%3E") repeat-x}
.demo-desktop[data-design=verdant] .demo-mystic-trim>b{left:20px;right:22px;top:0;height:7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='7'%3E%3Cpath d='M0 4C3 0 8 1 10 4' fill='none' stroke='%23ddf1d4' opacity='.67'/%3E%3C/svg%3E") repeat-x}
.demo-desktop[data-design=verdant] .demo-mystic-trim>b+b{top:auto;bottom:0;transform:rotate(180deg);opacity:.5}
.demo-desktop[data-design=aurora] .demo-mystic-trim>i{left:18px;right:18px;top:1px;height:6px;border-top:1px solid #82d7e0;border-radius:50%;background:transparent;transform:rotate(.3deg)}
.demo-desktop[data-design=aurora] .demo-mystic-trim>i+i{top:auto;bottom:1px;border-top:0;border-bottom:1px solid #a48ddd;transform:rotate(-.3deg)}
.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button:before,.demo-taskbar:has(.demo-mystic-trim) .demo-bar-mark:before{content:'';position:absolute;inset:3px;border-radius:5px;background:var(--dock-well);border:1px solid color-mix(in srgb,var(--dock-rule) 43%,transparent)}
.demo-desktop[data-design=astral] .demo-taskbar-apps button:before,.demo-desktop[data-design=astral] .demo-bar-mark:before{border-color:transparent!important;background:linear-gradient(var(--dock-rule),var(--dock-rule)) 4px 0/5px 1px no-repeat,linear-gradient(var(--dock-rule),var(--dock-rule)) calc(100% - 4px) 100%/5px 1px no-repeat,var(--dock-well)!important}
.demo-desktop[data-design=alchemist] .demo-taskbar-apps button:before,.demo-desktop[data-design=alchemist] .demo-bar-mark:before{border-radius:0!important;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% calc(100% - 9px),calc(100% - 9px) 100%,9px 100%,0 calc(100% - 9px),0 9px)}
.demo-desktop[data-design=obsidian] .demo-taskbar-apps button:before,.demo-desktop[data-design=obsidian] .demo-bar-mark:before{border-radius:0!important;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.demo-desktop[data-design=moonwell]:not([data-labels=true]) .demo-taskbar-apps button:before,.demo-desktop[data-design=moonwell] .demo-bar-mark:before{border-radius:50%!important;border-top-color:transparent!important}
.demo-desktop[data-design=verdant] .demo-taskbar-apps button:before,.demo-desktop[data-design=verdant] .demo-bar-mark:before{box-shadow:inset 3px 0 0 #45765d18,inset -3px 0 0 #45765d18}
.demo-desktop[data-design=aurora] .demo-taskbar-apps button:before,.demo-desktop[data-design=aurora] .demo-bar-mark:before{border-radius:24px!important}
.demo-desktop[data-design=astral] .demo-taskbar-apps button[aria-pressed=true]:after{width:6px;height:6px;bottom:1px;transform:rotate(45deg)}
.demo-desktop[data-design=alchemist] .demo-taskbar-apps button[aria-pressed=true]:after{width:8px;height:6px;bottom:1px;clip-path:polygon(50% 0,100% 100%,0 100%)}
.demo-desktop[data-design=moonwell] .demo-taskbar-apps button[aria-pressed=true]:after{width:16px;height:10px;bottom:2px;background:transparent;border-bottom:2px solid var(--dock-accent);border-radius:50%}
.demo-desktop[data-design=obsidian] .demo-taskbar-apps button[aria-pressed=true]:after{width:17px;height:6px;bottom:2px;clip-path:polygon(0 0,25% 65%,75% 65%,100% 0,100% 35%,75% 100%,25% 100%,0 35%)}
.demo-desktop[data-design=verdant] .demo-taskbar-apps button[aria-pressed=true]:after{width:19px;height:5px;bottom:1px;background:radial-gradient(circle at 50% 35%,var(--dock-accent) 0 2px,transparent 2.2px),linear-gradient(var(--dock-accent),var(--dock-accent)) 0 3px/100% 1px no-repeat}
.demo-desktop[data-design=aurora] .demo-taskbar-apps button[aria-pressed=true]:after{width:20px;height:6px;bottom:1px;background:transparent;border-top:2px solid var(--dock-accent);border-radius:50%;transform:rotate(-8deg)}

.demo-taskbar:has(.demo-mystic-trim) .demo-taskbar-apps button[aria-pressed=true]{background:transparent}
.demo-desktop[data-design=astral] .demo-taskbar-apps button[aria-pressed=true]:after{margin-left:-3px}
.demo-desktop[data-design=moonwell] .demo-taskbar-apps button[aria-pressed=true]:after{margin-left:-8px}
.demo-desktop[data-design=obsidian] .demo-taskbar-apps button[aria-pressed=true]:after{margin-left:-8.5px}
.demo-desktop[data-design=verdant] .demo-taskbar-apps button[aria-pressed=true]:after{margin-left:-9.5px}
.demo-desktop[data-design=aurora] .demo-taskbar-apps button[aria-pressed=true]:after{margin-left:-10px}