.creator-page{--paper:#fff8ef;--ink:#493b33;--muted:#78685b;--peach:#f4c6af;--mint:#dfead3;--pink:#efb0bd;--flavor-color:#eca5ad;position:relative;isolation:isolate;min-height:100svh;background:radial-gradient(ellipse at 7% 25%,#ffe9da 0,transparent 45%),radial-gradient(ellipse at 96% 67%,#e6efd9 0,transparent 45%),var(--paper)}
.creator-page button:disabled{cursor:wait;opacity:.5}.creator-page svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.creator-page [hidden]{display:none!important}.creator-page a:focus-visible,.creator-page button:focus-visible,.creator-page input:focus-visible{outline:3px solid #96583e;outline-offset:4px}.creator-header{width:min(1370px,calc(100% - 64px));margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0 15px;position:relative;z-index:2}.creator-brand{display:flex;align-items:center;gap:10px}.creator-brand img{width:47px;height:52px;object-fit:contain;mix-blend-mode:multiply}.creator-brand span{font:800 12px/1.45 Arial,sans-serif;letter-spacing:2px}.creator-game{display:flex;align-items:center;gap:12px;position:absolute;left:50%;transform:translateX(-50%)}.creator-game img{width:43px;height:43px;border-radius:13px;box-shadow:0 3px 8px #493b3310}.creator-game>span{font-weight:900;font-size:19px;line-height:1.1}.creator-game small{font-size:10px;font-weight:700;display:block;letter-spacing:.6px;margin-top:3px}.creator-header nav{display:flex;gap:3px;background:#fff8efb0;border:1px solid #e6d8c9;padding:5px;border-radius:28px}.creator-header nav a{padding:10px 18px;font-size:12px;font-weight:800;border-radius:22px}.creator-header nav a:hover{background:#f0dfcc}.creator-main{width:min(1340px,calc(100% - 64px));margin:20px auto 0}.creator-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 8px 25px}.creator-back{font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:6px;color:#7c6654}.creator-back svg{width:12px;height:12px;stroke-width:2}.creator-heading h1{font-size:42px;line-height:1.1;font-weight:900;letter-spacing:-1.8px;margin:9px 0 0}.creator-heading h1>span{display:inline-block;color:#c98758;font-size:33px;vertical-align:middle;margin-left:16px;transform:rotate(12deg)}.studio-actions{display:flex;gap:8px;align-items:center}.studio-actions button{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:850;border-radius:24px;background:#f1e1cf;padding:13px 17px;border:1px solid #deccb6;transition:transform .2s}.studio-actions button:hover{transform:rotate(-2deg);background:#e9d4ba}.studio-actions svg{width:19px;height:19px}.studio-actions button:last-child{padding:13px;width:46px;background:transparent}
.creator-studio{display:grid;grid-template-columns:230px minmax(300px,1fr) 340px;gap:25px;align-items:start}.flavor-side{display:grid;gap:20px;padding-top:13px}.flavor-card{position:relative;padding:24px 20px 22px;border-radius:80px 80px 32px 32px;background:#fff8f2;border:1px solid #ead3c1;box-shadow:0 9px 0 #efd8c442,0 12px 35px #b9886010;overflow:hidden}.option-heading{display:flex;align-items:center;justify-content:center;gap:9px;padding-top:7px;margin-bottom:15px}.option-heading h2,.hybrid-heading h2{font-size:18px;font-weight:900;margin:0;letter-spacing:-.5px}.option-number{font-size:9px;font-weight:900;width:21px;height:21px;border:1px solid #d5bca8;display:grid;place-items:center;border-radius:50%;color:#95775f}.flavor-spark{font-size:26px;color:#bc8c64;line-height:1}.flavor-current{display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;min-height:27px;margin-bottom:16px}.flavor-current-dot{width:13px;height:13px;background:var(--flavor-color);border-radius:50%;box-shadow:inset 0 0 0 1px #493b3324}.flavor-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px 7px}.flavor-choice{display:flex;flex-direction:column;align-items:center;gap:5px;padding:4px 1px 3px;border-radius:12px;font-size:8px;line-height:1.15;font-weight:800;min-width:0;transition:transform .18s,background .18s}.flavor-choice:hover{transform:translateY(-3px);background:#f8e8d9}.flavor-choice[aria-pressed=true]{background:#f6e2d1}.flavor-scoop{display:block;width:31px;height:36px;position:relative;border-radius:42% 42% 36% 36%;background:var(--choice-color);box-shadow:inset 0 -5px 0 #493b3315,inset 0 0 0 1px #493b3332}.flavor-scoop:after{content:'';position:absolute;left:6px;top:6px;width:10px;height:6px;border-radius:100%;background:#ffffff75;transform:rotate(-25deg)}.flavor-choice[aria-pressed=true] .flavor-scoop{outline:2px solid #695441;outline-offset:3px}.flavor-choice-label{max-width:55px;white-space:nowrap;font-size:7.5px}.hybrid-card{background:#e3ebd8;border:1px solid #cad4ba;border-radius:30px;padding:21px 21px 18px;box-shadow:0 7px 0 #cedac144;position:relative}.hybrid-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle{display:inline-flex;cursor:pointer;position:relative}.toggle input{position:absolute;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:1}.toggle>span{width:38px;height:23px;border-radius:15px;background:#bcc4ae;border:1px solid #a0ab91;transition:background .2s}.toggle>span:after{content:'';display:block;background:#fffaf0;width:17px;height:17px;border-radius:50%;margin:2px;box-shadow:0 1px 3px #493b3320;transition:transform .2s}.toggle input:checked+span{background:#7a8c59;border-color:#6b7d4a}.toggle input:checked+span:after{transform:translateX(15px)}.toggle input:focus-visible+span{outline:3px solid #96583e;outline-offset:4px}.hybrid-mixture{position:relative;width:85px;height:48px;margin:18px auto 9px;display:flex;align-items:center;justify-content:center}.hybrid-mixture>span{width:47px;height:47px;border-radius:50%;background:var(--flavor-color);box-shadow:inset 0 0 0 1px #493b3329}.hybrid-mixture>span:nth-child(2){background:var(--secondary-color,#f6deb0);margin-left:-14px;opacity:.75}.hybrid-mixture>i{position:absolute;font-style:normal;left:36px;top:13px;font-size:16px;font-weight:800}.hybrid-card>p{font-size:10px;text-align:center;font-weight:750;color:#617044;margin:5px 0 0;line-height:1.5}.hybrid-controls{margin-top:16px;padding-top:13px;border-top:1px solid #bcc9a6}.secondary-label{font-size:9px;line-height:1.5;margin:0 0 10px;color:#687451}.secondary-label strong{display:block;font-size:11px;color:#493b33}.hybrid-options{display:flex;gap:7px;flex-wrap:wrap}.hybrid-color{width:24px;height:24px;background:var(--choice-color);border-radius:50%;box-shadow:inset 0 0 0 1px #493b3340}.hybrid-color[aria-pressed=true]{outline:2px solid #667644;outline-offset:2px}
.preview-side{min-width:0;text-align:center;padding-top:7px}.pochi-print{padding:14px 14px 17px;background:#fffdf7;border:1px solid #e3d7c8;border-radius:45px 45px 34px 34px;box-shadow:0 15px 30px #75513a16,0 3px 0 #e5d7c5;position:relative;transform:rotate(-1.1deg);margin:0 5px 25px}.preview-pin{position:absolute;width:58px;height:20px;left:50%;top:-9px;transform:translateX(-50%) rotate(4deg);background:#e6bd9885;z-index:1;border-radius:2px;backdrop-filter:blur(2px)}.preview-canvas-wrap{position:relative;aspect-ratio:1024/1120;overflow:hidden;border-radius:33px 33px 24px 24px;background:#f9ebd9}.preview-canvas-wrap>canvas{width:100%;height:100%;display:block;object-fit:contain;transition:opacity .15s}.pochi-print[data-background=none] .preview-canvas-wrap{background-color:#fffaf3;background-image:linear-gradient(45deg,#eadfd1 25%,transparent 25%),linear-gradient(-45deg,#eadfd1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#eadfd1 75%),linear-gradient(-45deg,transparent 75%,#eadfd1 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.print-edge{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:27px;height:4px;background:#d8c3ac70;border-radius:5px}.preview-loading{position:absolute;inset:0;background:#f9ebd9;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.preview-loading img{width:44%;filter:drop-shadow(0 6px 5px #493b331c);animation:loading-pet 2.6s ease-in-out infinite}.preview-loading span{font-size:12px;font-weight:700;color:#7c6a59}.background-picker{margin:0 12px 18px}.background-label{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:11px}.background-label h2{font-size:12px;font-weight:850;margin:0}.background-label>span{font-size:10px;color:#8b7663}.background-options{display:flex;justify-content:center;gap:10px}.background-choice{width:37px;height:37px;position:relative;border-radius:12px;border:2px solid #fff8ef;box-shadow:0 0 0 1px #d7c5b0;transition:transform .2s}.background-choice:hover{transform:translateY(-3px)}.background-choice[aria-pressed=true]{outline:2px solid #785c42;outline-offset:3px}.background-choice[data-bg=none]{background:conic-gradient(#fff7ea 25%,#d7c6b3 0 50%,#fff7ea 0 75%,#d7c6b3 0);background-size:14px 14px}.background-choice[data-bg=cream]{background:radial-gradient(circle at 70% 70%,#e6d7bd 3px,transparent 4px),#faedd7}.background-choice[data-bg=peach]{background:radial-gradient(ellipse at 20% 80%,#f4b2a9 0 35%,transparent 36%),#f8d4bd}.background-choice[data-bg=mint]{background:radial-gradient(ellipse at 100% 100%,#a2c5a5 0 35%,transparent 36%),#d4e5c7}.background-choice[data-bg=lilac]{background:radial-gradient(circle at 50% 50%,#e9dcea 0 38%,transparent 39%),#bfc0de}.background-choice[data-bg=rose]{background:repeating-linear-gradient(90deg,#efc0ca 0 7px,#f4d4d5 7px 14px)}.export-controls{display:flex;gap:14px;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:0 5px}.caption-switch{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:750;cursor:pointer;position:relative;text-align:left}.caption-switch input{position:absolute;opacity:0;width:18px;height:18px;left:0;margin:0;cursor:pointer}.caption-check{width:17px;height:17px;border:1px solid #baa48e;border-radius:6px;background:#fffaf1;display:grid;place-items:center;flex-shrink:0}.caption-switch input:checked+.caption-check{background:#76573f;border-color:#76573f}.caption-switch input:checked+.caption-check:after{content:'';width:7px;height:4px;border-left:2px solid #fffaf1;border-bottom:2px solid #fffaf1;transform:rotate(-45deg);margin-top:-2px}.caption-switch input:focus-visible+.caption-check{outline:3px solid #96583e;outline-offset:4px}.export-button{background:#513b2d;color:#fff8ef;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 20px;border-radius:24px;font-size:12px;font-weight:850;box-shadow:0 4px 0 #382a20;transition:transform .2s,box-shadow .2s}.export-button:hover{background:#74523a;transform:translateY(-2px);box-shadow:0 6px 0 #382a20}.export-button svg{width:19px;height:19px}.creator-status{font-size:10px;line-height:1.5;color:#846e5b;min-height:20px;margin:13px 5px 0}.creator-status.is-error{color:#a44436;font-weight:750}
.wardrobe-side{background:#fffaf4;border:1px solid #e6d5c2;border-radius:34px;box-shadow:0 9px 0 #ead6c442;overflow:hidden;margin-top:12px;min-width:0}.wardrobe-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;gap:3px;background:#f0dfcd;border-radius:32px 32px 23px 23px}.wardrobe-tabs button{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:14px 3px 12px;border-radius:23px;font-size:11px;font-weight:850;color:#8e735c;transition:background .2s,transform .2s}.wardrobe-tabs svg{width:23px;height:23px}.wardrobe-tabs button[aria-selected=true]{color:#59412e;background:#fffaf2;box-shadow:0 3px 5px #79503710}.wardrobe-tabs button:hover{background:#fffaf280}.wardrobe-content{padding:22px 19px 13px}.wardrobe-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 3px 18px}.wardrobe-title h2{font-size:18px;font-weight:900;letter-spacing:-.4px;margin:0}.wardrobe-title>span{font-size:9px;font-weight:750;color:#9a7e67;border:1px solid #eadbcc;border-radius:11px;padding:3px 7px}.feature-slots{display:flex;gap:5px;border-bottom:1px solid #eadbcc;padding:0 0 13px;margin:-5px 0 14px}.feature-slots button{flex:1;padding:8px 4px;font-size:10px;font-weight:850;border-radius:16px;background:#f2e6d9;color:#90715b}.feature-slots button[aria-pressed=true]{background:#dbe5cb;color:#536044}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:410px;overflow-y:auto;padding:4px 5px 7px 4px;scrollbar-width:thin;scrollbar-color:#d6bda3 transparent;min-height:265px}.choice-button{position:relative;min-width:0;padding:5px 4px 8px;border-radius:19px;background:#f1e7d9;border:1px solid #e5d6c2;transition:background .2s,border-color .2s;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:4px;min-height:105px}.choice-button:hover{background:#ebdac6;border-color:#c7ab8c}.choice-button[aria-pressed=true]{background:#e1ead4;border:2px solid #879268;padding:4px 3px 7px}.choice-button[aria-pressed=true]:after{content:'';position:absolute;right:7px;top:7px;width:6px;height:6px;background:#7a885b;border-radius:50%}.choice-button img{width:100%;height:65px;object-fit:contain;filter:drop-shadow(0 2px 1px #4533241a);image-rendering:auto;pointer-events:none}.choice-button>span{font-size:9px;font-weight:800;line-height:1.2;overflow-wrap:anywhere;min-height:20px;display:flex;align-items:center;justify-content:center;text-align:center}.no-choice{display:grid;place-items:center;width:100%;height:65px}.no-choice svg{width:34px;height:34px;stroke:#ae9983;stroke-width:1.5}.selected-choice{font-size:10px;font-weight:750;color:#8d745f;text-align:center;margin:15px 0 5px;min-height:15px}.creator-footer{width:min(1340px,calc(100% - 64px));margin:45px auto 0;padding:20px 0 26px;display:flex;justify-content:space-between;gap:16px;align-items:center;border-top:1px solid #e4d4c2;color:#927d68;font-size:10px}.creator-footer>a{font-weight:800;margin:0;color:#755c46}.creator-footer button{font-size:10px;padding:4px 0;color:#927d68}.creator-atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.creator-atmosphere i{position:absolute;width:64px;height:76px;border:1px solid #cfad9035;border-radius:48% 48% 43% 43%;background:#f4decd38;opacity:0;animation:egg-appear 14s ease-in-out infinite}.creator-atmosphere i:nth-child(1){left:2%;top:28%;transform:rotate(-15deg)}.creator-atmosphere i:nth-child(2){right:3%;top:54%;animation-delay:-5s;width:40px;height:48px;transform:rotate(18deg)}.creator-atmosphere i:nth-child(3){left:35%;bottom:4%;animation-delay:-9s;width:45px;height:55px}.creator-atmosphere i:nth-child(4){right:21%;top:9%;animation-delay:-2s;width:30px;height:37px;transform:rotate(-14deg)}.creator-atmosphere i:nth-child(5){left:10%;bottom:11%;animation-delay:-7s;width:35px;height:43px;transform:rotate(24deg)}.creator-error{padding:20px;background:#f5d9cb;border-radius:20px;color:#9a4332}
@keyframes loading-pet{50%{transform:translateY(-8px) rotate(3deg)}}@keyframes egg-appear{0%,15%,90%,100%{opacity:0}40%,65%{opacity:.85}}.creator-page.motion-paused *{animation-play-state:paused!important}
@media(min-width:1450px){.creator-studio{grid-template-columns:250px minmax(300px,1fr) 360px;gap:32px}.choice-grid{max-height:475px}.flavor-options{gap:15px 8px}.flavor-scoop{width:35px;height:40px}}
@media(max-width:1160px){.creator-studio{grid-template-columns:200px minmax(260px,1fr) 290px;gap:18px}.creator-main,.creator-header,.creator-footer{width:calc(100% - 40px)}.flavor-card{padding:23px 12px 18px}.hybrid-card{padding:20px 16px}.wardrobe-content{padding:21px 12px 13px}.choice-grid{gap:7px}.choice-button{min-height:96px}.choice-button img{height:58px}.choice-button>span{font-size:8px}.pochi-print{padding:11px;margin-inline:0}.export-controls{justify-content:center}.caption-switch{font-size:10px}.creator-heading h1{font-size:37px}.background-options{gap:8px}.background-choice{width:32px;height:32px}}
@media(max-width:950px){.creator-studio{grid-template-columns:180px minmax(300px,1fr);gap:23px}.wardrobe-side{grid-column:1/-1;margin-top:0}.wardrobe-tabs{display:flex;width:100%;border-radius:32px 32px 20px 20px;padding:8px 14px;justify-content:center}.wardrobe-tabs button{flex-direction:row;gap:10px;min-width:130px;padding:11px 17px}.wardrobe-tabs svg{width:20px;height:20px}.wardrobe-content{padding:18px 20px 13px}.choice-grid{grid-template-columns:repeat(7,minmax(0,1fr));min-height:125px;max-height:265px;gap:9px}.wardrobe-title{margin-bottom:12px}.feature-slots{max-width:320px}.preview-side{max-width:440px;width:100%;justify-self:center}.flavor-side{padding-top:19px}.flavor-options{grid-template-columns:repeat(3,1fr);gap:14px 7px}.flavor-card{border-radius:70px 70px 29px 29px}.hybrid-card{border-radius:27px}.export-controls{justify-content:space-between}.creator-heading{margin-bottom:24px}.creator-main{width:min(760px,calc(100% - 40px));margin-top:22px}}
@media(max-width:620px){.creator-header{width:calc(100% - 30px);padding:17px 0 10px;gap:10px}.creator-brand img{width:34px;height:40px}.creator-brand{gap:6px}.creator-brand span{font-size:9px;letter-spacing:1.4px}.creator-game{position:static;transform:none;margin-left:auto}.creator-game img{width:33px;height:33px;border-radius:10px}.creator-game>span{font-size:15px}.creator-game small{font-size:8px}.creator-game{gap:7px}.creator-header nav{display:none}.creator-main{width:calc(100% - 28px);margin-top:20px}.creator-heading{margin:0 2px 23px;align-items:flex-end;gap:8px}.creator-heading h1{font-size:29px;letter-spacing:-1.3px}.creator-heading h1>span{font-size:22px;margin-left:8px}.creator-back{font-size:9px}.studio-actions{gap:5px;padding-bottom:1px}.studio-actions button{font-size:10px;padding:10px 11px;gap:6px}.studio-actions svg{width:16px;height:16px}.studio-actions button:last-child{width:34px;padding:9px 8px}.creator-studio{grid-template-columns:1fr;gap:22px}.preview-side{grid-row:1;max-width:440px}.pochi-print{margin:0 10px 22px;border-radius:38px 38px 30px 30px;padding:11px 11px 15px;transform:rotate(-.8deg)}.preview-canvas-wrap{border-radius:28px 28px 21px 21px;aspect-ratio:1024/1065}.preview-canvas-wrap canvas{object-fit:contain}.preview-pin{width:47px;height:17px}.background-options{gap:12px}.background-choice{width:35px;height:35px}.export-controls{padding-inline:13px;gap:10px}.export-button{padding:12px 15px;font-size:11px;gap:7px}.export-button svg{width:17px;height:17px}.caption-switch{font-size:9px;gap:6px}.creator-status{margin:12px 0 0;font-size:9px}.flavor-side{grid-row:2;grid-template-columns:1fr;gap:15px;padding-top:0}.flavor-card{border-radius:29px;padding:17px 18px 20px}.option-heading{justify-content:flex-start;padding-top:0;margin:0 0 15px}.option-heading h2{font-size:17px}.flavor-spark{margin-left:auto}.flavor-current{position:absolute;top:18px;right:47px;margin:0;min-height:21px;font-size:10px}.flavor-current-dot{width:10px;height:10px}.flavor-options{grid-template-columns:repeat(5,1fr);gap:11px 8px}.flavor-scoop{width:33px;height:36px}.flavor-choice-label{font-size:8px;max-width:60px}.flavor-choice{padding:4px 2px 2px}.hybrid-card{padding:17px 19px;border-radius:27px;min-height:75px}.hybrid-heading h2{font-size:17px}.hybrid-mixture{position:absolute;top:10px;right:80px;width:55px;height:37px;margin:0}.hybrid-mixture>span{width:34px;height:34px}.hybrid-mixture>i{left:23px;top:8px;font-size:14px}.hybrid-mixture>span:nth-child(2){margin-left:-10px}.hybrid-card>p{text-align:left;margin-top:6px;font-size:9px}.hybrid-controls{margin-top:13px;padding-top:13px}.secondary-label strong{display:inline;margin-left:8px}.hybrid-options{gap:10px}.hybrid-color{width:25px;height:25px}.wardrobe-side{grid-column:auto;grid-row:3;margin:0;border-radius:29px}.wardrobe-tabs{padding:7px;gap:3px;border-radius:28px 28px 19px 19px}.wardrobe-tabs button{min-width:0;flex:1;padding:12px 5px;font-size:10px;gap:7px;border-radius:19px}.wardrobe-tabs svg{width:19px;height:19px}.wardrobe-content{padding:19px 13px 12px}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:360px;min-height:230px;gap:8px}.choice-button{min-height:96px;border-radius:17px}.choice-button img{height:59px}.choice-button>span{font-size:8px}.wardrobe-title h2{font-size:17px}.selected-choice{margin-top:12px;font-size:9px}.creator-footer{width:calc(100% - 32px);margin-top:35px;padding:17px 0 22px;font-size:9px;flex-wrap:wrap}.creator-footer button{font-size:9px}.creator-atmosphere i:nth-child(1){top:13%}.creator-atmosphere i:nth-child(4){right:10%;top:3%}}
@media(max-width:360px){.creator-heading h1{font-size:25px}.creator-heading h1>span{display:none}.studio-actions button{font-size:9px;padding:9px}.studio-actions{gap:4px}.creator-game>span{font-size:13px}.creator-game img{width:28px;height:28px}.export-controls{justify-content:center}.choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.creator-page *{animation:none!important;transition:none!important}.pochi-print{transform:none}}

.mobile-pochi-peek{display:none}
@media(max-width:620px){.mobile-pochi-peek{display:flex;flex-direction:column;align-items:center;position:fixed;z-index:10;right:16px;bottom:18px;width:94px;padding:5px 5px 8px;border:1px solid #dac6ad;border-radius:24px;background:#fff9ecf0;backdrop-filter:blur(10px);box-shadow:0 6px 23px #59402b25}.mobile-pochi-peek canvas{width:82px;height:82px;display:block}.mobile-pochi-peek span{font-size:9px;font-weight:850;color:#795b41}}

.creator-page .skip-link:not(:focus){clip-path:inset(50%)}

/* An authored egg holds the canvas while sprite layers are loading. */
.preview-loading{gap:18px}.loading-egg{position:relative;width:90px;height:110px;flex-shrink:0;aspect-ratio:9/11;border-radius:49% 49% 44% 44% / 60% 60% 40% 40%;background:linear-gradient(145deg,#fffaf0,#eed3ac);border:2px solid #bd9873;box-shadow:inset 8px 1px 0 #ffffff45,0 9px 0 -3px #cfb69526;animation:egg-loading-sway 2.4s ease-in-out infinite;transform-origin:center bottom}.loading-egg i{position:absolute;width:15px;height:19px;border-radius:50%;background:#cfad85;transform:rotate(-20deg)}.loading-egg i:nth-child(1){left:21px;top:24px}.loading-egg i:nth-child(2){right:16px;top:56px;width:18px;height:14px;transform:rotate(20deg)}.loading-egg i:nth-child(3){left:24px;bottom:18px;width:11px;height:13px}.loading-dots{display:flex;gap:7px}.loading-dots i{width:5px;height:5px;border-radius:50%;background:#ac8760;opacity:.25;animation:egg-loading-dot 1.4s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.18s}.loading-dots i:nth-child(3){animation-delay:.36s}@keyframes egg-loading-sway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}@keyframes egg-loading-dot{50%{opacity:1;transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.loading-egg,.loading-dots i{animation:none!important}.loading-dots i{opacity:.6}}

/* Original Pochidex chapter stickers and authored flavor sprites. */
.wardrobe-tabs .pochi-category-icon{width:32px;height:29px;object-fit:contain;filter:drop-shadow(0 2px 1px #45332415);flex-shrink:0}.flavor-chapter-icon{width:25px;height:27px;object-fit:contain}.flavor-icon{display:block;width:36px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 1px #493b3318);pointer-events:none}.flavor-choice[aria-pressed=true]{outline:1px solid #c4a489}.flavor-current-icon{width:19px;height:21px;object-fit:contain;flex-shrink:0}.hybrid-color{display:grid;place-items:center;width:29px;height:29px;background:#fff9ec80;border:1px solid #afba9b;box-shadow:none}.hybrid-color img{width:24px;height:24px;object-fit:contain;pointer-events:none}.hybrid-color[aria-pressed=true]{background:#fff9ec}.hybrid-options{gap:8px}@media(max-width:950px){.wardrobe-tabs .pochi-category-icon{width:26px;height:25px}}@media(max-width:620px){.wardrobe-tabs .pochi-category-icon{width:25px;height:24px}.flavor-icon{width:40px;height:43px}.flavor-chapter-icon{width:22px;height:23px}.flavor-current-icon{width:15px;height:16px}.hybrid-color{width:31px;height:31px}.hybrid-color img{width:25px;height:25px}.hybrid-options{gap:10px}}

/* The Adoptions hybrid symbol joins two halves of the original flavor icons. */
.hybrid-mixture{width:62px;height:62px;display:block;margin:18px auto 10px}.hybrid-half{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hybrid-half-a{clip-path:inset(0 50% 0 0)}.hybrid-half-b{clip-path:inset(0 0 0 50%)}.hybrid-mixture>.hybrid-seam{position:absolute;left:50%;top:7%;width:4.6875%;height:86%;margin:0;transform:translateX(-50%);background:#4a3426;border-radius:0;box-shadow:none;opacity:1}.preview-canvas-wrap{aspect-ratio:1}.background-options{display:grid;grid-template-columns:repeat(6,37px);justify-content:center;gap:12px 11px}.background-choice{overflow:hidden}.background-choice img{width:100%;height:100%;object-fit:cover;border-radius:8px;pointer-events:none}.choice-grid[data-category=features] .choice-button{min-height:124px}.choice-grid[data-category=features] .choice-button img{height:85px}.export-actions{display:flex;align-items:center;justify-content:center;gap:8px}.share-button{display:flex;align-items:center;justify-content:center;gap:7px;padding:13px 15px;min-height:47px;border:1px solid #c8ad91;border-radius:24px;background:#fff7e9;font-size:11px;font-weight:850;white-space:nowrap;transition:background .2s,transform .2s}.share-button:hover{background:#efdfc8;transform:translateY(-2px)}.share-button svg{width:17px;height:17px}.export-controls{justify-content:center;gap:14px}.export-button{min-height:47px}.share-dialog{width:min(460px,calc(100vw - 28px));border:1px solid #d7c1a9;background:#fff8ed;color:#493b33;border-radius:30px;padding:25px;box-shadow:0 15px 60px #39251e35}.share-dialog::backdrop{background:#37292099;backdrop-filter:blur(5px)}.share-dialog-heading{display:flex;align-items:center;gap:10px}.share-dialog-heading>img{width:37px;height:37px;border-radius:12px}.share-dialog h2{font-size:21px;font-weight:900;letter-spacing:-.7px;margin:0}.share-close{margin-left:auto;font-size:27px;line-height:1;width:33px;height:33px;border-radius:50%;background:#efdfce;flex-shrink:0}.share-dialog>p{font-size:13px;line-height:1.7;color:#806b57;margin:17px 0}.share-dialog>label{display:block;font-size:10px;font-weight:850;margin-bottom:7px}.share-dialog>input{width:100%;min-width:0;border:1px solid #c8b29b;border-radius:15px;background:#fffdf7;color:#604b38;font:11px Nunito,Arial,sans-serif;padding:13px 12px;margin-bottom:16px}.share-dialog>.export-button{margin:0 auto;padding:12px 25px}.share-dialog>#share-feedback{text-align:center;min-height:19px;font-size:11px;margin:13px 0 0}@media(max-width:1160px){.background-options{grid-template-columns:repeat(6,32px);gap:11px 10px}.export-controls{gap:12px}.share-button{padding:12px;font-size:10px}.export-actions .export-button{padding:13px 16px;font-size:11px}}@media(max-width:620px){.hybrid-mixture{width:40px;height:40px;top:11px;right:79px;margin:0}.background-options{grid-template-columns:repeat(6,35px);gap:12px}.preview-canvas-wrap{aspect-ratio:1}.export-controls{justify-content:center;gap:13px}.caption-switch{justify-content:center;width:100%}.share-button{font-size:11px;padding:12px 16px}.export-actions .export-button{padding:12px 17px}.export-actions{gap:9px}.share-dialog{padding:21px;border-radius:26px}.share-dialog h2{font-size:20px}.choice-grid[data-category=features] .choice-button{min-height:114px}.choice-grid[data-category=features] .choice-button img{height:76px}}

/* Graphic backgrounds keep the same soft palette as the original set. */
.background-choice[data-bg=canyon]{background:repeating-linear-gradient(115deg,#f5cfbf 0 8px,#efb9a8 8px 14px)}.background-choice[data-bg=reef]{background:radial-gradient(circle,#819caa4a 1px,transparent 2px),#c2dfe5;background-size:8px 8px}.background-choice[data-bg=snow]{background:radial-gradient(ellipse at 25% 35%,#fffcf7 0 28%,transparent 30%),radial-gradient(ellipse at 80% 75%,#fffcf7 0 25%,transparent 28%),#e5e6eb}.background-choice[data-bg=jungle]{background:repeating-linear-gradient(0deg,#fff6e634 0 7px,transparent 7px 14px),repeating-linear-gradient(90deg,#fff6e634 0 7px,transparent 7px 14px),#bc967a}.background-choice[data-bg=crystal]{background:radial-gradient(circle at 25% 25%,#f8f2e6 2px,transparent 3px),radial-gradient(circle at 70% 65%,#f8f2e6 2px,transparent 3px),#263a68}.background-choice[data-bg=savanna]{background:repeating-radial-gradient(circle at 0 0,#e9cd9633 0 6px,#ad8c5533 7px 8px,#e9cd9633 9px 16px),#f4e0b4}.choice-grid[data-category=costumes] .choice-button{min-height:124px}.choice-grid[data-category=costumes] .choice-button img{height:85px}.hybrid-card:has(.hybrid-mixture[hidden])>p{margin-top:17px}@media(max-width:620px){.choice-grid[data-category=costumes] .choice-button{min-height:114px}.choice-grid[data-category=costumes] .choice-button img{height:76px}.hybrid-card:has(.hybrid-mixture[hidden])>p{margin-top:6px}}