*{box-sizing:border-box}body{margin:0;background:#f4efeb;color:#46363e;font-family:-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,label,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #b86683;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.top{max-width:1180px;margin:auto;padding:25px 28px;border-bottom:1px solid #dfd2d4;display:flex;align-items:center;justify-content:space-between}.brand{font:italic 22px Georgia,serif;display:flex;gap:12px;align-items:center;color:#913f58}.top nav{display:flex;align-items:center;gap:28px;font-size:12px;color:#9d8590}.current{color:#7e4055}main{max-width:1180px;margin:auto;padding:40px 28px 90px}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px}.eyebrow{font-size:9px;letter-spacing:3px;color:#ab7c8d}h1{font-family:Georgia,"Songti SC","SimSun",serif;font-weight:400;font-size:43px;line-height:1.4;margin:16px 0 12px;letter-spacing:2px}.intro p{font-size:12px;color:#9c8490;line-height:1.9}.local-note{font-size:11px;line-height:2.2;text-align:right;color:#9c8290}.steps{display:flex;list-style:none;gap:0;padding:0;margin:32px 0 24px;color:#a08b95;font-size:12px}.steps li{flex:1;border-top:1px solid #d8c4cb;padding:14px 0}.steps b{font:italic 18px Georgia,serif;color:#a04d68;margin-right:10px}.workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:24px}.editor,.settings{background:#fffcf8;border:1px solid #e2d4d8;border-radius:19px;padding:22px}.editor{align-self:start}.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.section-head h2{font-size:15px;font-weight:500;margin:0}.section-head>span{font-size:11px;color:#a78e9a}.drop{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;border:1px dashed #c9a3b1;border-radius:13px;min-height:195px;padding:20px 10px;cursor:pointer;background:#f9f0f0;transition:.2s}.drop.over{background:#ead6de;border-color:#92405d}.drop input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.upload-icon{font:30px Georgia;color:#a45d77}.drop strong{font-size:12px;font-weight:500;color:#85566a}.drop small{font-size:10px;line-height:1.9;color:#af8e9f}.import-options{margin:18px 0;font-size:11px;color:#937383}.import-options label{display:flex;align-items:center;gap:6px}.import-options p,.hint{font-size:10px;color:#ac96a1;line-height:1.9}input[type=checkbox],input[type=range]{accent-color:#9e4a67}.image-list{display:grid;gap:9px;margin:16px 0}.image-row{display:grid;grid-template-columns:46px minmax(0,1fr) 23px;gap:8px;align-items:center;padding:8px;border:1px solid #e7dbdf;border-radius:10px}.image-row img{width:46px;height:55px;object-fit:contain;background:repeating-conic-gradient(#eee5e8 0 25%,#fffaf9 0 50%) 50%/12px 12px;border-radius:6px}.image-row strong{display:block;font-size:10px;font-weight:400;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:140px}.image-row select{width:100%;border:0;border-radius:5px;background:#f1e7eb;color:#835c6d;font-size:10px;padding:5px;margin-top:5px}.remove{border:0;background:none;color:#bc8c9d;font-size:17px;padding:0}.text-button{border:0;background:none;color:#9b4d68;padding:5px 0;font-size:11px}.preview-column{min-width:0}.stage{height:405px;border:1px solid #dfcdd4;border-radius:20px;background:radial-gradient(ellipse at 50% 80%,#fff7ec,#e9dde0);position:relative;overflow:hidden}.stage-top{position:absolute;top:18px;left:21px;right:21px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;color:#af8596;z-index:2}.stage-top span:last-child{letter-spacing:0}.orbit{position:absolute;width:330px;height:330px;border:1px solid #cba9b63b;border-radius:50%;left:50%;top:32px;transform:translateX(-50%)}.orbit:after{content:'';position:absolute;inset:28px;border:1px dashed #cba9b633;border-radius:50%}.floor{position:absolute;width:170px;height:18px;background:#81627216;border-radius:50%;bottom:58px;left:50%;translate:-50% 0;filter:blur(7px)}#preview{position:absolute;height:300px;width:203px;left:50%;top:36px;translate:-50% 0;touch-action:none;cursor:grab}.empty{position:absolute;inset:60px 0;display:grid;align-content:center;justify-items:center;text-align:center;color:#b296a3}.empty>span{font:45px Georgia;color:#b38498}.empty p{font-size:12px;line-height:2}.pose-buttons{position:absolute;bottom:17px;left:12px;right:12px;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.pose-buttons button{border:1px solid #c7a9b65e;background:#fff9f3b0;border-radius:99px;color:#9e7589;font-size:10px;padding:7px 12px}.pose-buttons button.on{background:#9b4866;color:#fff;border-color:#9b4866}.settings{margin-top:16px}.setting-row{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 16px;font-size:11px;color:#896578}.setting-row:last-of-type{margin-bottom:6px}.setting-row>input[type=text],#name{width:58%;padding:10px 12px;border:1px solid #e0cfd6;background:#fff;border-radius:8px;color:#754e61;font-size:12px;min-width:0}.switch-label{display:flex;gap:5px;align-items:center;font-size:11px}.segmented{display:flex;background:#efe5e8;border-radius:9px;padding:3px;gap:2px}.segmented button{font-size:10px;border:0;background:none;padding:8px 12px;color:#a18595;border-radius:7px}.segmented button.on{background:white;box-shadow:0 2px 5px #63364d12;color:#92536c}#speed{width:43%}#speedValue{font-size:10px;color:#a18492}.finish{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0 14px}.finish strong{display:block;font-size:12px;font-weight:500}.finish small{display:block;font-size:10px;color:#aa8e9d;margin-top:7px;line-height:1.7}.primary{border:0;background:#963f5d;color:#fff9f4;border-radius:99px;padding:14px 22px;font-size:12px;white-space:nowrap;box-shadow:0 6px 14px #8e365b1a}.secondary-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:10px;color:#a17c8f}.secondary-actions button,.file-button{border:0;background:none;padding:5px 0;font-size:10px;color:#a17c8f;cursor:pointer}.file-button input{display:none}.library{margin-top:48px;border-top:1px solid #deccd4;padding-top:30px}.library .section-head h2{margin-top:10px;font-size:20px}.library-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pet-card{border:1px solid #dfccd4;background:#fffaf6;border-radius:14px;padding:14px;display:grid;grid-template-columns:55px minmax(0,1fr);gap:10px;align-items:center}.pet-card img{width:55px;height:75px;object-fit:contain;background:#f3e9ec;border-radius:8px}.pet-card strong{display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pet-card small{display:block;font-size:9px;color:#b092a2;margin:5px 0 10px}.pet-card button{border:0;border-radius:6px;background:#eddce4;color:#8e4d69;padding:5px 8px;font-size:9px;margin-right:4px}.library-empty{font-size:12px;color:#ae94a1;padding:22px 0}footer{margin-top:38px;padding-top:23px;border-top:1px solid #e3d5db;font-size:10px;color:#af94a3;line-height:2}footer span{letter-spacing:1px}.toast{position:fixed;left:50%;bottom:28px;translate:-50% 10px;padding:12px 22px;background:#684254ed;color:#fff5f7;border-radius:12px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:250;max-width:90vw}.toast.on{opacity:1;translate:-50% 0}@media(max-width:850px){.workspace{grid-template-columns:245px minmax(0,1fr);gap:16px}.editor,.settings{padding:17px}.intro h1{font-size:36px}.local-note{font-size:10px}.finish{align-items:flex-start;flex-direction:column}.finish button{align-self:stretch}.library-grid{grid-template-columns:repeat(2,1fr)}.setting-row{align-items:flex-start;flex-direction:column;gap:9px}#name{width:100%}.stage{height:370px}.stage canvas{height:275px;width:186px}.pose-buttons button{padding:6px 9px}.stage-top{left:15px;right:15px;letter-spacing:1px}}@media(max-width:600px){.top{padding:20px}.top nav{gap:14px;font-size:10px}.brand{font-size:19px}main{padding:30px 20px 85px}.intro{align-items:flex-start;flex-direction:column;gap:8px}.local-note{text-align:left;line-height:1.7}.intro h1{font-size:35px;margin:12px 0}.intro p{font-size:11px}.steps{font-size:10px;margin-top:27px}.steps b{font-size:15px;margin-right:6px}.workspace{grid-template-columns:1fr}.drop{min-height:145px}.editor{padding:20px}.image-list{grid-template-columns:repeat(2,minmax(0,1fr))}.image-row{grid-template-columns:35px minmax(0,1fr) 16px;gap:5px;padding:6px}.image-row img{width:35px;height:48px}.image-row strong{max-width:90px;font-size:9px}.image-row select{font-size:9px;padding:4px}.stage{height:390px}.stage canvas{height:295px;width:200px}.setting-row{flex-direction:row;align-items:center;font-size:10px}#name{width:62%}.segmented button{padding:8px 9px;font-size:9px}.library-grid{gap:10px}.pet-card{padding:10px;grid-template-columns:40px minmax(0,1fr);gap:8px}.pet-card img{width:40px;height:65px}.pet-card strong{font-size:10px}.pet-card button{padding:5px;font-size:9px}.secondary-actions{gap:14px}.library .section-head h2{font-size:18px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.toast{transition:none}}
.embedded .top,.embedded .intro,.embedded .steps,.embedded footer{display:none}.embedded main{padding:24px;max-width:none}.embedded .library{margin-top:26px}.embedded .workspace{grid-template-columns:280px minmax(0,1fr)}@media(max-width:850px){.embedded .workspace{grid-template-columns:240px minmax(0,1fr)}}@media(max-width:600px){.embedded main{padding:16px}.embedded .workspace{grid-template-columns:1fr}}

.image-editor{margin:18px 0;padding:14px;border:1px solid #cfadb9;border-radius:12px;background:#fffaf7}.image-editor .section-head{margin-bottom:5px}.image-editor .section-head button{border:0;background:none;color:#985c71;font-size:11px}.edit-tools{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.edit-tools button,.edit-image{border:1px solid #dcc4ce;background:#f7eaf0;color:#82435d;border-radius:6px;padding:7px 8px;font-size:11px}.edit-tools button[aria-pressed=true]{background:#963f5d;color:#fff}.edit-image{margin-top:6px;width:100%;font-size:10px}.edit-range{display:flex;align-items:center;gap:8px;font-size:11px;color:#92677c;margin:10px 0}.edit-range input{width:100%;min-width:0}#editCanvas{display:block;width:100%;height:auto;background:repeating-conic-gradient(#d5cbd0 0 25%,#fff 0 50%) 50%/16px 16px;touch-action:none;cursor:crosshair;border:1px solid #cdb9c3;border-radius:6px}.image-editor .primary{width:100%;padding:12px 8px}.pet-card .delete-pet{color:#ad3655;background:#ffe5e9}.pet-card button{margin-bottom:5px}.pet-card{align-self:start}.image-row strong{max-width:100%}

.template-entry{padding:16px;background:#fffaf6;border:1px solid #dbc0cc;border-radius:12px;font-size:12px;line-height:1.9;color:#ab8094}.template-entry a{color:#963f5d;font-weight:600}.embedded .template-entry{margin-top:0}