.appearance-card{width:352px;max-width:100%;margin:24px auto 0;padding:14px;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;box-shadow:0 8px 24px #0002}.appearance-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.appearance-head h3{font-size:15px;letter-spacing:-.3px;margin:0}.appearance-head small{font-size:11px;color:var(--text-dim)}.appearance-head .icon-button{width:44px;height:44px;margin:-6px -6px -6px 0}.appearance-head svg{width:17px;height:17px}.guide-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:3px;gap:3px;border-radius:10px;background:var(--bg);margin-bottom:12px}.guide-modes button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;padding:5px;font-size:12px}.guide-modes svg{width:16px;height:16px}.guide-modes button[aria-pressed=true]{background:var(--hover)}.guide-themes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-card{padding:4px;border:1px solid var(--panel-line);border-radius:12px;min-width:0;text-align:left}.theme-card[aria-pressed=true]{border-color:var(--text)}.theme-scene{position:relative;display:block;height:92px;border-radius:8px;background:#10181f;overflow:hidden;perspective:400px}.sage .theme-scene{background:#dfe9dc}.skyline .theme-scene{background:#20344a}.theme-title{display:flex;align-items:center;justify-content:space-between;gap:2px;font-size:11px;padding:6px 3px 2px;min-height:28px}.theme-check{width:13px;height:13px}.appearance-note{color:var(--text-dim);font-size:10px;line-height:1.5;margin:10px 0 0}.object-shadow{position:absolute;left:22%;right:22%;bottom:12px;height:10px;border-radius:50%;background:#0003;filter:blur(3px)}.object-3d{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-36px 0 0 -34px;transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(-14deg)}.object-3d span{position:absolute;display:block}.husky-object .head{left:10px;top:14px;width:50px;height:48px;border-radius:22px 22px 25px 25px;background:radial-gradient(ellipse at 30% 20%,#8c9ea9,#405261 70%);box-shadow:inset -5px -3px 5px #182a3c;transform:translateZ(9px)}.husky-object .ear{top:2px;width:23px;height:32px;border-radius:6px 12px 3px 3px;background:linear-gradient(120deg,#8a9ca9,#334552);box-shadow:inset 0 0 0 5px #4b5e6c;transform:rotate(-12deg) translateZ(3px)}.husky-object .ear.left{left:10px}.husky-object .ear.right{right:5px;transform:rotate(12deg) translateZ(3px)}.husky-object .face{left:14px;top:28px;width:42px;height:32px;background:radial-gradient(ellipse at 35% 30%,#fff,#c7d2d8);border-radius:40% 40% 50% 50%;transform:translateZ(15px);box-shadow:0 3px 3px #24313d55}.husky-object .eye{top:31px;width:5px;height:7px;border-radius:50%;background:#162a36;box-shadow:inset 1px 1px #d9f2ff;transform:translateZ(18px)}.husky-object .eye.left{left:23px}.husky-object .eye.right{left:44px}.husky-object .muzzle{width:23px;height:15px;left:24px;top:43px;border-radius:50%;background:linear-gradient(#f7fafb,#b7c4cd);transform:translateZ(23px);box-shadow:1px 3px 3px #24313d44}.husky-object .nose{width:9px;height:6px;left:31px;top:42px;border-radius:3px 3px 5px 5px;background:#22313b;transform:translateZ(27px)}.sage-object .pot{width:37px;height:29px;left:16px;bottom:3px;border-radius:4px 4px 13px 13px;background:linear-gradient(100deg,#e9ddc8,#c4ac8b 65%,#8c775e);box-shadow:inset 0 4px #f0e6d5;transform:translateZ(8px)}.sage-object .stem{left:33px;top:8px;width:3px;height:38px;background:#446d45;transform:translateZ(9px)}.sage-object .leaf{width:26px;height:16px;border-radius:3px 80%;background:linear-gradient(135deg,#b8d693,#63965a 65%,#3e6b3c);box-shadow:inset 0 -2px #426b3b33}.sage-object .leaf-0{left:9px;top:10px;transform:rotate(18deg) rotateY(-22deg) translateZ(13px)}.sage-object .leaf-1{left:34px;top:2px;transform:rotate(-40deg) rotateY(25deg) translateZ(8px)}.sage-object .leaf-2{left:10px;top:27px;transform:rotate(10deg) rotateY(-12deg) translateZ(17px)}.sage-object .leaf-3{left:33px;top:21px;transform:rotate(-50deg) rotateY(26deg) translateZ(16px)}.skyline-object{transform:rotateX(-12deg) rotateY(-25deg)}.tower{bottom:7px;width:17px;height:43px;transform-style:preserve-3d}.tower-0{left:6px;height:30px;transform:translateZ(10px)}.tower-1{left:27px;height:58px}.tower-2{left:48px;height:38px;transform:translateZ(8px)}.tower .front{inset:0;background:repeating-linear-gradient(0deg,transparent 0 7px,#d1eaff77 7px 9px,transparent 9px 13px),linear-gradient(110deg,#90afd1,#486d99);border:3px solid #6991bb;transform:translateZ(8px)}.tower .side{top:0;bottom:0;right:-8px;width:16px;background:#365476;transform:rotateY(90deg);transform-origin:center}.tower .roof{left:0;top:-8px;width:17px;height:16px;background:#b3cee4;transform:rotateX(90deg)}@media(prefers-reduced-motion:no-preference){.object-3d{animation:turn-object 3s ease-in-out 3}@media(hover:hover)and (pointer:fine){.theme-card:hover .object-3d{animation:turn-object 3s ease-in-out infinite}}.theme-card:focus-visible .object-3d{animation:turn-object 3s ease-in-out infinite}@keyframes turn-object{0%,to{transform:rotateX(-8deg) rotateY(-20deg) translateY(0)}50%{transform:rotateX(4deg) rotateY(20deg) translateY(-4px)}}}@media(prefers-reduced-motion:reduce){.object-3d{animation:none!important}}.appearance-card,.appearance-card *{box-sizing:border-box}.appearance-card{color:var(--text);flex:none;font:inherit}.appearance-card button{color:inherit;font:inherit;border:0;background:transparent;cursor:pointer}.appearance-card .theme-card{border:1px solid var(--panel-line)}.appearance-card .theme-card[aria-pressed=true]{border-color:var(--text)}.appearance-card button:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.appearance-card .guide-modes button{font-size:12px}.appearance-card .icon-button{display:grid;place-items:center;min-height:44px}.appearance-card .theme-title{font-size:11px}.appearance-card .guide-modes button[aria-pressed=true]{background:var(--hover)}.appearance-card svg{fill:none;stroke:currentColor}#msgs>.appearance-card{margin:0 auto 22px}#empty-pane:has(>.appearance-card){flex-direction:column;justify-content:center;gap:24px;overflow:auto}#empty-pane>.appearance-card{margin:24px auto 0}#empty-pane:has(>.appearance-card) .empty-conversation{padding:0 16px 24px}#empty-pane:has(>.appearance-card) .empty-conversation>svg{display:none}#empty-pane:has(>.appearance-card) .empty-conversation h2{font-size:18px}.appearance-card .husky-object .ear{clip-path:polygon(0 100%,10% 0,100% 85%);border-radius:3px;height:27px;top:5px}.appearance-card .husky-object .ear.right{clip-path:polygon(0 85%,90% 0,100% 100%)}@media(max-width:899px){.appearance-card{width:calc(100% - 32px);padding:12px;margin:0 auto 16px}.appearance-card .theme-scene{height:84px}.appearance-card .object-3d{scale:.9}.appearance-card .guide-modes button{font-size:11px;gap:4px}#msgs>.appearance-card{width:100%}}html[data-motion=reduced] .appearance-card *{animation:none!important;transition:none!important}