#work-desktop[data-wallpaper=midnight]{background-color:#222c33;background-image:radial-gradient(ellipse at 10% 100%,#334f56,transparent 65%),radial-gradient(ellipse at 90% 0%,#3a3a43,transparent 65%);--desktop-ink:#d0d0bf}
#work-desktop .mac-menubar{height:34px;position:absolute;inset:0 0 auto;display:flex;align-items:center;gap:4px;padding:0 16px;background:#ffffff9c;backdrop-filter:blur(16px);z-index:6;font-size:12px;border-bottom:1px solid #00000015}
#work-desktop .mac-menubar>button{padding:7px 12px}
#work-desktop .mac-menubar>button:hover{background:#00000012}
#work-desktop .mac-wordmark{font-size:20px;letter-spacing:-1.2px;font-weight:750!important;padding:4px 12px!important}
#work-desktop .mac-finder-label{font-weight:650}
#work-desktop .mac-system{margin-left:auto;display:flex;gap:28px;font-size:11px;align-items:center}
#work-desktop .mac-system-label{font:9px GeistMono,monospace;color:#455043}
#work-desktop .mac-clock{white-space:nowrap}
#work-desktop .desktop-brand{position:absolute;left:6%;bottom:17%;color:var(--desktop-ink);opacity:.88;pointer-events:none;display:grid}
#work-desktop .desktop-brand strong{font-size:clamp(110px,20vw,350px);font-weight:600;letter-spacing:-.085em;line-height:.92;margin-left:-.025em}
#work-desktop .desktop-brand>span:first-child{font-size:clamp(20px,2.4vw,36px);letter-spacing:-.04em}
#work-desktop .desktop-brand>span:last-child{font:10px GeistMono,monospace;letter-spacing:.14em;margin-top:24px}
#work-desktop .desktop-files{position:absolute;right:30px;top:64px;display:grid;gap:24px}
#work-desktop .desktop-files button{width:78px;padding:0;display:grid;justify-items:center;gap:8px;color:var(--desktop-ink)}
#work-desktop .desktop-files button span{font-size:12px;font-weight:500;background:#ffffff20;padding:2px 5px;border-radius:3px}
#work-desktop .desktop-files button:hover span,#work-desktop .desktop-files button:focus-visible span{background:#ffffff70}
#work-desktop .desktop-files svg,#work-desktop .finder-empty svg{width:60px;fill:#85b7d5;stroke:#5285a0;stroke-width:1.5;filter:drop-shadow(0 3px 3px #00000020)}
#work-desktop .desktop-files svg.document-icon{width:38px;fill:#eee9db;stroke:#8e8d81}
#work-desktop .mac-window{position:absolute;left:26%;top:14%;width:min(64%,920px);height:58%;min-height:300px;min-width:400px;border-radius:11px;background:#f6f4ee;border:1px solid #fff6;box-shadow:0 24px 75px #20291f45,0 2px 6px #0003;overflow:hidden;resize:both;max-width:calc(100% - 16px);max-height:calc(100% - 110px)}
#work-desktop .mac-window.maximized{resize:none}
#work-desktop .mac-titlebar{height:47px;position:relative;background:#e7e4dccc;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #00000012;user-select:none;touch-action:none;cursor:default}
#work-desktop .mac-window-title{font-size:12px;font-weight:600}
#work-desktop .traffic-lights{position:absolute;left:16px;display:flex;gap:8px}
#work-desktop .traffic-lights button{width:12px;height:12px;border-radius:50%;background:#ed6a60;border:1px solid #0002;padding:0}
#work-desktop .traffic-lights button:nth-child(2){background:#f4bf50}
#work-desktop .traffic-lights button:nth-child(3){background:#61c454}
#work-desktop .traffic-lights button:hover{filter:brightness(.85)}
#work-desktop .mac-title-mark{position:absolute;right:16px;font:9px GeistMono,monospace;color:#8b8d83}
#work-desktop .mac-window-body{height:calc(100% - 47px);display:flex;overflow:auto}
#work-desktop .finder-sidebar{width:170px;flex-shrink:0;background:#e8e8df;padding:22px 9px;display:flex;flex-direction:column;gap:5px}
#work-desktop .finder-sidebar>span{padding:0 10px 6px;font-size:10px;color:#8a8c81}
#work-desktop .finder-sidebar button{border-radius:5px;font-size:12px;display:flex;gap:9px;align-items:center;text-align:left;padding:8px 10px}
#work-desktop .finder-sidebar button span{font-size:19px;line-height:1;color:#598096}
#work-desktop .finder-sidebar button[aria-pressed=true]{background:#cdcdc29e}
#work-desktop .finder-sidebar button:hover{background:#cdcdc260}
#work-desktop .finder-sidebar .finder-location{margin-top:auto;line-height:1.8;padding-top:18px}
#work-desktop .finder-location b{font-weight:500;color:#555d55}
#work-desktop .finder-files{flex:1;min-width:0;display:flex;flex-direction:column}
#work-desktop .finder-toolbar{height:44px;flex-shrink:0;border-bottom:1px solid #0000000c;padding:0 20px;display:flex;justify-content:space-between;align-items:center;font-size:11px}
#work-desktop .finder-toolbar .mono{font-size:9px;color:#92948a}
#work-desktop .finder-empty{flex:1;display:grid;align-content:center;justify-items:center;text-align:center;gap:12px;padding:30px}
#work-desktop .finder-empty svg{width:72px;opacity:.7}
#work-desktop .finder-empty h3{font-size:20px;letter-spacing:-.03em;font-weight:550;margin:0}
#work-desktop .finder-empty p{font-size:12px;color:#7a8076;line-height:1.5;margin:0;max-width:260px}
#work-desktop .finder-empty .mono{font-size:8px;color:#a0a497;margin-top:12px}
#work-desktop .os-document{padding:35px;max-width:620px;overflow:auto}
#work-desktop .os-document h2{font-weight:500;font-size:42px;letter-spacing:-.06em;line-height:1.04;margin:24px 0}
#work-desktop .os-document .mono{font-size:9px;color:#878b81}
#work-desktop .os-document p{font-size:15px;line-height:1.5;color:#667061}
#work-desktop .os-text-link{border-bottom:1px solid #788371;padding:6px 0;font-size:12px}
#work-desktop .wallpaper-options{display:flex;gap:16px;margin-top:22px}
#work-desktop .wallpaper-options button{display:grid;gap:10px;font-size:11px;padding:6px;border:1px solid transparent;border-radius:6px}
#work-desktop .wallpaper-options button[aria-pressed=true]{border-color:#718b75}
#work-desktop .wallpaper-options i{display:block;width:96px;height:60px;border-radius:3px;background:linear-gradient(125deg,#76806f,#decfb0)}
#work-desktop .wallpaper-options button:nth-child(2) i{background:linear-gradient(125deg,#334f56,#3a3a43)}
#work-desktop .mac-dock{position:absolute;bottom:47px;left:50%;transform:translateX(-50%);display:flex;gap:12px;padding:10px 13px;border:1px solid #ffffff55;border-radius:17px;background:#eff1e75c;backdrop-filter:blur(18px);box-shadow:0 5px 20px #0002}
#work-desktop .mac-dock button{position:relative;padding:0 0 6px;width:47px;height:54px;transition:transform .15s}
#work-desktop .mac-dock button:hover{transform:translateY(-5px)}
#work-desktop .mac-dock button>span{display:flex;width:44px;height:44px;align-items:center;justify-content:center;font-size:31px;border-radius:10px;box-shadow:0 2px 4px #0002}
#work-desktop .dock-finder{background:linear-gradient(90deg,#65b4e7 50%,#c7e9ed 50%);color:#284851}
#work-desktop .dock-notes{background:linear-gradient(#e9c470 24%,#f2ead9 24%);color:#8a8371}
#work-desktop .dock-kint{background:#1f2a22;color:#e5d5b2;font-weight:650;letter-spacing:-.08em}
#work-desktop .dock-settings{background:#d6d6cf;color:#707770}
#work-desktop .mac-dock button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;left:21px;width:4px;height:4px;background:#2d3829;border-radius:50%}
#work-desktop .mac-dock small{display:none;position:absolute;bottom:70px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#f3f1e9e6;padding:5px 9px;font-size:10px;border-radius:4px}
#work-desktop .mac-dock button:hover small{display:block}
#work-desktop .os-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:16px 22px;color:var(--desktop-ink)}
#work-desktop .os-bottom button{font:10px GeistMono,monospace;padding:0}
#work-desktop .os-bottom button:hover{text-decoration:underline}
#work-desktop .mac-dropdown{position:absolute;z-index:10;top:39px;left:16px;width:220px;background:#f5f3e9f2;backdrop-filter:blur(20px);border-radius:7px;border:1px solid #0002;box-shadow:0 7px 20px #0002;padding:5px;font-size:12px}
#work-desktop .mac-dropdown button{display:flex;justify-content:space-between;width:100%;padding:8px;border-radius:4px;text-align:left}
#work-desktop .mac-dropdown button:hover{background:#d9dccc}
#work-desktop .mac-dropdown hr{border:0;border-top:1px solid #0002;margin:4px}
#work-desktop .os-sleep{position:absolute;inset:0;background:#080b0b;z-index:15;overflow:hidden;color:var(--accent)}
#work-desktop .sleep-logo{position:absolute;left:0;top:0;font-size:clamp(50px,10vw,130px);font-weight:650;letter-spacing:-.065em;animation:sleep-x 12s linear infinite alternate,sleep-y 9s linear infinite alternate}
#work-desktop .os-sleep button{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font:11px GeistMono,monospace;color:#a0a697;padding:12px;border:1px solid #ffffff20;background:#080b0b}
/* Only the default wallpaper differs from the original Atelier desktop. */
#work-desktop{animation:none;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;aspect-ratio:auto;overflow:hidden;font-family:Geist,Arial,sans-serif;background:radial-gradient(ellipse at 8% 100%,#b2b491 0,transparent 53%),radial-gradient(ellipse at 96% -25%,#bac3a1 0,transparent 53%),linear-gradient(145deg,#61715b,#253f33 58%,#122b23)}
#work-desktop::before,#work-desktop::after{content:'';position:absolute;width:140%;height:100%;border-radius:50%;box-shadow:inset 0 2px 0 #ffffff25,0 -14px 90px #0b211b45;transform:rotate(-25deg);pointer-events:none;z-index:0}
#work-desktop::before{left:-15%;top:55%;background:linear-gradient(170deg,#9baa82,#4c6a52 48%,#213d30)}
#work-desktop::after{left:25%;top:76%;background:linear-gradient(150deg,#b6ba95,#698260 42%,#284e3a)}
#work-desktop[data-wallpaper=midnight]::before,#work-desktop[data-wallpaper=midnight]::after{display:none}
#work-desktop .mono{font-family:'Geist Mono',monospace}
#work-desktop [hidden]{display:none!important}
#work-desktop .desktop-brand,#work-desktop .desktop-files,#work-desktop .os-bottom{z-index:1}
#work-desktop .mac-menubar,#work-desktop .mac-dropdown,#work-desktop .mac-dock{z-index:1000}
#work-desktop .mac-window{z-index:5}
#work-desktop .os-sleep{z-index:2000}
#work-desktop .desktop-files{inset:0;display:block;pointer-events:none}
#work-desktop .desktop-files>button{position:absolute;right:30px;top:64px;pointer-events:auto;user-select:none;touch-action:none}
#work-desktop .desktop-files>button:nth-child(2){top:167px}
#work-desktop .desktop-files>button.is-dragging{z-index:1500;cursor:grabbing;filter:drop-shadow(0 12px 8px #0003)}
#work-desktop .desktop-files>button.is-recovered svg{filter:drop-shadow(0 0 5px #c6ae72)}
#work-desktop .mac-titlebar{cursor:grab;touch-action:none}
#work-desktop .mac-window.is-dragging .mac-titlebar{cursor:grabbing}
#work-desktop .os-trash{position:absolute;right:30px;bottom:90px;width:78px;display:grid;justify-items:center;gap:6px;z-index:2;color:#edf0de;padding:8px;border-radius:10px}
#work-desktop .os-trash svg{width:39px;height:48px;fill:#d9dfd0b0;stroke:#f0f3e6;stroke-width:1.5}
#work-desktop .os-trash span{font-size:12px}
#work-desktop .os-trash.drop-ready{background:#dec59155;outline:2px dashed #d8be85;transform:scale(1.12)}
#work-desktop .trash-gag{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(430px,calc(100% - 32px));border-radius:12px;background:#f6f4ee;border:1px solid #fff9;box-shadow:0 25px 90px #071f1b99;z-index:3000;color:#293129}
#work-desktop .trash-gag-bar{padding:14px 20px;border-bottom:1px solid #29312920;font:9px 'Geist Mono',monospace;color:#858877}
#work-desktop .trash-gag-body{padding:25px}
#work-desktop .gag-icon{display:block;font-size:39px;color:#a58b54;margin-bottom:12px}
#work-desktop .trash-gag h3{font-size:27px;line-height:1.08;letter-spacing:-.035em}
#work-desktop .trash-gag p{font-size:13px;line-height:1.65;margin-top:16px}
#work-desktop .trash-gag .trash-file-status{font-size:11px;color:#7a806f}
#work-desktop [data-gag-close]{margin-top:24px;padding:11px 16px;border-radius:6px;background:#bca778;font-size:12px;font-weight:600}
#work-desktop .os-content-library{display:none}
#work-desktop .mac-window-body .os-document{width:100%}
#work-desktop .mac-window-body .os-document h2{margin:16px 0}
.has-draft-desktop .connections>.display,.has-draft-desktop .connections>.work-intro,.has-draft-desktop .connections>.section-meta{visibility:hidden}
@keyframes sleep-x{to{left:calc(100% - 300px)}}
@keyframes sleep-y{to{top:calc(100% - 180px)}}
@media(max-width:1023px){#work-desktop .mac-window{left:16%;width:76%;top:12%;height:62%;min-width:0}#work-desktop .desktop-brand{left:5%}#work-desktop .mac-system-label{display:none}#work-desktop .os-bottom button{font-size:9px}}
@media(max-width:600px){#work-desktop .mac-menubar{padding:0 6px}#work-desktop .mac-menubar>button{padding:8px}#work-desktop .mac-finder-label{display:none}#work-desktop .mac-clock{font-size:10px}#work-desktop .mac-window{min-width:0;min-height:240px;resize:none;left:12px;top:100px;width:calc(100% - 24px);height:58%}#work-desktop .finder-sidebar{width:112px;padding:18px 5px}#work-desktop .finder-sidebar button{font-size:10px;gap:4px;padding:8px 5px}#work-desktop .finder-sidebar>span{font-size:9px;padding-left:5px}#work-desktop .finder-empty{padding:15px 12px}#work-desktop .finder-empty h3{font-size:18px}#work-desktop .finder-empty p{font-size:11px}#work-desktop .finder-toolbar{padding:0 12px;font-size:10px}#work-desktop .finder-toolbar .mono{font-size:8px}#work-desktop .finder-empty .mono{font-size:7px}#work-desktop .desktop-brand{bottom:17%}#work-desktop .desktop-brand strong{font-size:110px}#work-desktop .desktop-brand>span:first-child{font-size:19px}#work-desktop .desktop-brand>span:last-child{display:none}#work-desktop .desktop-files>button{width:56px;right:12px;top:46px;gap:3px}#work-desktop .desktop-files>button:nth-child(2){right:76px;top:46px}#work-desktop .desktop-files svg{width:38px;height:32px}#work-desktop .desktop-files svg.document-icon{width:26px}#work-desktop .desktop-files button span{font-size:9px}#work-desktop .os-document{padding:25px}#work-desktop .os-document h2{font-size:33px}#work-desktop .os-document p{font-size:13px}#work-desktop .mac-dock{gap:10px;padding:9px 11px}#work-desktop .os-bottom{padding:16px 12px;gap:12px}#work-desktop .os-bottom button{font-size:8px}#work-desktop .wallpaper-options i{width:75px}#work-desktop .os-trash{right:12px;bottom:90px;width:56px}#work-desktop .mac-window.maximized{min-height:0}}
@media(prefers-reduced-motion:reduce){#work-desktop .sleep-logo{animation:none;left:35%;top:35%}.has-draft-desktop .connections{height:100svh;position:relative;padding:0}.has-draft-desktop .connections>.work-intro{position:absolute;width:1px;height:1px;overflow:hidden}}
#work-desktop{min-height:0}
/* The native Atelier menu takes over once the screen has materialized. */
.desktop-active .mode-switch{top:3px}
@media(max-width:600px){.desktop-active .mode-switch{top:2px}.desktop-active .mode-pill{font-size:7px}.desktop-active .mode-pill>a,.desktop-active .mode-pill>span{padding:5px}}

#work-desktop .dock-mail{background:linear-gradient(#82b8d2,#36708e);color:#fff;font-size:29px}
#work-desktop .mac-dock button:focus-visible small{display:block}
/* Mobile usability: keep the mode pill clear of Vista and keep dialogs above apps. */
#work-desktop .trash-gag{max-height:calc(100% - 68px);overflow:auto;overscroll-behavior:contain}
#work-desktop .mac-window{min-height:min(300px,calc(100% - 110px))}
@media(max-width:600px){
.desktop-active .mode-switch{top:auto;bottom:0;padding-bottom:max(10px,env(safe-area-inset-bottom))}
#work-desktop .mac-window{min-height:min(240px,calc(100% - 110px))}
#work-desktop .traffic-lights{left:10px;gap:0}
#work-desktop .traffic-lights button:nth-child(n){position:relative;width:28px;height:32px;flex:0 0 28px;appearance:none;-webkit-appearance:none;background:transparent;border:0}
#work-desktop .traffic-lights button::before{content:'';position:absolute;left:8px;top:10px;width:12px;height:12px;border-radius:50%;border:1px solid #0002;background:#ed6a60}
#work-desktop .traffic-lights button:nth-child(2)::before{background:#f4bf50}
#work-desktop .traffic-lights button:nth-child(3)::before{background:#61c454}
#work-desktop .mac-window-title{max-width:calc(100% - 130px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
}
body.desktop-gag-open{overflow:hidden}