:root{--mono:"SF Mono", Consolas, "Liberation Mono", monospace;--sans:Verdana, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{color:#111;min-width:900px;height:100vh;font:700 11px/1.45 var(--mono);background:radial-gradient(circle at 24% 18%,#ffffff2e,#0000 28%),linear-gradient(135deg,#565656 0%,#242424 43%,#070707 100%);grid-template-columns:minmax(0,1fr) 318px;margin:0;display:grid;overflow:hidden}#stage{background:repeating-linear-gradient(0deg,#ffffff0e,#ffffff0e 1px,#0000 1px 4px),repeating-conic-gradient(#303030 0% 25%,#242424 0% 50%) 50%/28px 28px;place-items:center;min-width:0;padding:28px;display:grid;position:relative;overflow:hidden}#stage:before{content:"";pointer-events:none;border:1px solid #161616;position:absolute;inset:20px;box-shadow:inset 1px 1px 2px #ffffff8c,inset -1px -1px 2px #000000b8}#view{z-index:1;image-rendering:auto;background:#050505;border:1px solid #050505;max-width:100%;max-height:100%;position:relative;box-shadow:9px 12px 30px #0000008c,0 0 0 1px #ffffff29}#panel{scrollbar-gutter:stable;color:#111;background:repeating-linear-gradient(0deg,#ffffff2e,#ffffff2e 1px,#0000 1px 4px),radial-gradient(circle at top,#f8f8f8,#cfcfcf);border:1px solid #242424;border-radius:8px 8px 3px 3px;flex-direction:column;gap:13px;height:calc(100vh - 24px);margin:12px 12px 12px 0;padding:44px 16px 14px 12px;display:flex;position:relative;overflow-y:auto;box-shadow:7px 9px 24px #0000007a,inset 1px 1px 2px #fffffff5,inset -1px -1px 1px #00000042}#panel:before{content:"POWERSHOT ISP";color:#050505;height:27px;line-height:27px;font:800 11px/27px var(--sans);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px #fff;background:linear-gradient(#d9d9d9 0%,#bdbdbd 44%,#8f8f8f 50%,#b8b8b8 100%);border-bottom:1px solid #555;border-radius:7px 7px 0 0;padding-left:11px;position:absolute;top:0;left:0;right:0}h1{color:#050505;font:900 13px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;text-shadow:1px 1px #fff;margin:0}h1 small{color:#333;font:700 10px/1.4 var(--mono);letter-spacing:0;text-transform:none;margin-top:5px;display:block}label{color:#222;font:900 10px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;display:block}#digital-controls,#analog-controls{flex-direction:column;gap:10px;min-width:0;display:flex}#digital-controls[hidden],#analog-controls[hidden]{display:none}#panel>div,#digital-controls>div,#analog-controls>div,#stage-controls{min-width:0}input[type=range]{accent-color:#222;width:calc(100% - 4px);margin:0 2px;display:block}select,button{color:#111;width:100%;min-height:27px;font:800 10px/1.2 var(--sans);letter-spacing:.04em;background:linear-gradient(#f1f1f1,#9d9d9d);border:1px solid #333;border-radius:4px;padding:6px 8px;box-shadow:inset 1px 1px 1px #fffffff2,inset -1px -1px 1px #00000042}button{cursor:pointer;text-transform:uppercase}button:hover,select:hover{background:linear-gradient(#fff,#b4b4b4)}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}button.active{color:#f7f7f7;text-shadow:none;background:linear-gradient(#4a4a4a,#111)}.stages{background:linear-gradient(#dadada,#c7c7c7);border:1px solid #555;border-radius:4px;flex-direction:column;gap:3px;padding:8px;display:flex;box-shadow:inset 1px 1px 2px #fff}.stages .row{font:800 10px/1.2 var(--mono);letter-spacing:0;text-transform:none;border-radius:3px;align-items:center;gap:8px;margin:0;padding:5px 4px;display:flex}.stages .row:hover{background:#ffffff6b}.stages .row input{accent-color:#111}.stages .row span{flex:1}.stages .row.off span{color:#666}#drop{text-align:center;color:#333;background:linear-gradient(#eee,#bdbdbd);border:1px dashed #333;border-radius:4px;padding:12px 10px;box-shadow:inset 1px 1px 1px #fff}#drop.hot{color:#000;background:linear-gradient(#fff,#d1d1d1);border-style:solid}#status{color:#333;white-space:pre-wrap;background:#ffffff59;border:1px solid #8b8b8b;min-height:42px;padding:8px;box-shadow:inset 1px 1px 3px #0000002e}@media (width<=920px){body{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;min-width:0}#stage{padding:16px}#panel{border-radius:8px 8px 0 0;width:auto;height:42vh;margin:0}}