/* PeAZZY Studio UI polish v8 — extends original designer styles without touching stored designs. */
:root{--pz-ink:#14202d;--pz-copper:#b37a42;--pz-surface:#fff;--pz-ground:#f4f6f9;--pz-border:#dae2ea;--pz-focus:#275e97}
html{scroll-padding-top:96px}html,body{min-width:320px}body.studio-page{margin:0;background:var(--pz-ground);color:var(--pz-ink);font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px;line-height:1.6}
.studio-page .studio-skip-link{position:absolute;left:12px;top:-80px;z-index:10000;background:#fff;color:#14202d;padding:10px 20px;border-radius:8px}.studio-page .studio-skip-link:focus{top:8px}
.studio-page a:focus-visible,.studio-page button:focus-visible,.studio-page input:focus-visible,.studio-page select:focus-visible,.studio-page summary:focus-visible{outline:3px solid var(--pz-focus);outline-offset:3px}
.studio-page .studio-site-header{padding:0;background:#14202d;box-shadow:0 8px 25px rgba(11,27,42,.12);position:relative;z-index:90}
.studio-page .studio-header-inner{width:min(1480px,100%);margin:0 auto;padding:14px clamp(16px,3vw,38px);display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:82px}
.studio-page .studio-brand{display:flex;gap:10px;align-items:center;color:#fff;text-decoration:none;flex:0 0 auto}.studio-page .studio-brand img{object-fit:contain;border-radius:5px}.studio-page .studio-brand-text{font-size:1.2rem;line-height:1.12;letter-spacing:.01em}.studio-page .studio-brand-text strong{color:#d8a16a}.studio-page .studio-brand-text small{display:block;font-size:.58rem;letter-spacing:.24em;color:#cbd5df;margin-top:5px}
.studio-page .studio-site-nav{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.studio-page .studio-site-nav>a,.studio-page .studio-nav-submenu>summary{display:block;padding:10px 13px;border-radius:9px;color:#e8edf3;text-decoration:none;font-size:.91rem;line-height:1.4;font-weight:600;cursor:pointer}.studio-page .studio-site-nav>a:hover,.studio-page .studio-site-nav>a[aria-current=page],.studio-page .studio-nav-submenu>summary:hover{background:#ffffff18;color:#fff}.studio-page .studio-site-nav>a.studio-nav-primary{background:#c48a52;color:#111f2a;margin-left:7px}.studio-page .studio-site-nav>a.studio-nav-primary:hover{background:#e5aa70;color:#111f2a}
.studio-page .studio-nav-submenu{position:relative}.studio-page .studio-nav-submenu>summary{list-style:none}.studio-page .studio-nav-submenu>summary::-webkit-details-marker{display:none}.studio-page .studio-nav-popover{position:absolute;right:0;top:calc(100% + 8px);background:#fff;box-shadow:0 12px 40px #14202d30;border:1px solid #d6e1ea;border-radius:12px;min-width:210px;padding:8px;z-index:92}.studio-page .studio-nav-popover>a{display:block;padding:10px 12px;color:#21374a;text-decoration:none;border-radius:7px}.studio-page .studio-nav-popover>a:hover{background:#f1f5f8}
.studio-page .studio-menu-toggle{display:none;width:44px;height:42px;flex:0 0 auto;border:1px solid #ffffff5e;border-radius:9px;background:#ffffff14;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.studio-page .studio-menu-toggle span{width:19px;height:2px;background:#fff;border-radius:2px}
.studio-page .studio-content{min-height:calc(100vh - 170px)}.studio-page .studio-content>.container{max-width:1300px}.studio-page .studio-content h1{font-weight:750;letter-spacing:-.034em;line-height:1.13}.studio-page .studio-content h2{line-height:1.22;letter-spacing:-.018em}.studio-page .studio-content .text-muted{color:#617183!important}.studio-page .studio-content a:not(.btn){text-underline-offset:3px}
.studio-page .studio-content .studio-panel,.studio-page .studio-content .studio-stage{border:1px solid var(--pz-border);background:#fff;border-radius:16px;box-shadow:0 10px 34px rgba(14,33,53,.055);padding:clamp(18px,2.1vw,28px)}.studio-page .studio-content .studio-panel h2{margin-top:0}.studio-page .studio-content .studio-grid{width:100%;max-width:1590px;grid-template-columns:minmax(205px,235px) minmax(380px,1fr) minmax(245px,285px);gap:20px;margin:26px auto 60px;padding:0 clamp(12px,2vw,28px)}
.studio-page .studio-content .studio-btn{min-height:42px;padding:9px 13px;border-radius:9px;border:1px solid #d6e0e8;background:#f7f9fb;color:#182b3c;font-size:.9rem;line-height:1.4}.studio-page .studio-content .studio-btn:hover{background:#eaf0f6;border-color:#a2b8cb}.studio-page .studio-content .studio-actions{align-items:center;gap:10px}.studio-page .studio-content .btn{border-radius:9px;padding:10px 16px;line-height:1.35;font-weight:600;max-width:100%;white-space:normal}.studio-page .studio-content .btn-dark{background:#18293b;border-color:#18293b}.studio-page .studio-content .btn-warning{background:#d8a16a;border-color:#d8a16a;color:#202124}
.studio-page .studio-content .studio-field,.studio-page .studio-content .form-control,.studio-page .studio-content .form-select{min-height:43px;max-width:100%;padding:10px 12px;border:1px solid #cfd9e3;border-radius:9px;background:#fff;color:#172b40;line-height:1.4}.studio-page .studio-content label{overflow-wrap:anywhere}.studio-page .studio-content .studio-canvas-shell{max-width:880px;border-radius:12px;overflow:hidden}.studio-page .studio-content .studio-tool-group{margin:18px 0}.studio-page .studio-content .studio-tool-group h3{margin-bottom:10px}.studio-page .studio-content .studio-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.studio-page .studio-content .studio-button-grid .studio-btn{margin:0;min-height:42px}.studio-page .studio-content .studio-two-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.studio-page .studio-content .studio-layers{display:grid;gap:7px;max-height:340px;overflow-y:auto}.studio-page .studio-content .studio-layers .layer-item{margin:0;border-radius:9px;padding:11px}.studio-page .studio-content .studio-hint{line-height:1.6;color:#5b6d7f}
.studio-page .studio-content .row{--bs-gutter-x:1.35rem;--bs-gutter-y:1.35rem}.studio-page .studio-content img{max-width:100%;height:auto}.studio-page .studio-catalogue-image{background:#f4f6f7}.studio-page .studio-site-footer{background:#14202d;color:#ced8e3;margin-top:50px}.studio-page .studio-site-footer-inner{max-width:1480px;margin:0 auto;padding:27px clamp(16px,3vw,38px);display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;align-items:center;font-size:.85rem}.studio-page .studio-site-footer-inner>span:last-child{display:flex;gap:20px;flex-wrap:wrap}.studio-page .studio-site-footer a{color:#eaf0f6;text-decoration:none}.studio-page .studio-site-footer a:hover{text-decoration:underline}
@media(max-width:1210px){.studio-page .studio-content .studio-grid{grid-template-columns:minmax(195px,235px) minmax(0,1fr)}.studio-page .studio-content .studio-properties{grid-column:1/-1}.studio-page .studio-site-nav>a,.studio-page .studio-nav-submenu>summary{padding:9px 10px}}
@media(max-width:880px){.studio-page .studio-menu-toggle{display:flex}.studio-page .studio-header-inner{position:relative;min-height:72px}.studio-page .studio-site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#162c42;box-shadow:0 14px 25px #0b1e3280;padding:14px 19px 19px;flex-direction:column;align-items:stretch;gap:4px}.studio-page .studio-site-header[data-menu-open=true] .studio-site-nav{display:flex}.studio-page .studio-site-nav>a,.studio-page .studio-nav-submenu>summary{padding:12px 15px}.studio-page .studio-site-nav>a.studio-nav-primary{margin-left:0}.studio-page .studio-nav-popover{position:static;box-shadow:none;margin-top:4px;min-width:0}.studio-page .studio-nav-submenu{width:100%}.studio-page .studio-content .studio-grid{grid-template-columns:1fr}.studio-page .studio-content .studio-properties{grid-column:auto}}
@media(max-width:600px){.studio-page .studio-content>.container{padding-left:16px;padding-right:16px}.studio-page .studio-content .studio-grid{margin-top:14px;padding:0 12px;gap:12px}.studio-page .studio-content .studio-panel,.studio-page .studio-content .studio-stage{padding:17px;border-radius:12px}.studio-page .studio-content .studio-actions{display:grid;grid-template-columns:1fr}.studio-page .studio-content .studio-actions .btn{width:100%}.studio-page .studio-content .studio-two-fields{grid-template-columns:1fr}.studio-page .studio-brand-text{font-size:1.05rem}.studio-page .studio-site-footer-inner>span:last-child{gap:12px}}
@media(prefers-reduced-motion:reduce){.studio-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}