/* Desktop accessories: Recycle Bin, image viewer and Paint. */
.photobin{left:16%;top:92px;width:625px;z-index:15}.bin-tools,.viewer-tools,.paint-menu{display:flex;align-items:center;gap:6px;padding:6px;flex-wrap:wrap}.bin-tools .bevel,.viewer-tools .bevel,.paint-menu .bevel{min-height:28px;font-size:11px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.bin-tools span{font-size:10px;margin-left:auto}.bin-address{margin:0 5px 6px;background:white;padding:4px 8px;font-size:11px}.bin-grid{margin:0 5px 5px;background:white;padding:13px;display:grid;grid-template-columns:repeat(auto-fill,minmax(99px,1fr));gap:15px 6px;max-height:450px;overflow:auto}.bin-file{border:1px solid transparent;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:5px;font-size:10px;padding:5px 3px;min-width:0;min-height:96px}.bin-file:hover,.bin-file:focus-visible{background:#e0e5ff;border:1px dotted #000080}.bin-file img{width:90px;height:67px;object-fit:contain;background:#eee}.bin-file svg{width:45px;height:67px}.bin-file span{max-width:100%;overflow-wrap:anywhere}.bin-file:hover span{background:#000080;color:white}.bin-file:focus-visible{outline-offset:0}.bin-status{padding:3px 7px;font-size:10px;display:flex;justify-content:space-between;border-top:1px solid #888}.quote-note{left:31%;top:225px;width:430px;z-index:16}.quote-copy{margin:5px;background:#fffdf2;padding:28px 22px;min-height:140px;font:14px/1.6 'Courier New',monospace;white-space:pre-wrap}.picviewer{left:20%;top:87px;width:680px;z-index:17}.photo-stage{margin:0 5px;background:#151515;display:grid;place-items:center;height:430px;overflow:hidden}.photo-stage img{display:block;max-width:100%;max-height:430px;object-fit:contain}.viewer-tools{justify-content:space-between}.viewer-tools>div{display:flex;gap:5px;align-items:center}.photo-count{font-size:11px;padding:0 7px}.photo-source{padding:4px 8px;font-size:10px;overflow-wrap:anywhere}.paint-app{left:17%;top:73px;width:785px;z-index:18}.paint-menu{padding:5px 6px;gap:5px;border-bottom:1px solid #888}.paint-menu button:disabled{color:#888;text-shadow:1px 1px white;cursor:default}.paint-menu .paint-info{margin-left:auto;font-size:10px}.paint-workspace{display:flex;padding:7px;gap:7px;align-items:stretch}.paint-toolbox{width:67px;flex:none;display:grid;grid-template-columns:repeat(2,31px);gap:3px;align-content:start}.paint-tool{height:32px;padding:3px!important;display:grid;place-items:center}.paint-tool svg{width:22px;height:22px}.paint-tool[aria-pressed=true]{box-shadow:inset 1px 1px #000,inset -1px -1px #fff,inset 2px 2px #808080;background:#dedede}.paint-size{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;font-size:10px;padding:8px 3px}.paint-size input{width:57px;accent-color:#000080}.paint-fill-label{grid-column:1/-1;font-size:10px;display:flex;gap:3px;align-items:center;margin:4px 0}.paint-fill-label input{margin:0}.canvas-well{min-width:0;flex:1;background:#818181;padding:8px;box-shadow:inset 1px 1px black,inset -1px -1px white;overflow:auto;display:flex;align-items:flex-start}.canvas-well canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:white;touch-action:none;cursor:crosshair;box-shadow:1px 1px black;image-rendering:auto;user-select:none}.paint-colourbar{display:flex;align-items:center;gap:10px;padding:2px 10px 8px}.paint-current{position:relative;width:40px;height:39px;background:#ddd;border:2px inset white;flex:none}.paint-current:before{content:'';position:absolute;width:22px;height:22px;left:11px;top:11px;border:1px solid #777;background:white}.paint-current i{display:block;position:absolute;width:22px;height:22px;top:3px;left:3px;background:#000;border:1px solid #888}.paint-palette{display:grid;grid-template-columns:repeat(14,19px);gap:3px}.paint-swatch{width:19px;height:19px;padding:0;border:2px solid;border-color:#888 white white #888;background:var(--swatch)}.paint-swatch[aria-pressed=true]{outline:1px dotted black;outline-offset:1px}.paint-custom{display:flex;align-items:center;gap:5px;font-size:10px}.paint-custom input{width:34px;height:27px;padding:0;border:1px solid #777;background:none}.paint-status{border-top:1px solid #888;display:flex;justify-content:space-between;gap:10px;padding:5px 8px;font-size:10px}.paint-status span:first-child{flex:1}.paint-hint{font-size:10px;padding:0 9px 7px;color:#424242}.autoplay-prompt{padding:7px 5px;display:flex;align-items:center;gap:8px;font:10px/1.4 var(--mono);color:#d6e5aa}.autoplay-prompt button{margin-left:auto;white-space:nowrap;padding:5px 8px;background:#c0c0c0;color:black;border:2px outset white;font:11px var(--sans)}.autoplay-prompt button:active{border-style:inset}.track-row{background:transparent;color:#77e23c}.track-row[aria-pressed=true]{background:#00005e;color:#e7f3ae}.playlist-inner{max-height:230px;overflow:auto}.playlist{top:439px}.notepad{top:685px}.transport-row{gap:2px}.transport-row .transport{width:31px;font-size:12px}.transport-row .amp-external{font-size:8px}.amp-bottom{gap:6px}.amp-bottom span:last-child{white-space:nowrap}.task-tab{min-width:84px}.desktop-icons{gap:13px}.desktop-icon svg.shortcut{overflow:visible}.optional-task{max-width:125px}.start-menu{max-height:calc(100vh - 48px);overflow:auto}.photo-loading{color:#ddd;font:11px var(--mono)}
@media(min-width:1400px){.playlist{top:464px}.notepad{top:708px}}
@media(min-width:701px) and (max-width:1050px){.photobin,.picviewer{left:13%;width:72%}.paint-app{left:11%;width:84%}.paint-palette{grid-template-columns:repeat(14,16px);gap:2px}.paint-swatch{width:16px;height:16px}.quote-note{left:25%;width:420px}.playlist{top:439px}.notepad{top:682px}.transport-row .transport{width:27px}.amp-external{font-size:8px!important}}
@media(max-width:700px){.desktop-icons{display:grid;grid-template-columns:repeat(4,1fr);row-gap:5px;justify-items:center;padding:10px 8px 0}.desktop-icon{width:76px;min-height:64px}.photobin,.picviewer,.quote-note,.paint-app{order:5;align-self:center;margin:16px 12px 0!important;max-width:calc(100% - 24px)!important}.quote-note{order:7}.picviewer{order:6}.paint-app{order:8}.bin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 2px;padding:8px;max-height:390px}.bin-file img{width:78px;height:60px}.bin-file{font-size:9px;min-height:85px;padding:4px 1px}.bin-file svg{height:60px;width:37px}.bin-tools span{font-size:9px}.bin-status{font-size:9px}.photo-stage{height:350px}.photo-stage img{max-height:350px}.viewer-tools .bevel{font-size:10px;padding:6px 8px}.photo-count{font-size:10px;padding:0 4px}.viewer-tools{gap:5px}.photo-source{font-size:9px}.paint-toolbox{width:59px;grid-template-columns:repeat(2,27px);gap:3px}.paint-tool{height:30px}.paint-tool svg{width:19px;height:19px}.paint-workspace{gap:4px;padding:5px}.canvas-well{padding:4px}.canvas-well canvas{min-height:0;aspect-ratio:8/5}.paint-size{padding:7px 1px;font-size:9px}.paint-size input{width:52px}.paint-menu .bevel{font-size:10px;padding:5px 8px;min-height:29px}.paint-menu .paint-info{display:none}.paint-colourbar{gap:6px;padding:3px 7px 8px;flex-wrap:wrap}.paint-palette{grid-template-columns:repeat(14,15px);gap:2px}.paint-swatch{width:15px;height:15px;border-width:1px}.paint-current{height:35px;width:36px}.paint-custom{margin-left:auto}.paint-custom input{width:29px;height:24px}.paint-hint{font-size:9px}.paint-status{font-size:9px}.quote-copy{font-size:13px;padding:22px 17px}.task-tab[data-optional]{display:none!important}.transport-row .transport{width:34px;height:34px}.transport-row .amp-external{font-size:9px}.amp-bottom{font-size:8px}.playlist-inner{max-height:none}}
