.pfspd-studio{--pf-copper:#a66a3f;--pf-dark:#171717;--pf-line:#dedbd7;--pf-soft:#f5f3f0;--pf-muted:#6f6b67;max-width:1540px;margin:24px auto 50px;font-family:Arial,Helvetica,sans-serif;color:var(--pf-dark);background:#fff}.pfspd-studio *{box-sizing:border-box}.pfspd-studio button,.pfspd-studio input,.pfspd-studio select,.pfspd-studio textarea{font:inherit}.pfspd-studio-topbar{display:flex;justify-content:space-between;gap:28px;align-items:flex-end;padding:0 0 28px;border-bottom:1px solid var(--pf-line)}.pfspd-studio-eyebrow{display:block;margin-bottom:7px;color:var(--pf-copper);font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.pfspd-studio-topbar h2{font-size:clamp(28px,4vw,46px);line-height:1.05;margin:0;font-weight:700;letter-spacing:-.035em}.pfspd-studio-progress{display:flex;align-items:center;min-width:270px}.pfspd-studio-progress span{width:30px;height:30px;border:1px solid #bdb8b3;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;color:#777;font-size:12px;font-weight:700}.pfspd-studio-progress span.is-active{background:var(--pf-dark);border-color:var(--pf-dark);color:#fff}.pfspd-studio-progress span.is-current{outline:3px solid rgba(166,106,63,.15)}.pfspd-studio-progress i{height:1px;background:#cbc7c3;flex:1}.pfspd-studio-progress i.is-active{background:var(--pf-dark)}.pfspd-studio-step{display:none;padding-top:34px}.pfspd-studio-step.is-active{display:block}.pfspd-studio-question{margin:0 0 26px}.pfspd-studio-question h3{margin:0 0 7px;font-size:25px;letter-spacing:-.02em}.pfspd-studio-question p{margin:0;color:var(--pf-muted);font-size:15px}.pfspd-studio-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pfspd-type-card,.pfspd-format-card,.pfspd-template-card{appearance:none;text-align:left;border:1px solid var(--pf-line);background:#fff;color:var(--pf-dark);border-radius:4px;cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.pfspd-type-card:hover,.pfspd-format-card:hover,.pfspd-template-card:hover{border-color:#9a928b;box-shadow:0 8px 24px rgba(0,0,0,.07);transform:translateY(-1px)}.pfspd-type-card{min-height:160px;padding:22px;display:flex;flex-direction:column}.pfspd-type-card>span{width:42px;height:42px;border:1px solid var(--pf-dark);display:flex;align-items:center;justify-content:center;margin-bottom:32px;font-size:12px;font-weight:700;letter-spacing:.06em}.pfspd-type-card strong{font-size:18px}.pfspd-type-card small{display:block;margin-top:6px;color:var(--pf-muted)}.pfspd-studio-back{appearance:none;border:0;background:none;padding:0 0 18px;color:#494541;cursor:pointer;font-weight:600}.pfspd-studio-back:hover{text-decoration:underline}.pfspd-studio-format-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.pfspd-format-card{padding:20px;min-height:185px}.pfspd-format-shape{display:block;width:min(95px,65%);aspect-ratio:var(--ratio);max-height:100px;border:1px solid #777;background:#f7f7f7;margin:0 0 22px}.pfspd-format-card strong,.pfspd-template-card strong{display:block;font-size:15px}.pfspd-format-card small,.pfspd-template-card small{display:block;color:var(--pf-muted);margin-top:5px}.pfspd-studio-custom-size{margin-top:20px;border-top:1px solid var(--pf-line);padding-top:22px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px}.pfspd-studio-custom-size>strong{width:100%}.pfspd-studio-custom-size label{position:relative;display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600}.pfspd-studio-custom-size input{width:130px;height:42px;padding:8px 40px 8px 10px;border:1px solid #b9b5b1;border-radius:3px;background:#fff}.pfspd-studio-custom-size label span{position:absolute;right:10px;bottom:13px;color:#777;font-weight:400}.pfspd-use-custom-size,.pfspd-export-png{height:42px;border:1px solid var(--pf-dark);background:var(--pf-dark);color:#fff;padding:0 18px;border-radius:3px;cursor:pointer;font-weight:700}.pfspd-studio-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.pfspd-template-card{padding:12px}.pfspd-template-preview{display:block;width:100%;aspect-ratio:1.15;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;border:1px solid #e2dfdc;margin-bottom:12px}.pfspd-template-card.is-blank .pfspd-template-preview{background:#fbfbfb;position:relative}.pfspd-template-card.is-blank .pfspd-template-preview:before,.pfspd-template-card.is-blank .pfspd-template-preview:after{content:"";position:absolute;background:#d5d1cd}.pfspd-template-card.is-blank .pfspd-template-preview:before{width:1px;height:38px;left:50%;top:50%;transform:translate(-50%,-50%)}.pfspd-template-card.is-blank .pfspd-template-preview:after{height:1px;width:38px;left:50%;top:50%;transform:translate(-50%,-50%)}.pfspd-template-empty{grid-column:span 2;border:1px dashed #c9c4bf;padding:20px;display:flex;flex-direction:column;justify-content:center}.pfspd-template-empty span{color:var(--pf-muted);margin-top:5px}.pfspd-studio-step-4{padding-top:18px}.pfspd-studio-editorbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 0 14px}.pfspd-studio-editorbar .pfspd-studio-back{padding:0}.pfspd-studio-docname{text-align:center}.pfspd-studio-docname strong{display:block;font-size:15px}.pfspd-studio-docname span{display:block;color:var(--pf-muted);font-size:12px;margin-top:2px}.pfspd-studio-history{justify-self:end;display:flex;border:1px solid var(--pf-line);border-radius:3px;overflow:hidden}.pfspd-studio-history button{width:40px;height:36px;border:0;background:#fff;cursor:pointer;font-size:19px}.pfspd-studio-history button+button{border-left:1px solid var(--pf-line)}.pfspd-studio-history button:disabled{opacity:.28;cursor:default}.pfspd-studio-editor{display:grid;grid-template-columns:92px minmax(0,1fr) 250px;min-height:650px;border:1px solid #d8d4d0;background:#eeeae6}.pfspd-studio-sidebar{background:#fff;border-right:1px solid var(--pf-line);padding:10px 8px;display:flex;flex-direction:column;gap:4px}.pfspd-studio-sidebar button,.pfspd-upload-image{border:0;background:#fff;min-height:74px;padding:9px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-size:11px;font-weight:700;border-radius:3px}.pfspd-studio-sidebar button:hover,.pfspd-upload-image:hover{background:var(--pf-soft)}.pfspd-studio-sidebar button span,.pfspd-upload-image span{font-size:23px;font-weight:400;line-height:1}.pfspd-studio-workarea{min-width:0;padding:34px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:auto;position:relative}.pfspd-studio-canvas-wrap{max-width:100%;max-height:70vh;box-shadow:0 4px 24px rgba(0,0,0,.13);background:#fff;line-height:0}.pfspd-studio-canvas{display:block;max-width:100%;max-height:70vh;width:auto;height:auto;touch-action:none;cursor:default}.pfspd-studio-status{min-height:22px;margin-top:12px;font-size:12px;color:#57524e}.pfspd-studio-status.is-error{color:#a32622}.pfspd-studio-properties{background:#fff;border-left:1px solid var(--pf-line);padding:18px}.pfspd-properties-empty strong{font-size:14px}.pfspd-properties-empty p{font-size:12px;line-height:1.5;color:var(--pf-muted)}.pfspd-properties-active{display:flex;flex-direction:column;gap:14px}.pfspd-properties-active[hidden]{display:none}.pfspd-properties-active label{font-size:11px;font-weight:700;display:flex;flex-direction:column;gap:6px}.pfspd-properties-active textarea,.pfspd-properties-active select{width:100%;border:1px solid #c9c4bf;border-radius:3px;padding:8px;background:#fff}.pfspd-properties-active input[type=color]{width:100%;height:38px;border:1px solid #c9c4bf;background:#fff;padding:3px}.pfspd-properties-active input[type=range]{width:100%}.pfspd-layer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pfspd-properties-active button{border:1px solid #c9c4bf;background:#fff;border-radius:3px;padding:8px 7px;cursor:pointer;font-size:12px}.pfspd-properties-active button:hover{border-color:#7f7974}.pfspd-delete-layer{color:#a32622}.pfspd-studio-exportbar{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:15px 0 0}.pfspd-studio-exportbar>span{margin-right:auto;font-weight:700;font-size:13px}.pfspd-studio-exportbar label{display:flex;align-items:center;gap:8px;font-size:12px}.pfspd-studio-exportbar select{height:40px;border:1px solid #b9b5b1;background:#fff;border-radius:3px;padding:0 30px 0 10px}.pfspd-export-png{height:40px}.pfspd-studio button:focus-visible,.pfspd-studio label:has(input:focus-visible){outline:2px solid var(--pf-copper);outline-offset:2px}@media(max-width:1150px){.pfspd-studio-type-grid,.pfspd-studio-format-grid{grid-template-columns:repeat(3,1fr)}.pfspd-studio-template-grid{grid-template-columns:repeat(4,1fr)}.pfspd-studio-editor{grid-template-columns:78px minmax(0,1fr) 220px}.pfspd-studio-workarea{padding:22px}}@media(max-width:850px){.pfspd-studio{margin-top:10px}.pfspd-studio-topbar{align-items:flex-start;flex-direction:column}.pfspd-studio-progress{min-width:0;width:100%}.pfspd-studio-type-grid,.pfspd-studio-format-grid{grid-template-columns:repeat(2,1fr)}.pfspd-studio-template-grid{grid-template-columns:repeat(2,1fr)}.pfspd-studio-editorbar{grid-template-columns:1fr auto}.pfspd-studio-docname{grid-column:1/-1;grid-row:2;text-align:left;margin-top:10px}.pfspd-studio-editor{grid-template-columns:1fr}.pfspd-studio-sidebar{border-right:0;border-bottom:1px solid var(--pf-line);flex-direction:row;overflow:auto;padding:6px}.pfspd-studio-sidebar button,.pfspd-upload-image{min-width:72px;min-height:58px}.pfspd-studio-workarea{padding:18px 10px}.pfspd-studio-properties{border-left:0;border-top:1px solid var(--pf-line)}.pfspd-properties-active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.pfspd-layer-buttons{grid-column:1/-1}.pfspd-studio-exportbar{flex-wrap:wrap}.pfspd-studio-exportbar>span{width:100%}}@media(max-width:520px){.pfspd-studio-type-grid,.pfspd-studio-format-grid,.pfspd-studio-template-grid{grid-template-columns:1fr}.pfspd-type-card{min-height:125px}.pfspd-studio-custom-size{align-items:stretch}.pfspd-studio-custom-size label,.pfspd-studio-custom-size input,.pfspd-use-custom-size{width:100%}.pfspd-studio-exportbar{align-items:stretch}.pfspd-studio-exportbar label{justify-content:space-between}.pfspd-export-png{width:100%}.pfspd-properties-active{grid-template-columns:1fr}}