:root{--ink:#100F0F;--paper:#FFFCF0;--line:#100F0F;--muted:#6F6E69;--faint:#B7B5AC;--card:#F2F0E5;--border:#E6E4D9;--border2:#DAD8CE;--accent:hsl(175,57%,33%);--red:#AF3029;color-scheme:light}:root[data-theme=dark]{--ink:#CECDC3;--paper:#100F0F;--line:#CECDC3;--muted:#878580;--faint:#575653;--card:#1C1B1A;--border:#282726;--border2:#343331;--accent:hsl(175,49%,45%);--red:#D14D41;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;min-height:100%}header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;padding:18px 22px 10px;border-bottom:1px solid var(--border)}header h1{font-size:19px;font-weight:600;letter-spacing:.02em;margin:0}header .sub{font-size:12px;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}nav{display:flex;gap:4px;flex-wrap:wrap}@media(max-width:520px){header{flex-direction:column;align-items:flex-start}}nav button,nav a{font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;background:none;border:none;color:var(--muted);cursor:pointer;padding:6px 10px;border-bottom:2px solid transparent;text-decoration:none;display:inline-block}nav .active{color:var(--ink);border-bottom-color:var(--accent)}nav .theme-toggle{display:inline-flex;align-items:center;justify-content:center;padding:5px 8px;line-height:0;border-bottom-color:transparent}.theme-toggle-icon{display:none;width:18px;height:18px}.theme-toggle-icon--sun{display:block}.theme-toggle[aria-pressed=true] .theme-toggle-icon--sun{display:none}.theme-toggle[aria-pressed=true] .theme-toggle-icon--moon{display:block}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:1px}main{flex:1;padding:22px;max-width:980px;width:100%;margin:0 auto}.rec-wrap{display:flex;flex-direction:column;gap:16px}.canvas-box{position:relative;background:var(--card);border:1px solid var(--border);border-radius:2px;overflow:hidden;box-shadow:0 1px #00000008;aspect-ratio:3/2;max-height:58vh;width:100%;margin:0 auto}.canvas-box canvas{display:block;width:100%;height:100%}.hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:14px;letter-spacing:.04em;pointer-events:none;text-align:center;padding:0 20px}.rec-dot{position:absolute;top:12px;left:12px;display:none;align-items:center;gap:7px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}.rec-dot.on{display:flex}.rec-dot .blink{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1.1s steps(2,jump-none) infinite}@keyframes blink{50%{opacity:.15}}.stats{display:flex;gap:26px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:2px}.stat .v{font-size:22px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.stat .l{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.controls{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:flex-end}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input{font-family:inherit;font-size:15px;background:transparent;color:var(--ink);border:none;border-bottom:1px solid var(--border2);padding:5px 2px;min-width:220px}.field input:focus{outline:none;border-bottom-color:var(--accent)}.tool-field{display:flex;flex-direction:column;gap:7px;width:250px;max-width:100%}.abstract-toggle{display:flex;align-items:center;gap:8px;min-height:32px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);cursor:pointer}.abstract-toggle input{width:17px;height:17px;margin:0;accent-color:var(--accent)}.abstract-controls{display:flex;flex-direction:column;gap:6px}.abstract-controls>span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tool-switch{display:flex;width:100%;border:1px solid var(--border2);border-radius:2px;overflow:hidden}.tool-switch button{font-family:inherit;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:6px 10px;border:0;border-right:1px solid var(--border2);background:transparent;color:var(--muted);cursor:pointer;flex:1 1 0;min-width:0}.tool-switch button:last-child{border-right:0}.tool-switch button.active{background:var(--ink);color:var(--paper)}.tool-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tool-switch button:disabled{opacity:.4;cursor:not-allowed}.chaos-control{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--muted);font-size:11px}.chaos-control input{width:120px;accent-color:var(--accent)}.chaos-control output{min-width:3ch;font-variant-numeric:tabular-nums}.gesture-range{display:flex;flex-direction:column;width:120px;min-width:0}.gesture-range input{width:100%;margin:0}.gesture-ends{display:flex;justify-content:space-between;margin-top:-1px;font-size:8px;letter-spacing:.03em;color:var(--muted)}.sound-block{display:flex;flex-direction:column;gap:4px;margin-top:5px;padding-top:7px;border-top:1px solid var(--border)}.sound-block .abstract-toggle{min-height:26px;font-size:11px}.sound-privacy,.sound-status{margin:0;color:var(--muted);font-size:10px;line-height:1.35}.sound-status{color:var(--accent)}.sound-status.err{color:var(--red)}.btns{display:flex;gap:10px;margin-left:auto}button.act{font-family:inherit;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:2px}button.act.rec-on{background:var(--red);border-color:var(--red)}button.ghost{background:transparent;color:var(--ink);border-color:var(--border2)}button.act:disabled{opacity:.35;cursor:not-allowed}.msg{font-size:12.5px;color:var(--muted)}.msg.warn{color:var(--accent)}.msg.err{color:var(--red)}@media(max-width:760px){main{padding:16px}.controls{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:stretch}.field,.tool-field,.field input{width:100%;min-width:0}.tool-switch{width:100%}.tool-switch button{flex:1;min-height:42px}.chaos-control input,.gesture-range{flex:1;width:auto}.btns{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}button.act{width:100%;min-height:46px}}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.card{position:relative;background:var(--card);border:1px solid var(--border);border-radius:2px;padding:12px;display:flex;flex-direction:column;gap:8px}.card .thumb{background:var(--paper);border:1px solid var(--border);border-radius:2px;aspect-ratio:4/3;color:var(--ink)}.card button.thumb{display:block;width:100%;padding:0;cursor:zoom-in;font:inherit}.card button.thumb:hover{border-color:var(--accent)}.card button.thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card .thumb svg{width:100%;height:100%;display:block}.card .thumb img{width:100%;height:100%;display:block;object-fit:contain}:is(img,svg).remote-drawing{mix-blend-mode:multiply}:root[data-theme=dark] :is(img,svg).remote-drawing{filter:invert(1);mix-blend-mode:screen;opacity:.82}.card h3{margin:0;font-size:15px;font-weight:600}.card h3.untitled{color:var(--muted);font-style:italic;font-weight:400}.card .who{font-size:12px;color:var(--muted);margin-top:-4px}.card .cmeta{font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.card .dl{display:flex;gap:6px;margin-top:2px;flex-wrap:wrap}.card .dl button{font-family:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:transparent;border:1px solid var(--border2);color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:2px}.card .dl button:hover{color:var(--ink);border-color:var(--ink)}.card .dl button:disabled{opacity:.45;cursor:wait}.empty{color:var(--muted);text-align:center;padding:60px 0;font-size:15px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.toolbar .count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.hidden{display:none!important}.lightbox{width:min(1180px,calc(100% - 24px));max-width:none;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);margin:auto;padding:0;border:1px solid var(--border2);border-radius:3px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #00000047}.lightbox::backdrop{background:#100f0fd1}.lightbox-frame{display:grid;grid-template-rows:auto minmax(0,1fr);max-height:inherit}.lightbox-bar{min-width:0;display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border)}.lightbox-text{min-width:0;flex:1}.lightbox-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600}.lightbox-meta{display:block;margin-top:2px;color:var(--muted);font-size:11px}.lightbox-tools{flex:0 0 auto;display:flex;align-items:center;gap:4px}.lightbox-tool,.lightbox-close{flex:0 0 auto;min-width:31px;border:1px solid var(--border2);border-radius:2px;padding:5px 8px;background:transparent;color:var(--muted);font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.lightbox-tool:hover,.lightbox-close:hover{color:var(--ink);border-color:var(--ink)}.lightbox-tool:focus-visible,.lightbox-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox-tool:disabled{opacity:.3;cursor:not-allowed}.lightbox-zoom-value{min-width:43px;color:var(--muted);text-align:center;font-size:11px;font-variant-numeric:tabular-nums}.lightbox-stage{position:relative;min-width:0;min-height:0}.lightbox-viewport{width:100%;height:min(78vh,820px);height:min(78dvh,820px);min-height:260px;overflow:auto;overscroll-behavior:contain;background:var(--paper)}.lightbox-art{width:100%;height:100%;min-width:100%;min-height:100%;display:grid;place-items:center;background:var(--paper);color:var(--ink)}.lightbox-art svg,.lightbox-art img{width:100%;height:100%;display:block;object-fit:contain}.lightbox-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:54px;border:1px solid var(--border2);border-radius:2px;background:var(--paper);color:var(--ink);font:inherit;font-size:28px;line-height:1;cursor:pointer;box-shadow:0 2px 12px #0000001f}.lightbox-nav:hover{border-color:var(--accent);color:var(--accent)}.lightbox-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lightbox-nav:disabled{display:none}.lightbox-prev{left:12px}.lightbox-next{right:12px}@media(max-width:520px){.lightbox{width:calc(100% - 12px);max-height:calc(100dvh - 12px)}.lightbox-bar{flex-wrap:wrap;padding:9px 10px}.lightbox-text{flex:1 1 180px}.lightbox-tools{margin-left:auto}.lightbox-viewport{min-height:220px;height:70dvh}.lightbox-nav{width:38px;height:48px}.lightbox-prev{left:6px}.lightbox-next{right:6px}}footer{padding:16px 22px 24px;border-top:1px solid var(--border);color:var(--muted);font-size:12px;line-height:1.5;max-width:980px;width:100%;margin:0 auto}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.app-version{display:block;margin-top:7px;font-size:10px;letter-spacing:.08em;font-variant-numeric:tabular-nums;text-transform:uppercase}