model-viewer{display:block}.fox-preview{max-width:1100px;margin:auto}.fox-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:5px 0 20px}.fox-heading h2{font:600 30px 'Noto Serif TC',serif;margin:12px 0}.fox-heading p{font-size:12px;color:#8c967e;line-height:1.8}.fox-stage{border:1px solid #e4e8da;border-radius:24px;background:radial-gradient(ellipse at 50% 65%,#e1e7d3,transparent 50%),linear-gradient(145deg,#fcfcf5,#ecefe1);overflow:hidden;position:relative}.fox-stage model-viewer{width:100%;height:480px;--poster-color:transparent;--progress-bar-color:#7e946d;--progress-bar-height:4px}.fox-stage-note{position:absolute;bottom:17px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:1px;color:#96a087;pointer-events:none}.fox-loading{position:absolute;top:45%;left:0;right:0;text-align:center;color:#8b987b;font-size:13px}.fox-controlcard{border:1px solid #e5e7dd;border-radius:18px;padding:22px;background:#fff;margin:18px 0}.fox-controlcard>p{font-size:12px;line-height:1.8;color:#839072}.fox-animations,.fox-toolbar{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.fox-controlcard button{border:1px solid #dce3d2;border-radius:9px;background:#f8faf3;padding:10px 17px;font-size:12px;min-height:42px}.fox-controlcard button[aria-pressed=true]{background:#dfe9d5;color:#526c43;border-color:#b5c8a3}.fox-select{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:18px;margin-top:18px;border-top:1px solid #e8ecdf}.fox-select label{font-size:12px;color:#7f8d72}.fox-select select{display:inline-block;margin-left:8px;background:white;padding:10px;border-radius:8px;border:1px solid #dfe5d6;color:#5e7751}.fox-select #foxwalk{background:#526b4c;color:white}.fox-model{display:none;width:100%;height:100%;--poster-color:transparent;pointer-events:none;background:transparent}.fox-selected .fox-model{display:block}.fox-selected .fox-model:not(.fox-failed)~img{display:none}.fox-selected .fox-model.fox-failed{display:none}.fox-selected .dog-bob{width:90px;height:90px}.fox-selected .dog-follower{width:90px;top:3px}.fox-selected .walking .dog-bob,.fox-selected .counter-dog.stepping img,.fox-selected .map-hud-dog.stepping img{animation:none}.fox-selected .map-hud-dog{width:95px;flex-basis:95px}.fox-selected .counter-dog-stage{height:138px;max-width:175px}.fox-selected .counter-dog-stage .fox-model{height:138px}nav button[data-tab=model]{font-size:18px}@media(max-width:600px){.fox-heading h2{font-size:25px}.fox-heading{margin-top:20px}.fox-stage model-viewer{height:350px}.fox-controlcard{padding:17px}.fox-controlcard button{padding:9px 12px}.fox-select{align-items:stretch;flex-direction:column}.fox-select select{max-width:180px}.fox-selected .map-hud-dog{width:88px;flex-basis:88px}.fox-selected .map-hud{gap:5px}.fox-selected .map-hud-count b{font-size:32px}.fox-selected .dog-follower{width:83px}.fox-selected .dog-bob{width:83px;height:83px}}

.companion-quick{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:11px 15px;background:#f9faf3;border-top:1px solid #e8ecdf}.companion-quick span{font-size:12px;color:#6a785d;margin-right:auto}.companion-quick button{min-height:44px;padding:9px 13px;border:1px solid #dce3d0;border-radius:12px;background:white;font-size:13px;color:#566c49}.companion-quick button[aria-pressed=true]{background:#526b4c;color:white;border-color:#526b4c}