:root{--ink:#1c302b;--cream:#f6f4ec;--sage:#d4e49e;--line:#c5cac0;--accent:#b44b31;color:var(--ink);background:var(--cream);font:16px/1.5 system-ui,-apple-system,"PingFang HK","Noto Sans TC",sans-serif}*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}button,input,select{font:inherit}button,label,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,label:has(input:focus-visible){outline:3px solid #bd643e;outline-offset:3px}header,main,footer{width:min(1050px,92vw);margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:19px 0;border-bottom:1px solid var(--line)}.brand{font:700 26px/1 Georgia,serif;letter-spacing:-1px;display:flex;align-items:center;gap:8px}.mark{width:32px;height:32px;display:grid;place-items:center;background:var(--ink);color:var(--sage);font:italic 700 24px Georgia}.tiny,.eyebrow,.line small,.screenFoot,footer,.memo b{font:650 10px/1.4 ui-monospace,monospace;letter-spacing:1.6px}.tiny{margin-left:4px;font-size:9px}.quiet,.minor,.filePick,.textbutton{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:14px;padding:8px 12px}.intro{padding:26px 0 20px}.eyebrow{display:flex;align-items:center;gap:8px;color:#53665d}.eyebrow i{width:22px;border-top:2px solid var(--accent)}h1,h2,p{margin:0}h1{font:700 clamp(30px,4.5vw,55px)/1.25 Georgia,"Songti TC",serif;letter-spacing:-2px;margin:6px 0}h1 span{color:var(--accent)}.intro p,.help,.caption,.consent,#status{font-size:14px;color:#50625b}.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.8fr);gap:clamp(20px,4vw,52px);align-items:start}.screen{position:relative;isolation:isolate;background:#20332f;color:#fff;border-radius:12px;overflow:hidden;aspect-ratio:4/3}.screen:has(.empty:not([hidden])){background:radial-gradient(ellipse at 50% 35%,#3a5146,#20332e 75%)}.screen video,.screen>img{display:block;width:100%;height:100%;object-fit:contain;background:#101b18}.empty{height:100%;display:grid;place-content:center;justify-items:center;gap:5px}.empty strong{font:600 22px/1.5 Georgia,"Songti TC",serif;color:#e3e8d6}.empty small{color:#c2cebc;font-size:12px}.label,.screenFoot,.count{position:absolute}.label{top:15px;left:16px;border-radius:20px;background:#172522dd;color:#e3f1c3;padding:5px 11px;font-size:12px}.screenFoot{bottom:15px;left:17px;color:#d8e6cd;font-size:9px}.count{top:12px;right:15px;font:600 46px/1 Georgia;color:var(--sage);text-shadow:0 1px 6px #000}.actions{display:flex;gap:8px;margin:12px 0 8px}.primary,.minor{min-height:44px}.primary{background:var(--ink);border:0;color:white;border-radius:7px;font-weight:650;padding:10px 18px}.actions .primary{flex:1}.primary:disabled{opacity:.48}.actions #snap,.actions #save{background:var(--sage);color:var(--ink)}#status{min-height:44px;padding:0 2px}aside{border-top:1px solid var(--ink)}fieldset{border:0;padding:0;margin:0;min-width:0}.line{display:flex;align-items:center;justify-content:space-between;margin:13px 0 9px}.line small{color:#65776c}.line h2,dialog h2{font-size:17px}.segments,.closet{display:grid;grid-template-columns:1fr 1fr;gap:7px}.segments input,.closet input,.filePick input,.sr{position:absolute;opacity:0;width:1px;height:1px;overflow:hidden}.segments span,.closet span{display:block;border:1px solid var(--line);border-radius:6px;cursor:pointer;text-align:center}.segments span{padding:7px;font-size:14px}.segments input:checked+span{background:var(--ink);color:white}.closet img{width:64px;height:58px;object-fit:contain;mix-blend-mode:multiply}.closet span{display:flex;align-items:center;justify-content:center;gap:2px;background:#eeeee4}.closet b{font-size:13px}.closet input:checked+span{border:2px solid var(--ink);box-shadow:inset 0 0 0 1px var(--cream)}.filePick{display:block;margin:8px 0;text-align:center;cursor:pointer}.help{font-size:12px;margin-top:5px}.field{display:flex;align-items:center;justify-content:space-between;font-size:14px}.field select,#code{background:white;border:1px solid var(--line);padding:8px;border-radius:6px;color:var(--ink)}.caption{display:block;margin-top:10px}#code{width:100%}.consent{display:flex;gap:7px;line-height:1.45;margin:10px 0;font-size:12px}.consent input{accent-color:var(--ink);width:17px;height:17px;flex:none}.memo{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding:10px 0}.memo b{font-size:14px;white-space:nowrap;color:var(--accent)}.memo p,.textbutton{font-size:12px}.textbutton{width:100%}footer{margin-top:26px;padding:14px 0 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#617469;font-size:9px}dialog{border:0;border-radius:12px;padding:22px;text-align:center;color:var(--ink);max-width:90vw}dialog canvas{max-width:100%}dialog p{margin-bottom:14px;font-size:13px}dialog::backdrop{background:#15251f99}
@media(max-width:730px){header{padding:12px 0}.intro{padding:14px 0}.intro p{font-size:13px}.layout{grid-template-columns:1fr;gap:12px}.screen{aspect-ratio:auto;height:clamp(210px,40svh,350px)}.line{margin-top:14px}#status{min-height:20px}.brand{font-size:23px}.label{top:10px;left:10px}body[data-shoot="1"] .intro,body[data-shoot="1"] aside{display:none}body[data-shoot="1"] .station{padding-top:12px}body[data-shoot="1"] .screen{height:min(67svh,680px)}}