/* A small desktop, with real windows and familiar system controls. */
body.sender-only{margin:0;overflow:hidden;background:#9caeb4;color:#253631}
.sender-desktop{position:relative;isolation:isolate;width:100%;height:100dvh;overflow:hidden;font:12px/1.4 Tahoma,Arial,sans-serif;color:#283b36;background:#8faeb9}
.sd-wallpaper{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 79% 18%,#eee5b2 0,transparent 37%),linear-gradient(125deg,#88adc2 4%,#a8b9be 36%,#d6c5b8 67%,#cfb5b9);overflow:hidden}
.sd-wallpaper:before{content:'';position:absolute;left:-10%;right:-18%;bottom:-12%;height:41%;border-top:2px solid #6c8b55;border-radius:48% 72% 0 0;transform:rotate(-8deg);background:#a5bb73;box-shadow:inset 0 10px 0 #bccb8a}
.sd-wallpaper:after{content:'';position:absolute;inset:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23grain)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.sd-icons{position:absolute;top:19px;left:14px;display:grid;grid-template-rows:repeat(6,91px);grid-auto-flow:column;grid-auto-columns:87px;gap:0 9px;z-index:0}
.sd-shortcut{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;padding:7px 4px 4px;background:transparent;border:1px solid transparent;color:#203c36;font:11px/1.25 Tahoma,Arial;text-shadow:1px 1px #eeefcc90;min-width:0}
.sd-shortcut>.msn-icon,.sd-shortcut>canvas{display:block;width:40px;height:40px;flex:none;image-rendering:pixelated;filter:drop-shadow(1px 2px #506a6155)}
.sd-shortcut>canvas{width:42px;height:42px;margin:-1px}
.sd-shortcut>span{padding:1px 3px;max-width:100%}
.sd-shortcut:hover{background:#f2f0d828;border-color:#d9e3d650}
.sd-shortcut:focus-visible{outline:1px dotted #ecf0d8;outline-offset:-3px;background:#41679b4d}
.sd-shortcut:focus-visible>span{background:#375e92;color:#fff;text-shadow:none}
.sd-shortcut>i{position:absolute;top:33px;right:17px;font:10px Tahoma;font-style:normal;color:#244b27;background:#dbe9bd;border:1px solid #668565;box-shadow:1px 1px #365d3d}
.sd-shortcut>i:empty{display:none}
.sd-windows{position:absolute;inset:0 0 41px;pointer-events:none}
.sd-window{position:absolute;pointer-events:auto;display:flex;flex-direction:column;padding:3px;border:1px solid #3b5149;border-radius:4px 4px 1px 1px;background:#e6e5ce;box-shadow:inset 1px 1px #f8f4db,inset -1px -1px #8f9985,3px 4px #52695d55;overflow:hidden;min-width:0;min-height:0}
.sd-window[hidden]{display:none!important}
.sd-titlebar{display:flex;align-items:center;gap:5px;flex:none;min-height:27px;height:27px;margin:-2px -2px 0;padding:3px 4px;background:#99aeba;border-bottom:1px solid #586960;color:#3c4d4c;touch-action:none;user-select:none;cursor:move}
.sd-window.is-active>.sd-titlebar{background:#739ace;color:#153334;border-color:#3c5351}
.sd-titlebar>h2{font:bold 12px/1.2 Tahoma,Arial;color:inherit;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;flex:1;min-width:0;text-shadow:none}
.sd-titlebar>.msn-icon,.sd-titlebar>canvas{width:18px;height:18px;flex:none;image-rendering:pixelated}
.sd-window-controls{display:flex;align-items:center;gap:3px}
.sd-window-controls button{width:21px;height:20px;padding:0;display:grid;place-items:center;min-height:0;flex:none;border:1px solid #38514e;border-radius:3px;box-shadow:inset 1px 1px #c3d6e3,inset -1px -1px #6a839c;background:#a1bdd6;color:#233f3a;font:16px/1 Arial;cursor:pointer}
.sd-window-controls button:last-child{background:#ce6854;box-shadow:inset 1px 1px #e89c83,inset -1px -1px #a74436;color:#fff4cf}
.sd-window-controls button:hover{filter:brightness(1.12)}
.sd-window-controls button:active{box-shadow:inset 1px 1px #5e706e}
.sd-window.is-maximized{inset:3px!important;width:auto!important;height:auto!important;border-radius:0}
.sd-window-content{min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden;background:#eeeddc}
.sd-form{padding:18px 20px;overflow:auto;min-height:0;flex:1;scrollbar-color:#b7bca5 #e9e8d3;scrollbar-width:thin}
.sender-desktop p{font:12px/1.55 Tahoma,Arial;margin:0 0 13px;color:#3f5047}
.sender-desktop .sd-fine{font:11px/1.5 Tahoma,Arial;color:#75806b;margin:9px 0 11px}
.sd-address-heading{display:flex;align-items:center;gap:12px;margin:0 0 20px;border-bottom:1px solid #c6c9b2;padding:0 0 14px}
.sd-address-heading>.msn-icon{width:43px;height:43px}
.sd-address-heading strong{font:bold 17px Tahoma,Arial;color:#354b3e}
.sd-address-heading p{margin:4px 0 0;font-size:11px;color:#70826b}
.sd-field{margin-bottom:13px;min-width:0}
.sd-field>label{display:block;font:12px/1.4 Tahoma,Arial;color:#33483c;margin:0 0 5px}
.sd-field>label>span{font-size:10px;color:#929570}
.sd-field input,.sd-field textarea{display:block;border:1px solid #8f9988;box-shadow:inset 1px 1px #b3b5a3,inset -1px -1px #fffef0;background:#fffef1;color:#283c35;border-radius:0;width:100%;padding:6px 8px;font:13px/1.5 Tahoma,Arial;min-height:31px}
.sd-field input::placeholder,.sd-field textarea::placeholder{color:#9ca491}
.sd-field input:focus,.sd-field textarea:focus{outline:1px solid #7293b1;outline-offset:0}
.sd-field textarea{resize:vertical;min-height:90px}
.sd-field input[aria-invalid=true],.sd-field textarea[aria-invalid=true]{border-color:#a0513d}
.sd-field small{display:block;font:10px/1.5 Tahoma,Arial;color:#818871;margin-top:4px}
.sd-field .sd-count{text-align:right;font-size:10px;color:#8e967e}
.sd-field-row{display:grid;grid-template-columns:1fr 90px;gap:14px}
.sd-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px;min-width:66px;padding:5px 13px;border:1px solid #75816a;border-radius:2px;background:#e8e9d2;box-shadow:inset 1px 1px #ffffec,inset -1px -1px #b2b69d;color:#314737;font:12px/1.2 Tahoma,Arial;cursor:pointer;white-space:nowrap}
.sd-button:hover{background:#f3f1da}
.sd-button:active{box-shadow:inset 1px 1px #a3ab91,inset -1px -1px #ffffee}
.sd-button:disabled{opacity:.5;cursor:default}
.sender-desktop button:focus-visible{outline:1px dotted #2f5a57;outline-offset:-4px}
.sd-dialog-actions{padding:10px 12px;display:flex;gap:8px;justify-content:flex-end;align-items:center;border-top:1px solid #bdc2aa;box-shadow:0 -1px #ffffe9;flex:none;background:#e9ead5;min-height:51px}
.sd-gift-ready{margin-right:auto;color:#78896c;font-size:11px}
.sd-link{padding:0 2px;background:transparent;border:0;text-decoration:underline;color:#4a7395;font:11px Tahoma,Arial;cursor:pointer}
.sd-player{display:flex;gap:13px;align-items:center;min-height:66px;background:#2e3533;border:5px solid #b4bb9f;outline:1px solid #6f7964;box-shadow:inset 2px 2px #182b28;margin-bottom:22px;padding:8px 10px;color:#cae68d}
.sd-player>div:nth-child(2){flex:1;min-width:0}
.sd-player span{font:9px/1.4 'Courier New',monospace;letter-spacing:1px;color:#8caa79}
.sd-player strong{display:block;font:12px/1.6 'Courier New',monospace;color:#d2e9a1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sd-player .sd-player-symbol{font-size:28px;color:#9bbd78}
.sd-player-lights{display:flex;gap:3px;align-items:flex-end;height:29px}
.sd-player-lights i{height:13px;width:4px;background:repeating-linear-gradient(to top,#b5d078 0 3px,#35473b 3px 4px)}
.sd-player-lights i:nth-child(2){height:22px}.sd-player-lights i:nth-child(3){height:27px}.sd-player-lights i:nth-child(4){height:17px}.sd-player-lights i:nth-child(5){height:23px}.sd-player-lights i:nth-child(6){height:9px}
.sd-notepad{display:flex;flex-direction:column;padding:14px 15px;background:#f3f2df}
.sd-notepad .sd-field:last-child{flex:1;display:flex;flex-direction:column;margin-bottom:0}
.sd-notepad textarea{flex:1;min-height:100px;resize:none;font:14px/1.65 'Courier New',monospace;background:#fffef3;padding:12px}
.sd-to-line{border-bottom:1px solid #c2c9ad;padding-bottom:7px}
.sd-garden-art{display:block;width:100%;height:300px;object-fit:cover;image-rendering:pixelated;border:1px solid #76836a;box-shadow:inset 1px 1px #455b3f;margin:0 0 14px}
.sender-desktop .sd-included{font:11px Tahoma;color:#637d4d;margin:13px 0}
.sd-hug-content{text-align:center}
.sd-hug-content>img{width:100%;max-height:260px;object-fit:contain;image-rendering:pixelated;margin:4px auto 0;display:block}
.sd-book-heading{display:flex;align-items:center;gap:15px;border-bottom:1px solid #c7cdb3;margin-bottom:17px;padding-bottom:12px}
.sd-book-heading img{width:70px;height:60px;object-fit:contain;image-rendering:pixelated}
.sd-book-heading span{font:13px Tahoma;color:#566c4c}
.sd-upload{position:relative;margin:0 0 16px}
.sd-upload input[type=file]{position:absolute;left:0;top:0;height:29px;width:166px;opacity:0;cursor:pointer}
.sd-upload:focus-within>.sd-button{outline:2px solid #809eb8;outline-offset:2px}
.sd-upload>small{display:block;font-size:10px;color:#818b72;margin-top:7px}
.sd-upload>img{display:block;margin:13px auto 5px;max-height:220px;max-width:100%;object-fit:contain;border:6px solid #faf6df;box-shadow:1px 2px #acb199}
.sd-empty-photo{height:155px;border:1px solid #b1baa2;background:#dddfc8;box-shadow:inset 1px 1px #c4ccb4;margin:13px 0 0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#8b947d;font-size:11px}
.sd-empty-photo>.msn-icon{width:39px;height:39px;opacity:.7}
.sd-upload>.sd-link{display:block;margin:7px auto}
.sd-upload [data-upload-error]:empty{display:none}
.sender-desktop fieldset{border:1px solid #b1bca2;min-width:0;padding:13px;margin:8px 0 16px;box-shadow:0 1px #ffffeb}
.sender-desktop legend{font:11px Tahoma,Arial;padding:0 6px;color:#627155}
.sd-check{display:flex;align-items:center;gap:8px;font-size:11px;color:#566a4b;cursor:pointer;min-height:29px}
.sd-check input{accent-color:#71885d;width:15px;height:15px}
.sd-extras{border-top:1px solid #c3cbb1;margin:5px 0}
.sd-extras>summary{cursor:pointer;padding:10px 0;font-size:11px;color:#6a7d5b}
.sd-room-tools{display:flex;gap:12px;align-items:center;padding:4px 7px;min-height:29px;border-bottom:1px solid #b0bba1;flex:none;background:#e9ebd5}
.sd-room-tools button{font:11px Tahoma,Arial;background:transparent;padding:2px 3px;color:#3b5142;white-space:nowrap}
.sd-room-tools button:hover{text-decoration:underline}
.sd-room-tools>span{margin-left:auto;font-size:10px;color:#81916f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sd-room-stage{position:relative;flex:none;width:100%;aspect-ratio:4/3;background:#f8f5e8}
.sd-room-stage>canvas{display:block;width:100%;height:100%;image-rendering:pixelated}
.sd-window.is-maximized[data-window=room] .sd-room-stage{width:min(100%,calc((100dvh - 200px)*4/3));margin-inline:auto}
.sd-room-hotspots{position:absolute;inset:0;pointer-events:none}
.sd-room-hotspots button{position:absolute;pointer-events:auto;width:33px;height:33px;transform:translate(-50%,-65%);background:transparent;border:1px solid transparent}
.sd-room-hotspots button:hover,.sd-room-hotspots button:focus-visible{border:1px solid #ffec9e;outline:1px solid #695632;outline-offset:1px;background:#fff0a522}
.sd-room-gifts{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:7px 4px;border-top:1px solid #abb797;background:#e2e4cc;flex:1;min-height:72px;align-items:start}
.sd-room-gifts button{position:relative;display:flex;align-items:center;flex-direction:column;gap:4px;border:1px solid transparent;padding:2px;background:transparent;min-width:0}
.sd-room-gifts button:hover{border-color:#819aa2;background:#b7c9c854}
.sd-room-gifts canvas{width:34px;height:34px;image-rendering:pixelated;filter:grayscale(.75);opacity:.7}
.sd-room-gifts .is-ready canvas,.sd-room-gifts button:hover canvas{filter:none;opacity:1}
.sd-room-gifts span{font:9px/1.15 Tahoma,Arial;color:#546648;text-align:center}
.sd-room-gifts i{position:absolute;top:0;right:1px;font:9px Tahoma;color:#466b36;background:#e1e9c6}
.sd-status-line{padding:4px 7px;font:10px Tahoma;display:flex;justify-content:space-between;border-top:1px solid #acb798;color:#647555;flex:none;min-height:20px;background:#e7ead2}
.sd-window[data-window=room] .sd-window-content{overflow:auto;scrollbar-width:thin}
.sd-palettes{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sd-palettes button{display:flex;flex-direction:column;font-size:11px;padding:8px}
.sd-palettes button>span{display:flex;width:100%;height:13px;border:1px solid #aaa78d}
.sd-palettes i{display:block;flex:1}
.sd-custom-colors{display:flex;justify-content:space-around;gap:15px}
.sd-custom-colors label{display:flex;flex-direction:column;gap:7px;align-items:center;font-size:11px;color:#607450}
.sd-custom-colors input{width:42px;height:28px;border:1px solid #9aab8c;background:#f3f1dd;padding:2px}
.sd-send-address{display:flex;align-items:center;gap:10px;justify-content:space-between;font-size:12px;border:1px solid #b4bea5;background:#faf9e9;padding:10px 12px;margin-bottom:16px;line-height:1.6}
.sd-review-list{border:1px solid #9ca990;box-shadow:inset 1px 1px #c9cdb9;background:#fffef1;margin-bottom:12px}
.sd-review-heading{display:flex;justify-content:space-between;background:#dde2c9;font-size:11px;border-bottom:1px solid #adb89b;padding:4px 9px}
.sd-review-list>button{display:flex;align-items:center;gap:9px;padding:5px 8px;width:100%;background:transparent;text-align:left;font:11px Tahoma;border:0;border-bottom:1px solid #ebeddc;min-height:36px}
.sd-review-list>button:hover{background:#d8e3dd}
.sd-review-list>button>canvas,.sd-review-list>button>.msn-icon{width:29px;height:29px;flex:none;image-rendering:pixelated}
.sd-review-list>button>span{flex:1;min-width:0;color:#39523d}
.sd-review-list small{display:block;font:10px/1.4 Tahoma;color:#8a967b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:210px;margin-top:2px}
.sd-review-list i{font:10px Tahoma;font-style:normal;color:#738566}
.sender-desktop .sd-sharing{font:10px/1.5 Tahoma,Arial;color:#889379;margin:12px 0 0}
.sd-error,.sender-desktop .sd-error,.sd-field small.sd-error{color:#a0513d;font:11px/1.45 Tahoma,Arial;overflow-wrap:anywhere;margin:8px 0 0}
#publish-error:empty{display:none}
.sd-preview-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:5px 9px;border-bottom:1px solid #a7b397;font-size:11px;flex:none}
.sd-preview-tools .sd-button{min-height:24px;font-size:11px}
.sd-preview-frame{border:0;width:100%;flex:1;min-height:0;background:#f8f6f0}
.sd-readme h3{font:bold 14px Tahoma,Arial;color:#475e40;margin:2px 0 18px}
.sd-readme p{font:12px/1.6 Tahoma,Arial;margin-bottom:14px}
.sd-taskbar{position:absolute;z-index:10000;bottom:0;left:0;right:0;height:41px;flex-direction:row;margin:0;padding:3px 5px 3px 0;display:flex;align-items:center;gap:7px;background:#87a4c7;border-top:2px solid #c6d8dc;box-shadow:0 -1px #5c787b;font:11px Tahoma;color:#2d4946}
.sd-start{height:37px;align-self:center;display:flex;align-items:center;gap:5px;border:1px solid #526e46;border-left:0;border-radius:0 13px 13px 0;background:#a9c87a;box-shadow:inset 1px 1px #d6e4a7,inset -2px -2px #7fa363;padding:0 16px 0 8px;font:bold italic 17px Tahoma;color:#254839;margin-top:-1px}
.sd-start>.msn-icon{width:23px;height:23px}
.sd-start[aria-expanded=true]{box-shadow:inset 2px 2px #719359;background:#8faf68}
.sd-show-desktop{display:grid;place-items:center;padding:2px 5px 2px 0;margin:0 0 0 0;background:transparent;border-right:1px solid #c5d6d8;box-shadow:1px 0 #587784;flex:none}
.sd-show-desktop>.msn-icon{width:22px;height:22px}
.sd-tasks{display:flex;gap:4px;flex:1;min-width:0;height:31px;overflow:auto;scrollbar-width:none}
.sd-tasks>button{display:flex;align-items:center;gap:5px;height:30px;min-width:48px;max-width:177px;flex:1;padding:3px 8px;background:#a9c0d7;border:1px solid #536f76;border-radius:2px;box-shadow:inset 1px 1px #dfebea,inset -1px -1px #819fae;font:11px Tahoma;color:#294842;text-align:left;overflow:hidden}
.sd-tasks>button>.msn-icon,.sd-tasks>button>canvas{width:17px;height:17px;flex:none;image-rendering:pixelated}
.sd-tasks>button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.sd-tasks>button.is-active{background:#c3d2dc;box-shadow:inset 1px 1px #7795a3,inset -1px -1px #e4e8dc;font-weight:bold}
.sd-system-tray{display:flex;gap:8px;align-items:center;height:29px;padding:0 8px;border:1px solid #819fa8;box-shadow:inset 1px 1px #658790,inset -1px -1px #bbd3d9;font:10px Tahoma;white-space:nowrap;flex:none}
.sd-save-dot{width:7px;height:7px;border:1px solid #486a45;background:#9bbb6b;box-shadow:1px 1px #d9e0b7}
.sd-system-tray #save-state{font:10px Tahoma;color:#33534c;max-width:190px;overflow:hidden;text-overflow:ellipsis}
.sd-system-tray time{padding-left:8px;color:#335149}
.sd-start-menu{position:absolute;bottom:40px;left:0;z-index:10001;display:flex;background:#eeedd8;border:1px solid #576d61;box-shadow:inset 2px 2px #fffbe2,inset -2px -2px #a2b296,3px -3px #4f6b5140;padding:3px;width:266px;max-height:calc(100dvh - 48px)}
.sd-start-menu[hidden]{display:none}
.sd-start-brand{background:#6d90b5;color:#e4e9d7;writing-mode:vertical-rl;transform:rotate(180deg);font:bold 20px Tahoma;padding:13px 6px}
.sd-start-menu>div:last-child{padding:6px;flex:1;overflow:auto;min-height:0}
.sd-start-menu button{display:flex;align-items:center;gap:12px;background:transparent;width:100%;padding:5px 8px;min-height:30px;text-align:left;color:#354f3f;font:12px Tahoma;white-space:nowrap}
.sd-start-menu button>.msn-icon,.sd-start-menu button>canvas{width:24px;height:24px;flex:none;image-rendering:pixelated}
.sd-start-menu button:hover{background:#749bc4;color:#fff7de}
.sd-start-menu hr{border:0;border-top:1px solid #b5c0a2;box-shadow:0 1px #ffffe9;margin:7px 0}
.dragging-window iframe{pointer-events:none}
/* Gift previews remain on top of the desktop, in its native window chrome. */
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]){border:1px solid #3b5149;background:#e6e5ce;padding:3px;border-radius:3px 3px 0 0;box-shadow:inset 1px 1px #f8f4db,4px 4px #3d564b55;color:#354937}
body.sender-only dialog::backdrop{background:#3b4c3d22}
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) .window-bar{background:#739ace;border-bottom:1px solid #586c59;padding:3px 5px;margin:-2px -2px 2px;height:28px;min-height:28px}
body.sender-only dialog .window-title:before,body.sender-only dialog .window-title:after{display:none}
body.sender-only dialog .window-icon{background:#d2deae;border-color:#597450;box-shadow:inset 1px 1px #f1f1c4}
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) .close,body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) .window-expand{background:#a1bdd6;border:1px solid #38514e;box-shadow:inset 1px 1px #c3d6e3,inset -1px -1px #6a839c;border-radius:2px;color:#203f38;height:20px;min-height:20px;width:21px;font:17px Arial}
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) .close{background:#ce6854;color:#fff7d7}
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) .modal-content{background:#eeeddc;border:0;box-shadow:none}
body.sender-only dialog[data-kind]:not([data-kind="letter browser"]) h2{font:bold 19px/1.4 Tahoma,Arial;letter-spacing:0;color:#3f5540}
body.sender-only dialog[data-kind] .primary,body.sender-only dialog[data-kind] .secondary{border:1px solid #75816a;border-radius:2px;background:#e8e9d2;box-shadow:inset 1px 1px #ffffec,inset -1px -1px #b2b69d;color:#314737;font:bold 12px Tahoma;min-height:32px;padding:8px 17px}
body.sender-only dialog .publication-removal{font:11px/1.5 Tahoma;border-color:#bac4a8;padding-top:14px}
body.sender-only dialog .publication-removal input{width:100%;font:11px Tahoma;padding:7px}
body.sender-only dialog[data-kind="ready to send"] .field input{width:100%;font:12px Tahoma;padding:9px}
body.sender-only dialog .publication-local{font:11px/1.5 Tahoma;color:#7a886e}
body.sender-only dialog .publication-parcel{font-size:40px;color:#87945e}
/* A phone still behaves as a desktop: one foreground window, taskbar always available. */
@media(max-width:499px){.sd-icons{left:10px;top:10px;grid-template-rows:repeat(6,84px);grid-auto-columns:79px;gap:0 6px}.sd-shortcut{font-size:10px}.sd-window:not([hidden]){left:7px!important;top:9px!important;width:calc(100% - 14px)!important;max-height:calc(100% - 18px)}.sd-window.is-maximized{inset:3px!important;width:auto!important;height:auto!important;max-height:none}.sd-titlebar{height:31px;min-height:31px}.sd-titlebar>h2{font-size:12px}.sd-window-controls button{width:26px;height:25px}.sd-form{padding:14px}.sd-field input{min-height:36px}.sd-button{min-height:34px}.sd-dialog-actions{padding:8px}.sd-taskbar{gap:4px}.sd-start{font-size:15px;padding:0 12px 0 4px}.sd-start>.msn-icon{width:20px;height:20px}.sd-show-desktop{display:none}.sd-tasks>button{min-width:47px;padding:4px;justify-content:center}.sd-tasks>button>span{display:none}.sd-tasks>button>.msn-icon,.sd-tasks>button>canvas{width:23px;height:23px}.sd-system-tray{padding:0 5px;gap:4px}.sd-system-tray #save-state{display:none}.sd-system-tray time{font-size:10px;padding:0}.sd-system-tray .sd-save-dot{display:none}.sd-room-stage{aspect-ratio:4/3}.sd-room-gifts{min-height:78px;flex:none}.sd-room-gifts canvas{width:31px;height:31px}.sd-room-gifts span{font-size:8px}.sd-room-tools>span{display:none}.sd-garden-art{height:auto;max-height:300px}.sd-review-list small{max-width:140px}.sd-review-list i{font-size:9px}.sd-field-row{grid-template-columns:1fr 76px}.sd-start-menu{max-height:calc(100dvh - 48px)}.sd-start-menu button{min-height:36px}}
@media(min-width:500px) and (max-width:1050px){.sd-icons{grid-auto-columns:71px;gap:0 5px}.sd-shortcut{font-size:10px}.sd-system-tray #save-state{max-width:105px}.sd-system-tray time{padding-left:2px}}
@media(max-height:620px){.sd-icons{grid-template-rows:repeat(4,88px)}.sd-shortcut{padding-top:4px}.sd-start-menu button{min-height:26px;padding-block:2px}.sd-window-content{min-height:0}}

.sender-desktop .sd-window .sd-field input{padding:6px 8px;border:1px solid #8f9988;border-radius:0;background:#fffef1;color:#283c35;box-shadow:inset 1px 1px #b3b5a3,inset -1px -1px #fffef0}
@media(max-width:499px){.sender-desktop .sd-window .sd-field input{min-height:36px}}
/* Welcome booklet and the guide that stays on the desktop. */
.sd-welcome{overflow:auto;min-height:0;flex:1;padding:24px 25px 12px;background:#f6f3df;scrollbar-width:thin;scrollbar-color:#b7bca5 #e9e8d3}
.sd-welcome-heading{padding-bottom:19px;border-bottom:1px solid #c9cbb0;margin-bottom:20px}
.sd-welcome-kicker{display:block;font:10px/1.4 Tahoma,Arial;letter-spacing:1.4px;color:#718160;margin-bottom:10px}
.sd-welcome-heading h3{font:bold 23px/1.25 Tahoma,Arial;color:#344d3d;letter-spacing:-.5px;margin:0 0 10px}
.sender-desktop .sd-welcome-heading p{font:12px/1.55 Tahoma,Arial;color:#647255;margin:0}
.sd-welcome-tour{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.sd-welcome-tour figure{margin:0;min-width:0}
.sd-welcome-tour figure>button{display:block;position:relative;width:100%;padding:3px;background:#e2e4cb;border:1px solid #a0ab92;box-shadow:inset 1px 1px #ffffed,inset -1px -1px #bcc5a8;text-align:left;cursor:zoom-in}
.sd-welcome-tour img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border:1px solid #9fa58b}
.sd-welcome-tour button>span{display:block;font:9px Tahoma,Arial;color:#677b56;padding:5px 3px 2px}
.sd-welcome-tour h4{font:bold 12px/1.4 Tahoma,Arial;color:#344d3d;margin:11px 0 5px}
.sd-welcome-tour h4>span{color:#798c5e}
.sender-desktop .sd-welcome-tour p{font:11px/1.6 Tahoma,Arial;color:#627255;margin:0}
.sender-desktop .sd-welcome-footnote{font:11px/1.5 Tahoma,Arial;color:#849074;margin:18px 0 0;border-top:1px solid #d5d8bf;padding-top:12px}
.sd-next{font-weight:bold;border-color:#5d7651;background:#e5ebcc;box-shadow:inset 1px 1px #ffffef,inset -1px -1px #a4b38d}
.sd-next:focus-visible{outline-offset:-5px}
.sd-guide-position{margin-right:auto;font:10px Tahoma,Arial;color:#7b886c;white-space:nowrap}
.sd-guide-actions .sd-gift-ready{display:none}
.sd-screenshot{flex:1;overflow:auto;min-height:0;margin:0;padding:12px;background:#f6f3df;display:flex;flex-direction:column;gap:13px;scrollbar-width:thin}
.sd-screenshot>img{display:block;width:100%;min-height:0;flex:1;object-fit:contain;background:#dfe4cd;border:1px solid #8d9c82}
.sd-screenshot figcaption{flex:none;padding:0 6px}
.sd-screenshot h3{font:bold 14px Tahoma,Arial;color:#405941;margin:0 0 6px}
.sd-screenshot p{font-size:12px;margin:0}
@media(max-width:680px){.sd-welcome{padding:18px}.sd-welcome-heading{margin-bottom:16px;padding-bottom:15px}.sd-welcome-heading h3{font-size:21px}.sd-welcome-tour{grid-template-columns:1fr;gap:18px}.sd-welcome-tour figure{display:grid;grid-template-columns:42% 1fr;gap:14px;align-items:start}.sd-welcome-tour h4{margin-top:0}.sd-welcome-tour button>span{font-size:9px}.sd-welcome-footnote{margin-top:18px}.sd-window[data-window=welcome] .sd-dialog-actions{flex-wrap:wrap}.sd-window[data-window=welcome] .sd-dialog-actions .sd-button{flex:1}.sd-guide-actions{gap:6px;padding:9px 8px}.sd-guide-actions .sd-button{padding:6px 9px;min-width:57px}.sd-guide-position{font-size:9px}.sd-window[data-window=review] .sd-guide-position{display:none}}
@media(max-width:380px){.sd-welcome{padding:15px 12px}.sd-welcome-tour figure{grid-template-columns:1fr;gap:9px}.sd-welcome-tour figure>button{max-width:none}.sd-welcome-heading h3{font-size:20px}.sd-welcome-tour p{font-size:12px}.sd-welcome-tour h4{font-size:13px}.sd-window[data-window=welcome] .sd-dialog-actions{padding:8px}.sd-window[data-window=welcome] .sd-dialog-actions .sd-button{font-size:11px;min-height:36px}.sd-screenshot{padding:7px}}
.sd-room-colors{position:absolute;z-index:2;right:9px;top:9px;display:grid;place-items:center;width:38px;height:29px;background:#ebe9d4;border:1px solid #8b997d;border-radius:2px;box-shadow:inset 1px 1px #fffdeb,inset -1px -1px #b8bea0;padding:5px;cursor:pointer}
.sd-room-colors>span{display:flex;transform:rotate(-10deg)}
.sd-room-colors i{width:9px;height:14px;border:1px solid #66755a;box-shadow:1px 1px #e6ebd2;margin-left:-1px}
.sd-room-colors:hover{background:#f8f5e1}
.sd-season-form h3{font:bold 17px/1.3 Tahoma,Arial;color:#3e5841;margin:0 0 8px}
.sd-seasons{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sd-season{position:relative;display:flex;flex-direction:column;text-align:left;min-width:0;border:1px solid #adb497;background:#f6f3df;box-shadow:inset 1px 1px #fffdee;padding:6px;cursor:pointer;color:#405542}
.sd-season:first-child{grid-column:1/-1;flex-direction:row;align-items:center;gap:15px}
.sd-season canvas{width:100%;height:96px;object-fit:contain;display:block;image-rendering:pixelated;background:#f8f6ee}
.sd-season:first-child canvas{width:76px;height:57px;flex:none}
.sd-season>span{display:block;padding:7px 5px 3px}
.sd-season b{display:block;font:bold 12px Tahoma,Arial;margin-bottom:4px}
.sd-season small{display:block;font:10px/1.5 Tahoma,Arial;color:#7d896d}
.sd-season>i{position:absolute;right:7px;top:7px;font:bold 12px Tahoma;color:#4d7842;background:#e7edd4;padding:0 3px}
.sd-season>i:empty{display:none}
.sd-season:hover{background:#fdf9e8;border-color:#859e83}
.sd-season.is-selected{border:1px solid #668471;box-shadow:inset 0 0 0 1px #8eac8a;background:#e8edda}
.sd-seasons.is-compact{gap:6px}
.sd-seasons.is-compact .sd-season{flex-direction:row;align-items:center;gap:4px;padding:4px}
.sd-seasons.is-compact .sd-season canvas{width:62px;height:46px;flex:none}
.sd-seasons.is-compact .sd-season>span{padding:0}
.sd-seasons.is-compact .sd-season small{display:none}
.sd-seasons.is-compact .sd-season:first-child canvas{width:62px}
@media(max-width:499px){.sd-seasons{gap:8px}.sd-season:first-child canvas{width:84px}.sd-season>span{padding:5px 2px}.sd-seasons.is-compact .sd-season canvas{width:44px}.sd-season small{font-size:10px}}

.sd-rooms-button{display:flex;align-items:center;gap:5px;white-space:nowrap;background:#dce2c7;border:2px outset #eef0d9;padding:4px 8px;font:12px Tahoma,Arial;color:#294343}.sd-rooms-button svg{width:20px;height:20px;flex:none}