:root{--bg:#bfbfbf;--win:#e5e5e5;--text:#000;--line:#8c8c8c;--shadow:rgba(0,0,0,.25)}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:Chicago,Charcoal,Geneva,Helvetica,system-ui,sans-serif;font-size:14px;margin:0}*{box-sizing:border-box}.desktop{display:grid;min-height:100%;padding:24px;place-items:center}.window{background:var(--win);border:1px solid var(--line);box-shadow:8px 8px 0 var(--shadow);width:min(980px,85vw)}.titlebar.mac{align-items:center;background:#ddd;border-bottom:1px solid var(--line);display:flex;font-weight:600;height:28px;justify-content:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mac-title{font-size:13px;letter-spacing:.2px}.mac-controls{display:flex;gap:6px;left:8px;position:absolute}.mac-btn{border:1px solid rgba(0,0,0,.35);border-radius:50%;box-shadow:inset 0 1px #fff9;height:12px;width:12px}.mac-btn.close{background:#cc4b4b}.mac-btn.minimize{background:#e0c14f}.mac-btn.zoom{background:#5dbb63}.window-body{padding:14px}.content{display:grid;gap:14px;grid-template-columns:1fr}@media(max-width:860px){.content{grid-template-columns:1fr}}.cover-link{background:var(--win);border:1px solid var(--line);display:flex;justify-content:center;padding:10px}.cover{max-height:80vh;max-width:100%;width:auto}.panel{background:#ededed;border:1px solid var(--line);padding:10px}.panel-title{font-weight:700;margin-bottom:10px}.field{display:grid;gap:6px;margin-bottom:10px}input,textarea{background:#fff;border:1px solid #7f7f7f;font:inherit;padding:6px 8px}.actions{align-items:center;display:flex;gap:10px}.button-group{display:flex;flex-direction:column;gap:10px}button{background:#e6e6e6;border:1px solid #7f7f7f;cursor:pointer;font:inherit;padding:6px 12px}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.6}.note{font-size:12px}.footer{border-top:1px solid #9a9a9a;display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;opacity:.9;padding-top:10px}.sep{opacity:.6}.menubar{background:#dcdcdc;border-bottom:1px solid var(--line);height:26px;justify-content:space-between;left:0;padding:0 10px;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:50}.menu-left,.menubar{align-items:center;display:flex}.menu-left{gap:6px}.menu-right{align-items:center;display:flex;font-size:12px;gap:5px;opacity:.9}.menu-item{background:transparent;border:1px solid transparent;color:var(--text);font:inherit;font-size:13px;line-height:1;padding:4px 8px}.menu-item.apple{align-items:center;display:flex;padding:2px 8px;text-decoration:none}.menu-item.apple img{display:block;height:18px;width:auto}.menu-item.appname{font-weight:700;padding-right:10px}.menu{display:inline-block;position:relative}.menu-item:focus,.menu:focus-within>.menu-item,.menu:hover>.menu-item{background:#000;color:#fff;outline:none}.dropdown{background:#f1f1f1;border:1px solid var(--line);box-shadow:6px 6px 0 var(--shadow);display:none;left:0;list-style:none;margin:0;min-width:180px;padding:6px 0;position:absolute;top:24px}.menu:focus-within>.dropdown,.menu:hover>.dropdown{display:block}.dropdown a{color:var(--text);display:block;padding:6px 12px;text-decoration:none;white-space:nowrap}.dropdown a:focus,.dropdown a:hover{background:#000;color:#fff;outline:none}.dropdown .sep{background:#b0b0b0;height:1px;margin:6px 0}.desktop{padding-top:50px}