:root{font-family:system-ui,-apple-system,PingFang SC,sans-serif;color:#334a3e;background:#dfe6ce;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer;border:1px solid #a9bba3;border-radius:9px;background:#f6f6e9;color:#334a3e;padding:10px 13px;min-height:44px}button:hover{background:#fff9db}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91732d;outline-offset:3px}button:disabled{opacity:.45;cursor:default}button[aria-pressed=true]{background:#f4d58a;border-color:#a78a43}.primary{background:#335e4b;color:#fff8df;border-color:#335e4b}.primary:hover{background:#47755f}.page{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:100dvh}header{position:absolute;top:30px;left:36px;z-index:1;pointer-events:none;max-width:calc(100% - 430px)}h1{font-size:24px;font-weight:650;margin:0 0 9px;letter-spacing:.06em}header p{font-size:13px;line-height:1.7;margin:0;max-width:420px}.stage{position:relative;min-height:650px;height:100dvh;background:linear-gradient(#dfe6ce,#94bdb1)}#scene{width:100%;height:100%;display:block;touch-action:none}.stage-note{position:absolute;bottom:28px;left:36px;font-size:12px;letter-spacing:.06em;color:#446657}.panel{background:#f3f3e5e8;border-left:1px solid #b9c9b1;padding:30px 22px;display:flex;flex-direction:column;gap:22px;z-index:2}.status{font-size:15px;font-weight:600;line-height:1.6;min-height:48px}.status:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#a5ad8d;margin-right:8px}body[data-active=true] .status:before{background:#508a61}.hint,.fine{font-size:12px;line-height:1.8;color:#627361;margin:6px 0 0}.actions{display:flex;flex-wrap:wrap;gap:8px}.actions .primary{flex:1}#presets{display:grid;grid-template-columns:1fr 1fr;gap:7px}label{display:flex;align-items:center;gap:9px;font-size:13px;min-height:35px}input{accent-color:#4f7056;width:17px;height:17px}.preview{position:relative;aspect-ratio:4/3;background:#dbe3d1;border-radius:12px;overflow:hidden}.preview video,.preview canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.preview.mirrored video,.preview.mirrored canvas{transform:scaleX(-1)}.preview[hidden]{display:none}.preview-label{position:absolute;inset:auto 8px 8px;font-size:11px;color:#fff;background:#334a3eb0;padding:4px 6px;border-radius:4px}.privacy{margin-top:auto;padding-top:16px;border-top:1px solid #c6d0b9}.privacy p{margin:0 0 4px}a{color:#4b6652;font-size:12px;text-underline-offset:4px}.progress{height:3px;background:#d5dec5;margin-top:10px}.progress span{display:block;background:#b99b42;height:100%;width:0;transition:width .1s}details summary{font-size:12px;cursor:pointer}details p{font-size:12px;line-height:1.8}.metric{font-variant-numeric:tabular-nums;font-size:11px;color:#61745f}.stage{position:sticky;top:0}.panel{gap:16px;padding-top:24px;padding-bottom:24px}.preview{width:200px;max-width:100%}@media(max-width:760px){.page{display:block}.stage{position:relative;height:60dvh;min-height:400px}header{left:20px;top:18px;max-width:calc(100% - 40px)}h1{font-size:20px}header p{max-width:320px;font-size:11px}.stage-note{left:20px;bottom:14px;font-size:11px}.panel{border-left:0;border-top:1px solid #b9c9b1;padding:20px;gap:18px}.preview{max-width:260px}.privacy{margin-top:0}#presets{grid-template-columns:repeat(3,1fr)}#presets button{font-size:12px;padding:9px 4px}}.source-link{position:fixed;top:24px;right:354px;display:grid;place-items:center;width:42px;height:42px;border:1px solid #91a58f;border-radius:50%;background:#f3f3e5d9;color:#334a3e;pointer-events:auto}.source-link:hover{background:#fff9db}.source-link svg{width:21px;height:21px}@media(max-width:760px){.source-link{top:14px;right:16px;width:40px;height:40px}header{padding-right:48px}}.language-control{justify-content:flex-end}.language-control select{font:inherit;color:#334a3e;background:#f6f6e9;border:1px solid #a9bba3;border-radius:8px;padding:7px 28px 7px 9px;min-height:38px}