.shipam-preview-root{min-height:100vh;position:relative}.shipam-preview-interactive a[href^=\/],.shipam-preview-interactive a[href=\#],.shipam-preview-interactive a[href=""]:not([href*="://"]),.shipam-preview-interactive a:not([href*="://"]):not([href^=mailto\:]):not([href^=tel\:]):not([href^=\#]){cursor:default}.shipam-preview-admin-shell{width:100vw;margin-top:-2rem;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.shipam-preview-public{background:var(--t-bg,#0f0a1a);min-height:100vh}.shipam-preview-public .shipam-preview-root{padding-top:5.5rem}.shipam-preview-public-workspace{padding:0 var(--t-page-px,1.5rem) 5rem;gap:1.25rem}.shipam-preview-public .shipam-preview-admin-header{gap:.75rem;padding-top:.75rem}.shipam-preview-public .shipam-preview-admin-header-eyebrow{font-family:var(--font-body), "DM Sans", system-ui, sans-serif;letter-spacing:.18em;color:var(--t-primary,#a78bfa);font-weight:700}.shipam-preview-public .shipam-preview-admin-header-title{font-family:var(--font-display), "Bricolage Grotesque", system-ui, sans-serif;letter-spacing:0;color:var(--t-fg,#e2e8f0);font-size:clamp(2.75rem,7vw,5.75rem);line-height:.92}.shipam-preview-public .shipam-preview-admin-header-description{max-width:42rem;font-family:var(--font-body), "DM Sans", system-ui, sans-serif;color:var(--t-muted-fg,#94a3b8);margin:0 auto;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.55}.shipam-preview-public .shipam-preview-input{width:min(100%,880px);max-width:880px;margin-bottom:4.25rem}.shipam-preview-public .shipam-preview-input-row{border:1px solid var(--t-border,#a78bfa26);border-radius:var(--t-radius-lg,16px);background:color-mix(in srgb, var(--t-surface-1,#1a1333) 74%, transparent);gap:0;padding:.45rem;box-shadow:inset 0 1px #ffffff0a,0 24px 80px -44px #a78bfaa6}.shipam-preview-public .shipam-preview-input-field{min-height:3.75rem;font-family:var(--font-body), "DM Sans", system-ui, sans-serif;color:var(--t-fg,#e2e8f0);background:0 0;border:0;border-radius:0;padding:1rem 1.15rem}.shipam-preview-public .shipam-preview-input-field:focus{box-shadow:none}.shipam-preview-public .shipam-preview-input-submit{min-width:9.5rem;font-family:var(--font-body), "DM Sans", system-ui, sans-serif;border-radius:calc(var(--t-radius,12px) - 2px);background:var(--t-primary,#a78bfa);color:var(--t-primary-fg,#0f0a1a);padding:0 1.5rem}.shipam-preview-public .shipam-preview-chip{top:5.75rem}@media (max-width:720px){.shipam-preview-public .shipam-preview-root{padding-top:4.75rem}.shipam-preview-public .shipam-preview-input-row{gap:.5rem;display:grid}.shipam-preview-public .shipam-preview-input-submit{width:100%;min-height:3rem}.shipam-preview-public .shipam-preview-chip{top:auto;bottom:1rem;right:1rem}}.shipam-preview-input{gap:.75rem;max-width:720px;margin:0 auto 2rem;display:grid}.shipam-preview-input-row{align-items:stretch;gap:.5rem;display:flex}.shipam-preview-input-field{font-size:1rem;font-family:var(--h-font-body,inherit);color:hsl(var(--h-text) / .92);background:hsl(var(--h-surface) / .7);border:1px solid hsl(var(--h-border));border-radius:var(--h-radius,10px);flex:1;padding:.95rem 1.1rem;transition:border-color .2s,box-shadow .2s}.shipam-preview-input-field:focus{border-color:hsl(var(--h-primary) / .65);box-shadow:0 0 0 3px hsl(var(--h-primary) / .18);outline:none}.shipam-preview-input-textarea{resize:none;min-height:0;font-family:var(--h-font-body,inherit);font-size:1rem;line-height:1.5;overflow-y:hidden}.shipam-preview-input-submit{color:hsl(var(--h-bg));background:hsl(var(--h-primary));border-radius:var(--h-radius,10px);cursor:pointer;border:0;padding:0 1.4rem;font-size:.95rem;font-weight:600;transition:transform .15s,filter .15s}.shipam-preview-input-submit:disabled{opacity:.5;cursor:not-allowed}.shipam-preview-input-submit:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.shipam-preview-input-note{gap:.35rem;display:grid}.shipam-preview-input-note-label{color:hsl(var(--h-text-muted));letter-spacing:.02em;font-size:.78rem}.shipam-preview-input-note-field{color:hsl(var(--h-text) / .9);background:hsl(var(--h-surface) / .55);border:1px solid hsl(var(--h-border));border-radius:calc(var(--h-radius,10px) - 2px);padding:.6rem .85rem;font-size:.9rem}.shipam-preview-input-note-field:focus{border-color:hsl(var(--h-primary) / .55);outline:none}.shipam-preview-chrome{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:hsl(var(--h-bg) / .82);border:1px solid hsl(var(--h-border));border-radius:var(--h-radius-lg,14px);box-shadow:0 18px 40px -24px hsl(var(--h-primary) / .45);position:fixed}.shipam-preview-chip{padding:.4rem .5rem;top:1.25rem;right:1.25rem}.shipam-preview-chip-button{color:hsl(var(--h-text));font-size:.88rem;font-family:var(--h-font-body,inherit);cursor:pointer;border-radius:calc(var(--h-radius,10px) - 2px);background:0 0;border:0;align-items:center;gap:.55rem;padding:.4rem .75rem;display:inline-flex}.shipam-preview-chip-swatch{border:1px solid hsl(var(--h-border-strong));border-radius:4px;flex-shrink:0;width:16px;height:16px}.shipam-preview-chip-label{font-weight:600}.shipam-preview-chip-caret{color:hsl(var(--h-text-muted));font-size:.7rem}.shipam-preview-chip-menu{background:hsl(var(--h-bg) / .96);border:1px solid hsl(var(--h-border));border-radius:var(--h-radius-lg,14px);min-width:240px;box-shadow:0 24px 60px -20px hsl(var(--h-primary) / .5);margin:0;padding:.35rem;list-style:none;position:absolute;top:calc(100% + .4rem);right:0}.shipam-preview-chip-option{width:100%;color:hsl(var(--h-text));text-align:left;cursor:pointer;border-radius:calc(var(--h-radius,10px) - 2px);background:0 0;border:0;align-items:center;gap:.65rem;padding:.55rem .7rem;display:flex}.shipam-preview-chip-option:hover,.shipam-preview-chip-option.is-active{background:hsl(var(--h-primary) / .12)}.shipam-preview-chip-option-text{gap:.1rem;display:grid}.shipam-preview-chip-option-name{font-size:.9rem;font-weight:600}.shipam-preview-chip-option-tagline{color:hsl(var(--h-text-muted));font-size:.78rem}.shipam-preview-actions{align-items:center;gap:.5rem;padding:.55rem;display:flex;bottom:1.25rem;right:1.25rem}.shipam-preview-action{font-size:.88rem;font-weight:600;font-family:var(--h-font-body,inherit);border-radius:calc(var(--h-radius,10px) - 2px);cursor:pointer;border:1px solid #0000;align-items:center;gap:.5rem;padding:.6rem 1rem;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.shipam-preview-action:disabled{opacity:.5;cursor:not-allowed}.shipam-preview-action-primary{background:hsl(var(--h-primary));color:hsl(var(--h-bg))}.shipam-preview-action-primary:not(:disabled):hover{filter:brightness(1.08);transform:translateY(-1px)}.shipam-preview-action-secondary{color:hsl(var(--h-text));border-color:hsl(var(--h-border));background:0 0}.shipam-preview-action-secondary:not(:disabled):hover{background:hsl(var(--h-primary) / .1)}.shipam-preview-action-error{color:hsl(var(--h-text));background:hsl(var(--h-primary) / .12);border:1px solid hsl(var(--h-primary) / .35);border-radius:calc(var(--h-radius,10px) - 4px);max-width:22rem;padding:.4rem .75rem;font-size:.8rem;font-weight:500;line-height:1.3}.shipam-preview-error{border:1px solid hsl(var(--h-border));border-radius:var(--h-radius-xl,18px);background:hsl(var(--h-surface) / .7);max-width:640px;margin:3rem auto;padding:2rem 2.25rem 2.5rem;position:relative;overflow:hidden}.shipam-preview-error-glow{background:radial-gradient(circle at 30% 20%, hsl(var(--h-primary) / .22), transparent 55%), radial-gradient(circle at 80% 80%, hsl(var(--h-accent) / .18), transparent 50%);pointer-events:none;position:absolute;inset:-1px}.shipam-preview-error-content{gap:.65rem;display:grid;position:relative}.shipam-preview-error-code{font-family:var(--h-font-code,monospace);letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--h-primary));font-size:.72rem}.shipam-preview-error-title{font-family:var(--h-font-heading,inherit);color:hsl(var(--h-text));margin:0;font-size:1.5rem}.shipam-preview-error-message{color:hsl(var(--h-text-muted));margin:0;line-height:1.55}.shipam-preview-error-action{color:hsl(var(--h-bg));background:hsl(var(--h-primary));border-radius:calc(var(--h-radius,10px) - 2px);cursor:pointer;border:0;justify-self:start;margin-top:.5rem;padding:.55rem 1rem;font-size:.9rem;font-weight:600}.shipam-preview-recovery-actions{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.shipam-preview-import-help{border:1px solid hsl(var(--h-border));border-radius:calc(var(--h-radius,10px) - 2px);background:hsl(var(--h-bg) / .55);gap:.85rem;margin-top:1rem;padding:1rem;display:grid}.shipam-preview-import-help-field{gap:.35rem;display:grid}.shipam-preview-import-help-label{color:hsl(var(--h-text-muted));letter-spacing:.02em;font-size:.78rem}.shipam-preview-import-help-textarea{resize:vertical;min-height:72px;font-family:var(--h-font-body,inherit);line-height:1.45}.shipam-preview-import-help-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.shipam-preview-import-help-done{border:1px solid hsl(var(--h-primary) / .35);background:hsl(var(--h-primary) / .1);border-radius:calc(var(--h-radius,10px) - 2px);gap:.35rem;margin-top:1rem;padding:1rem 1.1rem;display:grid}.shipam-preview-import-help-done-title{font-size:1.1rem;font-family:var(--h-font-heading,inherit);color:hsl(var(--h-text));margin:0}.shipam-preview-import-help-done-message{color:hsl(var(--h-text-muted));margin:0;line-height:1.5}@keyframes shipamPreviewShimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shipam-preview-skeleton{gap:2rem;max-width:920px;margin:3rem auto;padding:2rem 1rem;display:grid}.shipam-preview-skeleton-hero{gap:.85rem;display:grid}.shipam-preview-skeleton-title,.shipam-preview-skeleton-subtitle,.shipam-preview-skeleton-meta,.shipam-preview-skeleton-entry-title,.shipam-preview-skeleton-entry-line{background:linear-gradient(90deg, hsl(var(--h-surface) / .6) 0%, hsl(var(--h-primary) / .18) 50%, hsl(var(--h-surface) / .6) 100%);background-size:800px 100%;border-radius:6px;height:12px;animation:1.6s linear infinite shipamPreviewShimmer}.shipam-preview-skeleton-title{width:60%;height:32px}.shipam-preview-skeleton-subtitle{width:40%;height:14px}.shipam-preview-skeleton-list{gap:1.25rem;display:grid}.shipam-preview-skeleton-entry{border:1px solid hsl(var(--h-border));border-radius:var(--h-radius-lg,12px);background:hsl(var(--h-surface) / .5);gap:.65rem;padding:1.25rem;display:grid}.shipam-preview-skeleton-meta{width:96px}.shipam-preview-skeleton-entry-title{width:70%;height:20px}.shipam-preview-skeleton-entry-line{width:90%}.shipam-preview-skeleton-entry-line.short{width:60%}.shipam-preview-admin{gap:1rem;padding-bottom:4rem;display:grid}.shipam-preview-admin-header{text-align:center;gap:.5rem;max-width:720px;margin:0 auto;padding-top:1rem;display:grid}.shipam-preview-admin-header-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:hsl(var(--h-primary));font-size:.72rem}.shipam-preview-admin-header-title{font-family:var(--h-font-heading,inherit);color:hsl(var(--h-text));margin:0;font-size:1.85rem}.shipam-preview-admin-header-description{color:hsl(var(--h-text-muted));margin:0}