.office-studio{overflow:hidden;border:1px solid #32455e;background:linear-gradient(145deg,#101c30,#15253a);color:#edf4ff}
.office-header{display:flex;justify-content:space-between;align-items:start;gap:22px;margin-bottom:18px}
.office-header h2{font-size:clamp(24px,3vw,34px);margin:6px 0 8px;letter-spacing:-.035em}
.office-header p{margin:4px 0 0;max-width:720px;line-height:1.55;color:#cedceb}
.office-overline{font-size:11px;letter-spacing:.2em;color:#80e0c9;font-weight:800}
.office-cost{padding:7px 11px;border:1px solid #62c5b0;border-radius:15px;white-space:nowrap;font-size:11px;font-weight:700;color:#7ae8ce}
.office-feedback{background:#26384d;border-left:3px solid #70dcc5;border-radius:5px;padding:11px 15px;color:#e0ecf8}
.office-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.office-field{display:flex;flex-direction:column;gap:8px;color:#e3ecf6;font-weight:650;font-size:13px}
.office-field:has(textarea),.office-checkbox,.office-reference,.office-mock,.office-details,.office-downloads,.office-form>.btn-row{grid-column:1/-1}
.office-field input,.office-field select,.office-field textarea{background:#f9fafc!important;color:#172233!important;border:1px solid #7d95b1!important;border-radius:10px!important;padding:12px!important;font:inherit!important;min-width:0;width:100%}
.office-field textarea{resize:vertical;min-height:90px;line-height:1.55}
.office-checkbox{display:flex;gap:12px;align-items:center;font-size:14px;color:#dceaf7}
.office-checkbox input{width:18px;height:18px;accent-color:#4bdbb7}
.office-reference{font-size:13px;line-height:1.5;color:#b8cae2;margin:0}
.office-mock{min-height:170px;border:1px solid #99a7b9;border-radius:18px;background:#f8f6f0;color:#18243a;padding:25px;display:flex;gap:9px;flex-direction:column;box-shadow:0 12px 38px #0003;transition:background .35s,color .35s}
.office-mock[data-theme=studio]{background:#0d1528;color:#f5f6fa;border-color:#3d5674}
.office-mock[data-theme=minimal]{background:#fff;color:#161616;border-color:#dde6f4}
.office-mock>span{letter-spacing:.22em;font-size:10px;color:#147d79;font-weight:850}
.office-mock strong{font-size:clamp(18px,3vw,32px);line-height:1.1}
.office-mock small{font-size:12px;opacity:.8}
.office-mini-bars{display:flex;align-items:end;gap:8px;height:54px;margin-top:5px}
.office-mini-bars i{display:block;width:clamp(20px,5vw,55px);height:var(--n);background:linear-gradient(45deg,#147d79,#e4c98a);border-radius:5px 5px 0 0}
.office-details{background:#0a1626;border:1px solid #35516c;border-radius:12px;padding:16px;overflow:auto;font-size:12px;color:#d7eef9;white-space:pre-wrap;overflow-wrap:anywhere}
.office-downloads{display:flex;gap:12px;flex-wrap:wrap}
.office-downloads button{font-weight:750}
@media(max-width:700px){.office-header{flex-direction:column}.office-form{grid-template-columns:1fr}.office-cost{align-self:start}}
@media(prefers-reduced-motion:reduce){.office-mock{transition:none}}