.guided-personalization{min-width:0}.guided-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:clamp(24px,4vw,56px);align-items:start}.guided-preview-column,.guided-result,.guided-task{min-width:0}.guided-preview-column{position:sticky;top:24px}.guided-result{padding:24px;background:var(--pf-panel);border:1px solid var(--pf-line);border-radius:12px}.guided-result h2{margin:0 0 20px}.guided-result-artwork{min-width:0}.guided-result[data-result-kind=magnet] .guided-result-artwork{padding:24px;background:var(--pf-void-2)}.guided-result[data-result-kind=magnet] .guided-result-artwork>.guided-surface-preview{max-width:320px;margin-inline:auto}.guided-result-caption{margin-top:16px;font-size:.875rem}.guided-detail{margin-top:16px}.guided-guide-toggle{display:flex;align-items:center;gap:12px;min-height:44px;margin-bottom:16px}.guided-guide-toggle input{width:20px;height:20px;accent-color:var(--pf-orange)}.guided-surface-preview{position:relative;isolation:isolate;overflow:hidden;width:100%;background:#fff;border:1px solid var(--pf-line)}.guided-preview-block{position:absolute;transform-origin:center}.guided-preview-placeholder{display:grid;place-items:center;min-height:48px;padding:12px;margin:0;border:1px solid var(--pf-line);font-size:.875rem;text-align:center;overflow-wrap:anywhere}.guided-safe-guide,.guided-trim-guide{position:absolute;pointer-events:none}.guided-trim-guide{border:1px solid #20252b}.guided-safe-guide{border:1px dashed #a64922}.guided-content,.guided-fit,.guided-review{margin-bottom:0}.guided-task [hidden]{display:none}.guided-task h2{margin:0 0 12px}.guided-task h2:focus-visible{outline:2px solid var(--pf-orange);outline-offset:3px}.guided-task h3{margin:16px 0 8px}.guided-task p{max-width:65ch;margin-block:8px 16px;font-size:1rem;line-height:1.55}.guided-layout-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px}.guided-coverage,.guided-layout-choices{display:grid;gap:12px}.guided-coverage button,.guided-layout-choices button{display:grid;gap:6px;text-align:left;padding:16px;border:1px solid var(--pf-line-strong);border-radius:8px}.guided-layout-choices button{grid-template-columns:72px minmax(0,1fr);align-items:center;gap:16px}.guided-choice-copy{display:grid;gap:6px}.guided-choice-copy strong{color:var(--foreground);font-size:1rem}.guided-layout-thumbnail{display:grid;place-items:center;width:72px;height:64px;background:var(--pf-panel-2);border-radius:6px;padding:8px}.guided-thumbnail-surface{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:100%;height:100%;padding:5px;border:1px solid var(--pf-line-strong);background:var(--pf-panel)}.guided-thumbnail-text{display:block;width:85%;height:3px;background:var(--muted-foreground)}.guided-thumbnail-text[data-role=secondary-text]{width:60%}.guided-thumbnail-asset{display:block;flex:1;width:100%;background:var(--pf-line)}.guided-layout-thumbnail[data-kind=engraving] .guided-thumbnail-surface{height:26px}.guided-layout-thumbnail[data-kind=engraving] .guided-thumbnail-surface:has(.guided-thumbnail-asset){flex-direction:row}.guided-layout-thumbnail[data-kind=engraving] .guided-thumbnail-asset{flex:0 0 10px;height:10px}body .configurable-editor-shell :is(.guided-layout-choices,.guided-coverage) button{box-shadow:none;transform:none;filter:none}.guided-coverage button span,.guided-layout-choices button span{color:var(--muted-foreground);font-size:.9375rem;font-weight:400}.guided-coverage button:hover:not(:disabled),.guided-layout-choices button:hover:not(:disabled){background:var(--pf-panel-2)}body .configurable-editor-shell .guided-coverage button[aria-pressed=true]{border-color:var(--pf-orange);background:var(--accent)}.guided-text-field{margin-block:16px 24px}.guided-text-field label{display:block;font-weight:500}.guided-text-field textarea{display:block;width:100%;min-height:48px;padding:12px;border:1px solid var(--pf-line-strong);border-radius:9px;resize:vertical}.guided-text-field p{font-size:.9375rem;margin-block:6px 10px}.guided-asset-field{margin-block:16px 24px}.guided-artwork-upload input{display:block;width:100%;margin-block:8px 12px}.guided-artwork-upload button{min-height:44px;padding:10px 16px}.guided-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.guided-history{margin-top:12px}.guided-history button{min-height:44px}.guided-crop-review,.guided-legibility-note{padding:16px;background:var(--pf-panel-2);border-radius:8px}.guided-layout-confirmation{padding-block:16px}.guided-personalization>.guided-validation{border-top:1px solid var(--pf-line);margin-top:24px;padding-top:16px}.guided-validation h2{font-size:1rem;margin-bottom:4px}.guided-validation .customer-validation-summary>p{font-size:.9375rem;margin-block:4px}.guided-steps{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--pf-line);margin-bottom:24px}body .configurable-editor-shell .guided-steps button{flex:1 1 auto;min-height:44px;padding:10px 8px;border:0;border-radius:0;border-bottom:2px solid transparent;background:transparent}body .configurable-editor-shell .guided-steps button[aria-current=step]{border-bottom-color:var(--pf-orange);font-weight:600;color:var(--pf-orange)}body .configurable-editor-shell .guided-steps button:hover:not(:disabled){background:var(--pf-panel-2);box-shadow:none}body .configurable-editor-shell .guided-steps button:not([aria-current=step]):hover{border-bottom-color:transparent;color:var(--foreground)}.guided-task-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:24px}.personalization-mode-controls{display:grid;justify-items:end;gap:0}.personalization-mode-controls span{font-size:.875rem;color:var(--muted-foreground)}body .configurable-editor-shell .personalization-mode-controls .quiet-action{background:transparent;padding-inline:0}body .configurable-editor-shell .project-studio-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}body .configurable-editor-shell[data-personalization-mode=guided]{max-width:1200px;margin-inline:auto;gap:24px}.guided-result .actual-pen-mockup[data-compact-preview] .actual-pen-artboard{min-height:0;width:min(100%,200px);height:auto;aspect-ratio:1;margin-inline:auto}.guided-result .actual-pen-mockup[data-compact-preview] .actual-pen-photo{max-height:100%}body .configurable-editor-shell .guided-order-summary{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1.25fr);align-items:center;gap:12px 24px;margin:0;padding:24px}.guided-order-summary .commerce-summary-copy h2{font-size:1rem;margin:0 0 6px}.guided-estimate-total{display:block;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:normal}.guided-order-summary .commerce-summary-copy p{font-size:.875rem;margin:6px 0 0}.guided-order-summary .quantity-control{width:100%}.guided-order-summary .quantity-control input{min-height:44px;width:100%}.guided-order-summary .quantity-pricing-disclosure{grid-row:2;margin:0}body .guided-order-summary .editor-cart-line-handoff{grid-column:3;grid-row:1;display:grid;gap:12px;margin:0}body .guided-order-summary .cart-line-ready-note{background:transparent;border:0;padding:0;margin:0;font-size:.9375rem;font-weight:400;color:var(--foreground)}.guided-order-summary .editor-handoff-actions,body .guided-order-summary .minimum-note{margin:0}.guided-order-summary .editor-cart-line-blockers{margin:0;padding-left:20px}.guided-order-summary>.minimum-note{grid-column:1/-1}#design-studio .draft-save-status{max-width:1200px;margin:12px auto 0;padding-inline:clamp(16px,2vw,32px);font:400 .875rem/1.5 var(--font-sans),sans-serif;color:var(--muted-foreground)}@media (max-width:720px){body .configurable-editor-shell[data-personalization-mode=guided]{gap:20px}[data-personalization-mode=guided] .configurable-editor-summary{display:none}.personalization-mode-controls{justify-items:start}.personalization-mode-controls span{display:none}body .configurable-editor-shell .project-studio-header{gap:4px 16px}.guided-workspace{grid-template-columns:minmax(0,1fr);gap:20px}.guided-preview-column{position:static}.guided-result{padding:12px}.guided-result h2{margin-bottom:12px;font-size:1.1rem}.guided-result[data-result-kind=pen] .guided-result-artwork{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px}.guided-result[data-result-kind=magnet]{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 12px;align-items:center}.guided-result[data-result-kind=magnet] h2{grid-column:2;margin:0}.guided-result[data-result-kind=magnet] .guided-result-artwork{grid-column:1;grid-row:1/span 3;padding:0;background:transparent}.guided-result[data-result-kind=magnet] .guided-result-caption{grid-column:2;margin:0}.guided-result[data-result-kind=magnet]>.quiet-action{grid-column:2;text-align:left;padding-inline:0}.guided-result[data-result-kind=magnet] .guided-detail{grid-column:1/-1}.guided-result-caption{margin:12px 0 0}.guided-result .actual-pen-mockup[data-compact-preview] .actual-pen-artboard{width:100%}body .configurable-editor-shell .guided-order-summary{grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr));gap:16px;padding:16px}body .guided-order-summary .editor-cart-line-handoff{grid-column:1/-1;grid-row:auto;order:1}.guided-order-summary .quantity-pricing-disclosure{grid-row:auto;order:2}.guided-order-summary .editor-handoff-actions .primary-action{width:100%;text-align:center}}@media (prefers-reduced-motion:no-preference){.guided-task section:not([hidden]):is(.guided-content,.guided-fit,.guided-review){animation:guided-task-reveal .16s ease-out}@keyframes guided-task-reveal{0%{transform:translateY(2px)}to{transform:translateY(0)}}}