.mode-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.mode-switch button{display:flex;align-items:center;gap:11px;padding:13px 14px;text-align:left;background:#eef5f5;border:2px solid #bbcccf;box-shadow:3px 3px 0 #d2e0e0;min-width:0}.mode-switch button[data-mode=interactive]{background:#f9e6ef;border-color:#d0b1c3;box-shadow:3px 3px 0 #e7cddc}.mode-switch button[aria-pressed=true]{background:#e8dbf5;border-color:#a78abe;box-shadow:3px 3px 0 #c8aedc}.mode-switch strong,.mode-switch small{display:block}.mode-switch strong{font-size:16px;line-height:1.4}.mode-switch small{font-size:13px;line-height:1.5;color:#75667e;margin-top:4px}.mode-icon{font-size:27px;color:#a082b6;flex:none}.mode-switch button:hover:not(:disabled){border-color:#9b79b1}
#stage{height:440px;position:relative;overflow:hidden;isolation:isolate;touch-action:none;cursor:pointer;background-color:#e3f0ec;background-image:linear-gradient(#c2dcd355 1px,transparent 1px),linear-gradient(90deg,#c2dcd355 1px,transparent 1px);background-size:24px 24px;scroll-margin-top:15px}#paper{display:block;width:100%;height:100%}#stage.inspecting{cursor:grab}#stage.inspecting:active{cursor:grabbing}#stage.interactive.pointer-active:not(.inspecting):not(.guided-locked):not(.busy){cursor:none}#stage.guided-locked:not(.inspecting):not(.busy){cursor:default}#stage.busy{cursor:progress}.stage-label{position:absolute;top:22px;left:20px;font:700 12px/1.4 Consolas,'Courier New',monospace;letter-spacing:1px;color:#738b84;max-width:calc(100% - 210px);pointer-events:none}.view-tools{position:absolute;right:14px;top:14px;display:flex;gap:6px;z-index:4}.view-tools button{width:34px;height:34px;border:1px solid #a8bfb9;box-shadow:2px 2px 0 #c4d8d0;background:#f9fcf3;font-size:21px;line-height:1}.view-tools button[aria-pressed=true]{background:#e3d1f0;border-color:#a78cba}.stage-hint{position:absolute;bottom:12px;left:16px;right:16px;text-align:center;background:#f8fff3ed;border:1px solid #cadbd0;padding:7px 10px;color:#677f75;font-size:12px;line-height:1.6;pointer-events:none;z-index:4;box-shadow:2px 2px 0 #b8d0c54d}.corner{position:absolute;width:9px;height:9px;border-style:solid;border-color:#9cb6ab;pointer-events:none}.c1{top:7px;left:7px;border-width:2px 0 0 2px}.c2{top:7px;right:7px;border-width:2px 2px 0 0}.c3{bottom:7px;left:7px;border-width:0 0 2px 2px}.c4{bottom:7px;right:7px;border-width:0 2px 2px 0}
/* Preserve full-length texture registration and the existing fingertip anchor. */
.paw{position:absolute;left:0;top:100%;width:241.5px;height:724.5px;pointer-events:none;transform-origin:50% 9.5%;will-change:transform,left,top;z-index:3;transition:none}.paw-texture{width:100%;height:100%;overflow:hidden}.paw .paw-texture img{display:block;width:200%;height:100%;max-width:none;object-fit:fill;image-rendering:auto}.paw.right .paw-texture img{transform:translateX(-50%)}#paw-cursor{position:absolute;z-index:4;pointer-events:none;width:30px;height:34px;transform:translate(-50%,-65%);filter:drop-shadow(0 1px 2px #55432b30)}#paw-cursor svg{height:30px;width:24px;fill:#fffbef;stroke:#856198;stroke-width:1.7}.mouse-click{fill:#d8b9ed;stroke:none}#paw-cursor span{position:absolute;right:-4px;bottom:0;background:#9570ab;color:white;width:17px;height:17px;text-align:center;font:700 12px/17px Consolas,monospace}#paw-cursor.held svg{fill:#efe1fa}#click-queue{position:absolute;right:16px;top:60px;z-index:4;background:#fff3d7f5;border:1px solid #cbbb97;box-shadow:2px 2px 0 #d5c9ac;padding:5px 8px;font-size:12px;color:#8b795c;pointer-events:none}
.paw-wardrobe{margin-top:25px;background:#fae8f1;border-color:#ccadc4;box-shadow:4px 4px 0 #e3c8d9}.paw-wardrobe .panel-heading{margin-bottom:16px}.paw-wardrobe h2{font-size:21px}.paw-choice{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.paw-choice button{position:relative;min-width:0;border:2px solid #ddc7d8;background:#fff6fb;box-shadow:2px 2px 0 #e3cddd;padding:0 0 9px;text-align:center;font-size:13px;font-weight:700;line-height:1.3;overflow:hidden}.paw-choice button>span:last-child{display:block;padding:0 2px}.paw-preview{display:block;position:relative;height:77px;overflow:hidden;margin-bottom:9px;background:#eadfea}.paw-preview img{display:block;width:100%;height:auto;image-rendering:auto}.paw-choice button[data-paw=tabby] .paw-preview{background:#e3e8ef}.paw-choice button[data-paw=tuxedo] .paw-preview{background:#ecede4}.paw-choice button[data-paw=pink] .paw-preview{background:#f6cde0}.paw-choice button[data-paw=sphynx] .paw-preview{background:#f6dfce}.paw-choice button[data-paw=midnight] .paw-preview{background:#ddd7ed}.paw-choice button[data-paw=glitter] .paw-preview{background:#d6e6f2}.paw-choice button[aria-pressed=true]{border-color:#9672ab;background:#e7d1ee;box-shadow:2px 2px 0 #c6a3d1}.paw-choice button[aria-pressed=true]:after{content:'✓';position:absolute;top:3px;left:3px;width:18px;height:18px;display:grid;place-items:center;background:#89679e;color:white;font-size:13px}.paw-choice button:hover{border-color:#a080b1}.effect-badge{position:absolute;right:3px;top:2px;color:#866798;background:#fff2fecc;width:20px;height:20px;text-align:center;font-size:17px}.effect-switch{flex:none;border:1px solid #bea2be;background:#fff0fa;box-shadow:2px 2px 0 #dfc4d9;padding:7px 9px;font-size:13px}.effect-switch[aria-pressed=true]:not(:disabled){background:#e5d4f6;border-color:#a187b6}
.paw-sparkles{position:absolute;inset:0;display:none;pointer-events:none}.paw-sparkles span{position:absolute;opacity:0;font:24px/1 Georgia,serif;color:#fffdf6;text-shadow:0 0 5px #fff5d3;animation:fur-twinkle 4.8s ease-in-out infinite;animation-delay:var(--delay)}.paw-sparkles span:nth-child(1){left:34%;top:8%;--delay:-1.2s}.paw-sparkles span:nth-child(2){left:62%;top:17%;--delay:-3.5s;font-size:19px}.paw-sparkles span:nth-child(3){left:43%;top:29%;--delay:-.4s}.paw-sparkles span:nth-child(4){left:63%;top:47%;--delay:-2.4s;font-size:20px}.paw-sparkles span:nth-child(5){left:30%;top:66%;--delay:-4.2s}.paw.right .paw-sparkles span,.paw-sparkles.right span{animation-delay:calc(var(--delay) - 1.7s)}#stage[data-sparkles=on][data-shimmer=yes] .paw-sparkles{display:block}#stage[data-coat=pink] .paw-sparkles span{color:#fff3fa;text-shadow:0 0 7px #ffc2e1;animation-duration:6.4s;font-size:20px}#stage[data-coat=pink] .paw-sparkles span:nth-child(even){display:none}@keyframes fur-twinkle{0%,24%,68%,100%{opacity:0;transform:scale(.55) rotate(-10deg)}43%{opacity:.85;transform:scale(1.08) rotate(0)}52%{opacity:.45;transform:scale(.8) rotate(8deg)}}
.model-choice{padding-bottom:20px;margin-bottom:20px;border-bottom:2px dashed #dfc2b9}.model-choice h2{font-size:24px;color:#856879}.model-choice p{font-size:13px;color:#917b83;margin:4px 0 13px}.model-choice button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #c3a6bb;background:#fff8ed;padding:9px 11px;width:100%;font-size:14px;font-weight:700;box-shadow:2px 2px 0 #e3cbd6}.model-choice button span{font-size:12px;font-weight:400;color:#8a6e8c}.model-choice button:hover{background:#f5dfee}.model-choice #random-model{margin-top:10px;background:#fff5e1;font-size:13px}.model-choice #random-model[aria-pressed=true]{background:#e9d9f1;border-color:#b194c0}#guide{padding:17px 0 21px}#step-number{font:700 12px/1.5 Consolas,'Courier New',monospace;letter-spacing:1px;color:#a27c90}#guide h3{font-size:20px;margin-top:9px}#guide p{font-size:15px;color:#88717a;margin:9px 0 18px}progress{display:block;width:100%;height:10px;border:1px solid #c7a8be;border-radius:0;accent-color:#b995cc}progress::-webkit-progress-bar{background:#f9e1e8}progress::-webkit-progress-value{background:repeating-linear-gradient(90deg,#b995cc 0 8px,#d3b7e1 8px 10px)}progress::-moz-progress-bar{background:#b995cc}.manual-step{display:flex;align-items:center;gap:13px;padding:12px 0;opacity:.65}.manual-step.active{opacity:1}.manual-step b{display:grid;place-items:center;flex:none;width:32px;height:32px;border:2px solid #c6a7c9;box-shadow:3px 3px 0 #e3cbdc;background:#fae7f3;color:#9b739d;font-family:Consolas,monospace}.manual-step.active b{background:#b797ca;color:#fff}.manual-step strong,.manual-step p span{display:block}.manual-step strong{font-size:16px}.manual-step p span{font-size:14px;color:#896e7f;margin-top:4px}.manual-note{font-size:13px;line-height:1.8;color:#8a7281;border-top:2px dashed #e0c5c1;margin:12px 0 0;padding-top:12px}#manual-guide{padding:7px 0 16px}#cancel-grab{margin-top:0}.paper-settings h3{font-size:15px;margin:0 0 10px}.orientation-choice{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orientation-choice button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:66px;padding:9px 3px;font-size:13px;border:1px solid #a9bdb1;background:#f7fff7;box-shadow:2px 2px 0 #cbded1}.orientation-choice button[aria-pressed=true]{border-color:#9e87b3;background:#e6ddf2;box-shadow:2px 2px 0 #c7bbd6}.paper-icon{display:block;border:1.5px solid #9581a6;background:#f3e7ff;box-shadow:2px 2px 0 #c9bbd7}.paper-icon.landscape{width:22px;height:15px}.paper-icon.portrait{width:15px;height:22px}.setting-note{font-size:12px;line-height:1.6;color:#758b80;margin:11px 0 0}
#gallery{width:min(970px,94vw);max-height:90vh;padding:26px;border:3px solid #ad91bf;box-shadow:7px 7px 0 #8b6fa45c;background:#fff1fa;color:var(--ink)}#gallery::backdrop{background:#5d456f66}.gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.gallery-heading h2{font-family:Consolas,'Courier New',monospace;font-size:27px;letter-spacing:-1px;margin:8px 0}.gallery-heading button{border:1px solid #bca1cc;background:#e9d8f5;box-shadow:2px 2px 0 #cfb7dd;font-size:26px;width:38px;height:38px;align-self:flex-start}.gallery-note{font-size:14px;color:#91748c;margin:8px 0 22px}#model-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.model-card{min-width:0;padding:10px 7px 14px;border:2px solid #d4bddc;background:#f5eaff;box-shadow:3px 3px 0 #e4d3ea;text-align:center}.model-card:nth-child(3n+2){background:#e7f4ec;border-color:#b8d1c2}.model-card:nth-child(3n){background:#fff3d5;border-color:#dfcca0}.model-card:hover,.model-card:focus-visible{border-color:#a07aae;background:#e8d4f4}.model-card canvas{display:block;width:100%;height:auto;aspect-ratio:300/220}.model-card strong{display:block;font-size:15px;margin:6px 0}.model-card span{font-size:12px;color:#94728b}#free-mode{margin-top:24px;padding:12px 15px;border:2px solid #b194c0;background:#ead7f4;box-shadow:3px 3px 0 #d1b6dc;font-size:14px;font-weight:700}.gallery-footnote{font-size:12px;color:#957b90;margin:16px 0 0}
@media(min-width:1550px){#stage{height:500px}}@media(max-width:1250px) and (min-width:851px){.paw-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.paw-preview{height:85px}.mode-switch button{align-items:flex-start;padding:12px 10px;gap:8px}.mode-switch strong{font-size:15px}.mode-icon{font-size:23px}}@media(max-width:1000px){#model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.paw-wardrobe .panel-heading{align-items:flex-start}.paw-wardrobe h2{font-size:20px}}@media(max-width:850px){#stage{height:440px}.paw-choice{grid-template-columns:repeat(4,minmax(0,1fr))}.paw-preview{height:93px}.paw-choice button{font-size:14px}.stage-label{max-width:calc(100% - 185px)}.view-tools{gap:4px;right:12px}}@media(max-width:560px){#stage{height:400px}.mode-switch{gap:9px;margin-bottom:17px}.mode-switch button{padding:11px 9px;align-items:flex-start;gap:7px}.mode-icon{display:none}.mode-switch strong{font-size:14px}.mode-switch small{font-size:12px}.stage-label{font-size:12px;left:14px;top:20px;max-width:calc(100% - 168px);letter-spacing:0}.view-tools button{width:29px;height:31px;font-size:20px}.view-tools{right:10px;top:12px}.stage-hint{left:10px;right:10px;bottom:10px;font-size:12px;padding:6px}.paw-wardrobe{margin-top:21px}.paw-wardrobe .panel-heading{flex-wrap:wrap;gap:11px}.paw-choice{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.paw-preview{height:75px}.paw-choice button{font-size:13px}.paw-wardrobe h2{font-size:21px}.effect-switch{font-size:13px}.orientation-choice button{font-size:14px}#gallery{padding:16px}.gallery-heading h2{font-size:23px}#model-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-mode=clicker]{padding-bottom:74px}body[data-mode=clicker] #fold{position:fixed;bottom:14px;left:18px;width:calc(100% - 36px);z-index:5;box-shadow:4px 4px 0 #c8acda,0 -5px 20px #f9edf7cc}}
@media(prefers-reduced-motion:reduce){.paw-sparkles span{animation:none!important;opacity:.35;transform:none}}
.brand-stars{display:inline-flex;align-items:center;gap:0;margin-left:1px;color:#b795c9;line-height:1;flex:none}.brand-stars i{font-style:normal;font-size:38px}.brand-stars i+i{margin-left:-3px}.brand-stars i:nth-child(2){font-size:22px;color:#c1a3d1;translate:0 -6px}.brand-stars i:nth-child(3){font-size:14px;color:#ceb5da;translate:0 7px}
.custom-paw-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px}.create-style{padding:10px 14px;background:#e5d2f1;border:2px solid #b494c8;box-shadow:3px 3px 0 #d1b4de;font-size:14px;font-weight:700}.create-style:hover{background:#d9bfe9}#custom-paw-current{font-size:13px;color:#81618c}#custom-style-status:empty{display:none}#saved-paw-section{margin-top:20px;border-top:2px dashed #dfc2d5;padding-top:15px}#saved-paw-section h3{font-size:15px;margin-bottom:10px}.saved-paw-styles{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:9px}.saved-paw-style{display:flex;min-width:0;border:1px solid #cdb0c9;background:#fff3fb}.saved-paw-style button{border:0;background:transparent;min-width:32px;padding:8px;font-size:19px}.saved-paw-style button:hover{background:#eedbef}.saved-paw-style .saved-style-choose{display:flex;align-items:center;gap:9px;flex:1;min-width:0;text-align:left;font-size:14px;overflow-wrap:anywhere}.saved-style-choose[aria-pressed=true]{background:#e6d4f1!important;box-shadow:inset 3px 0 #a280b4}.saved-style-colors{display:flex;flex:none}.saved-style-colors i{display:block;width:11px;height:22px;border:1px solid #ffffff88}
#paw-editor{width:min(730px,94vw);max-height:90vh;overflow:auto;padding:24px;border:3px solid #af91bf;box-shadow:7px 7px 0 #8b6fa45c;background:#fff1fa;color:var(--ink)}#paw-editor::backdrop{background:#5d456f66}.paw-editor-body{display:grid;grid-template-columns:minmax(160px,.85fr) minmax(0,1fr);gap:26px;margin-top:22px}.custom-preview-wrap{position:relative;align-self:start;min-width:0;width:100%;max-width:340px;aspect-ratio:3/2;overflow:hidden;border:2px solid #b5cec2;background:#e1f0e8;background-image:linear-gradient(#c7dfd577 1px,transparent 1px),linear-gradient(90deg,#c7dfd577 1px,transparent 1px);background-size:20px 20px;display:grid;place-items:center}.custom-preview-art{position:absolute;top:20px;left:0;width:100%;aspect-ratio:2/3}.custom-preview-art canvas{display:block;width:100%;height:auto}.custom-preview-wrap p{position:absolute;left:12px;right:12px;bottom:14px;font-size:13px;padding:8px;background:#fff5e9ef;color:#856983;text-align:center}.custom-paw-controls{min-width:0;display:grid;gap:17px;align-content:start}.custom-field{display:grid;gap:7px;font-size:14px;font-weight:700}.custom-field input,.custom-field select{width:100%;min-width:0;padding:9px 10px;min-height:42px;border:1px solid #bea4ca;background:#fffafc;color:var(--ink);font:400 15px/1.4 Trebuchet MS,Arial,sans-serif;border-radius:0}.custom-field input:focus-visible,.custom-field select:focus-visible,.custom-colors input:focus-visible,.custom-extras input:focus-visible{outline:3px solid #9770ae;outline-offset:3px}.custom-colors{display:flex;gap:12px;flex-wrap:wrap}.custom-colors label{display:grid;gap:7px;font-size:13px}.custom-colors input{display:block;padding:3px;width:70px;height:43px;cursor:pointer;border:1px solid #bca3c9;background:#fff9fc;border-radius:0}.custom-extras{display:grid;gap:9px;margin:0;padding:12px;border:1px solid #d6c2de}.custom-extras legend{padding:0 5px;font-size:14px;font-weight:700}.custom-extras label{display:flex;align-items:center;gap:9px;font-size:14px}.custom-extras input{accent-color:#ae83c2;width:18px;height:18px;margin:0}.custom-editor-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:21px}.custom-editor-footer button{margin:0;width:auto;min-width:130px}.custom-preview-glints{display:none;position:absolute;inset:0;pointer-events:none}.custom-preview-art[data-sparkles=on] .custom-preview-glints{display:block}.custom-preview-glints .paw-sparkles{display:block;right:auto;width:50%}.custom-preview-glints .paw-sparkles.right{left:50%}.custom-preview-glints .paw-sparkles span{scale:.55}
@media(max-width:560px){.brand{font-size:21px;gap:8px}.brand-stars{gap:0}.brand-stars i{font-size:28px}.brand-stars i:nth-child(2){font-size:16px;translate:0 -4px}.brand-stars i:nth-child(3){font-size:11px;translate:0 5px}.site-header{gap:8px}.site-header .quiet{font-size:12px;padding:7px 6px}#paw-editor{padding:17px}.paw-editor-body{grid-template-columns:1fr;gap:18px;margin-top:15px}.custom-preview-wrap{justify-self:center;aspect-ratio:3/2}.custom-preview-art{top:16px}.custom-preview-wrap p{bottom:8px;font-size:12px}.custom-paw-controls{gap:14px}.custom-editor-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-editor-footer button{min-width:0;width:100%;font-size:14px;padding:10px}.saved-paw-styles{grid-template-columns:1fr}}


.title-paw{margin-left:-3px}
.close-result{position:absolute;right:12px;top:10px;z-index:6;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:#fffaf538;color:#66517a;font:28px/1 Arial,sans-serif;opacity:.62;box-shadow:none;transition:opacity .15s,background .15s}.close-result:hover,.close-result:focus-visible{opacity:1;background:#fffaf599}
#stage.presenting .view-tools{top:56px}#stage.presenting .stage-label{max-width:calc(100% - 80px)}#stage.presenting{cursor:grab}#stage.presenting:active{cursor:grabbing}.paw{transition:opacity .4s}#stage.guided-folding:not(.presenting) .paw{opacity:.75}#stage.presenting .paw{opacity:0}
@media(prefers-reduced-motion:reduce){.paw,.close-result{transition:none}}
.paper-panel .panel-heading{margin-bottom:18px}.paper-panel #paper-label{margin:0;font-size:22px;color:#66517a}.paper-panel .swatches{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin:4px 0 25px}.paper-panel .swatch{width:100%;height:39px;min-width:0}.paper-panel .swatch:focus-visible{outline:3px solid #735493;outline-offset:3px}.tip>span{color:#b795c9;font-family:Consolas,'Courier New',monospace;font-style:normal;font-size:28px;line-height:1}
.mode-switch button[data-mode=guided]{background:#e4f1e7;border-color:#adc9b7;box-shadow:3px 3px 0 #cde2d3}.mode-switch button[data-mode=guided][aria-pressed=true]{background:#cce7d9;border-color:#7ca98f;box-shadow:3px 3px 0 #afcbbb}.mode-switch button[data-mode=guided] .mode-icon{color:#668e79}.mode-switch strong{font-size:15px}.mode-switch small{font-size:12px}.mode-switch button{padding:12px 10px;gap:8px;align-items:flex-start}.guided-instruction{display:flex;align-items:flex-start;gap:10px;margin:12px 0;color:#816785;font-size:14px;line-height:1.6}.guided-instruction b{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid #aa8cba;background:#f0e1f7;color:#825895;font:700 13px/1 Consolas,monospace}.guided-instruction:nth-child(2) b{border-color:#81ae97;background:#e5f7ed;color:#447e68}#guided-guide{padding-bottom:12px}#guided-guide .manual-note{margin-bottom:4px}
@media(max-width:1100px){.mode-switch{grid-template-columns:1fr}.mode-switch button{align-items:center;padding:11px 13px}.mode-switch strong{font-size:16px}.mode-switch small{font-size:13px;margin-top:2px}.mode-icon{display:block;width:24px;text-align:center}}

.guided-style{padding:12px;margin:0 0 17px;border:1px solid #b7ccbc;background:#edf6ee}.guided-style legend{padding:0 5px;font-size:14px;font-weight:700;color:#5f806f}.guided-style-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.guided-style-buttons button{padding:9px 5px;min-height:42px;border:1px solid #b9cbbb;background:#fbfff8;color:#64816f;font-size:13px;font-weight:700;box-shadow:2px 2px 0 #ccdfd0}.guided-style-buttons button[aria-pressed=true]{background:#d4e9dd;border-color:#739e85;color:#416b54;box-shadow:inset 0 -3px #a7cbb5}.guided-style p{font-size:12px;line-height:1.65;color:#708a77;margin:12px 0 0}