:root{color-scheme:light;--paper:#f5f1e7;--ink:#314f3d;--muted:#7e8874}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;letter-spacing:-.025em}button,select{font:inherit;color:inherit}button,a,select{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}header{max-width:1180px;margin:auto;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dcdccd}header>a:last-child{font-size:12px}.logo{display:flex;gap:11px;align-items:center}.logo>span{color:#a54532;font-size:39px}.logo b{font-size:20px;color:#a54532;letter-spacing:-.06em}.logo small{display:block;font-size:9px;color:#7b806a;font-weight:400;letter-spacing:.4em;margin-top:4px}main{max-width:1060px;margin:auto;padding:52px 32px 30px}.page-intro>p,.live-heading p{font-size:10px;letter-spacing:.17em;color:#899179}.page-intro h1{font-size:44px;line-height:1.28;font-weight:650;letter-spacing:-.065em;margin:21px 0}.page-intro>span{font-size:14px;line-height:1.9;color:var(--muted)}.workbench{margin-top:40px;background:#fffdf5;border:1px solid #dddccf;border-radius:23px;padding:24px;overflow:hidden}.select-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 0 24px;border-bottom:1px dashed #d6d8c7}.select-bar label{font-size:11px;margin-right:12px;color:var(--muted)}select{padding:11px 36px 11px 15px;min-width:160px;border-radius:10px;background:#edf0e3;border:1px solid #ccd4bd}.pager{display:flex;align-items:center;gap:14px}.pager button{background:#edf0e3;border:0;border-radius:50%;width:38px;height:38px;font-size:20px}.pager span{font-size:11px;font-variant-numeric:tabular-nums}.sheet-heading{display:flex;align-items:center;justify-content:space-between;padding:15px 0}.sheet-heading h2{font-size:24px;font-weight:600;margin:10px 0}.sheet-heading>span{font-size:10px;color:var(--muted)}.art-stage{background:#eeeae0;border:1px solid #e2ded2;border-radius:16px;overflow:hidden;min-height:200px}.art-stage img{display:block;width:100%;height:auto}.sheet-key{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8d927f;padding:16px 0}.live-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #dddccd;padding-top:26px;margin-top:16px}.live-heading h3{font-size:23px;margin:10px 0}.live-heading span{font-size:11px;color:var(--muted)}#motion-controls{display:flex;flex-wrap:wrap;max-width:350px;gap:6px}#motion-controls button,.direction-buttons button{border:1px solid #d5d9c7;background:#f3f4e9;border-radius:22px;padding:10px 16px;font-size:11px}#motion-controls button[aria-pressed=true]{color:#fff9e8;background:#385d44}#live-preview{height:430px;margin-top:24px;border-radius:15px;overflow:hidden;touch-action:none}#live-preview canvas{display:block}.direction-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding-top:20px}footer{text-align:center;color:#929780;font-size:11px;line-height:1.9;padding:35px 10px}[hidden]{display:none!important}#dog-note{text-align:center;padding:45px;font-size:13px}#image-error{text-align:center;font-size:12px;padding:16px;color:#9b4730}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bc7753;outline-offset:3px}@media(max-width:650px){header{padding:18px 20px}main{padding:30px 16px}.page-intro{padding:0 5px}.page-intro h1{font-size:32px}.page-intro>span{font-size:12px}.workbench{margin-top:28px;padding:13px;border-radius:17px}.select-bar label{display:block;margin-bottom:7px}.select-bar{gap:8px}.pager{gap:8px}.pager button{width:32px;height:32px}.pager span{font-size:9px}select{min-width:140px;font-size:12px;padding:10px}.sheet-heading h2{font-size:21px}.sheet-heading>span{font-size:9px}.sheet-key{font-size:8px}.live-heading{align-items:flex-start;flex-direction:column;gap:15px}.live-heading h3{font-size:21px}#motion-controls{max-width:none}#motion-controls button{padding:9px 12px}#live-preview{height:350px}.direction-buttons{gap:5px}.direction-buttons button{padding:9px 11px;font-size:10px}.logo b{font-size:18px}.logo>span{font-size:32px}}

:root{color-scheme:dark;--paper:#141b17;--ink:#ecf0e7;--muted:#a1b19d}header,.select-bar,.live-heading{border-color:#ffffff20}.logo b,.logo>span{color:#e99578}.logo small{color:#b1bca8}.workbench{background:#1c2620;border-color:#ffffff20}.art-stage{background:#e9e5db}select,.pager button{background:#29382b;border-color:#ffffff20}#motion-controls button,.direction-buttons button{background:#26352a;color:#d2dfcb;border-color:#ffffff20}#motion-controls button[aria-pressed=true]{background:#c6dcbb;color:#20301c}