body { --site-section-size: 15px; --site-control-size: 12px; background: #fafafa; }
body > .gov-header, body > .gov-tricolor-strip { display: none; }
.fp-action-toolbar { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 9px; min-height: 60px; padding: 10px 16px; box-sizing: border-box; background: white; border-bottom: 1px solid #ffbd92; }
.fp-action-toolbar a { font-size: 13px; font-weight: 700; color: #0f172a; text-decoration: none; padding: 8px 14px; }
.fp-action-toolbar .btn { min-height: 36px; border-radius: 6px; }
#topBtnDownloadZip { background: #10b981 !important; }
.fp-workspace-status { background: #fff7ed; color: #9a3412; padding: 11px 15px; font-size: 13px; }
main.studio-workspace-grid { display: grid; grid-template-columns: 330px minmax(0, 1fr) 340px; gap: 12px; margin: 0; padding: 10px 11px 24px; height: auto; min-height: calc(100dvh - 103px); align-items: start; overflow: visible; }
.floating-tools-sidebar, .fp-settings-sidebar { display: flex; flex-direction: column; gap: 0; padding: 0; min-width: 0; height: auto; max-height: calc(100dvh - 20px); overflow-y: auto; position: sticky; top: 10px; background: white; border: 1px solid #ffcca7; border-radius: 14px; scrollbar-width: thin; }
.sidebar-card-box { border: 0; box-shadow: none; border-radius: 0; padding: 15px 12px; gap: 12px; }
.sidebar-card-box + .sidebar-card-box { border-top: 1px solid #ffcca7; }
.sidebar-card-title { text-transform: none; letter-spacing: 0; font-size: 14px; border-color: #ffcca7; padding-bottom: 12px; }
.form-group-compact input, .form-group-compact select { border-color: #ffcca7; border-radius: 6px; min-width: 0; }
.floating-tools-sidebar, .fp-settings-sidebar { overflow-x: hidden; }
.sidebar-card-box { min-width: 0; box-sizing: border-box; }
.fields-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.fields-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.form-group-compact { min-width: 0; }
.form-group-compact input, .form-group-compact select { width: 100%; max-width: 100%; box-sizing: border-box; }
.form-group-compact label { overflow-wrap: anywhere; }
.sidebar-card-title { flex-wrap: wrap; gap: 6px; }
.custom-toggle-label { min-width: 0; }
.custom-toggle-label input { flex-shrink: 0; }
.stage-main-wrapper { min-width: 0; border: 0; background: transparent; box-shadow: none; overflow: visible; gap: 0; }
.stage-top-bar { border: 1px solid #ffcca7; border-radius: 14px; background: white; padding: 8px 10px; justify-content: center; gap: 8px; }
.stage-top-bar > div:last-child { justify-content: center; }
.stage-step-pills { justify-content: center; flex-wrap: wrap; }
.stage-step-pill { font-size: 12px; border-radius: 6px; }
#fpStageWrap { border: 1px solid #ffcca7; border-radius: 14px; padding: 6px 12px 14px; min-height: calc(100dvh - 175px); justify-content: flex-start; overflow: auto; }
.fp-view-wrap { height: auto; justify-content: flex-start; gap: 12px; }
.fp-canvas-top-tools { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 6px; width: 100%; box-sizing: border-box; padding: 8px; background: white; border: 1px solid #ffcca7; border-radius: 10px; }
.fp-canvas-top-tools .btn, .fp-canvas-top-tools .wa-toolbar-btn { min-height: 32px; }
.fp-paper-stage { width: 100%; min-height: 280px; background: transparent; display: flex; align-items: center; justify-content: center; flex-shrink: 0; padding: 18px 8px; box-sizing: border-box; }
#fpViewPhotoWrap .fp-paper-stage { min-height: clamp(320px, 55dvh, 620px); }
#fpViewSignWrap .fp-paper-stage { min-height: clamp(220px, 35dvh, 380px); }
.fp-paper-stage .fp-dropzone-box { width: 100% !important; max-width: 350px !important; padding: 20px !important; background: white !important; border: 0 !important; box-shadow: none !important; }
.fp-paper-stage .fp-dropzone-box::before { color: #ff5a00; background: #fff7ed; }
.fp-crop-canvas { max-width: 100%; max-height: 65dvh; width: auto; height: auto; object-fit: contain; }
#signatureCropCanvas { max-height: 40dvh; }
.wa-stage-toolbar { position: static; transform: none; max-width: 100%; width: 100%; box-sizing: border-box; border-radius: 10px; border: 1px solid #ffcca7; background: white; box-shadow: none; padding: 8px; backdrop-filter: none; }
.wa-toolbar-btn { background: #fff7ed; color: #9a3412; border: 1px solid #ffcca7; border-radius: 6px; }
.wa-toolbar-btn:hover { background: #ffedd5; color: #9a3412; }
.package-twin-grid { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.preview-card { min-width: 0; border-color: #ffcca7; }
.preview-card > div:last-child { flex-wrap: wrap; }
.package-summary-card { width: 100%; box-sizing: border-box; }
@media (max-width: 1250px) {
  main.studio-workspace-grid { grid-template-columns: 265px minmax(0, 1fr) 280px; }
}
@media (max-width: 1000px) {
  main.studio-workspace-grid { grid-template-columns: 260px minmax(0, 1fr); }
  .fp-settings-sidebar { grid-column: 1 / -1; position: static; max-height: none; }
}
@media (max-width: 650px) {
  main.studio-workspace-grid { grid-template-columns: minmax(0, 1fr); }
  .stage-main-wrapper { grid-row: 1; }
  .floating-tools-sidebar, .fp-settings-sidebar { position: static; max-height: none; }
  .package-twin-grid { grid-template-columns: minmax(0, 1fr); }
  .stage-step-pills { gap: 4px; }
  .stage-step-pill { padding: 7px; }
}