/* macOS reference treatment. Native app assets; window contents use fictitious data. */
.desktop,.desktop button,.desktop input,.desktop h3,.desktop h4,.desktop span,.desktop p{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif}
.desktop{aspect-ratio:16/10;min-height:680px;padding:0;border-radius:18px;background-position:center;overflow:hidden;box-shadow:0 24px 70px #193b5845,inset 0 0 0 1px #ffffff60}.desktop-menubar{position:absolute;inset:0 0 auto;height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;background:#ffffff18;backdrop-filter:blur(20px) saturate(1.3);-webkit-backdrop-filter:blur(20px) saturate(1.3);border:0;z-index:12;font-size:12px;letter-spacing:0;color:#141e27}.mac-menu-left,.mac-menu-right,#mac-menu-items{display:flex;align-items:center;gap:18px}.mac-menu-left{gap:20px}.mac-menu-left strong{font-size:12px;font-weight:650}.mac-menu-left .mac-apple{width:17px;height:20px;object-fit:contain}.mac-menu-right{gap:13px}.mac-menu-right>img{height:19px;width:19px;object-fit:contain}.mac-menu-right>img:nth-child(2){width:24px}.mac-menu-right>span{font-size:12px;white-space:nowrap}.glass-panel{position:absolute;inset:52px 26px 100px;margin:0!important;padding:16px 18px 12px!important;min-height:0!important;border-radius:18px;background:linear-gradient(130deg,#f6faff30,#ecf5fe1c 52%,#e7f1f928),#eef7ff3a;border:1px solid #ffffff7a;box-shadow:inset 0 .8px 0 #ffffffb8,inset 0 -.6px 0 #294e7133,0 14px 40px #112b4940;backdrop-filter:blur(17px) saturate(1.45) brightness(1.09);-webkit-backdrop-filter:blur(17px) saturate(1.45) brightness(1.09);display:flex;flex-direction:column;gap:0}.glass-panel::after{padding:5px;opacity:.4}.glass-panel::before{opacity:.35}.panel-toolbar{height:38px;flex-shrink:0;display:flex;align-items:center;gap:12px;margin:0 0 13px;flex-wrap:nowrap}.window-count{display:flex;align-items:baseline;gap:5px;white-space:nowrap;order:0!important;margin:0!important;min-width:0;font-size:13px;color:#15212d}.window-count b{font-size:25px;font-weight:300;letter-spacing:-.7px}.window-count span{font-size:13px}.native-global-actions{display:flex;align-items:center;gap:4px}.native-global-actions .mini-control{height:22px;width:22px;min-width:22px}.mini-control img{width:12px;height:12px;object-fit:contain}.native-global-actions .action-menu>summary{width:25px;height:28px;background:none}.action-menu>summary>img{height:20px;width:20px;opacity:.7}.native-global-actions .action-popover{left:0;right:auto;min-width:240px}.panel-toolbar .search-box{margin:0 0 0 auto;order:0;flex:0 1 360px;width:35%;min-width:160px;height:32px;border-radius:9px;border:.7px solid #13263b22;background:#ffffff34;box-shadow:none;padding:6px 9px;gap:4px}.search-box>img{height:19px;width:19px;opacity:.55}.panel-toolbar .search-box input{font-size:13px;line-height:1.3;color:#1c2e3c}.panel-toolbar .search-box input::placeholder{color:#3c5366b8}.mosaic{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;align-items:stretch}.app-group{padding:10px;border:.7px solid #1b344c20;background:#ffffff07;border-radius:15px;display:flex;flex-direction:column;min-height:0;overflow:visible}.safari-group,.notes-group{grid-row:span 2}.group-heading{height:48px;min-height:48px;flex-shrink:0;display:flex;align-items:center;gap:6px;margin:0 0 7px;flex-wrap:nowrap;color:#111e2b}.group-heading>span:first-child{display:flex;align-items:center;gap:8px;flex-basis:auto;font-size:16px;font-weight:600;white-space:nowrap;min-width:0}.native-app-icon{object-fit:contain;display:block;flex-shrink:0;background:none!important;border:0!important;box-shadow:none!important}.group-heading .native-app-icon{width:42px;height:42px;border-radius:0}.group-count{display:block!important;padding:0;background:none!important;font-size:13px;font-weight:400;color:#31485bb3;margin-right:auto}.group-actions{gap:2px;flex-shrink:0;margin-left:auto;align-items:center}.group-actions>.mini-control{width:22px;height:22px;min-width:22px;box-shadow:none;border:0;font-size:12px}.group-actions>.mini-control::before{content:'';display:none}.yellow{background:#ffbd2e;color:#695018}.green{background:#28c840;color:#115b1d}.red{background:#ff5f57;color:#6e241e}.group-actions .action-menu>summary{background:none!important;width:23px;height:25px}.group-actions .action-menu>summary>img{width:19px;height:19px}.window-grid{flex:1;display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0}.window-unit{display:flex;flex-direction:column;min-height:0;justify-content:center;align-items:stretch}.window-card{display:flex;flex-direction:column;align-items:center;min-height:0;justify-content:center;gap:4px}.window-card>.mini-window{width:100%;max-height:calc(100% - 22px);flex-shrink:1}.mini-window[data-native-width],#preview-content .mini-window[data-native-width]{aspect-ratio:var(--native-ratio)!important;background:#edf0f3;border:.7px solid #00000022;border-radius:7px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px #19273626;container-type:normal}.mac-window-canvas{position:absolute;left:0;top:0;width:var(--native-width);height:var(--native-height);transform:scale(var(--native-scale));transform-origin:top left;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',sans-serif!important;color:#1d1d1f;background:#fff;font-size:13px;line-height:1.4;overflow:hidden}.mac-window-canvas *{font-family:inherit!important;box-sizing:border-box}.mac-window-canvas h3,.mac-window-canvas h4,.mac-window-canvas p,.mac-window-canvas ul{margin:0}.mac-window-canvas .sf-symbol{width:30px;height:30px;object-fit:contain;opacity:.6;flex-shrink:0}.mac-titlebar{height:66px;display:flex;align-items:center;gap:18px;padding:0 19px;border-bottom:1px solid #0000000a;background:linear-gradient(#fdfdfdeb,#f1f1f1);position:relative}.mac-traffic{display:flex;gap:8px;align-items:center;width:62px;flex-shrink:0}.mac-traffic i{display:block;width:13px;height:13px;border-radius:50%;background:#ff5f57;border:.5px solid #d94d47}.mac-traffic i:nth-child(2){background:#febc2e;border-color:#db9d1d}.mac-traffic i:nth-child(3){background:#28c840;border-color:#1dab29}.toolbar-island{display:flex;align-items:center;gap:13px;flex-shrink:0}.toolbar-spacer{flex:1}.toolbar-divider{height:19px;width:1px;background:#d4d4d4}.safari-titlebar{gap:19px;background:#f4f4f4;height:70px}.safari-titlebar .toolbar-island{gap:11px}.safari-address{display:flex;align-items:center;gap:8px;height:32px;flex:1;min-width:0;border-radius:8px;background:#e1e1e1;border:1px solid #d8d8d8;color:#414141;justify-content:center;box-shadow:inset 0 1px 1px #00000003;font-size:14px}.safari-address .sf-symbol{width:18px;height:18px;opacity:.5}.safari-address .sf-symbol:last-child{position:absolute;right:174px}.safari-tabstrip{height:31px;border-bottom:1px solid #ccc;background:#ececec;display:flex;align-items:stretch;font-size:11px;color:#4d4d4d}.safari-tabstrip>span:first-child{display:flex;align-items:center;gap:7px;width:55%;justify-content:center;border-right:1px solid #ccc;background:#fbfbfb}.safari-tabstrip .native-app-icon{height:16px;width:16px}.safari-tabstrip>span:last-child{padding:3px 14px;font-size:18px}.safari-page{height:calc(100% - 101px);background:white}.native-journal{height:100%;background:#f7f5ee;color:#252e25;padding:30px 46px}.native-journal header{font:22px Georgia,serif!important;letter-spacing:2px;border-bottom:1px solid #b7b7a9;padding-bottom:21px;display:flex;align-items:center;justify-content:space-between}.native-journal header span{font-family:-apple-system,BlinkMacSystemFont,sans-serif!important;font-size:12px;letter-spacing:0}.journal-editorial{padding-top:32px}.journal-editorial>span:first-child{font-size:10px;letter-spacing:2px}.mac-window-canvas .journal-editorial h3{font-family:Georgia,serif!important;font-size:73px!important;letter-spacing:-3px!important;line-height:1.02;font-weight:400;margin:19px 0}.journal-editorial p{font-size:15px;line-height:1.7;color:#6b7365}.journal-read{display:block;margin-top:18px;font-size:12px}.native-studio{height:100%;background:#244331;color:#eff1cb;padding:32px 46px}.native-studio header{font-size:17px;display:flex;justify-content:space-between}.native-studio header span{font-size:12px;font-weight:400}.mac-window-canvas .native-studio h3{font-size:77px!important;font-weight:500;letter-spacing:-3px!important;line-height:1.02;margin:60px 0 20px}.native-studio p{font-size:16px;color:#ccd9bd}.native-studio footer{display:flex;justify-content:space-between;margin-top:57px;font-size:10px;letter-spacing:1px}.notes-titlebar{height:60px;gap:20px;background:#f7f6f5}.notes-title-space{width:205px}.notes-titlebar .sf-symbol{opacity:.5}.notes-body{display:flex;height:calc(100% - 60px)}.notes-sidebar{width:171px;flex-shrink:0;background:#eceae7;padding:15px 9px;border-right:1px solid #d9d7d5}.sidebar-heading{font-size:11px;color:#808080;font-weight:600;padding:8px 10px 6px}.sidebar-item{display:flex;align-items:center;gap:6px;height:31px;margin:1px 0;padding:0 8px;border-radius:6px;font-size:13px;white-space:nowrap}.sidebar-item .sf-symbol{width:23px;height:23px}.sidebar-item>span{margin-left:auto;color:#888;font-size:12px}.notes-sidebar .selected{background:#d8d5d0}.notes-list{width:221px;flex-shrink:0;background:#faf9f6;padding:7px 8px;border-right:1px solid #dedbd7}.note-list-item{padding:16px 12px;border-radius:7px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid #e7e5df}.note-list-item b{font-size:13px}.note-list-item span{font-size:11px;color:#777}.note-list-item.selected{background:#efce6f;border-bottom-color:transparent}.native-note-document{background:#fffefb;flex:1;padding:18px 27px}.note-timestamp{font-size:11px;color:#97948a;text-align:center;margin-bottom:32px}.mac-window-canvas .native-note-document h3{font-size:28px!important;font-weight:700;letter-spacing:-.5px;margin:0 0 18px}.native-note-document p{font-size:15px;line-height:1.7;margin-bottom:22px}.native-note-document h4{font-size:19px;margin:25px 0 10px}.native-checklist{list-style:none;padding:0;margin:24px 0!important;font-size:15px;line-height:1.5}.native-checklist li{padding:0 0 13px 26px;position:relative}.native-checklist li::before{content:'';width:16px;height:16px;border:1.5px solid #adaba5;border-radius:50%;position:absolute;left:0;top:2px}.native-checklist .checked::before{content:'✓';background:#dfb239;border-color:#dfb239;color:white;font-size:12px;text-align:center;line-height:14px}.native-checklist .checked{color:#777}.finder-titlebar{height:68px;background:#f3f4f4}.finder-title{font-size:15px;font-weight:650;min-width:150px}.finder-titlebar .toolbar-island{gap:10px}.finder-body{display:flex;height:calc(100% - 68px)}.finder-sidebar{width:185px;flex-shrink:0;background:#e9eef3;padding:10px 9px;border-right:1px solid #d5dade}.finder-sidebar .sidebar-heading{margin-top:8px}.finder-sidebar .sidebar-item{height:32px}.finder-sidebar .sf-symbol{filter:invert(39%) sepia(51%) saturate(1818%) hue-rotate(183deg);opacity:.9}.finder-sidebar .selected{background:#cfd9e2}.finder-files{flex:1;position:relative;padding:30px 26px 65px}.finder-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.finder-file{display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;font-size:12px}.finder-file>img{width:76px;height:76px;object-fit:contain}.finder-file>span{max-width:104px;line-height:1.4}.finder-path{position:absolute;bottom:25px;left:0;right:0;border-top:1px solid #e2e2e2;height:29px;display:flex;align-items:center;gap:7px;padding:0 15px;font-size:11px;color:#6f7478}.finder-path .sf-symbol{height:18px;width:18px;filter:invert(40%) sepia(45%) saturate(1680%) hue-rotate(177deg);opacity:.75}.finder-path>span{font-size:16px;color:#aaa}.finder-status{position:absolute;bottom:0;left:0;right:0;height:25px;text-align:center;font-size:10px;padding-top:5px;color:#8b8b8b;background:#fafafa}.mail-titlebar{height:65px;background:#f1f3f5}.mail-titlebar>b{font-size:16px;margin-left:90px}.mail-titlebar .toolbar-island{gap:17px}.mail-body{display:flex;height:calc(100% - 65px)}.mail-sidebar{width:175px;flex-shrink:0;background:#e6ebf1;padding:10px 9px;border-right:1px solid #d4dce2}.mail-sidebar .selected{background:#ccd7e2}.mail-sidebar .sf-symbol{filter:invert(38%) sepia(60%) saturate(1700%) hue-rotate(184deg);opacity:.9}.mail-message-list{width:297px;flex-shrink:0;border-right:1px solid #dedede;padding:0 6px}.mail-list-header{height:49px;display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;padding:0 8px}.mail-list-header span{font-size:11px;color:#999;font-weight:400}.mail-list-item{padding:14px 10px;border-radius:7px;border-bottom:1px solid #ddd;font-size:12px}.mail-list-item b{display:flex;justify-content:space-between;margin-bottom:4px}.mail-list-item time{font-size:10px;font-weight:400;color:#999}.mail-list-item strong{font-size:12px;font-weight:500}.mail-list-item p{font-size:11px;color:#777;line-height:1.5;margin-top:4px}.mail-list-item.selected{background:#dce9f8;border-bottom-color:transparent}.native-mail-document{position:relative;flex:1;padding:30px 27px}.sender-avatar{float:left;width:34px;height:34px;border-radius:50%;background:#b1bccb;color:white;font-size:12px;font-weight:500;display:grid;place-items:center;margin-right:11px}.sender-header{display:flex;flex-direction:column;gap:5px;font-size:12px}.sender-header span{font-size:10px;color:#888}.mail-date{position:absolute;top:31px;right:25px;font-size:9px;color:#888}.mac-window-canvas .native-mail-document h3{font-size:19px!important;font-weight:650;letter-spacing:0;margin:27px 0 30px}.native-mail-document p{font-size:14px;line-height:1.7;margin:0 0 24px}.window-caption{color:#1d2a37;font-size:11px;line-height:1.4;min-height:16px;height:auto;padding:0 1px;max-width:100%;font-weight:400;text-shadow:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.window-caption>span{display:none}.panel-footer{height:18px;min-height:18px;font-size:10px;display:flex!important;align-items:center;justify-content:space-between;margin:12px 0 0;color:#263e529c;gap:12px}.panel-footer b{font-weight:500;color:#263e52be}.panel-footer>span:last-child{display:block}.window-tools{top:4px;right:4px;padding:3px;background:#fafafabc;border-radius:7px;border:1px solid #fff8;gap:3px}.window-tools .mini-control{width:20px;height:20px;min-width:20px;font-size:13px}.window-tools .action-menu>summary{height:20px;width:20px;background:none}.window-tools .action-menu>summary>img{width:18px;height:18px}.action-popover{background:#f2f4f7ed;border-radius:8px;padding:4px;min-width:190px;border:.7px solid #0002;box-shadow:0 8px 27px #0003,inset 0 .5px 0 #fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.action-popover button{font-size:12px;border-radius:4px;padding:6px 9px;color:#202124;white-space:nowrap;min-height:25px}.action-popover button:hover:not(:disabled){background:#007aff;color:white}.action-popover .destructive{color:#d43e39}.action-popover button.destructive:hover{color:#fff}.window-state{font-size:9px;bottom:24px;border-radius:5px;background:#edf3f9d9;border:.5px solid #fff9}.tab-placeholder{width:100%;aspect-ratio:1.5;border-radius:6px;background:#ffffff0a;border:.7px solid #182d4a22;color:#213b50}.tab-placeholder>span:first-child{background:none;border:0}.tab-placeholder strong{font-size:13px}.tab-placeholder>span:last-child{font-size:11px}.desktop-message{display:none!important}.dock-zone{position:absolute;bottom:10px;left:0;right:0;margin:0;z-index:8}.demo-dock{padding:6px 8px 3px;border-radius:20px;gap:3px;background:#dae8f65e;border:.7px solid #fff8;backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:inset 0 1px 1px #ffffffb3,0 4px 16px #163b5540}.demo-dock::after{padding:3px;opacity:.25}.demo-dock::before{opacity:.25}.demo-dock button{position:relative;width:54px;height:60px;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:0;background:transparent;border-radius:10px;transform-origin:center bottom}.demo-dock .native-app-icon,.demo-dock button>img{width:49px!important;height:49px!important;border-radius:0!important;object-fit:contain;filter:drop-shadow(0 2px 1px #0002)}.demo-dock #dock-glance>img{width:43px!important;height:43px!important;border-radius:10px!important;margin-top:3px;margin-bottom:3px}.demo-dock button:hover{transform:translateY(-5px) scale(1.12)}.dock-running{position:absolute;bottom:2px;left:calc(50% - 1.5px);width:3px;height:3px;border-radius:50%;background:#1d2b36b3}.dock-tooltip{position:absolute;bottom:calc(100% + 13px);padding:5px 10px;border:.7px solid #fff9;border-radius:5px;background:#ecf1f6db;color:#1b2c3b;font-size:12px;opacity:0;pointer-events:none;white-space:nowrap;box-shadow:0 3px 12px #0002;backdrop-filter:blur(15px);transform:scale(.9)}.demo-dock button:hover .dock-tooltip,.demo-dock button:focus-visible .dock-tooltip{opacity:1}.dock-divider{height:46px;margin:0 6px;background:#284c6836;align-self:center}.dock-decoration{width:49px;height:58px;display:grid;align-items:start;justify-items:center;padding-top:2px}.dock-decoration img{width:47px;height:47px;object-fit:contain}.dock-preview{bottom:calc(100% + 18px);border-radius:13px;background:#e5eef6b3;padding:14px}.dock-preview .dock-window .mini-window{height:auto;aspect-ratio:var(--native-ratio)!important}.dock-window>span{font-size:11px;color:#223c50}.scene-window{border-radius:8px;background:#ecedf0;box-shadow:0 15px 35px #0005;border:1px solid #ffffff55}.scene-window .mini-window[data-native-width]{width:100%;height:100%;border:0;border-radius:8px;background:#e9ecef;aspect-ratio:auto!important}.scene-window.scene-active{outline:none;box-shadow:0 21px 50px #0006;z-index:10}.scene-window.scene-minimised{transform:translateY(240px) scale(.01);transition:transform .65s cubic-bezier(.3,.05,.5,.95),opacity .6s,visibility 0s .65s,left .5s,top .5s,width .5s,height .5s}.desktop-mode .glass-panel{transform:scale(.97);opacity:0;visibility:hidden}.demo-controls-outside{padding:15px 2px 0}.demo-controls-outside .demo-command-bar{width:100%;margin:0;z-index:7;padding:8px 10px;border-radius:16px;background:#ffffff73;box-shadow:inset 0 1px 1px #fff,0 5px 20px #264d6610;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.demo-controls-outside .demo-command-bar::after{display:none}.demo-controls-outside .demo-settings{margin:14px 8px 0;gap:22px}.demo-controls-outside .demo-settings label{font-size:12px;min-height:28px;color:#48677d}.demo-controls-outside .demo-feedback{margin:10px 0 0;border-radius:13px;background:#eef5fb99;backdrop-filter:none;box-shadow:none;border:1px solid #ffffffc4;font-size:12px;min-height:47px}.demo-controls-outside .demo-feedback::after,.demo-controls-outside .demo-feedback::before{display:none}.demo-bottom{background:transparent;border:0;box-shadow:none;backdrop-filter:none;padding:5px 2px;margin-top:13px}.demo-bottom>p{color:#3e617b}.live-preview-indicator{top:8px;font-size:8px;border-radius:4px}.live-reading-progress{z-index:3}#preview-content .mini-window[data-native-width]{width:100%;height:auto;max-height:none}#preview-content .mac-window-canvas{pointer-events:none}.empty-state{padding:70px 12px;flex:1;font-size:14px}.desktop :focus-visible{outline:2px solid #007aff;outline-offset:3px}
@media(max-width:1120px){.group-heading .native-app-icon{width:32px;height:32px}.group-heading{height:38px;min-height:38px;gap:4px}.group-heading>span:first-child{font-size:14px;gap:5px}.group-count{font-size:11px}.group-actions>.mini-control{width:18px;height:18px;min-width:18px;font-size:11px}.group-actions .action-menu>summary{width:19px;height:22px}.group-actions .action-menu>summary>img{width:18px;height:18px}.group-actions{gap:2px}.mosaic{gap:9px}.app-group{padding:8px}.desktop{min-height:580px}.mac-menu-left,.mac-menu-right,#mac-menu-items{gap:13px}.mac-menu-left strong,#mac-menu-items,.mac-menu-right>span{font-size:10px}.desktop-menubar{padding-inline:12px}.mac-menu-right>img{height:16px;width:16px}.glass-panel{inset:47px 20px 87px;padding:13px 14px 11px!important}.panel-toolbar{gap:9px}.window-count b{font-size:22px}.window-count span{font-size:11px}.native-global-actions{gap:3px}.panel-toolbar .search-box{flex-basis:290px;max-width:39%}.panel-toolbar .search-box input{font-size:11px}.native-global-actions .mini-control{height:20px;width:20px;min-width:20px}.demo-dock button{width:46px;height:52px}.demo-dock .native-app-icon,.demo-dock button>img{width:43px!important;height:43px!important}.demo-dock #dock-glance>img{width:37px!important;height:37px!important}.dock-decoration{width:41px;height:50px}.dock-decoration img{width:40px;height:40px}.dock-divider{height:39px}.demo-dock{border-radius:17px}.panel-footer{font-size:8px}.window-caption{font-size:10px}.safari-group .group-actions .action-popover,.finder-group .group-actions .action-popover{left:auto;right:0}}
@media(max-width:760px){.desktop{aspect-ratio:auto;min-height:730px;border-radius:17px}.desktop-menubar{height:24px;padding:0 9px;font-size:9px}.mac-menu-left{gap:11px}.mac-menu-left .mac-apple{width:15px;height:17px}.mac-menu-left strong{font-size:10px}#mac-menu-items{gap:10px;font-size:9px}#mac-menu-items>span:nth-child(n+4){display:none}.mac-menu-right{gap:7px}.mac-menu-right>img{height:15px;width:15px}.mac-menu-right>img:first-child,.mac-menu-right>img:nth-child(4),.mac-menu-right>img:nth-child(5){display:none}.mac-menu-right>span{font-size:8px}.glass-panel{inset:37px 10px 85px;padding:11px 10px 10px!important;border-radius:16px}.panel-toolbar{height:65px;display:grid;grid-template-columns:1fr auto;gap:8px;margin:0 0 10px}.window-count{grid-column:1;font-size:11px!important;gap:4px}.window-count b{font-size:23px}.window-count span{font-size:11px}.native-global-actions{grid-column:2;gap:6px}.native-global-actions .mini-control{min-width:23px;width:23px;height:23px}.native-global-actions .action-menu>summary{width:25px;height:25px}.native-global-actions .action-popover{left:auto;right:0;min-width:205px}.panel-toolbar .search-box{grid-column:1 / -1;width:100%;max-width:none;height:30px;margin:0;padding:4px 8px;min-width:0}.panel-toolbar .search-box input{font-size:16px}.search-box>img{width:17px;height:17px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:9px}.safari-group,.notes-group{grid-row:auto}.app-group{padding:7px;border-radius:12px}.group-heading{height:37px;min-height:37px;flex-wrap:nowrap;gap:3px;margin:0 0 6px}.group-heading>span:first-child{font-size:13px;gap:4px;flex-basis:auto}.group-heading .native-app-icon{width:28px;height:28px}.group-count{display:none!important}.group-actions{margin-left:auto;gap:2px}.group-actions>.mini-control{min-width:18px;width:18px;height:18px;font-size:11px}.group-actions .action-menu>summary{width:19px;height:22px}.group-actions .action-menu>summary>img{width:17px;height:17px}.group-actions .mini-control img{height:10px;width:10px}.window-grid{gap:6px}.window-caption{font-size:9px;line-height:1.3;min-height:13px}.window-card{gap:4px}.window-card>.mini-window{max-height:calc(100% - 18px)}.mini-window[data-native-width]{border-radius:4px}.window-tools{top:3px;right:3px;padding:2px;background:#fafafadf;border-radius:5px;gap:2px;opacity:0}.window-unit:focus-within .window-tools,.window-unit:hover .window-tools{opacity:1}.window-tools .mini-control{height:19px;width:19px;min-width:19px;font-size:11px}.window-tools .action-menu>summary{width:19px;height:19px}.window-tools .action-menu>summary>img{width:16px;height:16px}.panel-footer{font-size:8px;margin-top:8px;height:17px;min-height:17px;justify-content:space-between}.panel-footer>span:last-child{display:none}.window-state{font-size:7px;padding:2px 4px;bottom:20px;left:3px;border-radius:4px}.dock-zone{bottom:9px}.demo-dock{border-radius:17px;padding:5px 5px 3px;gap:2px}.demo-dock button{height:48px;width:41px}.demo-dock .native-app-icon,.demo-dock button>img{width:38px!important;height:38px!important}.demo-dock #dock-glance>img{width:32px!important;height:32px!important}.dock-decoration{height:47px;width:34px}.dock-decoration img{width:34px;height:34px}.dock-divider{height:35px;margin-inline:3px}.dock-running{bottom:3px}.dock-preview{width:92%;padding:11px;border-radius:12px}.dock-preview #dock-preview-content{gap:9px}.dock-window>span{font-size:9px}.tab-placeholder{aspect-ratio:1.5;gap:5px;padding:8px}.tab-placeholder strong{font-size:10px}.tab-placeholder>span:last-child{font-size:8px}.tab-placeholder>span:first-child{height:22px;width:22px}.demo-controls-outside .demo-command-bar{display:flex;flex-direction:row;flex-wrap:wrap;gap:5px;padding:6px;border-radius:14px}.demo-controls-outside .bulk-actions{width:100%;display:flex;justify-content:space-between}.demo-controls-outside .view-button{width:100%;min-height:31px;font-size:12px;background:#fff7;border-radius:9px}.demo-controls-outside .demo-settings{gap:8px 17px;margin:11px 5px 0}.demo-controls-outside .demo-settings label{font-size:11px;min-height:30px}.demo-controls-outside .demo-feedback{margin:8px 0 0;font-size:11px}.demo-bottom{padding:3px 0}.demo-bottom>p{font-size:10px}.demo-presets{border-radius:15px}.action-popover button{font-size:11px;min-height:29px}.safari-group .group-actions .action-popover,.finder-group .group-actions .action-popover{left:-110px;right:auto}.notes-group .group-actions .action-popover,.mail-group .group-actions .action-popover{right:0;left:auto}.live-preview-indicator{font-size:6px;left:4px;top:4px}.scene-window .mini-window[data-native-width]{border-radius:5px}.native-global-actions .action-popover button{font-size:11px}.desktop .action-menu>summary{min-width:20px;min-height:22px}}
@media(max-width:420px){.desktop{min-height:700px}.mac-menu-right>img:nth-child(2){display:none}#mac-menu-items{gap:8px}.group-heading{height:53px;min-height:53px;flex-wrap:wrap;align-content:center;justify-content:flex-start;gap:2px}.group-heading>span:first-child{flex-basis:100%;font-size:12px;height:28px}.group-heading .native-app-icon{height:25px;width:25px}.group-actions{margin-left:0;gap:4px}.group-actions>.mini-control{height:20px;min-width:20px;width:20px}.group-actions .action-menu>summary{height:22px;width:21px}.window-caption{font-size:8px}.dock-decoration{width:30px}.dock-decoration img{width:30px;height:30px}.demo-dock button{width:37px;height:45px}.demo-dock .native-app-icon,.demo-dock button>img{height:35px!important;width:35px!important}.demo-dock #dock-glance>img{height:30px!important;width:30px!important}.demo-dock{gap:1px}.window-tools{opacity:0;top:3px}.window-unit:hover .window-tools,.window-unit:focus-within .window-tools{opacity:1}.window-tools .action-menu .action-popover{min-width:146px}.native-global-actions{gap:4px}}
@media(prefers-reduced-transparency:reduce){.glass-panel{background:#eaf1f8!important}.desktop-menubar{background:#eaf0f6}.demo-dock,.dock-preview{background:#dae4ee!important}.mac-window-canvas{background:white}}
@media(prefers-reduced-motion:reduce){.scene-window.scene-minimised,.desktop-mode .glass-panel,.demo-dock button{transition:none!important}}