#pf-app{max-width:1420px;margin:auto;padding:35px 24px;color:#123b32;font:14px 'DM Sans',Arial,sans-serif}#pf-app [hidden]{display:none!important}#pf-app button,#pf-app input,#pf-app select,#pf-app textarea{font:inherit;border:1px solid #e5dfd3;border-radius:9px;background:#fffdf8;color:#123b32;padding:10px 12px;max-width:100%}#pf-app button{cursor:pointer}#pf-app button:hover{border-color:#176b4d}#pf-app button:disabled{opacity:.5;cursor:wait}#pf-app button:focus-visible{outline:3px solid #bd9847;outline-offset:2px}#pf-app .pf-primary{background:#176b4d;color:white;border-color:#176b4d}#pf-app p{font-size:12px;line-height:1.7;color:#65716b}.pf-head{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;align-items:center;margin-bottom:28px}.pf-head small{font-weight:800;letter-spacing:2px;color:#176b4d}.pf-head h1{font-size:clamp(27px,3vw,42px);margin:12px 0}.pf-head em{font-style:normal;color:#176b4d}.pf-head input{width:100%;margin-bottom:10px}#pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pf-card{padding:9px;border-radius:14px;border:1px solid #e5dfd3;background:#fffdf8;box-shadow:0 6px 18px #103f3208;min-width:0}.pf-thumb{height:230px;overflow:hidden;position:relative;background:#eeeae0;border-radius:8px}.pf-thumb iframe{width:1100px;height:800px;transform:scale(.34);transform-origin:top left;border:0;pointer-events:none}.pf-card-bottom{padding:14px 2px 3px;display:flex;gap:8px;align-items:center}.pf-card-bottom>div{flex:1;min-width:0}.pf-card h3{font-size:14px;margin:0;overflow-wrap:anywhere}.pf-card small{font-size:10px;color:#65716b}.pf-card button{font-size:10px!important;padding:9px!important}#pf-more{display:block;margin:25px auto}.pf-top{display:flex;gap:10px;flex-wrap:wrap;align-items:center;background:#fffdf8;border:1px solid #e5dfd3;padding:13px;border-radius:14px 14px 0 0}.pf-top strong{margin-right:auto}.pf-work{display:grid;grid-template-columns:250px minmax(0,1fr) 210px;border:1px solid #e5dfd3;background:#fffdf8;border-radius:0 0 14px 14px;overflow:hidden}.pf-work aside{padding:20px 15px;min-width:0}.pf-work h3{font-size:16px}.pf-work label{display:block;font-size:11px;font-weight:700;margin:17px 0}.pf-work input,.pf-work textarea,.pf-work select{display:block;width:100%;margin-top:6px;min-width:0}.pf-work textarea{resize:vertical}.pf-canvas{min-width:0;background:#eeece5;border-left:1px solid #e5dfd3;border-right:1px solid #e5dfd3}.pf-devices{display:flex;gap:6px;padding:12px;background:#faf8f2}.pf-devices button{font-size:11px!important}.pf-frame-wrap{padding:16px;display:flex;justify-content:center;overflow:hidden}#pf-frame{width:100%;max-width:100%;height:950px;background:white;border:0;border-radius:8px}#pf-dialog{width:min(1200px,95vw);border:1px solid #e5dfd3;padding:12px;border-radius:14px;background:#f5f1e8}#pf-dialog::backdrop{background:#103f3280}#pf-dialog iframe{width:100%;height:75vh;border:0;background:white}.pf-work hr{border:0;border-top:1px solid #e5dfd3;margin:25px 0}@media(max-width:1100px){#pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-work{grid-template-columns:230px minmax(0,1fr)}.pf-work aside:last-child{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pf-work aside:last-child p{grid-column:1/-1}}@media(max-width:700px){#pf-app{padding:20px 12px}.pf-head{grid-template-columns:1fr;gap:10px}#pf-grid{grid-template-columns:1fr}.pf-work{display:flex;flex-direction:column}.pf-canvas{order:-1}.pf-work aside:last-child{display:block}.pf-frame-wrap{padding:6px}#pf-frame{height:650px}.pf-thumb iframe{transform:scale(.33)}.pf-top{font-size:11px}.pf-top button{font-size:11px!important}}
#pf-inline-tools{position:fixed;z-index:99999;display:flex;align-items:center;gap:5px;flex-wrap:wrap;max-width:min(720px,calc(100vw - 16px));padding:8px;border:1px solid #b9d6c8;border-radius:12px;background:#fffdf8;box-shadow:0 8px 35px #103f3240;color:#103f32;font:12px Arial,sans-serif}#pf-inline-tools[hidden],#pf-inline-tools [hidden]{display:none!important}#pf-inline-tools button{border:1px solid #dedbd0;background:#f5f1e8;color:#103f32;border-radius:7px;padding:8px;cursor:pointer;font:inherit}#pf-inline-tools button:hover{background:#e2efe5}#pf-inline-tools button[data-inline=done]{background:#176b4d;color:white}#pf-inline-label{padding:0 5px;font-weight:bold}#pf-inline-tools button:focus-visible{outline:2px solid #bd9847;outline-offset:2px}

#pf-admin-link{font-size:12px;font-weight:700;color:#176b4d;padding:9px 6px;text-decoration:none}#pf-admin-link:hover{text-decoration:underline}

@media(min-width:1024px){#pf-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:601px) and (max-width:1023px){#pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){#pf-grid{grid-template-columns:1fr}.pf-card-bottom{flex-wrap:wrap}.pf-top>*{max-width:100%}.pf-top button{min-height:44px}#pf-app input,#pf-app select,#pf-app textarea{font-size:16px}}