.os-window--explorer {z-index:63;top:10%;left:30%;width:min(480px,calc(100% - 16px));height:min(340px,calc(100% - 16px));} .os-window--notepad {z-index:64;top:14%;left:34%;width:min(460px,calc(100% - 16px));height:min(340px,calc(100% - 16px));} .os-window--paint {z-index:66;top:4%;left:22%;width:min(600px,calc(100% - 16px));max-height:calc(100% - 8px);} .desk__area .os-window--explorer.os-window--maximized,.desk__area .os-window--notepad.os-window--maximized {height:100% !important;} .os-toolbar {display:flex;flex:none;flex-wrap:wrap;gap:3px;padding:3px 2px;} .yc .os-toolbar .yc-btn {min-width:0;padding-inline:8px;} .os-explorer__path {flex:none;padding:2px 6px;margin:0 2px 2px;background:var(--color-paper);box-shadow:var(--bevel-sunken);font-family:var(--font-mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .os-explorer__list {flex:1 1 0;min-height:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));align-content:start;gap:4px;padding:6px;overflow:auto;background:var(--color-paper);box-shadow:var(--bevel-sunken);} .os-explorer__item {display:grid;justify-items:center;gap:2px;padding:4px 2px;border:0;background:transparent;color:var(--color-ink);text-align:center;overflow-wrap:anywhere;} .os-explorer__item img {width:32px;height:32px;object-fit:contain;} .os-explorer__item[aria-selected="true"] span {background:var(--color-select);color:var(--color-select-ink);} .os-explorer__empty {grid-column:1 / -1;margin:8px;color:var(--color-muted);} .yc .os-notepad__text {flex:1 1 0;min-height:0;width:100%;padding:6px;border:0;background:var(--color-paper);box-shadow:var(--bevel-sunken);font:14px/1.4 var(--font-mono);resize:none;} .os-paint {flex:1 1 auto;min-height:0;display:flex;gap:4px;padding:2px;} .os-paint__tools {flex:none;display:grid;align-content:start;gap:2px;width:74px;} .yc .os-paint__tools .os-toggle {min-width:0;padding-inline:2px;} .os-paint__sizes {display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:4px;} .yc .os-paint__size {display:grid;place-items:center;height:30px;padding:0;border:0;background:var(--surface-raised);box-shadow:var(--bevel-raised);} .yc .os-paint__size[aria-pressed="true"] {box-shadow:var(--bevel-pressed);background:var(--pressed-fill);} .os-paint__dot {display:block;background:var(--color-ink);} .os-paint__dot--1 {width:2px;height:2px;} .os-paint__dot--3 {width:5px;height:5px;} .os-paint__dot--6 {width:10px;height:10px;} .os-paint__dot--12 {width:18px;height:18px;} .os-paint__sheet {flex:1 1 0;min-width:0;display:grid;place-items:center;padding:6px;overflow:auto;background:var(--color-shadow);box-shadow:var(--bevel-sunken);} .os-paint__canvas {display:block;width:100%;max-width:480px;aspect-ratio:4 / 3;touch-action:none;cursor:crosshair;background:repeating-conic-gradient(#ffffff 0 25%,#dcdbe8 0 50%) 0 0 / 16px 16px;} .os-paint__palette {flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:3px 2px;} .os-paint__color {width:22px;height:22px;padding:0;border:0;box-shadow:var(--bevel-pressed);} .os-paint__color[aria-pressed="true"] {outline:2px solid var(--color-ink);outline-offset:1px;} .os-paint__custom {display:inline-flex;align-items:center;gap:4px;margin-left:6px;} .os-paint__custom input {width:28px;height:22px;padding:0;border:0;} @media (pointer:coarse),(max-width:580px) {.os-paint__color {width:30px;height:30px;}} @media (max-width:580px) {.os-paint {flex-direction:column;} .os-paint__tools {width:auto;grid-template-columns:repeat(3,1fr);} .os-paint__sizes {grid-column:1 / -1;grid-template-columns:repeat(4,1fr);margin-top:0;} .os-paint__sheet {flex:1 1 auto;}} .os-paint__color[data-paint-color="#000000"] {background:#000000;} .os-paint__color[data-paint-color="#7d7a9a"] {background:#7d7a9a;} .os-paint__color[data-paint-color="#800000"] {background:#800000;} .os-paint__color[data-paint-color="#808000"] {background:#808000;} .os-paint__color[data-paint-color="#008000"] {background:#008000;} .os-paint__color[data-paint-color="#008080"] {background:#008080;} .os-paint__color[data-paint-color="#2a1a8a"] {background:#2a1a8a;} .os-paint__color[data-paint-color="#800080"] {background:#800080;} .os-paint__color[data-paint-color="#ffffff"] {background:#ffffff;} .os-paint__color[data-paint-color="#c6c4d6"] {background:#c6c4d6;} .os-paint__color[data-paint-color="#ff0000"] {background:#ff0000;} .os-paint__color[data-paint-color="#ffff00"] {background:#ffff00;} .os-paint__color[data-paint-color="#00ff00"] {background:#00ff00;} .os-paint__color[data-paint-color="#00ffff"] {background:#00ffff;} .os-paint__color[data-paint-color="#6d5dfc"] {background:#6d5dfc;} .os-paint__color[data-paint-color="#ff00ff"] {background:#ff00ff;}