:root{--ink:#1f2933;--muted:#697386;--line:#d8dee8;--paper:#fffaf2;--panel:#fff;--night:#10243f;--plum:#7c4d7e;--coral:#e76f61;--gold:#f4b36d;--mint:#7ab8a6;--shadow:0 16px 40px rgba(31,41,51,.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.loginShell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:100vh}.loginVisual{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:center;overflow:hidden;padding:8vw;background:radial-gradient(circle at 18% 22%,hsla(31,86%,69%,.9) 0 3px,transparent 4px),radial-gradient(circle at 68% 34%,hsla(0,0%,100%,.88) 0 2px,transparent 3px),radial-gradient(circle at 42% 72%,rgba(122,184,166,.9) 0 3px,transparent 4px),linear-gradient(135deg,var(--night),#2c3862 46%,var(--plum));color:#fffaf2}.loginVisual h1{margin:36px 0 12px;font-size:clamp(44px,7vw,92px);line-height:.95}.loginVisual p{max-width:560px;margin:0;color:rgba(255,250,242,.86);font-size:22px;line-height:1.7}.orbit{position:relative;display:grid;width:190px;height:190px;place-items:center;border:1px solid hsla(0,0%,100%,.45);border-radius:50%}.orbit span{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--gold)}.orbit span:nth-child(2){top:8px;left:62px}.orbit span:nth-child(3){right:18px;bottom:48px;background:var(--mint)}.orbit span:nth-child(4){bottom:22px;left:28px;background:#fffaf2}.loginPanel{display:flex;flex-direction:column;justify-content:center;padding:48px;background:var(--panel)}.brandLine,.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--coral);font-size:13px;font-weight:700;text-transform:uppercase}.loginPanel h2,.petHero h2,.sidePanel h2,.topBar h1{margin:8px 0 20px}.formGrid,.formStack{display:grid;grid-gap:14px;gap:14px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px;font-weight:700}input,select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 12px}.iconButton,.petChip,.primaryButton,.secondaryButton,.smallButton,.tabs button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;font-weight:800}.primaryButton{background:var(--coral);color:#fff}.primaryButton,.secondaryButton{min-height:46px;padding:12px 18px}.secondaryButton{border:1px solid var(--line);background:#fff;color:var(--ink)}.smallButton{min-height:34px;padding:8px 12px;background:var(--night);color:#fff}.iconButton{width:42px;height:42px;border:1px solid var(--line);background:#fff;color:var(--ink)}.iconButton.danger{color:var(--coral)}.fullWidth{width:100%;margin-top:14px}.status,.toast{color:var(--coral);font-weight:700}.warningText{margin:0 0 14px;color:#9a4a30;font-size:13px;font-weight:700;line-height:1.6}.photoEditor{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:12px;gap:12px;align-items:center;margin-top:14px}.photoEditor .secondaryButton{grid-column:2;justify-self:start;min-height:38px;padding:9px 12px}.photoPreview{display:grid;width:72px;height:72px;place-items:center;overflow:hidden;border-radius:50%;background:var(--night);color:#fff}.photoPreview img{width:100%;height:100%;object-fit:cover}.appShell{min-height:100vh;padding:28px}.topBar{display:flex;align-items:center;justify-content:space-between;max-width:1240px;margin:0 auto 22px}.workspace{display:grid;grid-template-columns:360px minmax(0,1fr);grid-gap:22px;gap:22px;max-width:1240px;margin:0 auto}.mainPanel,.sidePanel{min-width:0;border:1px solid var(--line);border-radius:8px;background:hsla(0,0%,100%,.86);box-shadow:var(--shadow)}.sidePanel{align-self:start;padding:22px}.mainPanel{padding:24px}.panelHeader,.petHero,.petStrip,.shareBar,.tabs{display:flex;align-items:center}.panelHeader{justify-content:space-between}.withGap{margin-top:30px}.petStrip{flex-wrap:wrap;gap:10px;margin-bottom:18px}.petChip{min-height:40px;padding:9px 13px;border:1px solid var(--line);background:#fff;color:var(--ink)}.petChip.active{border-color:var(--coral);background:#fff0ec}.petHero{gap:18px;justify-content:space-between;padding:18px;border-radius:8px;background:linear-gradient(135deg,#fffaf2,#eef8f5)}.petHero>div:nth-child(2){flex:1 1;min-width:0}.petPhoto{display:grid;width:92px;height:92px;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:50%;background:var(--night);color:#fff}.petPhoto img{width:100%;height:100%;object-fit:cover}.tabs{gap:8px;margin:20px 0;overflow-x:auto}.tabs button{min-width:142px;min-height:42px;padding:10px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);white-space:nowrap}.tabs button.active{border-color:var(--night);background:var(--night);color:#fff}.resultPanel{min-height:280px;padding:22px;border:1px solid var(--line);border-radius:8px;background:#fff}.resultTitle span{color:var(--mint);font-size:13px;font-weight:800}.resultTitle h3{margin:6px 0 18px}.resultTitle p{margin:0 0 14px;color:var(--muted);line-height:1.7}.badgeRow{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.badgeRow span{display:inline-flex;min-height:28px;align-items:center;border:1px solid #f3c1b8;border-radius:999px;background:#fff0ec;color:var(--coral);font-size:12px;font-weight:800;padding:5px 10px}.adGrid,.resultGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.resultItem{min-width:0;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fffdf8}.resultItem strong{display:block;margin-bottom:8px;color:var(--plum)}.adCard span,.resultItem p{margin:0;color:var(--muted);line-height:1.65;overflow-wrap:anywhere}.shareBar{position:-webkit-sticky;position:sticky;bottom:12px;justify-content:flex-end;gap:10px;margin-top:16px;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,250,242,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.emptyState{display:grid;min-height:360px;place-items:center;text-align:center;color:var(--muted)}.adGrid{margin-top:22px}.adCard{display:grid;grid-gap:8px;gap:8px;min-height:110px;padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--ink);text-decoration:none}.adCard,.toast{background:#fff}.toast{position:fixed;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));margin:0;padding:14px 16px;border:1px solid #ffd2ca;border-radius:8px;box-shadow:var(--shadow)}.hiddenCanvas{display:none}@media (max-width:900px){.loginShell,.workspace{grid-template-columns:1fr}.loginVisual{min-height:44vh;padding:42px 28px}.appShell,.loginPanel{padding:24px}.sidePanel{order:2}}@media (max-width:560px){.appShell,.loginPanel,.mainPanel,.sidePanel{padding:16px}.adGrid,.formGrid,.resultGrid{grid-template-columns:1fr}.topBar h1{font-size:24px}.petHero{align-items:flex-start}.petPhoto{width:74px;height:74px}.shareBar{align-items:stretch;flex-direction:column}.shareBar button{width:100%}.photoEditor{grid-template-columns:1fr}.photoEditor .secondaryButton{grid-column:1;width:100%}}