@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap";.pen-designer-root{--pen-navy: #0a2740;--pen-gold: #c59a3d;--pen-cream: #f1eee7;--pen-paper: #fff;--pen-muted: #68717a;--pen-border: rgba(10, 39, 64, .14);min-height:100vh;padding:38px clamp(18px,4vw,68px) 56px;background:var(--pen-cream);color:var(--pen-navy);font-family:DM Sans,system-ui,sans-serif}.pen-designer-root *,.pen-designer-root *:before,.pen-designer-root *:after{box-sizing:border-box}.pen-designer-root button,.pen-designer-root input,.pen-designer-root select{font:inherit}.pen-header{display:flex;justify-content:space-between;gap:24px;max-width:1440px;margin:0 auto 26px}.pen-header h1,.pen-panel h2,.pen-preview h2,.pen-proof-modal h2{margin:0;font-family:Playfair Display,Georgia,serif;line-height:1.08}.pen-header h1{font-size:clamp(30px,4vw,48px)}.pen-header p:not(.pen-eyebrow){margin:10px 0 0;color:var(--pen-muted)}.pen-eyebrow,.pen-step-label{margin:0 0 7px;color:#99701f;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.pen-reset{align-self:flex-start;padding:10px 14px;border:1px solid var(--pen-border);border-radius:999px;background:transparent;color:var(--pen-navy);cursor:pointer}.pen-stepper{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));max-width:1440px;margin:0 auto 22px;border:1px solid var(--pen-border);border-radius:14px;overflow:hidden;background:#fff9}.pen-stepper button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:10px;border:0;border-right:1px solid var(--pen-border);background:transparent;color:var(--pen-muted);cursor:pointer}.pen-stepper button:last-child{border-right:0}.pen-stepper button:disabled{cursor:default}.pen-stepper button span{display:inline-grid;width:26px;height:26px;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:12px;font-weight:700}.pen-stepper button.is-active{background:var(--pen-navy);color:#fff}.pen-stepper button.is-done{color:var(--pen-navy);font-weight:600}.pen-stepper button.is-done span{border-color:var(--pen-gold);background:var(--pen-gold);color:#fff}.pen-workspace{display:grid;grid-template-columns:minmax(330px,.86fr) minmax(480px,1.14fr);gap:22px;max-width:1440px;margin:0 auto}.pen-controls,.pen-preview{min-width:0;border:1px solid var(--pen-border);border-radius:18px;background:var(--pen-paper);box-shadow:0 18px 55px #0a274012}.pen-controls{display:flex;min-height:630px;flex-direction:column;padding:clamp(22px,3vw,38px)}.pen-panel h2,.pen-preview h2,.pen-proof-modal h2{font-size:clamp(25px,2.6vw,34px)}.pen-lead{margin:10px 0 24px;color:var(--pen-muted);line-height:1.55}.pen-product-card{display:grid;grid-template-columns:94px minmax(0,1fr) auto;align-items:center;width:100%;gap:15px;padding:13px;border:2px solid var(--pen-gold);border-radius:14px;background:#fffcf5;color:var(--pen-navy);text-align:left}.pen-product-card img{width:94px;height:76px;border-radius:9px;-o-object-fit:cover;object-fit:cover}.pen-product-card span,.pen-product-card strong,.pen-product-card small{display:block}.pen-product-card small{margin-top:4px;color:var(--pen-muted);line-height:1.35}.pen-preview-tabs,.pen-format-buttons{display:flex;gap:7px}.pen-preview-tabs button,.pen-format-buttons button{flex:1;padding:10px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--pen-muted);cursor:pointer}.pen-preview-tabs button.is-selected,.pen-format-buttons button.is-selected{border-color:var(--pen-border);background:#fff;color:var(--pen-navy);box-shadow:0 2px 8px #0a274014;font-weight:700}.pen-field{display:block;margin-bottom:18px}.pen-field>span{display:block;margin-bottom:7px;font-size:13px;font-weight:700}.pen-field input,.pen-field select{width:100%;min-height:48px;padding:11px 13px;border:1px solid rgba(10,39,64,.23);border-radius:9px;background:#fff;color:var(--pen-navy);outline:none}.pen-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:48px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%230a2740' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:14px 9px}.pen-field input:focus,.pen-field select:focus{border-color:var(--pen-gold);box-shadow:0 0 0 3px #c59a3d2e}.pen-field small,.pen-upload small{display:block;margin-top:6px;color:var(--pen-muted);font-size:11px}.pen-upload{display:grid;min-height:128px;margin-bottom:20px;padding:22px;place-items:center;border:1px dashed rgba(10,39,64,.34);border-radius:12px;background:#fafafa;text-align:center;cursor:pointer}.pen-upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.pen-upload span{color:var(--pen-navy);font-weight:700}.pen-upload-field{margin-top:20px}.pen-upload-field .pen-upload{margin-bottom:0}.pen-upload-field .pen-secondary{width:100%;margin-top:10px}.pen-style-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:13px}.pen-style-controls .pen-field{margin-bottom:0}.pen-format-buttons button{min-height:48px;border-color:var(--pen-border)}.pen-quantity{display:grid;grid-template-columns:52px 100px 52px;width:-moz-max-content;width:max-content;margin:36px auto 28px;overflow:hidden;border:1px solid var(--pen-border);border-radius:12px}.pen-quantity button,.pen-quantity input{min-height:52px;border:0;background:#fff;color:var(--pen-navy);text-align:center}.pen-quantity button{background:var(--pen-navy);color:#fff;font-size:22px;cursor:pointer}.pen-price-summary{display:flex;justify-content:space-between;padding:16px 0;border-top:1px solid var(--pen-border);border-bottom:1px solid var(--pen-border)}.pen-price-summary strong{font-size:20px}.pen-review-list{margin:25px 0}.pen-review-list div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;padding:13px 0;border-bottom:1px solid var(--pen-border)}.pen-review-list dt{color:var(--pen-muted)}.pen-review-list dd{margin:0;font-weight:600;word-break:break-word}.pen-proof-button{width:100%;min-height:52px;border:0;border-radius:10px;background:var(--pen-gold);color:#132435;font-weight:700;cursor:pointer}.pen-navigation .pen-proof-button{width:auto;flex:1;min-height:48px;padding:11px 22px}.pen-error{margin-top:18px;padding:11px 13px;border:1px solid #d98989;border-radius:9px;background:#fff2f2;color:#8b2020;font-size:13px}.pen-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:auto;padding-top:28px}.pen-primary,.pen-secondary{min-height:48px;padding:11px 22px;border-radius:9px;font-weight:700;cursor:pointer}.pen-primary{border:1px solid var(--pen-navy);background:var(--pen-navy);color:#fff}.pen-secondary{border:1px solid var(--pen-border);background:#fff;color:var(--pen-navy)}.pen-primary:disabled,.pen-secondary:disabled,.pen-proof-button:disabled{opacity:.55;cursor:default}.pen-preview{padding:clamp(20px,2.5vw,30px)}.pen-preview-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.pen-preview-tabs{padding:4px;border-radius:10px;background:#eceff0}.pen-preview-tabs button{white-space:nowrap}.pen-product-preview{position:relative;display:grid;min-height:500px;overflow:hidden;place-items:center;border-radius:14px;background:linear-gradient(145deg,#f8f9f9,#e6e9eb)}.pen-photo{position:relative;width:100%;max-width:520px}.pen-product-preview.is-cap .pen-photo{max-width:560px}.pen-photo-base{display:block;width:100%;height:auto}.pen-photo-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.pen-photo-art.is-etched{mix-blend-mode:multiply}.pen-preview-note{margin:15px 0 0;color:var(--pen-muted);font-size:12px;line-height:1.45}.pen-modal-backdrop{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;padding:20px;place-items:center;background:#04111cb8}.pen-proof-modal{display:flex;width:min(920px,96vw);max-height:94vh;padding:22px;flex-direction:column;border-radius:16px;background:#fff}.pen-proof-modal-head,.pen-proof-actions{display:flex;justify-content:space-between;align-items:center;gap:15px}.pen-proof-modal-head>button{border:0;background:transparent;color:var(--pen-muted);cursor:pointer}.pen-proof-modal iframe{width:100%;min-height:540px;margin:18px 0;border:1px solid var(--pen-border);border-radius:9px}.pen-proof-actions{justify-content:flex-end}.pen-loading{display:grid;min-height:70vh;place-items:center;color:var(--pen-muted)}@media (min-width: 901px){.pen-designer-root{--pen-photo-max-h: clamp(190px, 40dvh, 430px);display:flex;height:100dvh;max-height:100dvh;min-height:0;flex-direction:column;padding-top:24px;padding-bottom:24px;overflow:hidden}.pen-header,.pen-stepper{flex-shrink:0}.pen-header,.pen-stepper{margin-bottom:18px}.pen-workspace{flex:1 1 auto;min-height:0}.pen-controls{min-height:0;padding-bottom:0;overflow-x:hidden;overflow-y:auto;touch-action:pan-y pinch-zoom}.pen-preview{display:flex;min-height:0;flex-direction:column;overflow:hidden}.pen-preview-head,.pen-preview-note{flex-shrink:0}.pen-product-preview{min-height:0;flex:1 1 auto}.pen-photo{max-width:min(100%,520px,calc(var(--pen-photo-max-h) * var(--pen-photo-ratio, 1)))}.pen-product-preview.is-cap .pen-photo{max-width:min(100%,560px,calc(var(--pen-photo-max-h) * var(--pen-photo-ratio, 1)))}.pen-navigation{position:sticky;bottom:0;margin-right:calc(clamp(22px,3vw,38px)*-1);margin-left:calc(clamp(22px,3vw,38px)*-1);padding:18px clamp(22px,3vw,38px);background:var(--pen-paper)}}@media (min-width: 901px) and (max-height: 880px){.pen-designer-root{padding-top:16px;padding-bottom:16px}.pen-header{align-items:center;margin-bottom:12px}.pen-header h1{font-size:27px}.pen-header p:not(.pen-eyebrow){display:none}.pen-stepper{margin-bottom:12px}.pen-stepper button{min-height:50px}.pen-panel h2{font-size:24px}.pen-lead{margin:8px 0 16px}.pen-preview-note{display:none}}@media (max-width: 900px){.pen-designer-root{--pen-photo-max-h: clamp(150px, 28dvh, 255px);position:fixed;top:var(--pen-vv-top, 0px);right:0;left:0;display:flex;height:var(--pen-vv-height, 100dvh);max-height:var(--pen-vv-height, 100dvh);min-height:0;flex-direction:column;padding:10px 12px 0;overflow:hidden;overscroll-behavior:none}.pen-header,.pen-stepper,.pen-workspace{width:100%;max-width:none;margin-right:0;margin-left:0}.pen-header{align-items:center;flex-shrink:0;gap:12px;margin-bottom:10px}.pen-header .pen-eyebrow,.pen-header p:not(.pen-eyebrow){display:none}.pen-header h1{font-size:19px}.pen-reset{align-self:center;padding:8px 13px;font-size:13px;white-space:nowrap}.pen-stepper{display:flex;flex-shrink:0;margin-bottom:10px;border-radius:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pen-stepper::-webkit-scrollbar{display:none}.pen-stepper button{flex:0 0 auto;min-height:46px;gap:8px;padding:8px 15px;font-size:13px;font-weight:600;white-space:nowrap}.pen-stepper button span{width:22px;height:22px;flex-shrink:0;font-size:11px}.pen-workspace{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:10px}.pen-controls,.pen-preview{border-radius:14px;box-shadow:0 8px 24px #0a27400f}.pen-preview{display:flex;flex:0 0 auto;flex-direction:column;order:1;padding:10px 12px 12px}.pen-preview-head{display:block;margin-bottom:8px}.pen-preview-head>div:not(.pen-preview-tabs){display:none}.pen-preview-note{display:none}.pen-preview-tabs button{padding:8px 10px;font-size:13px}.pen-product-preview{min-height:0;padding:6px}.pen-photo{max-width:min(100%,calc(var(--pen-photo-max-h) * var(--pen-photo-ratio, 1)))}.pen-controls{min-height:0;flex:1 1 auto;order:2;padding:16px 16px 0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}.pen-panel h2{font-size:21px}.pen-lead{margin:6px 0 16px;font-size:14px}.pen-field{margin-bottom:14px}.pen-field input,.pen-field select,.pen-quantity input{font-size:16px}.pen-field input,.pen-field select{scroll-margin-top:12px;scroll-margin-bottom:96px}.pen-upload{min-height:96px;margin-bottom:14px;padding:16px}.pen-upload-field{margin-top:14px}.pen-quantity{margin:20px auto 18px}.pen-review-list{margin:16px 0}.pen-navigation{position:sticky;bottom:0;margin:auto -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--pen-border);background:var(--pen-paper)}.pen-navigation button{flex:1;padding:11px 14px}.pen-navigation .pen-secondary{flex:0 0 auto}}@media (max-width: 560px){.pen-designer-root{padding:8px 10px 0}.pen-header h1{font-size:17px}.pen-controls{padding:14px 14px 0}.pen-navigation{margin-right:-14px;margin-left:-14px;padding-right:14px;padding-left:14px}.pen-style-controls{grid-template-columns:1fr}.pen-product-card{grid-template-columns:64px minmax(0,1fr);gap:12px}.pen-product-card img{width:64px;height:58px}.pen-product-card b{grid-column:2}.pen-review-list div{grid-template-columns:1fr;gap:3px;padding:10px 0}.pen-proof-modal{padding:15px}.pen-proof-modal iframe{min-height:300px;margin:12px 0}.pen-proof-actions{align-items:stretch;flex-direction:column-reverse}.pen-proof-actions button{width:100%}}