/* Picture glow belongs to the screen and has a real, reversible state. */
.watch-aura{inset:9% 1%;background:radial-gradient(ellipse at 42% 55%,#267f87b3 0%,#1e576a70 27%,#a981454d 45%,transparent 73%);filter:blur(65px);opacity:calc(.48 + var(--scene,0)*.45);transition:opacity .65s ease}.watch-section.glow-off .watch-aura{opacity:0}.watch-light-spill{position:absolute;z-index:0;inset:67% 0 0;background:radial-gradient(ellipse at 50% 45%,#40969660,#dba66425 35%,transparent 69%);filter:blur(32px);opacity:.9;transition:opacity .65s ease;pointer-events:none}.watch-section.glow-off .watch-light-spill{opacity:0}.glow-toggle{border:1px solid #ffffff2e!important;transition:background .3s,color .3s!important}.glow-toggle[aria-pressed=true]{background:#d7eeff25!important;box-shadow:0 0 18px #73c5d825}.glow-toggle[aria-pressed=false]{background:#00000030!important;box-shadow:none}.transport .glow-toggle span{color:inherit;font-weight:550;margin-left:4px}
/* A true layered composition rather than tilting one image. */
.editorial-home .depth-layout{grid-template-columns:.8fr 1.2fr;gap:58px}.editorial-home .depth-visual{aspect-ratio:1.1;isolation:isolate;perspective:none;overflow:visible}.depth-renderer{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}.depth-rendered>.depth-frame,.depth-rendered>.depth-plane{visibility:hidden}.depth-rendered{background:radial-gradient(ellipse at 50% 50%,#9dbad124,transparent 63%)}.depth-badge{z-index:4;bottom:1%;font-size:12px;background:#e9edf3cf;color:#46617b;backdrop-filter:blur(10px);border:1px solid #fff}.depth-settings{margin:2px 0 20px}.control-label{font-size:12px;color:#777e88;margin:0 0 9px;font-weight:500}.depth-strengths button{font-size:13px!important;padding:7px 14px;min-height:36px}.depth-motion{display:block;background:transparent;border:0;padding:13px 0 0;color:#0071e3;font-size:13px;min-height:38px}.depth-motion:before{content:'Ⅱ';font-size:12px;margin-right:8px}.depth-motion[aria-pressed=false]:before{content:'▶'}.depth-distance-labels{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .6s}.depth-distance-labels span{position:absolute;font-size:11px;letter-spacing:.04em;color:#7890a8;background:#ffffffc9;border:1px solid #fff;border-radius:20px;padding:7px 12px}.depth-distance-labels span:first-child{left:4%;bottom:22%}.depth-distance-labels span:last-child{right:1%;top:15%;color:#245d8e}.depth-visual[data-depth-view=live] .depth-distance-labels{opacity:1}.editorial-home .depth-options{margin-top:6px}.depth-copy>.tiny{max-width:360px;font-size:12px!important;line-height:1.6}.editorial-home .depth-section{overflow:hidden}
/* Widgets live in a spatial arrangement; the selected one comes forward for inspection. */
.editorial-home .studio-stage{padding:25px 25px 27px;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#d2dae99c,transparent 72%),linear-gradient(145deg,#edf0f6,#f6f7fa);position:relative}.studio-scene-heading{display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:13px;color:#656f7f}.studio-scene-heading>span:last-child{font-size:11px;color:#939ca9}.editorial-home .widget-stage{height:390px;position:relative;display:block;perspective:1100px;isolation:isolate}.widget-display-hint{position:absolute;inset:-90px -70px 0;opacity:.15;filter:blur(2px);mix-blend-mode:multiply;pointer-events:none;z-index:-1;mask-image:linear-gradient(#000,transparent 85%)}.widget-display-hint img{width:100%;height:100%;object-fit:contain;object-position:50% 0}.editorial-home .widget-stage .widget{position:absolute;left:50%;top:0;margin:0;width:330px;max-width:none;min-height:218px;padding:26px 29px;border:1px solid #ffffffd9;border-radius:27px;background:linear-gradient(145deg,#ffffffe6,#dce4f0e0);backdrop-filter:blur(28px);opacity:.48;filter:blur(.35px);box-shadow:0 18px 35px #25477418;transform:translate3d(calc(-50% + var(--widget-x,0px)),var(--widget-y,85px),0) rotate(var(--widget-angle,0deg)) scale(var(--widget-scale,.76));transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .7s,filter .7s,width .7s,min-height .7s,box-shadow .7s;animation:none}.editorial-home .widget-stage .widget.is-selected{opacity:1;filter:none;z-index:3;box-shadow:0 28px 50px #2547742b,0 1px 1px #fff inset}.editorial-home .widget-stage .music-widget{width:365px;grid-template-columns:72px 1fr;gap:18px;min-height:225px}.editorial-home .widget-stage .music-widget .album{width:72px;height:72px}.editorial-home .widget-stage .music-widget h3{font-size:23px}.editorial-home .widget-stage .music-widget .widget-label{font-size:12px}.music-progress{margin-top:16px;height:20px;position:relative;display:none;grid-template-columns:1fr 1fr;font-size:10px;color:#8a94a3}.music-progress:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:#aab9cc66;border-radius:4px}.music-progress i{position:absolute;top:0;left:0;width:36%;height:3px;background:#6a8ab4;border-radius:4px}.music-progress span{margin-top:8px}.music-progress span:last-child{text-align:right}.editorial-home .widget-stage .music-controls{gap:28px}.editorial-home .widget-stage .music-controls button{width:42px;height:42px}.editorial-home .widget-stage .note-widget h3{font-size:27px}.editorial-home .widget-stage .note-widget>p{font-size:15px}.note-expanded{display:none;margin-top:22px;padding-top:17px;border-top:1px solid #90a2bd40}.note-expanded>span{font-size:11px;color:#77879d}.note-expanded>p{font-size:14px;color:#566780;margin-top:9px}.studio-stage[data-widget-size=large] .widget.is-selected.music-widget{width:425px;min-height:278px;grid-template-columns:95px 1fr}.studio-stage[data-widget-size=large] .widget.is-selected.music-widget .album{width:95px;height:95px}.studio-stage[data-widget-size=large] .music-widget.is-selected .music-progress{display:grid}.studio-stage[data-widget-size=large] .note-widget.is-selected{width:390px;min-height:280px}.studio-stage[data-widget-size=large] .note-widget.is-selected .note-expanded{display:block}.studio-stage[data-widget-placement=floating] .widget.is-selected{box-shadow:0 48px 70px #1938583a,0 1px 1px white inset}.studio-stage[data-widget-placement=floating] .widget-display-hint{opacity:.23}.editorial-home .studio-stage .control-dock{margin:0 auto 23px;position:relative;z-index:4;transform:scale(.94);transition:transform .8s,opacity .8s}.studio-stage[data-widget-placement=floating] .control-dock{transform:scale(.83) translateY(9px);opacity:.72}.widget-customize{display:flex;justify-content:center;align-items:flex-start;gap:35px;margin-top:25px}.widget-customize .segmented{background:#dfe5ef9e}.widget-customize .segmented button{font-size:13px;padding:7px 16px;min-height:37px}.clock-size-note{font-size:12px;color:#838d9c;align-self:center;margin-top:20px}.widget-preview-status{font-size:13px;color:#536b88;margin-top:22px;min-height:20px}.widget-more{font-size:12px;color:#7c8592;margin-top:11px}.editorial-home .studio-stage>.tiny{font-size:11px!important;color:#959ea9;margin-top:16px}
@media(max-width:1000px){.editorial-home .depth-layout{gap:25px}.editorial-home .widget-stage{height:365px}.editorial-home .widget-stage .widget{width:290px}.editorial-home .widget-stage .music-widget{width:330px}.studio-stage[data-widget-size=large] .widget.is-selected.music-widget{width:385px}}
@media(max-width:760px){.editorial-home .depth-layout{grid-template-columns:1fr;gap:5px}.editorial-home .depth-visual{width:112%;margin-left:-6%;aspect-ratio:1.12}.depth-settings{margin-bottom:19px}.depth-settings .control-label{font-size:12px}.depth-strengths button{font-size:13px!important}.depth-distance-labels span{font-size:10px;padding:6px 9px}.depth-distance-labels span:first-child{left:6%;bottom:17%}.depth-distance-labels span:last-child{right:4%;top:12%}.editorial-home .studio-stage{width:calc(100% - 24px);padding:20px 10px 25px}.studio-scene-heading{padding:0 7px;font-size:12px}.studio-scene-heading>span:last-child{font-size:10px}.editorial-home .widget-stage{height:355px;margin:0 -10px}.editorial-home .widget-stage .widget{width:280px;min-height:205px;padding:23px;max-width:calc(100% - 36px)}.editorial-home .widget-stage .music-widget{width:295px;grid-template-columns:62px 1fr;gap:14px;min-height:214px}.editorial-home .widget-stage .music-widget .album{width:62px;height:62px}.editorial-home .widget-stage .music-widget h3{font-size:21px}.editorial-home .widget-stage .music-widget>div>p{font-size:11px}.editorial-home .widget-stage .clock-digits{font-size:65px}.studio-stage[data-widget-size=large] .widget.is-selected.music-widget{width:330px;min-height:255px;grid-template-columns:70px 1fr;padding:24px}.studio-stage[data-widget-size=large] .widget.is-selected.music-widget .album{width:70px;height:70px}.studio-stage[data-widget-size=large] .note-widget.is-selected{width:320px;min-height:265px}.widget-display-hint{inset:-20px -190px 0;opacity:.12}.editorial-home .studio-stage .control-dock{transform:scale(.86);margin-top:0;margin-bottom:15px}.studio-stage[data-widget-placement=floating] .control-dock{transform:scale(.75);opacity:.7}.widget-customize{gap:17px;flex-wrap:wrap;margin-top:22px}.widget-customize .segmented button{font-size:12px!important;min-height:36px;padding:7px 13px}.widget-customize .control-label{font-size:11px}.widget-preview-status{font-size:12px;margin-top:18px}.widget-more{font-size:11px;max-width:280px;margin:12px auto 0}.editorial-home .studio-stage>.tiny{font-size:10px!important}.clock-size-note{font-size:11px}.watch-light-spill{inset:55% 0 0;filter:blur(22px)}.watch-aura{filter:blur(45px);inset:3% -10% 0}.glow-toggle{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){.watch-aura,.watch-light-spill,.widget-stage .widget,.control-dock{transition:none!important}.depth-distance-labels{transition:none}.depth-motion{display:none}}
/* Core promise: five real Mac displays, with directly adjustable screen properties. */
.workspace-demo-heading{display:flex;justify-content:space-between;align-items:center;padding:7px 10px 0;gap:20px}.workspace-demo-heading strong{display:block;font-size:15px;font-weight:550;color:#4b5d73}.workspace-demo-heading small{display:block;font-size:11px;color:#9199a5;margin-top:5px}.screen-count-readout{padding:8px 13px;border:1px solid #c8d4e3;border-radius:30px;color:#536f90;font-size:12px;background:#ffffff78}.editorial-home .demo-stage.has-webgl{height:530px}.display-count-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:0 0 24px}.display-count-controls .control-label{margin:0;font-size:13px}.display-count-controls .segmented{padding:4px}.display-count-controls button{min-width:38px;min-height:36px;padding:6px 12px!important;font-size:14px}.display-entitlement{font-size:12px;color:#8792a2}.screen-customize{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;max-width:800px;margin:25px auto 0;padding-top:23px;border-top:1px solid #d6deea}.screen-customize label{font-size:12px;color:#7b8797;display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:space-between}.screen-customize select{font:inherit;color:#435b79;width:100%;font-size:13px;background:#ffffffb5;border:1px solid #d1dbe8;border-radius:12px;padding:10px 12px;min-height:40px}.screen-customize input{accent-color:#0071e3;width:calc(100% - 48px);margin:0;min-height:36px}.curve-value{font-size:12px;min-width:35px;text-align:right}.quality-caption{font-size:12px;color:#8792a2;text-align:center;line-height:1.5;margin-top:17px}.editorial-home .demo-label{margin-top:10px}.audio-demo{margin-top:45px;border:1px solid #e2e7ee;border-radius:25px;background:linear-gradient(120deg,#fbfcfe,#edf2f9);padding:30px 35px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.audio-demo .kicker{font-size:13px;margin-bottom:12px;color:#72839b}.audio-demo h3{font-size:29px;letter-spacing:-.035em;margin-bottom:14px}.audio-demo>div>p:last-child{font-size:16px;color:#7b8798;max-width:370px}.audio-preview{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:17px}.audio-signal{width:115px;height:48px;display:flex;align-items:center;justify-content:center;gap:5px}.audio-signal i{width:5px;height:6px;border-radius:5px;background:#8aabc9;transition:height .25s}.audio-demo.is-playing .audio-signal i{height:36px;animation:audio-bar .8s ease-in-out infinite alternate}.audio-signal i:nth-child(2n){animation-delay:-.2s!important}.audio-signal i:nth-child(3n){animation-delay:-.55s!important}.audio-signal i:nth-child(4n){animation-delay:-.35s!important}.audio-play{border:1px solid #aabed7;border-radius:30px;background:#ffffff99;padding:11px 17px;color:#336290;font-size:13px;min-height:42px}.audio-volume-label{font-size:12px;color:#7e8da1;display:flex;align-items:center;gap:12px;flex-basis:100%;justify-content:center}.audio-volume{accent-color:#0071e3;width:140px}.audio-status{font-size:11px;color:#8b97a7;text-align:center;min-height:18px}.transport .leave-watch{padding:10px 12px;white-space:nowrap;background:#ffffff0c;border:1px solid #ffffff1f;font-size:12px}.transport .leave-watch:hover{background:#ffffff20}.watch-section[data-watch-mode=workspace] .watch-caption{opacity:1;transform:none;top:5%}.watch-canvas{transition:transform 1.15s cubic-bezier(.22,1,.36,1)}
/* Every widget has its supported sizes and meaningful example content. */
.studio-tabs{display:flex;justify-content:center;gap:7px;border-bottom:1px solid #d7dfeb;padding:0 0 21px;margin-bottom:25px}.studio-tabs button{border:0;border-radius:30px;padding:11px 22px;background:transparent;color:#7e8a9b;font-size:14px;min-height:42px}.studio-tabs button[aria-pressed=true]{background:#fff;color:#395d87;box-shadow:0 4px 14px #2443660b}.editorial-home .widget-selector{width:max-content;max-width:100%;display:flex;overflow-x:auto;justify-content:flex-start;border-radius:17px;padding:6px;scrollbar-width:thin}.editorial-home .widget-selector button{font-size:12px;padding:9px 14px;border-radius:12px;min-height:38px}.widget button{font:inherit}.timer-digits{font-size:59px;font-weight:280;line-height:1.1;font-variant-numeric:tabular-nums;letter-spacing:-.055em}.timer-actions{display:flex;gap:10px;margin-top:17px}.timer-actions button{background:#ffffff96;border:1px solid #b8c9dc77;border-radius:30px;color:#496b92;padding:8px 15px;font-size:12px}.timer-actions .timer-toggle{background:#0071e3;color:white;border-color:#0071e3}.timer-presets{display:none;gap:10px;margin-top:17px}.timer-presets button{border:0;background:#8faed127;padding:8px 10px;color:#5f7693;border-radius:9px;font-size:11px}.studio-stage[data-widget-size=medium] .timer-widget.is-selected .timer-presets{display:flex}.battery-readout{display:flex;justify-content:space-between;align-items:baseline}.battery-readout strong{font-size:58px;font-weight:280;letter-spacing:-.05em;line-height:1.05}.battery-readout small{font-size:25px;color:#8395ab}.battery-readout>span{font-size:12px;color:#72879e}.battery-meter{height:7px;background:#a8bbd14d;margin-top:18px;border-radius:8px;overflow:hidden}.battery-meter i{display:block;height:100%;width:85%;background:#6a99a9;border-radius:8px}.battery-mac{display:flex;justify-content:space-between;font-size:12px!important;margin-top:20px!important;color:#75889f!important}.battery-mac strong{font-weight:500}.calendar-day{float:right;background:#e16e6530;border:1px solid #dc7d7133;border-radius:12px;text-align:center;font-size:9px;color:#be6b62;padding:7px 10px;line-height:1.2}.calendar-day strong{display:block;font-size:29px;font-weight:400}.next-widget h3{font-size:25px;margin-top:25px}.next-widget>p:last-of-type{font-size:13px;margin-top:11px;color:#7d8c9f}.next-extra{display:none;border-top:1px solid #a4b6cb44;margin-top:21px;padding-top:15px}.next-extra>span{font-size:11px;color:#8e9eb0}.next-extra p{font-size:13px;color:#5f7693;margin-top:8px}.studio-stage[data-widget-size=large] .next-widget.is-selected{min-height:290px;width:370px}.studio-stage[data-widget-size=large] .next-widget.is-selected .next-extra{display:block}.shortcuts-widget h3{font-size:21px!important;margin:18px 0}.shortcut-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px}.shortcut-buttons button{background:#ffffff7c;border:1px solid #b9cbdf88;color:#56759a;font-size:12px;border-radius:11px;padding:10px 6px;min-height:38px}.shortcut-buttons button.chosen{background:#d1e2f6;border-color:#91b5df}.shortcut-status{font-size:10px!important;color:#8b9bad!important;margin-top:15px!important;min-height:26px}.health-widget h3{font-size:24px!important;margin:15px 0 20px}.health-readouts{display:flex;gap:17px}.health-readouts span{font-size:10px;color:#8090a6}.health-readouts strong{display:block;font-size:11px;color:#49698e;font-weight:500;margin-top:7px}.health-chart{height:35px;margin-top:19px;display:flex;align-items:flex-end;gap:5px}.health-chart i{display:block;flex:1;height:60%;background:#7fa8b9;border-radius:3px}.health-chart i:nth-child(2n){height:82%}.health-chart i:nth-child(3n){height:72%}.health-widget>p:last-child{font-size:10px!important;color:#8b99a9!important;margin-top:12px!important}.studio-stage[data-widget-size=large] .health-widget.is-selected{width:385px;min-height:270px}.studio-stage[data-widget-size=large] .health-widget.is-selected .health-chart{height:58px}
/* An interactive control-Dock editor: same groups and protected exit as VisionDesk. */
.dock-experience{text-align:left;padding:12px 12px 5px}.dock-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.dock-editor-heading .kicker{font-size:12px;margin-bottom:14px;color:#7c8ba0}.dock-editor-heading h3{font-size:30px;font-weight:550;letter-spacing:-.035em}.dock-editor-heading .segmented button{font-size:12px;padding:8px 15px}.dock-preview-scroll{overflow-x:auto;margin:35px 0 24px;padding:19px 5px 25px;scrollbar-width:thin}.custom-dock{display:flex;align-items:center;gap:7px;width:max-content;min-width:0;max-width:none;margin:0 auto;padding:9px 11px;background:linear-gradient(#d1d9e5ec,#bbc7d8d9);border:1px solid #fff;border-radius:50px;box-shadow:0 16px 25px #2b47751c}.dock-config-group{display:flex;align-items:center;gap:3px;border-radius:35px}.dock-config-group[data-group=mode]{background:#889db52e;padding:3px}.dock-config-group[data-group=tray]{background:#94a8bf24;padding:3px}.dock-config-group:empty{display:none}.custom-dock button{display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:40px;padding:10px;color:#536983;min-width:40px;min-height:40px;background:transparent}.custom-dock button.selected{background:#f7fbffe3;border-color:#fff;box-shadow:0 2px 5px #233d6320}.custom-dock svg,.dock-options svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}.custom-dock button>span{display:none;font-size:12px;white-space:nowrap}.custom-dock[data-layout=expanded] .dock-config-group[data-group=mode] button>span,.custom-dock[data-layout=expanded] button[data-dock-select=screensTray]>span{display:block}.custom-dock[data-layout=expanded] button{padding:10px 12px}.dock-selected-controls{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid #cad5e4;border-bottom:1px solid #cad5e4;gap:20px}.dock-selected-name{font-size:14px;color:#597394}.dock-selected-controls>div{display:flex;gap:9px}.dock-selected-controls button,.dock-reset{border:1px solid #b7c8dd;border-radius:12px;padding:9px 13px;font-size:12px;background:#ffffff8c;color:#53769e;min-height:38px}.dock-selected-controls button:disabled{opacity:.38;cursor:default}.dock-options{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;margin-top:23px}.dock-options fieldset{border:0;padding:0;margin:0;min-width:0}.dock-options fieldset:first-child{grid-column:1}.dock-options fieldset:nth-child(2){grid-column:2}.dock-options fieldset:nth-child(3){grid-column:3;grid-row:1/3}.dock-options fieldset:nth-child(4){grid-column:1/3;display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.dock-options fieldset:nth-child(5){grid-column:1/3}.dock-options legend{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8c9bb0;margin-bottom:12px;padding:0}.dock-options button{display:flex;align-items:center;gap:9px;width:100%;text-align:left;border:1px solid #ced9e866;border-radius:12px;margin-bottom:7px;padding:10px 11px;min-height:44px;background:#ffffff55;color:#8493a5;font-size:12px}.dock-options button[aria-pressed=true]{color:#4a6e98;background:#fafdffb8;border-color:#bacde577}.dock-options button i{font-style:normal;margin-left:auto;font-size:15px;opacity:.65}.dock-options button:disabled{cursor:default}.dock-options svg{width:18px;height:18px;stroke-width:1.6}.dock-editor-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:25px 0 17px}.dock-feedback{font-size:12px;color:#6d82a0;min-height:20px}.dock-reset{white-space:nowrap}.dock-experience>.tiny{font-size:11px!important;line-height:1.6;max-width:800px}
@keyframes audio-bar{0%{transform:scaleY(.2)}100%{transform:scaleY(1)}}
@media(max-width:1000px){.editorial-home .demo-stage.has-webgl{height:470px}.audio-demo{gap:22px;padding:28px}.dock-options{gap:12px}.custom-dock button{min-width:35px;min-height:35px;padding:8px}.custom-dock svg{width:20px;height:20px}}
@media(max-width:760px){.workspace-demo-heading{padding:8px 7px 0;gap:10px}.workspace-demo-heading strong{font-size:12px}.workspace-demo-heading small{font-size:10px}.screen-count-readout{font-size:10px;padding:7px 9px}.editorial-home .demo-stage.has-webgl{height:335px}.display-count-controls{flex-wrap:wrap;gap:10px;margin-bottom:20px}.display-count-controls .control-label{font-size:12px}.display-count-controls button{min-width:32px;min-height:34px;padding:6px 10px!important;font-size:13px}.display-entitlement{font-size:11px;width:100%;text-align:center}.screen-customize{grid-template-columns:1fr 1fr;gap:17px 14px;margin-top:20px;padding:21px 7px 0}.screen-customize label{font-size:11px;gap:8px}.screen-customize label:last-child{grid-column:1/-1}.screen-customize select{font-size:12px;padding:9px 10px;min-height:40px}.screen-customize input{width:calc(100% - 40px)}.curve-value{font-size:11px}.quality-caption{font-size:11px;padding:0 8px}.audio-demo{grid-template-columns:1fr;padding:25px;gap:25px;margin-top:30px}.audio-demo h3{font-size:27px}.audio-demo>div>p:last-child{font-size:15px}.audio-status{font-size:10px}.audio-signal{width:100px}.audio-play{font-size:12px}.transport .leave-watch{font-size:10px;padding:8px 10px}.editorial-home .widget-selector{max-width:100%;border-radius:14px}.editorial-home .widget-selector button{font-size:12px;padding:8px 13px;min-height:37px}.studio-tabs{margin-bottom:22px;gap:3px}.studio-tabs button{padding:10px 18px;font-size:13px}.timer-digits{font-size:54px}.timer-actions button{font-size:12px}.timer-presets button{font-size:10px}.battery-readout strong{font-size:54px}.next-widget h3{font-size:23px}.studio-stage[data-widget-size=large] .next-widget.is-selected{width:310px;min-height:275px}.studio-stage[data-widget-size=large] .health-widget.is-selected{width:320px;min-height:255px}.shortcuts-widget h3{font-size:20px!important}.shortcut-buttons button{font-size:11px}.dock-experience{padding:5px 7px}.dock-editor-heading{flex-direction:column;align-items:flex-start;gap:22px}.dock-editor-heading h3{font-size:26px}.dock-preview-scroll{margin:21px -10px 18px;padding:20px 10px 23px}.custom-dock{margin-left:0}.dock-selected-controls{gap:12px}.dock-selected-name{font-size:12px}.dock-selected-controls>div{gap:6px}.dock-selected-controls button{font-size:11px;padding:8px 9px;min-height:36px}.dock-options{grid-template-columns:1fr 1fr;gap:15px 11px}.dock-options fieldset:first-child,.dock-options fieldset:nth-child(2),.dock-options fieldset:nth-child(3),.dock-options fieldset:nth-child(4),.dock-options fieldset:nth-child(5){grid-column:auto;grid-row:auto;display:block}.dock-options fieldset:nth-child(3){grid-row:1/4;grid-column:2}.dock-options button{font-size:11px;gap:7px;padding:9px 8px;line-height:1.4}.dock-options svg{width:17px;height:17px}.dock-editor-bottom{gap:12px}.dock-feedback{font-size:11px}.dock-reset{font-size:11px}.dock-experience>.tiny{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.audio-demo.is-playing .audio-signal i{animation:none;transform:none}.watch-canvas{transition:none}}
.demo-stage:not(.has-webgl){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:15px;padding:30px;height:480px}.demo-stage:not(.has-webgl) .demo-screen{position:relative;top:auto;left:auto;width:auto;height:165px;transform:none!important}.demo-stage:not(.has-webgl) .demo-screen>img{width:100%;height:calc(100% - 27px);object-fit:cover}.workspace-demo[data-count='1'] .demo-stage:not(.has-webgl){grid-template-columns:1fr;padding:50px 20%}.workspace-demo[data-count='2'] .demo-stage:not(.has-webgl),.workspace-demo[data-count='4'] .demo-stage:not(.has-webgl){grid-template-columns:repeat(2,minmax(0,1fr))}.demo-stage.has-webgl .demo-screen{display:none!important}@media(max-width:760px){.demo-stage:not(.has-webgl){height:335px;padding:25px 15px;gap:8px}.demo-stage:not(.has-webgl) .demo-screen{height:110px}.workspace-demo[data-count='1'] .demo-stage:not(.has-webgl){padding:50px 15%}}
@media(max-width:760px){.editorial-home .widget-selector{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;overflow:visible;gap:3px}.editorial-home .widget-selector button{font-size:12px;white-space:normal;line-height:1.25;min-height:44px;min-width:0;padding:7px 3px}.dock-options button{font-size:12px}.dock-options button>span{min-width:0;overflow-wrap:break-word}.widget-customize .control-label{font-size:12px}.studio-tabs button{font-size:13px}.dock-options legend{font-size:11px}}