.settings-panel{max-width:620px;margin:auto}.settings-panel h2{margin-bottom:8px}.settings-panel fieldset{border:1px solid var(--line);border-radius:8px;padding:18px;margin:20px 0}.settings-panel legend{padding:0 7px;font:13px var(--mono)}
.settings-panel label{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:10px 0;font-size:14px}.settings-panel input[type=checkbox]{width:18px;height:18px;accent-color:var(--orange)}
.settings-panel select,.settings-panel input[type=text]{font:14px var(--mono);padding:8px;border:1px solid var(--line);border-radius:5px;background:var(--paper);color:var(--ink);min-width:0}.settings-panel p{font-size:13px;color:var(--muted)}
.settings-panel [data-local-zone]{font-family:var(--mono)}.settings-panel details{margin-top:20px}.settings-panel summary{cursor:pointer;font-size:14px}.settings-panel pre{background:var(--ink);color:var(--paper);padding:16px;font:12px/1.6 var(--mono);white-space:pre-wrap;max-height:190px;overflow:auto;border-radius:7px}.settings-panel form[data-terminal]{display:flex;gap:8px}.settings-panel form[data-terminal] input{flex:1;min-width:0}.settings-panel .hint{margin-top:16px}
.desktop.crt-desktop:before{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#17161615 3px 4px);z-index:0}
.desktop-saver{padding:0;border:0;width:100vw;height:100dvh;max-width:none;max-height:none;background:var(--ink);color:var(--paper);overflow:hidden}.desktop-saver::backdrop{background:var(--ink)}.desktop-saver form{position:absolute;z-index:2;top:24px;right:24px}.desktop-saver>p{position:absolute;bottom:24px;left:24px;font:12px var(--mono);color:var(--beige)}
.saver-x{position:absolute;top:0;left:0;width:190px;animation:saver-x 13s linear infinite alternate}.saver-y{width:190px;animation:saver-y 9s linear infinite alternate}.saver-y span{display:block;padding:16px;border:2px solid var(--orange);border-radius:8px;color:var(--orange);font:500 23px var(--display);text-align:center}
@keyframes saver-x{from{transform:translateX(0)}to{transform:translateX(calc(100vw - 190px))}}@keyframes saver-y{from{transform:translateY(90px)}to{transform:translateY(calc(100dvh - 120px))}}
@media(prefers-reduced-motion:reduce){.saver-x,.saver-y{animation:none}.saver-x{left:calc(50% - 95px);top:45%}}
@media(max-width:600px){.settings-panel fieldset{padding:12px}.settings-panel label{gap:8px}.settings-panel select{max-width:160px}.desktop-saver form{top:16px;right:16px}}