.pasling-creature{width:100%;height:auto;overflow:visible;color:var(--creature-detail)}.pasling-creature .creature-float{transform-origin:200px 330px}.pasling-creature.is-animated .creature-float{animation:creature-float 4.8s ease-in-out infinite}.pasling-creature.is-animated .creature-breathe{animation:creature-breathe 3.4s ease-in-out infinite;transform-origin:200px 245px}.pasling-creature.is-animated .creature-tail{animation:creature-tail 2.9s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:left center}.pasling-creature.is-animated .creature-eye .lid{animation:creature-blink 6.7s step-end infinite;transform-box:fill-box;transform-origin:center}.pasling-creature.is-animated .creature-arm-left{animation:creature-arm-left 4.1s ease-in-out infinite;transform-box:fill-box;transform-origin:top right}.pasling-creature.is-animated .creature-arm-right{animation:creature-arm-right 4.1s ease-in-out infinite;transform-box:fill-box;transform-origin:top left}.pasling-creature.is-animated[data-reaction=joy] .creature-float{animation:creature-joy .7s ease-in-out infinite}.pasling-creature.is-animated[data-reaction=sleep] .creature-float{animation-duration:7s}.pasling-creature.is-animated[data-reaction=hello] .creature-arm-right{animation:creature-wave .62s ease-in-out 4}.pasling-creature.is-paused *{animation-play-state:paused!important}.pasling-creature [data-part]{cursor:pointer;outline:none}.pasling-creature [data-part]:focus-visible{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 6px #6355cc)}@keyframes creature-float{0%,to{transform:translateY(2px) rotate(-.35deg)}50%{transform:translateY(-5px) rotate(.35deg)}}@keyframes creature-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.012,1.02)}}@keyframes creature-tail{0%{transform:rotate(-5deg)}to{transform:rotate(7deg)}}@keyframes creature-blink{0%,45%,49%,to{transform:scaleY(0)}46%,48%{transform:scaleY(1)}}@keyframes creature-arm-left{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}@keyframes creature-arm-right{0%,to{transform:rotate(0)}50%{transform:rotate(-3deg)}}@keyframes creature-joy{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes creature-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-22deg)}}@media(prefers-reduced-motion:reduce){.pasling-creature *{animation:none!important}}.pasling-creature.is-animated .creature-eye .lid{animation-duration:17.3s}@keyframes creature-blink{0%,12%,15%,50%,53%,56%,59%,87%,90%,to{transform:scaleY(0)}13%,14%,51%,52%,57%,58%,88%,89%{transform:scaleY(1)}}.pasling-creature.is-animated[data-reaction=interest] .creature-float{animation:creature-interest 1.2s ease-in-out}.pasling-creature.is-animated[data-reaction=waiting] .creature-float{animation-duration:6.1s}.pasling-creature.is-animated[data-reaction=goodbye] .creature-arm-right{animation:creature-wave .5s ease-in-out 3}@keyframes creature-interest{50%{transform:translateY(-4px) rotate(5deg)}}@keyframes creature-wave{50%{transform:rotate(-22deg)}}.soft-creature{width:100%;height:auto;overflow:visible;--soft-body: #009b9f;--soft-accent: #f3b753;--soft-detail: #213a3d}.soft-creature [data-part]{cursor:pointer;outline:none}.soft-creature [data-part]:focus-visible{filter:drop-shadow(0 0 3px white) drop-shadow(0 0 7px #009b9f)}.soft-ground-shadow{pointer-events:none}.appendage-shadow{fill:none;stroke:#153d3e;stroke-width:11;stroke-linejoin:round;opacity:.18;filter:blur(2px)}.appendage-fill{fill:var(--soft-skin-fill);stroke:#16595b80;stroke-width:1.25;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(18,65,65,.18))}.appendage-accent,.eye-petal{fill:var(--soft-cloth-fill);stroke:#30433d8c;stroke-width:1.4;stroke-linejoin:round}.horn-line{fill:none;stroke:var(--soft-detail);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.limb-detail{fill:none;stroke:var(--soft-detail);stroke-width:2;stroke-linecap:round;opacity:.6}.eye-white{stroke:#3754577a;stroke-width:1.5;filter:drop-shadow(0 4px 4px rgba(20,48,48,.27))}.eye-iris{stroke:var(--soft-iris-color);stroke-width:1.2;filter:drop-shadow(0 2px 2px rgba(20,20,10,.35))}.eye-pupil{fill:#111b1a}.glow-eye-halo{fill:var(--soft-accent);opacity:.2;filter:blur(3px)}.glow-eye-ring{fill:none;stroke:#ffe3a0;stroke-width:2.2;opacity:.72}.star-white{stroke-linejoin:round}.star-iris{stroke:var(--soft-iris-color);stroke-width:.06;stroke-linejoin:round}.eye-shine{fill:#fff}.soft-shine{opacity:.75}.sleep-eye{fill:none;stroke:var(--soft-detail);stroke-width:3.5;stroke-linecap:round}.soft-eye-blink{transform:scaleY(1);transform-box:fill-box;transform-origin:center}.soft-mouth{filter:drop-shadow(0 1px 1px rgba(255,255,255,.35))}.cloth,.metal,.soft-glove{fill:var(--soft-cloth-fill);stroke:#264a4694;stroke-width:1.5;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(30,55,50,.2))}.leaf-accessory{fill:var(--soft-skin-fill);stroke:#1e4b3f8c;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 3px rgba(30,55,50,.2))}.stitch{fill:none;stroke:var(--soft-detail);stroke-width:2;stroke-linecap:round;opacity:.7}.foot-detail{fill:none;stroke:var(--soft-detail);stroke-width:2.2;stroke-linecap:round;opacity:.62}.foot-flipper{fill:var(--soft-skin-fill);stroke:#17565780;stroke-width:1.2}.foot-sprout{fill:var(--soft-cloth-fill);stroke:#264a4685;stroke-width:1.2;stroke-linejoin:round}.legacy-accessory{--creature-body: var(--soft-body);--creature-accent: var(--soft-accent);--creature-detail: var(--soft-detail)}.soft-creature.is-animated .soft-torso-breathe{animation:soft-breathe 3.7s ease-in-out infinite;transform-origin:200px 330px}.soft-creature.is-animated .soft-head-attention{animation:soft-attention 7.1s ease-in-out infinite;transform-origin:200px 232px}.soft-creature.is-animated .soft-iris-glance{animation:soft-glance 8.3s ease-in-out infinite}.soft-creature.is-animated .soft-eye-blink{animation:soft-blink 13.7s linear infinite}.soft-creature.is-animated .soft-tail{animation:soft-tail 3.1s ease-in-out infinite alternate;transform-origin:295px 295px}.soft-creature.is-animated .soft-arm.soft-left{animation:soft-arm-left 4.4s ease-in-out infinite;transform-box:view-box}.soft-creature.is-animated .soft-arm.soft-right{animation:soft-arm-right 4.4s ease-in-out infinite;transform-box:view-box}.soft-creature.is-animated[data-reaction=joy] .soft-torso-breathe,.soft-creature.is-animated[data-reaction=joy] .soft-head-attention{animation:soft-joy .72s ease-in-out infinite}.soft-creature.is-animated[data-reaction=hello] .soft-arm.soft-right,.soft-creature.is-animated[data-reaction=goodbye] .soft-arm.soft-right{animation:soft-wave .58s ease-in-out 4}.soft-creature.is-animated[data-reaction=interest] .soft-head-attention{animation:soft-curious 1.5s ease-in-out}.soft-creature.is-animated[data-reaction=sleep] .soft-torso-breathe,.soft-creature.is-animated[data-reaction=waiting] .soft-torso-breathe{animation-duration:7s}.soft-creature.is-paused *{animation-play-state:paused!important}@keyframes soft-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.018,1.026)}}@keyframes soft-attention{0%,35%,to{transform:translate(0) rotate(0)}45%,58%{transform:translate(1px,-1px) rotate(1.4deg)}70%{transform:rotate(-.7deg)}}@keyframes soft-glance{0%,22%,to{transform:translate(0)}29%,40%{transform:translate(2px,-1px)}63%,72%{transform:translate(-2px,1px)}}@keyframes soft-blink{0%,18%,20%,54%,56%,58%,60%,88%,90%,to{transform:scaleY(1)}18.8%,19.3%,54.8%,55.3%,58.8%,59.3%,88.8%,89.3%{transform:scaleY(.045)}}@keyframes soft-tail{0%{transform:rotate(-4deg)}to{transform:rotate(7deg)}}@keyframes soft-arm-left{0%,to{transform:rotate(0)}50%{transform:rotate(2.8deg)}}@keyframes soft-arm-right{0%,to{transform:rotate(0)}50%{transform:rotate(-2.8deg)}}@keyframes soft-wave{0%,to{transform:rotate(0)}50%{transform:rotate(-24deg)}}@keyframes soft-joy{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}@keyframes soft-curious{50%{transform:translateY(-3px) rotate(5deg)}}@media(prefers-reduced-motion:reduce){.soft-creature *{animation:none!important}}.soft-spectacles{filter:drop-shadow(0 2px 1px #122f3940)}.knit-highlight{fill:none;stroke:#ffe8b4;stroke-width:1;stroke-linecap:round;opacity:.45}.scarf-fringe{fill:none;stroke:var(--soft-accent);stroke-width:2;stroke-linecap:round}.soft-knit-scarf .cloth{stroke:#98623e;stroke-width:.7}.soft-knit-scarf .scarf-tail{filter:drop-shadow(2px 3px 2px #4b392b45)}.auth-screen{min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:#f7faf8}.auth-card{width:min(100%,460px);padding:32px 24px;border:1px solid #deebe7;border-radius:28px;background:#fff;box-shadow:0 18px 60px #225b4910;overflow-wrap:anywhere}.auth-brand{display:flex;align-items:center;gap:10px;color:#174b44;text-decoration:none;font-size:25px;font-weight:750;margin-bottom:36px}.auth-brand img{width:36px;height:36px}.auth-card h1{font-size:30px;line-height:1.2;letter-spacing:-.8px;margin:0 0 18px}.auth-card p{line-height:1.65;color:#526b63}.auth-card button{min-height:48px;width:100%;margin:8px 0}.auth-card form{display:grid;gap:16px}.auth-card label{display:grid;gap:8px;font-size:15px;font-weight:600}.auth-card input:not([type=checkbox]),.auth-card select{width:100%;min-height:48px;font:inherit;border:1px solid #bdd6cf;border-radius:12px;padding:10px;background:#fff;color:#173b34}.auth-card .auth-check{display:flex;align-items:center;gap:12px;min-height:48px;line-height:1.5;font-weight:400}.auth-check input{width:24px;height:24px;flex-shrink:0;accent-color:#248d7d}.auth-card [role=alert],.account-panel [role=alert]{color:#983f30}.save-progress{position:fixed;inset:0;z-index:10000;background:#f8faf8c9;display:grid;place-items:center;font-weight:650}.account-panel{margin-top:24px}.account-panel button{min-height:48px;margin-right:12px}@media(max-width:350px){.auth-card{padding:26px 18px}.auth-card h1{font-size:27px}}.account-creator-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--surface,#fff);font-size:14px}.account-creator-bar button{min-height:44px;padding:8px 12px;border:1px solid #b9d6d2;border-radius:12px;background:#fff;color:#173d38;font:inherit}.account-creator-bar p{flex-basis:100%;margin:0}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2c332d;background:#f7f6f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper:#fffefa;--ink:#2c332d;--muted:#72786d;--line:#e5e6dd;--accent:#e36542;--soft:#edede4;--radius:22px;--space:8px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button{transition:background .15s,transform .15s}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb5b36;outline-offset:4px}button:not(:disabled):active{transform:translateY(1px)}a{color:inherit;text-decoration:none}button{border:0;background:none}h1,h2,p{margin:0}h1{font-size:clamp(28px,2.65vw,39px);letter-spacing:-1.25px;line-height:1.2;font-weight:650}h2{font-size:23px;letter-spacing:-.6px}p{line-height:1.6}.muted{color:var(--muted);font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);font-size:14px;font-weight:550}.button:hover:not(:disabled){background:#eeeee4}.button.save-button{background:var(--accent);border-color:var(--accent);color:#fff;padding:13px 22px;min-height:48px}.save-button:hover:not(:disabled){background:#ce5233}.site-header{height:89px;margin:0 40px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:30px;font-weight:750;letter-spacing:-1.5px}.brand img{width:36px;height:36px}.brand span{margin-left:24px;letter-spacing:0;font-size:13px;font-weight:450;color:var(--muted)}.local-badge{margin-left:auto;display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.local-badge>span,.draft-state>span{width:6px;height:6px;background:#879572;border-radius:100%;display:inline-block}.bell{border:0;background:transparent}.avatar-button{width:38px;height:38px;border-radius:50%;background:#e9eadf;font-size:14px}.desktop-nav{position:absolute;left:40px;top:130px;width:174px}.desktop-nav>div{display:flex;flex-direction:column;gap:8px}.desktop-nav button{display:flex;align-items:center;gap:13px;text-align:left;min-height:50px;padding:12px 15px;color:#7b8075;border-radius:12px;font-size:15px}.desktop-nav button.active{background:#e9ecdf;color:#344337;font-weight:650}.desktop-nav .gallery-link{font-size:13px;line-height:1.5;margin-top:64px;padding-left:9px;gap:10px}.gallery-link svg{flex-shrink:0}.desktop-nav p{font-size:12px;color:#8c9185;margin:24px 14px}main{max-width:1460px;margin:36px 40px 50px 253px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading p{font-size:15px;color:var(--muted);margin-top:10px}.back-link{display:flex;align-items:center;gap:7px;color:var(--muted);padding:0;margin-bottom:18px;font-size:13px;min-height:24px}.mobile-break{display:none}.editor-layout{display:grid;grid-template-columns:minmax(360px,1.2fr) minmax(330px,1fr);gap:26px;align-items:start}.studio{border:1px solid #e0e3d5;border-radius:var(--radius);background:#edf0e5;overflow:hidden;position:sticky;top:18px}.studio-top{padding:23px 25px;display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font-size:11px;letter-spacing:1.8px;font-weight:650;color:#7a816f}.draft-state{font-size:11px;color:#7b826e;display:flex;align-items:center;gap:6px}.stage-grid{height:370px;position:relative;display:flex;align-items:center;justify-content:center;background-image:radial-gradient(#c4ccbb 1px,transparent 1px);background-size:24px 24px;margin:0 18px}.stage-grid:before{content:"";position:absolute;width:290px;height:290px;border:1px solid #dce1d3;border-radius:50%}.stage-note{font-family:Georgia,serif;font-style:italic;font-size:18px;position:absolute;left:13px;top:45px;line-height:1.3;transform:rotate(-8deg);color:#879278}.creature-stage{height:370px;width:336px;position:relative;z-index:1}.creature-stage>svg{width:100%;height:100%;overflow:visible}.drag-handle{position:absolute;bottom:20%;right:12%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #bcc4ae;border-radius:50%;background:#fffff1d9;color:#727c61;touch-action:none;cursor:move}.touch-hint{position:absolute;bottom:8px;right:0;display:flex;gap:5px;align-items:center;font-size:11px;min-height:32px;color:#727b64;z-index:2}.stage-ground{position:absolute;width:170px;height:15px;bottom:28px;background:#adb69955;border-radius:50%;filter:blur(8px)}.name-row{display:flex;align-items:center;justify-content:space-between;padding:20px 30px 22px}.name-row label span{display:block;color:#828876;font-size:12px;margin-bottom:3px}.name-row input{display:block;background:transparent;border:0;border-bottom:1px dashed #bfc7b2;color:var(--ink);font-size:31px;max-width:250px;width:100%;font-weight:600;outline-offset:1px;padding:3px 0}.name-star{font-size:40px;color:#b9c29f;margin-right:7px}.studio-toolbar{display:flex;justify-content:space-between;padding:13px 20px;border-top:1px solid #dce0d2;border-bottom:1px solid #dce0d2;background:#f5f6ef88}.studio-toolbar>div{display:flex;gap:5px}.studio-toolbar .button{background:transparent;border-color:transparent}.studio-footer{display:flex;justify-content:space-between;padding:13px 18px;gap:8px;background:#f8f9f3}.studio-footer .button{border:0;background:transparent;font-size:13px;padding:9px}.editor-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);min-width:0;overflow:hidden}.category-tabs{display:grid;grid-template-columns:repeat(4,1fr);padding:13px;gap:4px;border-bottom:1px solid var(--line)}.category-tabs button{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:9px;font-size:12px;min-height:42px;position:relative}.category-tabs button>span{font-size:22px;line-height:1}.category-tabs button.active{background:#f9e7df;color:#ad4b2e}.category-tabs button i{width:4px;height:4px;background:var(--accent);position:absolute;right:5px;top:5px;border-radius:50%}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 25px 5px}.panel-heading h2{font-size:22px}.panel-heading p{font-size:12px;color:var(--muted);margin-top:4px}.panel-heading .button{border:0}.locked{color:var(--accent)}.control-fields{padding:18px 25px 24px;display:flex;flex-direction:column;gap:20px}.control-fields section{display:flex;flex-direction:column;gap:17px}.control-fields fieldset{padding:0;border:0;margin:0;min-width:0}legend{font-size:13px;font-weight:550;margin-bottom:10px;padding:0}.choices{display:flex;flex-wrap:wrap;gap:6px}.choices button{padding:10px 12px;background:#f5f5f0;border:1px solid transparent;border-radius:9px;font-size:12px;min-height:40px}.choices button.selected{background:#fdf2ea;border-color:#d78665;color:#ad5737}.range-label{display:block}.range-label>span{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px;align-items:center}.range-label output{font-size:11px;color:#7d8573;border:1px solid #e6e7dc;padding:3px 7px;border-radius:5px;min-width:34px;text-align:center}input[type=range]{display:block;accent-color:#708562;width:100%;height:20px;cursor:pointer;margin:0}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:4px;background:#e3e7d9}input[type=range]::-webkit-slider-thumb{margin-top:-5px}.check{display:flex;align-items:center;gap:8px;font-size:13px;min-height:38px}.check input{accent-color:#708562;width:18px;height:18px}.color-field{display:flex;justify-content:space-between;align-items:center;font-size:14px}.color-field input{padding:2px;border:1px solid var(--line);background:none;width:46px;height:35px;border-radius:8px}.palettes{display:flex;gap:8px;flex-wrap:wrap}.palettes button{display:flex;border:1px solid var(--line);border-radius:9px;padding:5px;min-height:39px}.palettes span{width:18px;height:26px}.palettes span:first-child{border-radius:5px 0 0 5px}.palettes span:last-child{border-radius:0 5px 5px 0}.catalog-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.catalog-options button{border:1px solid var(--line);border-radius:8px;padding:9px 5px;font-size:12px;min-height:44px}.catalog-options button:hover{background:#f9e7df}.editor-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:21px;font-size:12px;color:#868a7d}.editor-bottom>span,.editor-bottom>button{display:flex;align-items:center;gap:7px}.editor-bottom button{min-height:40px;color:#69705f}.mobile-nav{display:none}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:#303b30;color:#fff;padding:16px 18px;box-shadow:0 8px 30px #0002;border-radius:13px;max-width:calc(100% - 32px);width:max-content;font-size:14px;z-index:20;display:flex;gap:20px;align-items:center}.toast button{color:#fff;padding:6px;display:flex}.storage-error{display:flex;align-items:center;gap:15px;margin-top:20px;background:#fff0db;padding:15px;border-radius:12px;font-size:14px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-grid>button{background:#ecede3;border-radius:20px;text-align:left;padding:18px;position:relative;overflow:hidden}.gallery-grid>button:nth-child(3n+2){background:#f0e4d8}.gallery-grid>button:nth-child(3n){background:#e6e8ed}.gallery-grid .pasling-creature{width:100%;height:auto}.gallery-grid span>svg{width:16px;height:16px;flex-shrink:0}.gallery-grid strong{font-size:20px;display:block;margin-bottom:8px}.gallery-grid span:last-child{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.gallery-number{position:absolute;top:15px;left:17px;font-size:11px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:24px;padding:26px;max-width:760px;width:calc(100% - 28px);max-height:85dvh;color:var(--ink);background:var(--paper);box-shadow:0 25px 100px #0002}dialog::backdrop{background:#20281d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}dialog header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}dialog>p{margin-bottom:20px;font-size:15px}dialog>.button{margin:6px 8px 0 0}.preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.preset-grid button{background:#f0f1e8;border-radius:13px;padding:8px}.preset-grid svg{width:100%;height:auto}.preset-grid span{display:block;font-size:14px;padding-bottom:9px}.home-card{background:#edf0e5;border-radius:28px;padding:35px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;min-height:510px}.home-creature svg{width:100%;max-height:460px}.home-card h2{font-size:48px;margin:22px 0 15px}.home-card p{color:#757e6c;font-size:15px;margin-bottom:20px}.home-card .button{margin:5px 5px 5px 0}.status-pill{background:#e0e6d4;padding:8px 12px;border-radius:25px;font-size:12px}.care-buttons{display:flex;flex-wrap:wrap}.text-link{display:flex;align-items:center;gap:8px;font-size:14px;margin-top:20px;padding:0;min-height:44px}.info-card{padding:36px;border:1px solid var(--line);border-radius:22px;background:var(--paper);margin-top:22px}.info-card>p{font-size:15px;color:var(--muted);margin-top:15px}.info-card>.button{display:flex;margin:0 auto 25px}.empty{text-align:center;padding:45px 15px;max-width:600px;margin:auto}.empty-icon{color:#859275;display:inline-flex;background:#f0f2e8;padding:20px;border-radius:50%;margin-bottom:22px}.empty h2{margin-bottom:12px}.empty p{font-size:15px;color:var(--muted)}.map-placeholder{border-radius:25px;text-align:center;padding:110px 30px;background-color:#e9eddf;background-image:radial-gradient(#c3cbb8 1px,transparent 1px);background-size:24px 24px}.map-placeholder>svg{margin-bottom:25px;color:#8d9d7e}.map-placeholder p{margin-top:14px;color:#7a846e;font-size:15px}@media(min-width:1600px){main{margin-left:290px;margin-right:auto;width:calc(100% - 350px)}.stage-grid{height:450px}.creature-stage{height:440px;width:400px}.studio-top{padding:26px}.name-row{padding-bottom:28px}}@media(max-width:1150px){.desktop-nav{width:145px;left:22px}.site-header{margin:0 24px}.brand span{display:none}main{margin-left:190px;margin-right:24px}.editor-layout{gap:18px;grid-template-columns:minmax(285px,1fr) minmax(285px,1fr)}.stage-note{font-size:15px;left:0;top:18px}.studio-top{padding:20px 17px}.draft-state{font-size:10px}.panel-heading{padding-left:18px;padding-right:18px}.control-fields{padding:18px}.category-tabs{padding:9px}.category-tabs button{gap:5px;font-size:11px}.page-heading{align-items:flex-start}.page-heading .save-button{padding:11px 14px;white-space:nowrap}.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.desktop-nav{display:none}main{margin:28px 24px 115px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:#fafaf5f5;border-top:1px solid #dfe3d8;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.mobile-nav button{display:flex;align-items:center;flex-direction:column;gap:4px;min-width:60px;padding:6px 15px;color:#8e9487;font-size:11px}.mobile-nav button.active{color:#374936}.site-header{height:73px}.brand{font-size:27px}.toast{bottom:95px}.stage-grid{height:370px}.editor-bottom{align-items:flex-start}.editor-bottom>span{max-width:65%}.home-card{padding:25px}}@media(max-width:650px){.site-header{margin:0 18px;height:67px;gap:9px}.brand{font-size:26px;gap:7px}.brand img{width:30px;height:30px}.local-badge{font-size:0;gap:0}.local-badge>span{width:7px;height:7px}.avatar-button{width:33px;height:33px}.site-header .bell{padding:8px;min-height:40px}main{margin:24px 16px 110px}.page-heading{display:block;margin-bottom:21px;position:relative}.page-heading h1{font-size:29px;letter-spacing:-1px}.page-heading p{font-size:14px;max-width:330px;margin-top:9px}.back-link{font-size:12px;margin-bottom:13px}.page-heading .save-button{margin-top:18px;font-size:14px;padding:10px 17px;min-height:44px}.editor-layout{display:flex;flex-direction:column;gap:18px}.studio{width:100%;position:relative;top:0;border-radius:20px}.studio-top{padding:18px 19px}.eyebrow,.draft-state{font-size:10px}.stage-grid{height:283px;margin:0 14px}.stage-grid:before{height:230px;width:230px}.creature-stage{height:300px;width:273px}.stage-note{font-size:16px;left:7px;top:26px}.stage-ground{bottom:12px;width:145px}.drag-handle{width:34px;height:34px;right:8%;bottom:18%}.touch-hint{bottom:0}.name-row{padding:15px 23px 20px}.name-row input{font-size:27px;max-width:225px}.name-row label span{font-size:11px}.name-star{font-size:34px}.studio-toolbar{padding:7px 12px}.studio-toolbar .button{font-size:12px;padding:8px 11px}.studio-footer{padding:6px 10px}.studio-footer .button{font-size:12px}.editor-panel{width:100%;border-radius:20px}.category-tabs{grid-template-columns:repeat(8,1fr);gap:1px;padding:10px 6px;overflow:auto}.category-tabs button{flex-direction:column;gap:4px;font-size:10px;padding:7px 3px;min-width:34px}.category-tabs button>span{font-size:23px}.panel-heading{padding:20px 21px 2px}.panel-heading p{font-size:12px}.control-fields{padding:21px;gap:23px}.choices button{font-size:13px;min-height:44px}.range-label>span,legend{font-size:14px}.range-label input{height:28px}.range-label output{font-size:12px}.editor-bottom{font-size:11px;gap:12px;flex-direction:column}.editor-bottom>span{max-width:100%}.editor-bottom button{font-size:13px;padding:0}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid>button{padding:12px}.gallery-grid strong{font-size:17px}.gallery-grid span:last-child{font-size:11px}.preset-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:19px}dialog h2{font-size:22px}.home-card{display:flex;flex-direction:column;padding:20px 23px 28px;gap:0}.home-creature{width:100%;height:300px}.home-creature svg{height:300px}.home-card>div:last-child{width:100%}.home-card h2{font-size:36px;margin-top:20px}.info-card{padding:22px 16px}.empty{padding:30px 3px}.map-placeholder{padding:70px 20px}.storage-error{flex-direction:column;align-items:flex-start}.toast{font-size:13px;padding:13px 15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:650px){.editor-layout{gap:0}.studio{display:contents}.studio-top{display:none}.stage-grid{position:sticky;top:0;z-index:5;background-color:#edf0e5;margin:0;width:100%;height:250px;border:1px solid #dfe4d3;border-radius:18px 18px 0 0;box-shadow:0 5px 10px #3d4b3012}.creature-stage{height:260px;width:237px}.stage-grid:before{width:210px;height:210px}.stage-note{font-size:15px;top:27px}.stage-ground{bottom:13px}.touch-hint{right:9px;bottom:7px}.name-row{width:100%;background:#edf0e5;padding:15px 22px}.studio-toolbar{width:100%;background:#edf0e5}.studio-footer{width:100%;border-radius:0 0 18px 18px;border:1px solid #dfe4d3;border-top:0}.editor-panel{margin-top:18px}.page-heading h1{font-size:26px}.page-heading p{font-size:13px}.page-heading .save-button{margin-top:13px}.category-tabs button{font-size:11px}.range-label input{min-height:36px}}:root{--accent:#009b9f;--ink:#182536;--muted:#78868b;--line:#e7edeb;--paper:#fffefa;--soft:#e8f4f1;color:var(--ink);background:#fcfbf7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background:#fcfbf7}.button{border-radius:14px}.button.save-button{background:#009b9f;border-color:#009b9f}.button.save-button:hover:not(:disabled){background:#00868b}.button:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#008d92}.brand{letter-spacing:-1.3px;color:#163740}.brand img{filter:hue-rotate(139deg) saturate(.72)}.desktop-nav button.active{background:#e5f3f1;color:#008d92}.mobile-nav button.active{color:#00999d}.mobile-nav{background:#fffefaee}.toast{background:#163f44}.choices button.selected{background:#e4f6f3;border-color:#008e92;color:#007e83}input[type=range]{accent-color:#009b9f}input[type=range]::-webkit-slider-runnable-track{background:#dcecea}.locked{color:#009b9f}.range-label input{height:40px}.range-label>span,legend{font-size:14px}.choices button{font-size:14px;min-height:44px}.catalog-options button{font-size:13px;min-height:48px}.icon-button{width:44px;min-width:44px;height:44px;display:inline-flex;justify-content:center;align-items:center;border-radius:50%;background:#fffefa;border:1px solid #edf0ec;color:#304952}.icon-button:hover{background:#e8f4f1}.editor-active{overflow:hidden}.editor-screen{height:var(--app-height,100dvh);display:flex;flex-direction:column;overflow:hidden}.editor-screen .site-header{flex:0 0 66px;height:66px;max-width:1180px;width:calc(100% - 64px);margin:0 auto}.editor-screen .desktop-nav{display:none}.editor-screen main{margin:0 auto;padding:0 24px 14px;max-width:1120px;width:100%;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.editor-topbar{height:68px;flex:0 0 68px;display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-topbar>div{text-align:center}.editor-topbar h1{font-size:21px;line-height:1.25;font-weight:650;letter-spacing:-.5px}.editor-topbar span{font-size:12px;color:var(--muted);display:block;margin-top:4px}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;grid-template-rows:minmax(0,1fr) 80px;gap:0 38px;flex:1;min-height:0;align-items:stretch}.studio{display:flex;flex-direction:column;grid-column:1;grid-row:1;position:relative;top:auto;min-height:0;background:radial-gradient(ellipse at 50% 62%,#eff7f260,transparent 67%);border:0;border-radius:24px;overflow:hidden}.studio-top{display:flex;align-items:center;justify-content:space-between;flex:0 0 36px;padding:0 8px;gap:8px}.draft-state{font-size:11px;color:#718181;gap:6px}.draft-state>span{background:#1aa5a4;width:5px;height:5px}.style-toggle{display:flex;align-items:center;gap:3px;font-size:11px;min-height:40px;color:#758388}.stage-grid{margin:0;background:none;flex:1;min-height:0;height:auto;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:none;border:0;border-radius:0;isolation:isolate;overflow:hidden}.stage-grid:before{display:none}.creature-stage{width:auto;aspect-ratio:400/440;height:100%;max-height:510px;max-width:100%;position:relative;z-index:1}.creature-stage>svg{width:100%;height:100%;display:block}.drag-handle{width:40px;height:40px;bottom:16%;right:7%;border-color:#b2d8d4;background:#fafffae8;color:#008b90}.studio-toolbar{width:auto;left:auto;position:absolute;top:50%;right:0;transform:translateY(-50%);display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid #e8ede9;border-radius:30px;background:#ffffffb8;z-index:3}.studio-toolbar .button{width:44px;min-width:44px;min-height:44px;border:0;padding:9px;background:transparent;color:#6d8486}.studio-toolbar .button:disabled{opacity:.3}.compare-icon{font-size:23px;line-height:1}.touch-hint{min-width:108px;z-index:3;position:absolute;bottom:4px;left:50%;right:auto;transform:translate(-50%);display:flex;align-items:center;gap:6px;min-height:44px;padding:4px 12px;border-radius:22px;background:#fffefa80;color:#5b8280;font-size:12px;white-space:nowrap}.touch-hint:active{transform:translate(-50%)!important}.name-row{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:0 0 66px;height:66px;padding:8px 0 5px;background:transparent;gap:2px}.name-row label{display:flex;align-items:center;position:relative;justify-content:center;max-width:100%;gap:8px}.name-row input{width:200px;max-width:200px;background:transparent;border:0;padding:1px 8px;font-size:25px;font-weight:600;letter-spacing:-.5px;color:#19363b;text-align:center;line-height:1.3;border-radius:8px}.name-row label>svg{position:absolute;right:-8px;color:#8aa3a1;pointer-events:none}.name-row>span{font-size:12px;color:#81908e;line-height:1.4}.studio-footer{display:flex;justify-content:center;align-items:center;gap:8px;flex:0 0 50px;border:0;padding:3px 0;background:none}.studio-footer .button{font-size:12px;color:#537476;background:transparent;padding:8px 10px;min-height:44px;border:0}.studio-footer .button:hover{background:#eaf4f1}.part-dock{grid-column:1;grid-row:2;display:flex;align-items:center;gap:4px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:9px 0;width:100%;border-top:1px solid #e8eeeb}.part-dock::-webkit-scrollbar{display:none}.part-dock>button{flex:1;min-width:54px;min-height:61px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:14px;color:#6f8386;position:relative}.part-dock>button span{font-size:11px;line-height:1.2}.part-dock>button.active{background:#e0f4f1;color:#008f94}.part-dock>button i{width:4px;height:4px;border-radius:50%;background:#009b9f;position:absolute;top:6px;right:7px}.editor-panel{grid-column:2;grid-row:1/-1;display:flex;flex-direction:column;min-height:0;max-height:none;border:1px solid #e7edeb;border-radius:24px;background:#fffefa;margin:0;overflow:hidden}.sheet-grabber{display:none}.panel-heading{flex:0 0 auto;padding:23px 24px 18px;gap:8px;border-bottom:1px solid #eef1ed;display:flex;align-items:center}.panel-heading>div{flex:1;min-width:0}.panel-heading h2{font-size:22px;color:#1b3e45;line-height:1.2}.panel-heading p{font-size:12px;color:#85918e;margin-top:4px}.panel-heading>.button{min-width:44px;padding:10px}.close-panel{display:none}.panel-scroll{overflow-y:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c2dcd7 transparent;scroll-padding:20px}.control-fields{padding:22px 24px 30px;gap:21px}.check{font-size:14px;min-height:44px}.check input{accent-color:#009b9f}.range-label>span{margin-bottom:3px;color:#425b61}.range-label output{color:#718b89;font-size:12px;border:0;background:#f3f7f2;padding:4px 7px;min-width:36px}.range-label input:focus-visible{outline-width:2px;outline-offset:1px}.color-field{min-height:44px}.color-field input{width:52px;height:40px}.palettes button{min-width:64px;min-height:44px;padding:6px}.choices button{background:#f4f7f3;padding:10px 13px;border-radius:11px}.catalog-options{grid-template-columns:repeat(2,1fr)}.catalog-options button:hover{background:#e9f5f1}.editor-actionbar{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 87px;padding:15px 0 0;max-width:calc(100% - 428px)}.editor-actionbar .save-button{width:100%;min-height:48px;border-radius:16px;font-size:15px}.editor-actionbar>span{font-size:10px;color:#879592}.new-preset{display:flex;align-items:center;gap:16px;padding:12px;background:#edf6f2;border:1px solid #daebe5;border-radius:18px;width:100%;text-align:left}.new-preset>svg:first-child{width:100px;height:110px;flex-shrink:0}.new-preset>svg:last-child{width:20px;flex-shrink:0}.new-preset>span{font-size:13px;color:#64817e;line-height:1.6;flex:1}.new-preset strong{font-size:17px;font-weight:600;color:#245354;display:block;margin-bottom:3px}.editor-screen .storage-error{position:absolute;bottom:85px;left:12px;right:12px;z-index:15;margin:0;padding:10px;font-size:13px}.home-card{background:#f0f6ef}.home-card .home-creature{height:420px}.home-card .home-creature>svg{height:100%}.home-card .status-pill{background:#dcefe8;color:#387977}.site-header .brand span{font-size:12px}@media(max-width:900px){.editor-screen .site-header{display:none}.editor-screen main{padding:0;margin:0;width:100%;max-width:none}.editor-topbar{height:62px;flex-basis:62px;padding:5px 16px}.editor-topbar h1{font-size:18px}.editor-topbar span{font-size:11px;margin-top:3px}.editor-topbar .icon-button{border:0;background:none}.editor-layout{display:flex;flex-direction:column;gap:0;min-height:0;flex:1;overflow:hidden}.studio{display:flex;flex:1;min-height:120px;top:auto;width:100%;border:0;border-radius:0;overflow:hidden}.studio-top{flex-basis:28px;justify-content:center;padding:0 14px;height:28px}.style-toggle{display:none}.draft-state{font-size:11px;padding:7px 13px;border:1px solid #e1ece8;background:#fffefa;border-radius:20px;box-shadow:0 3px 10px #15545305}.stage-grid{position:relative;top:auto;min-height:90px;flex:1;height:auto;border:0;background:none;box-shadow:none;border-radius:0;width:100%;overflow:hidden}.creature-stage{height:100%;width:auto;max-height:430px;max-width:calc(100% - 18px)}.studio-toolbar{right:12px;padding:2px;gap:0;border-color:#e8eeea;background:#fffefa90}.studio-toolbar .button{width:44px;min-height:44px;height:44px}.name-row{height:57px;flex:0 0 57px;width:100%;padding:3px 0}.name-row input{font-size:24px}.name-row>span{font-size:11px}.studio-footer{flex:0 0 45px;height:45px;padding:0;width:100%;background:none;border:0;border-radius:0;gap:18px}.studio-footer .button{font-size:12px;padding:6px;min-height:44px}.part-dock{flex:0 0 75px;min-height:75px;padding:6px 12px;gap:5px;background:#fffefa;border-top:1px solid #edf0ea}.part-dock>button{min-width:58px;flex:1 0 58px;min-height:60px;max-height:62px}.part-dock>button span{font-size:11px}.editor-panel{display:none}.is-panel-open .editor-panel{display:flex;flex:0 0 clamp(210px,36dvh,310px);height:clamp(210px,36dvh,310px);width:100%;border:1px solid #e5ece8;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -6px 20px #164d4409;margin:0}.sheet-grabber{pointer-events:none;display:flex;align-items:center;justify-content:center;height:16px;min-height:16px;width:100%;padding:0;touch-action:none}.sheet-grabber span{width:34px;height:4px;border-radius:3px;background:#d6dfd9}.panel-heading{padding:2px 18px 12px;gap:2px;border-bottom:1px solid #f0f2ed}.panel-heading h2{font-size:19px}.panel-heading p{font-size:11px;line-height:1.3;margin-top:3px}.panel-heading .button{background:none}.close-panel{display:flex;border:0;background:none;min-width:44px}.panel-scroll{scroll-padding:12px}.control-fields{padding:16px 20px 26px;gap:17px}.choices button{font-size:13px;min-height:44px;padding:10px 12px}.range-label>span,legend{font-size:14px}.range-label input{height:36px}.check{font-size:13px}.color-field{font-size:14px}.is-panel-open .studio{min-height:120px}.is-panel-open .studio-top,.is-panel-open .name-row,.is-panel-open .studio-footer{display:none}.is-panel-open .creature-stage{max-width:calc(100% - 75px)}.is-panel-open .studio-toolbar{top:8px;transform:none;right:12px}.is-panel-open .studio-toolbar .button:nth-child(n+3){display:none}.is-panel-open .touch-hint{display:none}.is-panel-open .drag-handle{width:44px;height:44px;right:1%;bottom:10%}.editor-actionbar{max-width:none;width:100%;padding:8px 18px 6px;flex:0 0 73px;height:73px;gap:5px;background:#fffefa;z-index:6;border-top:1px solid #edf0ea}.editor-actionbar .save-button{min-height:44px;font-size:14px;border-radius:14px;padding:10px 15px}.editor-actionbar>span{font-size:9px;line-height:1.2}.editor-screen .mobile-nav{position:relative;flex:0 0 auto;width:100%;display:flex;padding:4px 12px max(6px,env(safe-area-inset-bottom));min-height:66px;border-top:1px solid #edf0e9;background:#fffefa;-webkit-backdrop-filter:none;backdrop-filter:none}.mobile-nav button{min-height:50px;min-width:60px;font-size:10px;padding:5px 12px;gap:5px;color:#899592}.mobile-nav button.active{color:#009b9f}.editor-screen .toast{bottom:calc(145px + env(safe-area-inset-bottom));font-size:12px;max-width:calc(100% - 24px);padding:12px 15px}.editor-screen .storage-error{bottom:142px}.keyboard-open .part-dock,.keyboard-open .studio-footer,.keyboard-open .editor-actionbar>span{display:none}.keyboard-open .studio-toolbar{display:none}.keyboard-open .editor-actionbar{height:57px;flex-basis:57px}.keyboard-open .studio-top{display:none}.keyboard-open .studio{min-height:80px}.keyboard-open .name-row{flex-basis:50px;height:50px}.keyboard-open .touch-hint{display:none}.keyboard-open .creature-stage{max-height:200px}.keyboard-open .mobile-nav{min-height:48px;padding:0}.keyboard-open .mobile-nav button{min-height:44px}.keyboard-open .mobile-nav button span{display:none}dialog{border-radius:24px;padding:20px;max-height:calc(var(--app-height,100dvh) - 32px)}dialog>header{margin-bottom:15px}.preset-grid{grid-template-columns:repeat(2,1fr)}.new-preset{gap:10px;padding:8px}.new-preset>svg:first-child{width:77px;height:86px}.new-preset strong{font-size:15px}.new-preset>span{font-size:11px}.home-card .home-creature{height:320px}}@media(max-width:350px){.editor-topbar{padding:3px 12px;height:56px;flex-basis:56px}.editor-topbar h1{font-size:17px}.studio-top{flex-basis:25px}.draft-state{font-size:10px}.studio-toolbar{right:7px}.studio-toolbar .button{min-height:44px;width:44px;padding:8px}.name-row{flex-basis:52px;height:52px}.name-row input{font-size:22px}.name-row>span{font-size:10px}.studio-footer{gap:12px;flex-basis:44px}.part-dock{height:70px;flex-basis:70px;padding:4px 9px}.part-dock>button{min-height:58px}.editor-actionbar{padding:6px 12px;flex-basis:70px;height:70px}.editor-screen .mobile-nav{min-height:61px}.is-panel-open .editor-panel{flex-basis:34dvh;height:34dvh;min-height:210px}.panel-heading{padding-left:15px;padding-right:12px}.control-fields{padding:15px 17px 24px}.new-preset>svg:first-child{width:64px}.editor-topbar .icon-button{width:44px;min-width:44px}}@media(prefers-reduced-motion:reduce){.editor-panel{transition:none}}.stage-grid{padding-bottom:24px}.is-panel-open .stage-grid{padding-bottom:0}.exit-actions{display:flex;flex-direction:column;gap:10px}.exit-actions .button{width:100%;min-height:48px}dialog[aria-label="Сохранить изменения?"]{max-width:440px}