/* PeAZZY Studio v9. Component-level improvements to existing official identity. */
:root{--pz9-navy:#122638;--pz9-gold:#c68b51;--pz9-bg:#f5f7fa;--pz9-line:#dce4eb;--pz9-elev:0 13px 40px rgba(19,38,55,.075)}
.studio-page{background:var(--pz9-bg)}.studio-page .studio-content{max-width:100%;overflow-x:clip}
.studio-page .studio-page-hero{background:linear-gradient(125deg,#12283d,#203f56);color:white;padding:clamp(25px,4vw,46px);border-radius:20px;position:relative;overflow:hidden}.studio-page .studio-page-hero:after{content:"";position:absolute;right:-85px;top:-115px;width:330px;height:330px;border:50px solid #ffffff0a;border-radius:50%;pointer-events:none}.studio-page .studio-page-hero p{color:#d3dee8;max-width:750px}.studio-page .studio-page-hero h1{font-size:clamp(1.75rem,3vw,2.6rem);color:#fff}
.studio-page .pz9-hero-meta{display:flex;gap:8px;flex-wrap:wrap}.studio-page .pz9-pill{display:inline-flex;align-items:center;gap:6px;background:#ffffff16;color:#fff;border:1px solid #ffffff38;font-size:.82rem;padding:7px 12px;border-radius:100px}
.studio-page .pz9-catalogue-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;border:1px solid var(--pz9-line);padding:15px;border-radius:15px;margin:20px 0;box-shadow:var(--pz9-elev)}.studio-page .pz9-catalogue-tools>label{display:grid;gap:5px;flex:1;min-width:190px;font-size:.82rem;font-weight:700;color:#455b6d}.studio-page .pz9-catalogue-tools input,.studio-page .pz9-catalogue-tools select{min-height:44px;border-radius:9px;border:1px solid #cdd8e3;padding:9px 12px;width:100%;background:#fff}
.studio-page .pz9-card{background:#fff;border:1px solid var(--pz9-line);border-radius:17px;overflow:hidden;box-shadow:var(--pz9-elev);height:100%;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.studio-page .pz9-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(19,38,55,.12)}.studio-page .pz9-card-image{aspect-ratio:1.35;background:linear-gradient(150deg,#e9eef2,#fbf4eb);display:grid;place-items:center;overflow:hidden}.studio-page .pz9-card-image img{width:100%;height:100%;object-fit:contain;padding:18px}.studio-page .pz9-card-body{padding:19px;display:flex;flex-direction:column;flex:1;gap:10px}.studio-page .pz9-card h2{font-size:1.1rem;line-height:1.35;margin:0;font-weight:750}.studio-page .pz9-card p{color:#617284;font-size:.86rem;margin:0;flex:1}.studio-page .pz9-card-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px}.studio-page .pz9-card-footer .btn{flex:1;min-width:135px}
.studio-page [data-pz9-catalogue-card][hidden]{display:none!important}
.studio-page .pz9-supplier-panel{margin-top:20px;background:#f8fafc;border:1px solid var(--pz9-line);border-radius:13px;padding:16px}.studio-page .pz9-supplier-panel h3{font-weight:750;font-size:1rem;margin:0 0 10px}.studio-page .pz9-info-row{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0}.studio-page .pz9-supplier-meta{font-size:.82rem;color:#506679;margin:7px 0}.studio-page .pz9-muted{font-size:.82rem;color:#5b7082;line-height:1.55}.studio-page .pz9-size-data{max-height:300px;overflow:auto;white-space:pre-wrap;font-size:.68rem;background:#eef2f5;border:1px solid #dae3ed;padding:10px;border-radius:8px}.studio-page .pz9-supplier-panel small{display:block;color:#617184;margin-top:8px}
.studio-page .pz9-official{margin-top:20px;border-radius:15px;padding:19px;background:#182e40;color:white}.studio-page .pz9-official h3{font-size:1.08rem;margin:0 0 7px;color:#fff}.studio-page .pz9-official p{font-size:.85rem;color:#d2dfeb}.studio-page .pz9-official button{background:var(--pz9-gold);border-color:var(--pz9-gold);color:#182534;font-weight:750}.studio-page #pz9-official-status{display:block;color:#f4dfc4;margin-top:10px;font-size:.85rem}.studio-page .pz9-official-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.studio-page .pz9-official-results img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:9px;background:#fff}.studio-page .pz9-official-results figure{margin:12px 0 0}.studio-page .pz9-official-results figcaption{font-size:.77rem;color:#e2eef7;margin-top:5px}
.studio-page .studio-content .studio-grid{align-items:start}.studio-page .studio-content .studio-panel{position:relative}.studio-page .studio-content .studio-stage{min-width:0}.studio-page .studio-editor-top{gap:16px;flex-wrap:wrap}.studio-page .studio-canvas-shell canvas{max-width:100%;height:auto;touch-action:none}.studio-page .studio-canvas-shell{width:100%;max-width:100%}.studio-page .studio-mockup-image{min-width:0}
.studio-page .studio-hint,.studio-page .pz9-muted{overflow-wrap:anywhere}.studio-page .studio-status{min-height:1.6em}.studio-page button:disabled{opacity:.65;cursor:not-allowed}
@media(min-width:1290px){.studio-page .studio-content .studio-grid{grid-template-columns:minmax(210px,245px) minmax(0,1fr) minmax(265px,305px)}}
@media(max-width:900px){.studio-page .studio-content .studio-grid{grid-template-columns:minmax(0,1fr)}.studio-page .studio-content .studio-properties{grid-column:auto}.studio-page .pz9-catalogue-tools{align-items:stretch}}
@media(max-width:530px){.studio-page .studio-page-hero{border-radius:14px}.studio-page .pz9-card-body{padding:15px}.studio-page .pz9-catalogue-tools>label{width:100%}.studio-page .pz9-info-row{align-items:flex-start}.studio-page .studio-page-hero p{font-size:.91rem}}
@media(prefers-reduced-motion:reduce){.studio-page .pz9-card{transition:none}}