.pf-studio{width:100%;max-width:1500px;margin:0 auto;padding:24px 20px 64px}.pf-studio .st-wrap{grid-template-columns:340px 1fr;align-items:start;gap:24px;display:grid}@media (width<=1024px){.pf-studio .st-wrap{grid-template-columns:300px 1fr}}@media (width<=820px){.pf-studio .st-wrap{grid-template-columns:1fr}}.pf-studio .st-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:16px}@media (width<=820px){.pf-studio .st-side{position:static}}.pf-studio .st-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.pf-studio .st-label{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-brown-dark);margin-bottom:12px;font-size:11px;font-weight:600;display:block}.pf-studio .st-divider{background:var(--line);height:1px;margin:14px 0}.pf-studio .st-ctrl{margin-bottom:12px}.pf-studio .st-ctrl:last-child{margin-bottom:0}.pf-studio .st-ctrl label{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-tan);justify-content:space-between;margin-bottom:6px;font-size:11px;font-weight:500;display:flex}.pf-studio .st-val{color:var(--brand-brown-dark);font-variant-numeric:tabular-nums}.pf-studio input[type=range]{width:100%;accent-color:var(--brand-brown-dark)}.pf-studio .st-text,.pf-studio select{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg-cream);width:100%;color:var(--neutral-700);padding:7px 9px;font-family:inherit;font-size:13px}.pf-studio .st-btn-row{grid-template-columns:1fr 1fr;gap:8px;margin:10px 0;display:grid}.pf-studio .st-btn{border:1px solid var(--brand-brown-dark);background:var(--brand-brown-dark);color:#fff;border-radius:var(--radius);cursor:pointer;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .15s}.pf-studio .st-btn:hover{opacity:.88}.pf-studio .st-btn.ghost{color:var(--brand-brown-dark);background:0 0}.pf-studio .st-btn.ghost:hover{background:var(--accent-soft);opacity:1}.pf-studio .st-btn.mini{padding:7px 10px;font-size:12px}.pf-studio .st-btn:disabled{opacity:.45;cursor:default}.pf-studio .st-linkbtn{color:var(--brand-brown-dark);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.pf-studio .st-pattern-name{color:var(--brand-brown-dark);word-break:break-word;margin-bottom:4px;font-size:14px;font-weight:600}.pf-studio .st-upload{border:1.5px dashed var(--line);border-radius:var(--radius);text-align:center;cursor:pointer;background:var(--accent-soft);padding:14px;transition:border-color .15s}.pf-studio .st-upload:hover{border-color:var(--brand-brown-dark)}.pf-studio .st-upload.mini{padding:10px}.pf-studio .st-upload span{color:var(--brand-brown-dark);font-size:13px;font-weight:500;display:block}.pf-studio .st-upload small{color:var(--brand-tan);margin-top:3px;font-size:11px;display:block}.pf-studio .st-picker{margin-top:12px}.pf-studio .st-picker-note{color:var(--brand-tan);margin-bottom:8px;font-size:11px;line-height:1.4}.pf-studio .st-picker-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:260px;display:grid;overflow-y:auto}.pf-studio .st-picker-cell{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;aspect-ratio:1;background:var(--png-bg);padding:0;overflow:hidden}.pf-studio .st-picker-cell:hover{border-color:var(--brand-brown-dark)}.pf-studio .st-picker-cell img{object-fit:cover;width:100%;height:100%;display:block}.pf-studio .st-acc-head{cursor:pointer;width:100%;font:inherit;background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;display:flex}.pf-studio .st-acc-head .st-label{margin-bottom:0}.pf-studio .st-acc-body{flex-direction:column;gap:10px;margin-top:12px;display:flex}.pf-studio .st-switch{color:var(--brand-brown-dark);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.pf-studio .st-stage{flex-direction:column;gap:16px;min-width:0;display:flex}.pf-studio .st-stage-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pf-studio .st-view-toggle{border:1px solid var(--line);border-radius:var(--radius);display:inline-flex;overflow:hidden}.pf-studio .st-view-toggle button{background:var(--surface);color:var(--brand-tan);font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;border:0;padding:8px 16px;font-size:12px;font-weight:600}.pf-studio .st-view-toggle button.on{background:var(--brand-brown-dark);color:#fff}.pf-studio .st-collection{width:auto;min-width:160px}.pf-studio .st-compcard-btn{border:1px solid var(--line);background:var(--surface);color:var(--brand-brown-dark);font:inherit;border-radius:var(--radius);cursor:pointer;margin-left:auto;padding:8px 12px;font-size:12px}.pf-studio .st-compcard-btn.on{background:var(--brand-brown-dark);color:#fff;border-color:var(--brand-brown-dark)}.pf-studio .st-single{flex-direction:column;gap:12px;display:flex}.pf-studio .st-frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--png-bg);align-self:center;width:100%;max-width:640px;position:relative;overflow:hidden}.pf-studio .st-canvas{width:100%;display:block}.pf-studio .st-fav{border:1px solid var(--line);width:36px;height:36px;color:var(--brand-tan);cursor:pointer;background:#ffffffeb;border-radius:50%;font-size:18px;position:absolute;top:10px;right:10px}.pf-studio .st-fav.on{color:#c0392b}.pf-studio .st-single-nav{justify-content:center;align-items:center;gap:16px;display:flex}.pf-studio .st-single-nav button{border:1px solid var(--line);background:var(--surface);color:var(--brand-brown-dark);font:inherit;border-radius:var(--radius);cursor:pointer;padding:7px 12px;font-size:12px}.pf-studio .st-single-nav button:disabled{opacity:.4;cursor:default}.pf-studio .st-scene-name{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-brown-dark);text-align:center;min-width:140px;font-size:12px;font-weight:600}.pf-studio .st-bgbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding-top:4px;display:flex}.pf-studio .st-bgbar-lbl{text-transform:uppercase;letter-spacing:.08em;color:var(--brand-tan);font-size:11px}.pf-studio .st-bg-swatch,.pf-studio .st-bg-thumb,.pf-studio .st-bg-upload{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;width:30px;height:30px;color:var(--brand-tan);background-position:50%;background-size:cover;font-size:13px}.pf-studio .st-bg-picker{border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;background:#fff;width:34px;height:30px;padding:2px}.pf-studio .st-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.pf-studio .st-tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.pf-studio .st-tile.sel{border-color:var(--brand-brown-dark);box-shadow:0 0 0 2px var(--brand-brown-dark)}.pf-studio .st-tile.cc-sel{border-color:var(--mk-gold,#b08d57);box-shadow:0 0 0 2px var(--mk-gold,#b08d57)}.pf-studio .st-tile .st-canvas{cursor:pointer}.pf-studio .st-tile-cap{color:var(--brand-brown-dark);padding:8px 10px;font-size:12px}.pf-studio .st-tile-cap em{color:var(--brand-tan);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-style:normal}.pf-studio .st-check{border:1px solid var(--line);width:26px;height:26px;color:var(--brand-brown-dark);cursor:pointer;background:#ffffffeb;border-radius:50%;font-size:13px;font-weight:600;position:absolute;top:8px;left:8px}.pf-studio .st-tile.sel .st-check,.pf-studio .st-tile.cc-sel .st-check{background:var(--brand-brown-dark);color:#fff}.pf-studio .st-tile-fav{border:1px solid var(--line);width:26px;height:26px;color:var(--brand-tan);cursor:pointer;background:#ffffffeb;border-radius:50%;font-size:14px;position:absolute;top:8px;right:8px}.pf-studio .st-tile-fav.on{color:#c0392b}.pf-studio .st-empty{text-align:center;color:var(--brand-tan);grid-column:1/-1;padding:40px 10px;font-size:14px}.pf-studio .st-export{border-top:1px solid var(--line);padding-top:16px}.pf-studio .st-export-head{justify-content:space-between;align-items:baseline;display:flex}.pf-studio .st-meter{color:var(--brand-tan);font-variant-numeric:tabular-nums;font-size:12px}.pf-studio .st-export-row{flex-wrap:wrap;gap:10px;display:flex}.pf-studio .st-locked-note{color:var(--brand-tan);margin-top:10px;font-size:12px}