.pd{--pd-ink:#0a0908;--pd-panel:#0f0d0c;--pd-field:#1a1614;--pd-text:#f7f3ec;--pd-soft:#d9d2c7;--pd-mute:#b9b1a4;--pd-faint:#8c857b;--pd-accent:#ff5a1f;--pd-line:rgba(255,255,255,0.07);color-scheme:dark;background:var(--pd-ink);color:var(--pd-text);font-family:var(--sm-display),"Figtree",Helvetica,Arial,sans-serif;min-height:100dvh;display:flex;flex-direction:column}.pd :focus-visible{outline:2px solid var(--pd-accent);outline-offset:2px}.pd input[type=checkbox],.pd input[type=range]{accent-color:var(--pd-accent)}.pd input[type=checkbox]{width:16px;height:16px}.pd button{font:inherit}.pd button:disabled{cursor:not-allowed}.pd-header{position:sticky;top:0;z-index:20;min-height:64px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;padding:10px 20px;background:rgba(10,9,8,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--pd-line)}.pd-header-title h1{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em}.pd-header-actions{display:flex;align-items:center;gap:10px}.pd-save-msg{font-size:13px;color:var(--pd-faint)}.pd-primary{background:var(--pd-accent);border:0;color:var(--pd-ink);border-radius:10px;padding:10px 16px;font-size:14px;font-weight:700;cursor:pointer}.pd-primary:hover:not(:disabled){background:#ff7440}.pd-primary:disabled{opacity:.45}.pd-ghost{background:none;border:1px solid rgba(255,255,255,.14);color:var(--pd-soft);border-radius:10px;padding:9px 14px;font-size:14px;font-weight:600;cursor:pointer}.pd-ghost:hover:not(:disabled){border-color:rgba(255,255,255,.3)}.pd-ghost:disabled{opacity:.4}.pd-outline{background:none;border:1px solid rgba(255,255,255,.2);color:var(--pd-text);border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;cursor:pointer;align-self:flex-start}.pd-outline:hover{border-color:var(--pd-accent)}.pd-error{margin:12px 20px 0;padding:10px 14px;border-radius:10px;background:rgba(255,90,31,.12);border:1px solid rgba(255,90,31,.45);color:#ffd2c0;font-size:14px}.pd-seg{display:grid;gap:4px;padding:4px;background:var(--pd-field);border-radius:10px}.pd-seg--inline{display:flex;border-radius:12px}.pd-seg--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-seg--3{grid-template-columns:repeat(3,minmax(0,1fr))}.pd-seg--4{grid-template-columns:repeat(4,minmax(0,1fr))}.pd-seg--7{grid-template-columns:repeat(7,minmax(0,1fr))}.pd-seg-btn{border:0;border-radius:7px;padding:8px 4px;min-height:36px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;background:transparent;color:var(--pd-mute);transition:background .15s,color .15s}.pd-seg--inline .pd-seg-btn{padding:8px 14px}.pd-seg-btn[aria-pressed=true]{background:var(--pd-text);color:var(--pd-ink)}.pd-seg-btn:disabled{opacity:.3}.pd-seg-btn--icon{font-size:13px;min-height:44px;display:grid;place-items:center}.pd-icon-mask{display:block;width:26px;height:26px;background:var(--pd-soft);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.pd-seg-btn[aria-pressed=true] .pd-icon-mask{background:var(--pd-ink)}.pd-icon-photo{display:block;width:28px;height:28px;background-size:contain;background-repeat:no-repeat;background-position:50%}.pd-main{display:grid;grid-template-columns:minmax(0,1fr) 380px;height:calc(100dvh - 64px)}.pd-main--narrow{height:auto}.pd-canvas,.pd-main--narrow{display:flex;flex-direction:column}.pd-canvas{position:relative;overflow:hidden;align-items:center;justify-content:center;gap:24px;padding:32px;height:100%;background:radial-gradient(55% 60% at 50% 45%,#1a1310,#0a0908 72%)}.pd-canvas:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 0);background-size:4px 4px;pointer-events:none}.pd-main--narrow .pd-canvas{height:auto;justify-content:flex-start;padding:32px 16px}.pd-phones{position:relative;display:flex;justify-content:center;align-items:flex-start}.pd-phone-col{margin:0;display:flex;flex-direction:column;align-items:center;gap:14px}.pd-phone-col figcaption{font-size:14px;font-weight:600;color:var(--pd-mute)}.pd-controls{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 24px;padding:14px 18px;background:rgba(26,22,20,.85);border:1px solid var(--pd-line);border-radius:14px}.pd-controls-label{font-size:13px;font-weight:600;color:var(--pd-faint);text-transform:uppercase;letter-spacing:.08em}.pd-inline{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--pd-soft)}.pd-progress{font-variant-numeric:tabular-nums;min-width:40px;color:var(--pd-text);font-weight:700}.pd-small{background:none;border:1px solid rgba(255,255,255,.16);color:var(--pd-text);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.pd-small:hover:not(:disabled){border-color:var(--pd-accent)}.pd-small--quiet{border-color:transparent;color:var(--pd-mute)}.pd-panel{display:flex;flex-direction:column;gap:22px;padding:28px 24px 48px;background:var(--pd-panel);border-left:1px solid var(--pd-line);overflow-y:auto}.pd-main--narrow .pd-panel{border-left:0;border-top:1px solid var(--pd-line);padding:28px 20px 110px}.pd-intro{margin:0;font-size:14px;line-height:1.5;color:#a8a097}.pd-section{display:flex;flex-direction:column;gap:14px}.pd-section h2{margin:0;font-size:13px;font-weight:700;color:var(--pd-faint);text-transform:uppercase;letter-spacing:.08em}.pd-rule{height:1px;background:var(--pd-line)}.pd-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--pd-soft)}.pd-hint{font-size:12px;color:var(--pd-faint);line-height:1.45}.pd-hint-p{line-height:1.5;color:#a8a097}.pd-hint-p,.pd-warn{margin:0;font-size:13px}.pd-warn{line-height:1.45;color:#ffb08f}.pd-input{background:var(--pd-field);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--pd-text);font:inherit;font-size:15px;padding:11px 12px;width:100%;resize:vertical}.pd-input--sm{width:160px;background:#0f0d0c;border-radius:8px;font-size:14px;padding:7px 10px}.pd-select{width:auto;cursor:pointer;color-scheme:dark}.pd-input--hex{width:96px;padding:8px 10px;font-size:14px;font-variant-numeric:tabular-nums;text-transform:uppercase}.pd-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pd-tile{display:flex;flex-direction:column;gap:8px;padding:8px;border-radius:12px;cursor:pointer;text-align:left;color:var(--pd-text);background:var(--pd-field);border:2px solid transparent}.pd-tile--on{border-color:var(--pd-accent)}.pd-tile-swatch{position:relative;height:54px;border-radius:7px;overflow:hidden;display:grid;place-items:center}.pd-tile-swatch img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.pd-tile-swatch--preset{display:flex;justify-content:center;align-items:center;gap:6px}.pd-tile-swatch--preset span{width:12px;height:12px;border-radius:50%}.pd-tile-meta{display:flex;justify-content:space-between;align-items:baseline;gap:6px;padding:0 2px}.pd-tile-name{font-size:13px;font-weight:600}.pd-tile-range{font-size:11px;font-weight:500;color:var(--pd-faint);white-space:nowrap}.pd-custom{display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:12px;background:var(--pd-field);border:1px dashed rgba(255,255,255,.2)}.pd-custom-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.pd-custom-title{font-size:15px;font-weight:700}.pd-custom-price{font-size:16px;font-weight:800;color:var(--pd-accent);white-space:nowrap}.pd-custom-price span{font-size:12px;font-weight:600;color:var(--pd-faint)}.pd-row-gap{display:flex;gap:8px;flex-wrap:wrap}.pd-checkout{margin:0;display:flex;flex-direction:column;gap:8px;font-size:14px}.pd-checkout div{display:flex;justify-content:space-between;gap:12px}.pd-checkout dt{color:var(--pd-soft)}.pd-checkout dd{margin:0;color:var(--pd-text);font-weight:600}.pd-colour{display:flex;flex-direction:column;gap:6px}.pd-colour-row{display:flex;align-items:center;gap:10px}.pd-colour-row input[type=color]{width:40px;height:36px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:var(--pd-field);cursor:pointer;flex:none}.pd-colour-row input[type=color]::-webkit-color-swatch-wrapper{padding:3px}.pd-colour-row input[type=color]::-webkit-color-swatch{border:0;border-radius:7px}.pd-colour-label{flex:1;font-size:14px;color:var(--pd-soft)}.pd-upload{display:flex;flex-direction:column;gap:8px}.pd-upload-row{display:flex;align-items:center;gap:12px}.pd-upload-thumb{width:52px;height:52px;flex:none;border-radius:10px;overflow:hidden;background:repeating-conic-gradient(#2a2420 0 25%,#1a1614 0 50%) 50% /12px 12px;display:grid;place-items:center}.pd-upload-thumb img{max-width:100%;max-height:100%;object-fit:contain}.pd-upload-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pd-upload-label{font-size:14px;font-weight:600}.pd-upload-actions{gap:4px;align-items:flex-end}.pd-notice,.pd-upload-actions{display:flex;flex-direction:column}.pd-notice{padding:12px 14px;border-radius:10px;background:rgba(255,90,31,.1);border:1px solid rgba(255,90,31,.4);gap:10px}.pd-notice p{margin:0;font-size:13px;line-height:1.5;color:#ffd2c0}.pd-notice-actions{display:flex;gap:8px;flex-wrap:wrap}.pd-toast{position:fixed;right:20px;bottom:20px;z-index:50;max-width:380px;display:flex;flex-direction:column;gap:4px;padding:14px 16px;border-radius:12px;background:#1a1614;border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 40px rgba(0,0,0,.5);font-size:14px;line-height:1.45;color:var(--pd-soft)}.pd-toast strong{color:var(--pd-text)}.pd-modal-backdrop{position:fixed;inset:0;z-index:60;background:rgba(10,9,8,.72);display:grid;place-items:center;padding:20px}.pd-modal{width:min(560px,100%);max-height:calc(100dvh - 40px);overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:24px;border-radius:16px;background:#0f0d0c;border:1px solid rgba(255,255,255,.1)}.pd-modal h2{margin:0;font-size:22px;font-weight:800}.pd-modal .pd-ghost{align-self:flex-start}.pd-finish-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px;border-radius:12px;background:var(--pd-field);text-align:center}.pd-finish-card--single{padding:20px 16px}.pd-finish-links{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:8px 20px}.pd-finish-qr{background:#ffffff;border-radius:10px;padding:10px;line-height:0}.pd-link{color:var(--pd-accent);font-weight:700}.pd-link:hover{color:#ff8a4d}.pd-phone{position:relative;width:340px}.pd-phone--apple{height:711px}.pd-phone--google{height:726px}.pd-btn{position:absolute;width:1.8%}.pd-btn--l{left:-1.6%;border-radius:2px 0 0 2px;background:linear-gradient(90deg,#8e2c10,#e0511f)}.pd-btn--r{right:-1.6%;border-radius:0 2px 2px 0;background:linear-gradient(270deg,#8e2c10,#e0511f)}.pd-phone-frame{position:absolute;inset:0;border-radius:16%/7.6%;background:linear-gradient(160deg,#ffa36e,#e0511f 30%,#b8390f 62%,#e65a24 82%,#ff9a60);box-shadow:0 60px 110px -30px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.35),inset 2px 3px 2px rgba(255,220,190,.55),inset -2px -3px 3px rgba(80,20,0,.5)}.pd-phone-bezel{position:absolute;inset:1.4%;border-radius:15%/7.2%;background:#050404}.pd-apple-screen-wrap{position:absolute;left:4.5%;right:4.5%;top:50%;transform:translateY(-50%);aspect-ratio:1206/2622;border-radius:12.5%/5.8%;overflow:hidden;background:#f1f2f6}.pd-apple-scale{position:absolute;left:0;top:0;width:402px;height:874px;transform:scale(.76965);transform-origin:0 0}.pd-apple-screen{position:absolute;inset:0;background:#f1f2f6;color:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif}.pd-apple-time{position:absolute;left:44px;top:23px;font-size:17px;line-height:17px;font-weight:600;letter-spacing:-.01em}.pd-apple-close{position:absolute;left:16px;top:62px;width:44px;height:44px;border-radius:50%;background:#fbfbff;display:grid;place-items:center}.pd-apple-close,.pd-apple-more{box-shadow:0 2px 14px rgba(0,0,0,.08)}.pd-apple-more{position:absolute;left:285px;top:62px;width:101px;height:44px;border-radius:22px;background:#fbfbff;display:flex;align-items:center;justify-content:space-around;padding:0 12px}.pd-apple-dots{display:flex;gap:4px}.pd-apple-dots i,.pd-google-menu i{display:block;width:4px;height:4px;border-radius:50%;background:#1c1c1e}.pd-apple-island{position:absolute;top:1.6%;left:50%;transform:translateX(-50%);width:31%;height:3.4%;border-radius:999px;background:#050404}.pd-gbtn{position:absolute;right:-1.2%;width:1.4%;border-radius:0 1.5px 1.5px 0;background:linear-gradient(270deg,#7a260d,#c9481b)}.pd-gphone-frame{position:absolute;inset:0;border-radius:11.5%/5.4%;background:linear-gradient(90deg,#b8401a,#e0511f 6%,#d24a1c 50%,#e0511f 94%,#b8401a);box-shadow:0 60px 110px -30px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.18),inset 0 1px 0 rgba(255,220,190,.35)}.pd-gphone-bezel{position:absolute;inset:.9%;border-radius:10.8%/5.05%;background:#050404}.pd-google-screen-wrap{position:absolute;left:12px;top:12px;width:316px;height:702px;border-radius:9%/4.1%;overflow:hidden;background:#ffffff}.pd-google-scale{position:absolute;left:0;top:0;width:412px;height:915px;transform:scale(.76699);transform-origin:0 0}.pd-google-screen{position:absolute;inset:0;background:#ffffff;color:#1f1f1f;font-family:Roboto,Google Sans,Arial,sans-serif}.pd-google-time{position:absolute;left:26px;top:21px;font-size:14px;line-height:16px;font-weight:500}.pd-google-back{position:absolute;left:8px;top:54px;width:48px;height:48px;display:grid;place-items:center}.pd-google-menu{position:absolute;right:8px;top:54px;width:48px;height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.pd-google-homebar{bottom:10px;width:120px;height:4px;border-radius:2px;background:#1f1f1f;opacity:.85}.pd-google-camera,.pd-google-homebar{position:absolute;left:50%;transform:translateX(-50%)}.pd-google-camera{top:1.9%;width:5.2%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 38%,#27304a,#020202 62%);box-shadow:0 0 0 1.5px #0b0b0b}@media (max-width:640px){.pd-header{position:static;padding:14px 16px}.pd-header-actions{width:100%;flex-wrap:wrap}.pd-header-actions .pd-primary{margin-left:auto}}@media (prefers-reduced-motion:reduce){.pd *{transition:none!important}}.pd-primary--link{display:inline-block;align-self:flex-start;text-decoration:none}