.folder-space:has(.folder-navigation[data-active=closet]){overflow:visible}.folder-content.folder-content--closet{inset:16.67cqw 2.7cqw 2.7cqw;overflow:visible;padding:0;z-index:5;pointer-events:none}.closet-folder{position:relative;isolation:isolate;container-type:inline-size;width:100%;height:100%;min-height:0;color:#70698e;--clip-width: clamp(76px, 24cqw, 90px);--clip-height: calc(var(--clip-width) * 113 / 242)}.closet-nine-slice{display:grid;pointer-events:none}.closet-nine-slice>svg{display:block;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.wardrobe-pin{position:absolute;left:-48px;top:calc(34px + var(--pin-index) * (var(--clip-height) + 7px));width:var(--clip-width);height:var(--clip-height);padding:0;border:0;background:none;cursor:pointer;pointer-events:auto;-webkit-app-region:no-drag}.wardrobe-pin--0{--pin-index: 0;--pin-rotation: -4deg}.wardrobe-pin--1{--pin-index: 1;--pin-rotation: 3deg}.wardrobe-pin--2{--pin-index: 2;--pin-rotation: -3deg}.wardrobe-pin.is-selected{--pin-rotation: 0deg}.wardrobe-pin img{position:absolute;inset:0;width:100%;height:100%;rotate:var(--pin-rotation);transform-origin:25% 50%;transition:rotate .18s ease;pointer-events:none}.wardrobe-pin__back{z-index:0}.wardrobe-pin__front{z-index:1}.wardrobe-pin.is-selected .wardrobe-pin__back{z-index:5}.wardrobe-pin:focus-visible{outline:none}.wardrobe-pin:focus-visible .wardrobe-pin__front{filter:drop-shadow(0 0 3px #fb8075)}.closet-paper{position:absolute;z-index:2;inset:0}.closet-paper-holes{position:absolute;z-index:3;top:7px;left:9px;width:38.5px;height:11.5px;pointer-events:none}.closet-paper-grid{position:absolute;z-index:3;inset:28px 6px 6px;background:url(/pin-studio/assets/grid_pattern-DFxJx0a6.png) left top / 1000px 1000px repeat;pointer-events:none}.closet-paper-grid:before{content:"";position:absolute;inset:0 auto 0 9px;width:1px;background:#ffb4a4}.wardrobe-panel[hidden],.closet-items[hidden]{display:none}.closet-heading{position:absolute;z-index:4;top:33px;left:54px;margin:0;font-family:var(--font-display);font-size:calc(19px * var(--font-display-scale));line-height:26px;font-weight:800}.closet-categories{position:absolute;z-index:1;top:70px;right:-40px;display:flex;flex-direction:column;gap:3px}.closet-category{position:relative;width:75px;height:35px;border:0;padding:0;background:transparent;cursor:pointer;pointer-events:auto;-webkit-app-region:no-drag;transition:translate .18s ease}.closet-category[aria-selected=true]{translate:3px 0}.closet-category img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.closet-category:focus-visible{outline:2px solid #fb8075;outline-offset:1px}.closet-items{position:absolute;z-index:4;inset:70px 12px 12px 38px;pointer-events:auto;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#aaa3c1 transparent}.closet-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(78px,23cqw);gap:12px 9px;padding:3px}.closet-grid--timer{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px}.closet-item{position:relative;min-width:0;min-height:78px;border:0;border-radius:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHYAAABsCAYAAAC/6kbsAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAG3RFWHRTb2Z0d2FyZQBDZWxzeXMgU3R1ZGlvIFRvb2zBp+F8AAAJ50lEQVR4nO2df7AWVRnHPwtcJENOSoqZOiklPuUQFJpMigyZSt0ykiyERMHUBrSGkmQ0bbJEzSxL1Cxg0hid4Xd2kRqtLNEyyUmmd9WhKKNrKOG7Izfgcu+7/XF279373vfdPfv+uLz73vOZeee+d/c5Z8+733POnvOcs+c4vu8T4np8DniYXq4SxQNYMocTCut6fAn4ftH5haJYVu1FXI8hoigUHWsBugCn+FwV1zkfmCuKS1KE2QiMAvYDxwCbRXGDYdhhouhyPVpEcTByfAjgi8KPCV5XosJOBb4HTIicT1ViXY+houiOOb8I+DCwVBTPRY7PBc4C/psq9X15HbgUGA/cGhwbGmPfAYwF5hYd7wJuC8IOKRP2WGC1KNrCA0GmWgCsFcVPo8bFwg8Eju/7PRd2PSYDT0fOlxXW9XDK5cigSm+BHpH3AUcDPwr+fxK4EXhncG4VMLLqX1M5PuCgRR1mGGY7cCXwDqAduA84FdgLzAFGAKOBX4ribyYRJhWMNITCOqLwXY+LgDWR8/NFsSIhMacAw4ECutScA6yOCdIZ2BfTTXwJayTKZYADwGFFx1YB84B3x8Q3HNguir21SV5/YWfSV5QrRLG8XGDXYwzwPDrXhlWNg3muHwwUCNoSMTYtwCWi+jRcqyL6jJ0BrCs6/w9gJ/1zIejEvhX9TLOUJqziTXgF/Vh6QhQLqr1wWGIvBe4BjqC3SkxTNab5AZb+RO/170UxBUr3JkwJhd0KfABdnbbUJKmWStkBfB3YIIqOSiNxcnn/bHQ354O1SpmlYqKNsjGieK3SlrKTy/e4nmx12jjsAaaI4q/Q48wZIYo3TSOICtusFLcVspCBfXTX6UOieMH1mA58RxSnAbgew0XRGXx3AIp9Co0sbC2f9zuAxcT3r7uCv9Gu2qHoW0cz3lbgWWAqIMDjQKsoDrge04DZophfKpJGFhbgJ8AGtA83ShdwZPD5Fzp3HwscBf1cd6PR/t821+PLwInorsVuem/gN4CTg+854E7gW8BxNfwtaSmXqbYAj6Iz6lHoe+QDbwF2Bd9HN7qwS4BlwAlFx0cCW0XRHXi+jhbFljQRux5non3TPrCW3v74M8AXgI1oX/KhokCvr9oD2tDinYgW9N/AG/R6tDzgzOB7rpGFTaoGNwHXgW5gALeL4nrX46S4SEWxw/X4GTC76FQBLfLQomPlBgIGgnZ0jXOvKBYlGbsei4HzRHFuIwubRCd6qG1U8P9+tOcmSYgCcDilvWmNRmvwCBlp4kd2PUYALaJ4M6vCFpekSkrWoS6NJuwCLhPF5rjRNOjvpUorbPGoRpZGZLJGmPG+K4qvpg1cSYldB/wKmAZcXCYxxdgMUDnXiOKetH7jSjxP80SxssT8qJAO9FBeAd0NGUtvV8KSnhXA1WlnYDi5vH+Q2o6fbgMmhv5N1+Na4O4axj+YCAvbelF8Ok1AJ5f33wf8GJic4kLl/gfdMn0JXWI7geODjyU94f1dJYo5ED8lKUo4bLcBuLAGCbHP2PqwBz2n6hZRHDAJEAq7FtIVdcuAEfZEuoG3mc6LcnJ5/3z0dMsJScaWQ8p2YILp4Hu0VZyFDvtgZjswXhT7TIyjwtrnYGPzkihOBbO5UE4u71+ArorfPxCps1SMD/wH+Lgonk8yto2n7LAH/W7V/aJ4Pck4FPYx4IK6J81SDTvRr45sEdUz26MsobBtwMfqnjRLpUTbPx8VxeNJAUJhNwHT65o0S604WxRPJRk5ubz/LHqyuG0RNzY7gc8DTxlVxZHuTqk3xSyNw4uiEDDv7vwA+Cz9ZwJaGot0nqfgGbsamFnfdFmq5GVRjAOzER7b3ckOf0c3nNpNjK2w2WOyKP6QZGSFzQ67gW8CD4kin2Rshc0OrijeC2aLkFhhs0NFrWIrbONjhW1SrLBNRviecAE958norXYrbDZ4EbgeaDPxE4MVNissF8UVYL5EkBU2G6wRxWfSBLDCZgMrbJNihW1SrLBNihW2SXk4XA4/7dt2VtjGpk0UraaighU2S2xBL/XzPxNjK2zjE74s9xow1vg1SitsZrCDAE2KFbZJscI2KVbYJsUK26RYYZuU6Ls7dpZiE9GO3krtN+F+AHFYYbNBdAW8c0Txu6QAVtjsYfbisxU2c5xlsv+BFTZ7pBJ2I/DJAUiUpXrMhM3l/fcAK9FbbFsaH2Nhu7FrKGYJY2GnA0uxS+5lhVTP2HXAjAFIlKV6Ugm7HvjUACTKUj3GVfEk9P5xZ9Q/TZYaMEkUW5MmtmV1p6zBjJlLMSJs8S5YltpTvIp7Jfe8C5glijVxRk4u788GbkBvPGupP1ej93y9KfiY4gefIcAdovhanHHYeFoDXFRpSi2puBm98/SC4JOWzcBiUWyLMwqF/TnwiQouYjEnWuJCKtmu/AhR7HU9Dovbg8fJ5f0xwCPofcAtjc8MUWxIMnJyef9V9P7mluwwVxQPxhnYfXeyRTiT4iuiuCvO0PZjs8lCUSyLM7DCZhMrbJNihW1SrLBNSiphra84OxgJa3fxyB7JwtpdPDKJsbB2XnG2sMI2MKU8fUntnNDztEQUt8VFXqmwxaMS1h1pTvTedaOHS19BD+WNpf+9Lf7/LuDmpNVjQmG3AaeViCSOvwCPoRdIjmJb18lsRq/b1C6KFQCux3hgPXByCfvd6F253y6KJYF9iygOlrtAKOwi4EbgyBSJu18UX3Q97gROQG8zPQGYkiKOwUZYlc4PBQVwPYaLotP1mAQ8APwzEuZ4YIUo7ovYD0taadzxg26s67EEuDVFIn8LtKKr4YIoDrge84DlKeIYrMwSxSPRA0limbzFHiUq7FL6V6txdEGfer4AjAAOTxHHYOQjovg1mC8DXwlRYVcCl2H2jIy+YZ3mnAWeAUYBy8LqNc3il6ZEhR0H3A5cGGNfTnTbKjYjep/2AVeJ4iFIX9UmETaeWkRx0PWYBjyREOYX6Gb5OOBBdCkvhxW8NNHex+XAWtP9dEzpKbEArsd56Dmvu0rZoudGnQKcC7SK4sqgD/wuep+3YYR23/d4uum9P2eI4k+1jDxaFde0nnc9/oh+HyiuWe5gxS8AE0XxQi0jraewJ6EbCeWEzQPjgU1VXCaa60sRbROUeiyEv9cpYV9vomk/XRTP1TLyPlVxLUibQVyPmcBIKO9FKUE7MAe9oFUSG4CngTtibBYCF2PuXKk2A0SfsbOAR02X0jOl5sKaUm0fzvU4Bvg28AaUzUjHAbeI4mXX416gA/pccxjgiGKR63E6cA3wapm4fGA/cB3xffU40aO1RgdwuShWB7+n9q3irJHkJ63ztW9CO+6LM8BeYCKlfb1R/oyu+n8oipVBnPXrx1qqx/W4Frg7wWyqKJ6sd1r+D/OTnWhgtjtOAAAAAElFTkSuQmCC) center / 100% 100% no-repeat;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;color:#514b6a}.closet-item__glyph{font-size:clamp(20px,6cqw,28px);line-height:1}.closet-item__name{font-size:10px;line-height:1.15;text-align:center;overflow-wrap:anywhere}.closet-item__status{font-size:10px;font-weight:800;line-height:1.1}.closet-item:disabled{cursor:not-allowed}.closet-item:disabled>span{opacity:.55}.closet-item.is-equipped:after{content:"";position:absolute;inset:1px;border:2px solid #fb8075;border-radius:47% 54% 46% 49%;transform:rotate(-9deg);pointer-events:none}.closet-item--empty{cursor:default}@container (max-width: 260px){.closet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.wardrobe-pin img,.closet-category{transition:none}}.app-shell:has(.folder-space){grid-template-rows:58px 205px minmax(0,1fr)}.app-shell:has(.session-launch-row){grid-template-rows:58px 205px auto minmax(0,1fr)}.session-launch-row{min-width:0;display:flex;align-items:center;padding:12px 18px;--painted-button-ink: #fdfcf5}.session-launch-row .painted-button{min-height:44px;padding:3px 18px;font-size:calc(17px * var(--font-display-scale))}.folder-space{min-height:0;min-width:0;margin:8px 10px 10px;container-type:size;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.session-launch-row+.folder-space{margin-top:0}.folder-navigation{position:relative;isolation:isolate;flex:0 0 auto;width:100%;height:100%}.folder-art,.folder-icon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;user-select:none}.folder-art{z-index:0;box-sizing:border-box;border-style:solid;border-color:transparent;border-width:15.28cqw 3.34cqw 3.34cqw;border-image-slice:110 24 24 fill;border-image-repeat:stretch}.folder-art.is-front{z-index:1}.folder-icon{z-index:3;height:111.112cqw}.folder-tabs{position:absolute;inset:0 0 auto;height:13.89cqw;z-index:4}.folder-tab{position:absolute;top:2%;width:41%;height:98%;min-height:36px;border:0;border-radius:6px;background:transparent;cursor:pointer;-webkit-app-region:no-drag}.folder-tab--focus{left:1%}.folder-tab--closet{right:1%}.folder-tab:hover,.folder-tab:focus-visible{background:transparent;outline:0}.folder-content{position:absolute;z-index:2;inset:16.67cqw 4cqw 4cqw;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a58f88 transparent;padding:3px}.folder-content[hidden]{display:none}.folder-content:focus-visible{outline:2px solid #d1efeb;outline-offset:0}@container (max-width: 340px){.folder-content .timer-row{gap:8px;flex-wrap:wrap}.folder-content .painted-panel{padding-inline:10px}.folder-content .shop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@container app-scale (max-height: 700px){.app-shell:has(.folder-space){grid-template-rows:56px 176px minmax(0,1fr)}.app-shell:has(.session-launch-row){grid-template-rows:56px 176px auto minmax(0,1fr)}}.folder-content>.painted-panel{height:100%;max-height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#a58f88 transparent}:root{font-family:Segoe UI,system-ui,sans-serif;color:#49445b;background:#f4eee9;font-synthesis:none;--ink:#49445b;--muted:#81798d;--line:#ded4d1;--accent:#a8554d;--font-display:inherit;--font-display-scale:1}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;font-size:12px;font-weight:650}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #a8554d;outline-offset:2px}.studio-shell{max-width:1660px;margin:auto;padding:28px}.studio-shell>header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px}h1{font-size:36px;letter-spacing:-1.4px;margin:5px 0 9px}h2{font-size:15px;margin:0 0 14px}p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--accent);font-weight:750}.saved{font-size:11px;border:1px solid var(--line);border-radius:24px;padding:9px 14px;white-space:nowrap;background:#fffdf8}.workspace{display:grid;grid-template-columns:290px minmax(400px,1fr) 228px;gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:18px;background:#fffdf8;padding:20px;min-width:0;box-shadow:0 8px 28px #49324b09}.picker{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:24px}.picker button{padding:10px 4px;font-size:11px}.picker button[aria-pressed=true],.segmented button[aria-pressed=true]{background:#716989;color:#fff;border-color:#716989}.segmented{display:flex;gap:4px;margin:8px 0}.segmented button{flex:1;font-size:11px;padding:9px 3px}.parts{margin-top:16px}.hint{font-size:11px;line-height:1.5;margin:10px 0;color:var(--muted)}.field{display:block;margin-top:17px}.field>span{display:flex;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.field small{color:var(--muted);font-weight:400}.field>div{display:flex;gap:8px;margin-top:7px}input[type=range]{width:100%;min-width:0;accent-color:#a8554d}input[type=number]{width:68px;flex:0 0 68px;padding:6px;border:1px solid var(--line);border-radius:7px;font-size:12px;background:#fff;color:var(--ink)}.check{display:flex;align-items:center;gap:7px;font-size:12px;margin-top:22px;line-height:1.4}.check input{accent-color:#716989}.actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.actions button{font-size:11px;padding:8px}.actions button:last-child{width:100%}.stage{padding:16px}.stage-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.stage-heading h2{margin:4px 0 0}.stage-heading>span{font-size:11px;color:var(--muted)}.preview-scroll{overflow:auto;height:652px;border-radius:12px;border:1px solid #d4cacc;background-color:#d9d3d2;background-image:linear-gradient(45deg,#cec7c5 25%,transparent 25%),linear-gradient(-45deg,#cec7c5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#cec7c5 75%),linear-gradient(-45deg,transparent 75%,#cec7c5 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.preview-canvas{position:relative;padding-top:16px;margin:0 auto;box-sizing:content-box;min-width:0}.preview-canvas:before{content:"";position:absolute;inset:10px 16px 12px;border:1px dashed #8c8292;pointer-events:none}.preview-body{position:relative;isolation:isolate;height:580px;padding:12px 0;background:#4f4967;border-radius:10px;touch-action:none;--font-display-scale:1}.preview-body .folder-space{height:calc(100% - 8px);margin-top:0}.preview-body .wardrobe-pin,.preview-body .closet-category{cursor:move}.preview-body.is-dragging .wardrobe-pin,.preview-body.is-dragging .wardrobe-pin img,.preview-body.is-dragging .closet-category{transition:none}.preview-body.try-clicks .wardrobe-pin,.preview-body.try-clicks .closet-category{cursor:pointer}.motion-heading{margin-top:24px}.field select{width:100%;margin:8px 0 14px;padding:8px;border:1px solid var(--line);border-radius:7px}.preview-body .closet-items{pointer-events:none}.preview-body.reveal-layers .wardrobe-pin__front{z-index:8}.preview-body.reveal-layers .wardrobe-pin__back{z-index:9}.preview-body.reveal-layers .closet-categories{z-index:8}.preview-body.reveal-layers .closet-paper,.preview-body.reveal-layers .closet-paper-grid{opacity:.4}.preview-body.reveal-layers .closet-items{opacity:.25}.preview-body[data-edit-item="pin:cat"] [data-closet-pin=cat]:after,.preview-body[data-edit-item="pin:door"] [data-closet-pin=door]:after,.preview-body[data-edit-item="pin:timer"] [data-closet-pin=timer]:after,.preview-body[data-edit-item="note:cat"] [data-closet-note=cat]:after,.preview-body[data-edit-item="note:hats"] [data-closet-note=hats]:after{content:"";position:absolute;inset:0;border:1px dashed #ed8472;z-index:10;pointer-events:none}.preview-body[data-edit-part=front] .wardrobe-pin__front,.preview-body[data-edit-part=back] .wardrobe-pin__back{filter:drop-shadow(0 0 2px #ee725e)}.preview-controls{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px}.preview-controls label{display:flex;align-items:center;gap:7px;font-size:11px}.preview-controls input[type=range]{width:90px}.preview-controls input[type=number]{width:55px;flex-basis:55px}.preview-controls select{padding:5px;border:1px solid var(--line);border-radius:5px}.output>button{width:100%;margin-bottom:9px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}details{margin-top:20px;font-size:12px}summary{cursor:pointer;color:var(--muted)}textarea{width:100%;height:210px;margin-top:12px;font:10px/1.5 Consolas,monospace;border:1px solid var(--line);border-radius:6px;resize:vertical}details button{width:100%;margin-top:6px}#status{margin-top:20px;padding:12px;background:#f2ecea;border-radius:8px;font-size:12px;overflow-wrap:anywhere}@media(max-width:1150px){.workspace{grid-template-columns:280px minmax(360px,1fr)}.output{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px}.output>button{width:auto}.output h2,.output p,.output details{width:100%}}@media(max-width:730px){.studio-shell{padding:18px 12px}.workspace{grid-template-columns:1fr}.saved{display:none}.studio-shell>header h1{font-size:30px}.preview-scroll{height:610px}.output{display:block}.output>button{width:100%}}.hover-controls,.motion-controls{width:100%;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--line)}.motion-controls>button{width:100%}.hover-controls>p,.motion-controls>p{margin-bottom:8px}.preset-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.preset-row button{padding:8px 5px;font-size:10px}.preset-row button:last-child{grid-column:1/-1}.hover-controls .check,.hover-controls .field{margin-top:13px}