.pb-page{max-width:1200px;color:var(--ink);margin:auto;padding:32px 24px}.pb-page header{max-width:900px;margin-bottom:24px}.pb-page h1{font-size:clamp(28px,3vw,40px);line-height:1.15}.pb-page h2{margin:24px 0 12px;font-size:28px}.pb-page h3{margin:20px 0 10px;font-size:20px}.pb-page p{margin:12px 0;font-size:16px;line-height:1.65}.pb-page section{margin-top:40px}.pb-workspace{background:var(--paper-alt);border:1px solid var(--rule);padding:24px}.pb-page .pb-contact-cta{border:2px solid var(--accent);background:var(--accent);color:#fff;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;line-height:1.45;text-decoration:none;display:inline-flex}.pb-page .pb-contact-cta:hover{background:var(--accent-hover)}.pb-page .pb-reset{border-color:var(--rule);background:0 0;font-size:14px}.pb-page .pb-help{color:var(--body);font-size:14px}.pb-guide{max-width:960px;margin-inline:auto}.pb-guide-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:16px;line-height:1.6}.pb-guide-table th,.pb-guide-table td{text-align:left;vertical-align:top;border:1px solid var(--rule);overflow-wrap:anywhere;padding:16px}.pb-guide-table th:first-child{width:32%}.pb-guide ol{padding-left:24px;line-height:1.7}@media (max-width:480px){.pb-guide-table th,.pb-guide-table td{padding:10px;font-size:15px}.pb-guide-table th:first-child{width:36%}}.pb-swatches{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.pb-swatches span{overflow-wrap:anywhere;align-items:center;gap:6px;font-size:14px;display:flex}.pb-swatches i{border:1px solid #87998d;border-radius:50%;flex:none;width:26px;height:26px;display:inline-block}.pb-upload{background:#fff;border:2px dashed #87998d;margin:16px 0;padding:24px}.pb-recipe{margin:16px 0}.pb-page input[readonly]{background:var(--paper-alt)}.pb-page fieldset{border:1px solid var(--rule);background:#fff;min-width:0;margin:20px 0;padding:20px}.pb-page legend{padding:0 8px;font-weight:600}.pb-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.pb-page label{font-size:15px;line-height:1.5;display:block}.pb-page input:not([type=checkbox]),.pb-page select,.pb-page textarea{box-sizing:border-box;width:100%;min-width:0;color:var(--ink);background:#fff;border:1px solid #87998d;margin-top:6px;padding:10px;font-size:16px;display:block}.pb-page input[type=checkbox]{margin-right:10px}.pb-page textarea{min-height:90px}.pb-page button,.pb-result-actions a{border:1px solid var(--accent);color:var(--ink);cursor:pointer;background:#fff;padding:11px 16px;line-height:1.45}.pb-page button[aria-pressed=true],.pb-result-actions button,.pb-result-actions a{background:var(--ink);color:#fff}.pb-page button:disabled,.pb-page [aria-disabled=true]{opacity:.5;cursor:not-allowed}.pb-page :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pb-actions{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.pb-config{grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:24px;display:grid}.pb-config aside{background:var(--paper-alt);align-self:start;padding:20px}.pb-result-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0;display:grid}.pb-page summary{cursor:pointer;padding:12px 0}.pb-page .pb-alert{background:#fff0e9;border-left:4px solid #9b3926;padding:12px}.pb-page .pb-trap{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.pb-page canvas{touch-action:none;max-width:none}.pb-page img{max-width:100%;height:auto}.pb-page a{overflow-wrap:anywhere}.pb-page .pb-photo{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;display:grid}.pb-page .pb-canvas{max-width:100%;overflow:auto}.pb-page .pb-swatch{border:1px solid var(--rule);margin:8px 0;padding:12px}.pb-page *{box-sizing:border-box}.pb-report{overflow-wrap:anywhere}@media (max-width:768px){.pb-config,.pb-page .pb-photo{grid-template-columns:1fr}.pb-page{padding:32px 16px}.pb-workspace{padding:16px}.pb-result-actions{grid-template-columns:1fr}.pb-page fieldset{padding:14px}}@media (max-width:480px){.pb-fields{grid-template-columns:1fr}}.pb-page .pb-photo-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:20px;display:grid}.pb-page .pb-image-scroll{align-self:start;max-width:100%;overflow:auto}.pb-page .pb-swatch span{width:100%;height:65px;margin-bottom:8px;display:block}@media (max-width:768px){.pb-page .pb-photo-grid{grid-template-columns:1fr}}.pb-page{max-width:1440px}.pb-workspace{border:0;padding:32px}.pb-workspace>.pb-actions{background:var(--surface);gap:16px;padding:20px}.pb-workflow-help{background:var(--surface);max-width:75ch;padding:20px}.pb-save-state{color:var(--accent);font-weight:600}.pb-page button,.pb-page input,.pb-page select,.pb-page textarea{min-height:48px;font-size:16px}.pb-page fieldset{margin-block:28px;padding:24px}.pb-page .pb-result-actions{background:var(--surface);gap:16px;padding:24px}.pb-page .pb-result-actions button{min-height:52px}.pb-page .pb-swatch{background:var(--surface);border:0;padding:16px}@media (max-width:768px){.pb-workspace{padding:20px}.pb-workspace>.pb-actions{gap:12px;padding:16px}.pb-page .pb-result-actions{padding:16px}.pb-page fieldset{padding:18px}.pb-page .pb-upload{padding:20px 16px}}.pb-page input,.pb-page button,.pb-page select,.pb-page textarea{scroll-margin-block:100px}.pb-workspace,.pb-page fieldset,.pb-config aside,.pb-page .pb-swatch{border-radius:var(--radius)}.pb-page button,.pb-page input,.pb-page select,.pb-page textarea,.pb-page .pb-contact-cta{border-radius:var(--radius-control)}.pb-page>header{padding-block:20px 8px}.pb-page>header .eyebrow{color:var(--accent);margin:0 0 12px;font-size:12px}.pb-page .pb-actions>button,.pb-page .pb-actions>a{min-height:44px}.pb-page .pb-actions>button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.pb-page .pb-workspace>section{margin-top:24px}.pb-page .pb-image-scroll{border:1px solid var(--rule);border-radius:var(--radius-control)}.pb-page .pb-guide a{color:var(--accent);text-decoration:underline}@media (max-width:480px){.pb-page{padding:20px 16px 96px}.pb-workspace{padding:12px}.pb-workspace>.pb-actions>button:not(.pb-reset),.pb-workspace>.pb-actions>.pb-contact-cta{width:100%}.pb-page .pb-photo-grid{gap:16px}}
