@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Outfit:wght@300;400;500;600&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,600;1,400&family=Playfair+Display:ital,wght@0,400;0,600;1,400&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--linen: #f6f1eb;--parchment: #ece5db;--clay: #c4956a;--clay-deep: #a87a4f;--ink: #1e1b18;--ink-soft: #3d3731;--stone: #9b9389;--stone-light: #bfb8ae;--cream: #faf8f5;--ivory: #ffffff;--blush: #e8d5c4;--sage: #8a9a7e;--error: #c0503b;--font-serif: "Cormorant Garamond", "Georgia", serif;--font-sans: "Outfit", -apple-system, sans-serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}html{background:var(--linen);color:var(--ink);font-family:var(--font-sans);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5}body{min-height:100vh}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px}::selection{background:var(--blush);color:var(--ink)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--stone-light);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--stone)}h1,h2,h3{font-family:var(--font-serif);font-weight:400;letter-spacing:-.01em;color:var(--ink)}a{color:var(--clay);text-decoration:none;transition:color .2s var(--ease-out)}a:hover{color:var(--clay-deep)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;font-family:var(--font-sans);font-size:13px;font-weight:500;letter-spacing:.02em;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s var(--ease-out);position:relative;overflow:hidden}.btn-primary{background:var(--ink);color:var(--cream)}.btn-primary:hover{background:var(--ink-soft);transform:translateY(-1px);box-shadow:0 4px 12px #1e1b1826}.btn-primary:active{transform:translateY(0)}.btn-warm{background:var(--clay);color:#fff}.btn-warm:hover{background:var(--clay-deep);transform:translateY(-1px);box-shadow:0 4px 16px #c4956a4d}.btn-ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--parchment)}.btn-ghost:hover{border-color:var(--stone-light);background:var(--cream)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.input{width:100%;padding:14px 16px;font-family:var(--font-sans);font-size:15px;color:var(--ink);background:var(--ivory);border:1.5px solid var(--parchment);border-radius:var(--radius-md);outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.input:focus{border-color:var(--clay);box-shadow:0 0 0 3px #c4956a1f}.input::placeholder{color:var(--stone-light)}.card{background:var(--ivory);border:1px solid var(--parchment);border-radius:var(--radius-md);transition:all .25s var(--ease-out)}.card:hover{border-color:var(--stone-light);box-shadow:0 2px 12px #1e1b180f}.card-interactive{cursor:pointer}.card-interactive:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e1b1814}.badge{display:inline-flex;align-items:center;padding:3px 10px;font-size:11px;font-weight:500;letter-spacing:.03em;border-radius:20px}.badge-draft{background:var(--parchment);color:var(--stone)}.badge-ready{background:#fef3e2;color:#c07a1a}.badge-ordered{background:#e8f0e4;color:var(--sage)}.page-shell{max-width:720px;margin:0 auto;padding:var(--space-xl) var(--space-lg);animation:fadeUp .5s var(--ease-out)}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-lg)}.login-card{width:100%;max-width:380px;text-align:center;animation:fadeUp .6s var(--ease-out)}.login-brand{font-family:var(--font-serif);font-size:32px;font-weight:300;letter-spacing:-.02em;margin-bottom:6px;color:var(--ink)}.login-subtitle{font-size:14px;color:var(--stone);margin-bottom:var(--space-xl)}.login-divider{width:32px;height:1px;background:var(--parchment);margin:0 auto var(--space-lg)}.login-form{display:flex;flex-direction:column;gap:var(--space-sm)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--parchment)}.dashboard-title{font-size:28px;font-weight:300}.dashboard-email{font-size:13px;color:var(--stone);margin-top:4px}.dashboard-actions{display:flex;gap:var(--space-sm)}.project-list{display:flex;flex-direction:column;gap:var(--space-sm)}.project-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg)}.project-title{font-family:var(--font-serif);font-size:17px;font-weight:500}.project-meta{font-size:12px;color:var(--stone);margin-top:3px}.project-actions{display:flex;align-items:center;gap:var(--space-sm)}.delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--stone-light);cursor:pointer;border-radius:var(--radius-sm);font-size:18px;transition:all .15s}.delete-btn:hover{color:var(--error);background:#c0503b0f}.empty-state{text-align:center;padding:var(--space-2xl) 0}.empty-state-title{font-family:var(--font-serif);font-size:22px;font-weight:300;color:var(--stone);margin-bottom:var(--space-sm)}.empty-state-text{font-size:14px;color:var(--stone-light)}.upload-header{margin-bottom:var(--space-lg)}.upload-title{font-size:28px;font-weight:300;margin-bottom:4px}.upload-count{font-size:14px;color:var(--stone)}.upload-dropzone{border:2px dashed var(--parchment);border-radius:var(--radius-lg);padding:var(--space-2xl) var(--space-xl);text-align:center;cursor:pointer;transition:all .25s var(--ease-out);background:var(--cream);position:relative;overflow:hidden}.upload-dropzone:hover{border-color:var(--stone-light);background:var(--ivory)}.upload-dropzone.drag-over{border-color:var(--clay);background:#c4956a0a;transform:scale(1.005)}.upload-dropzone-icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--stone-light)}.upload-dropzone-text{font-size:15px;color:var(--stone)}.upload-dropzone-hint{font-size:12px;color:var(--stone-light);margin-top:var(--space-xs)}.upload-progress{font-family:var(--font-sans);font-size:14px;color:var(--clay);font-weight:500}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:6px;margin-top:var(--space-lg)}.photo-grid-item{aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;background:var(--parchment);position:relative}.photo-grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s var(--ease-out)}.photo-grid-item:hover img{transform:scale(1.05)}.upload-generate-bar{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--parchment)}.variant-picker{animation:fadeUp .5s var(--ease-out)}.variant-picker-title{font-size:32px;font-weight:300;margin-bottom:var(--space-sm)}.variant-picker-subtitle{color:var(--stone);font-size:15px;margin-bottom:var(--space-xl)}.variant-card{padding:var(--space-lg)}.variant-card:hover{border-color:var(--clay)}.variant-card-title{font-family:var(--font-serif);font-size:20px;font-weight:400;margin-bottom:4px}.variant-card-desc{font-size:14px;color:var(--stone);margin-bottom:4px}.variant-card-meta{font-size:12px;color:var(--stone-light)}.editor-root{font-family:var(--font-sans)!important;color:var(--ink)!important}.editor-navbar{background:var(--cream)!important;border-bottom-color:var(--parchment)!important}.editor-navbar-left a{color:var(--stone)!important}.editor-navbar-left a:hover{color:var(--ink)!important}.editor-navbar-title{font-family:var(--font-serif)!important}.editor-canvas{background:var(--linen)!important}.editor-sidebar{background:var(--cream)!important;border-right-color:var(--parchment)!important}.editor-bottom-bar{background:var(--cream)!important;border-top-color:var(--parchment)!important}.editor-btn-primary{background:var(--clay)!important}.editor-btn-primary:hover{background:var(--clay-deep)!important}.spread-thumbnail.active{border-color:var(--clay)!important;background:#c4956a1a!important}.bottom-bar-btn:hover,.bottom-bar-btn.active{color:var(--clay)!important;background:#c4956a14!important}.layout-popup-item.active{border-color:var(--clay)!important}.editor-loading{background:var(--linen)!important}.editor-spinner{border-color:var(--parchment)!important;border-top-color:var(--clay)!important}.editor-loading-text{font-family:var(--font-serif)!important;font-size:16px!important;font-weight:300!important;color:var(--stone)!important}:root{--editor-bg: #f0ede8;--editor-surface: #faf9f7;--editor-nav-bg: #faf9f7;--editor-border: #e4dfd6;--editor-text: #2c2825;--editor-text-muted: #8a837a;--editor-accent: #c8956c;--editor-accent-hover: #b8824f;--editor-selection: #c8956c33;--editor-selection-border: #c8956c;--editor-page-shadow: 0 1px 3px rgba(0,0,0,.06), 0 8px 24px rgba(0,0,0,.08);--editor-radius: 10px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif}.editor-root{font-family:var(--font-body);color:var(--editor-text);-webkit-font-smoothing:antialiased}.editor-navbar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 20px;background:var(--editor-nav-bg);border-bottom:1px solid var(--editor-border);flex-shrink:0;z-index:10;position:relative}.editor-navbar-left{display:flex;align-items:center;gap:6px;font-size:14px}.editor-navbar-left a{color:var(--editor-text-muted);text-decoration:none;transition:color .15s}.editor-navbar-left a:hover{color:var(--editor-text)}.editor-navbar-left .separator{color:var(--editor-border);margin:0 4px}.editor-navbar-title{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--editor-text)}.editor-navbar-page-count{color:var(--editor-text-muted);font-size:13px;font-weight:400;margin-left:4px}.editor-navbar-center{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center}.font-selector{display:flex;align-items:center;gap:4px;background:var(--editor-bg);border-radius:8px;padding:3px 4px;color:var(--editor-text-muted)}.font-selector-btn{padding:4px 12px;font-size:13px;font-weight:500;border:none;background:transparent;color:var(--editor-text-muted);border-radius:6px;cursor:pointer;transition:all .15s;white-space:nowrap}.font-selector-btn:hover{color:var(--editor-text)}.font-selector-btn.active{background:var(--editor-surface);color:var(--editor-text);box-shadow:0 1px 3px #00000014}.editor-navbar-right{display:flex;align-items:center;gap:8px}.editor-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;font-family:var(--font-body);border-radius:8px;cursor:pointer;transition:all .15s;border:none}.editor-btn-ghost{background:transparent;color:var(--editor-text);border:1px solid var(--editor-border)}.editor-btn-ghost:hover{background:var(--editor-bg);border-color:var(--editor-text-muted)}.editor-btn-primary{background:var(--editor-accent);color:#fff;font-weight:600;padding:8px 20px}.editor-btn-primary:hover{background:var(--editor-accent-hover)}.editor-btn-primary:disabled{opacity:.5;cursor:not-allowed}.editor-sidebar{width:220px;background:var(--editor-surface);border-right:1px solid var(--editor-border);overflow-y:auto;padding:16px 12px;flex-shrink:0}.editor-sidebar::-webkit-scrollbar{width:4px}.editor-sidebar::-webkit-scrollbar-thumb{background:var(--editor-border);border-radius:4px}.spread-thumbnail{display:flex;gap:1px;padding:6px;border-radius:8px;cursor:pointer;margin-bottom:8px;transition:all .15s;border:2px solid transparent;background:transparent}.spread-thumbnail:hover{background:var(--editor-selection)}.spread-thumbnail.active{border-color:var(--editor-selection-border);background:var(--editor-selection)}.spread-thumb-page{position:relative;background:#fff;border-radius:2px;overflow:hidden;box-shadow:0 1px 3px #00000014}.spread-thumb-label{font-size:10px;color:var(--editor-text-muted);text-align:center;margin-top:4px;font-weight:500}.sidebar-add-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;border:1px dashed var(--editor-border);border-radius:8px;background:transparent;color:var(--editor-text-muted);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all .15s;margin-top:4px}.sidebar-add-btn:hover{border-color:var(--editor-accent);color:var(--editor-accent);background:var(--editor-selection)}.editor-canvas{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--editor-bg);overflow:hidden;position:relative}.spread-container{display:flex;position:relative;filter:drop-shadow(0 4px 20px rgba(0,0,0,.12))}@keyframes cornerPeelRight{0%{transform:rotateY(0) rotateX(0) rotate(0);filter:drop-shadow(0 4px 16px rgba(0,0,0,.1))}15%{transform:rotateY(-15deg) rotateX(2deg) rotate(-.5deg);filter:drop-shadow(-4px 8px 20px rgba(0,0,0,.15))}40%{transform:rotateY(-70deg) rotateX(4deg) rotate(-1deg);filter:drop-shadow(-10px 12px 30px rgba(0,0,0,.18))}70%{transform:rotateY(-140deg) rotateX(2deg) rotate(-.5deg);filter:drop-shadow(-6px 6px 20px rgba(0,0,0,.1))}to{transform:rotateY(-180deg) rotateX(0) rotate(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0));opacity:0}}@keyframes cornerPeelLeft{0%{transform:rotateY(0) rotateX(0) rotate(0);filter:drop-shadow(0 4px 16px rgba(0,0,0,.1))}15%{transform:rotateY(15deg) rotateX(2deg) rotate(.5deg);filter:drop-shadow(4px 8px 20px rgba(0,0,0,.15))}40%{transform:rotateY(70deg) rotateX(4deg) rotate(1deg);filter:drop-shadow(10px 12px 30px rgba(0,0,0,.18))}70%{transform:rotateY(140deg) rotateX(2deg) rotate(.5deg);filter:drop-shadow(6px 6px 20px rgba(0,0,0,.1))}to{transform:rotateY(180deg) rotateX(0) rotate(0);filter:drop-shadow(0 0 0 rgba(0,0,0,0));opacity:0}}@keyframes cornerPeelRightNoShadow{0%{transform:rotateY(0) rotateX(0) rotate(0)}15%{transform:rotateY(-15deg) rotateX(2deg) rotate(-.5deg)}40%{transform:rotateY(-70deg) rotateX(4deg) rotate(-1deg)}70%{transform:rotateY(-140deg) rotateX(2deg) rotate(-.5deg)}to{transform:rotateY(-180deg) rotateX(0) rotate(0);opacity:0}}@keyframes cornerPeelLeftNoShadow{0%{transform:rotateY(0) rotateX(0) rotate(0)}15%{transform:rotateY(15deg) rotateX(2deg) rotate(.5deg)}40%{transform:rotateY(70deg) rotateX(4deg) rotate(1deg)}70%{transform:rotateY(140deg) rotateX(2deg) rotate(.5deg)}to{transform:rotateY(180deg) rotateX(0) rotate(0);opacity:0}}@keyframes castShadow{0%{opacity:0}20%{opacity:.8}60%{opacity:1}to{opacity:0}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spread-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#1e1b180f;border:1px solid rgba(30,27,24,.08);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:5;color:var(--ink-soft, #3d3731)}.spread-nav-btn:hover{background:#1e1b1880;border-color:transparent;color:#fff}.spread-nav-prev{left:-64px}.spread-nav-next{right:-64px}.spread-spine{position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:100%;z-index:5;pointer-events:none;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.04) 25%,rgba(0,0,0,.08) 45%,rgba(0,0,0,.12) 50%,rgba(0,0,0,.08) 55%,rgba(0,0,0,.04) 75%,transparent 100%)}.spread-page-left{position:relative}.spread-page-left:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.03));pointer-events:none}.spread-page-right{position:relative}.spread-page-right:after{content:"";position:absolute;top:0;left:0;width:20px;height:100%;background:linear-gradient(270deg,transparent,rgba(0,0,0,.03));pointer-events:none}.spread-page-indicator{margin-top:16px;font-size:12px;color:var(--editor-text-muted);font-weight:500;letter-spacing:.5px}.editor-bottom-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--editor-surface);border-top:1px solid var(--editor-border);flex-shrink:0}.bottom-bar-tools{display:flex;align-items:center;gap:4px}.bottom-bar-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 14px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--editor-text-muted);font-size:10px;font-family:var(--font-body);font-weight:500;transition:all .15s}.bottom-bar-btn:hover,.bottom-bar-btn.active{background:var(--editor-selection);color:var(--editor-accent)}.bottom-bar-btn svg{width:20px;height:20px}.bottom-bar-actions{display:flex;align-items:center;gap:4px}.bottom-bar-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--editor-text-muted);transition:all .15s}.bottom-bar-icon-btn:hover{background:var(--editor-selection);color:var(--editor-text)}.layout-popup{position:absolute;bottom:64px;left:24px;background:#fff;border:1px solid var(--editor-border);border-radius:var(--editor-radius);box-shadow:0 8px 32px #0000001f;padding:12px;z-index:20}.layout-popup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.layout-popup-item{position:relative;background:var(--editor-bg);border-radius:4px;cursor:pointer;border:2px solid transparent;transition:all .15s;overflow:hidden}.layout-popup-item:hover{border-color:var(--editor-text-muted)}.layout-popup-item.active{border-color:var(--editor-accent)}.editor-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:var(--editor-bg);font-family:var(--font-body);color:var(--editor-text);gap:16px}.editor-spinner{width:32px;height:32px;border:2.5px solid var(--editor-border);border-top-color:var(--editor-accent);border-radius:50%;animation:editor-spin .8s ease-in-out infinite}@keyframes editor-spin{to{transform:rotate(360deg)}}.editor-loading-text{font-size:14px;color:var(--editor-text-muted);font-weight:500}.cover-softcover-shell{border-radius:3px;overflow:visible!important;box-shadow:1px 2px 3px #0000001f,2px 6px 16px #00000014,4px 12px 32px #0000000f}.cover-softcover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;z-index:5;pointer-events:none}.cover-softcover-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.06) 0%,transparent 8%),linear-gradient(0deg,rgba(0,0,0,.04) 0%,transparent 8%),linear-gradient(90deg,rgba(0,0,0,.02) 0%,transparent 4%),linear-gradient(270deg,rgba(0,0,0,.02) 0%,transparent 4%);pointer-events:none}.cover-softcover-edge{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:4px;z-index:-1;pointer-events:none}.cover-spine-softcover{position:absolute;top:0;bottom:0;width:8px;z-index:6;pointer-events:none}.cover-spine-softcover.spine-left{left:0;background:linear-gradient(90deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 35%,rgba(255,255,255,.04) 50%,transparent 100%);border-radius:3px 0 0 3px}.cover-spine-softcover.spine-right{right:0;background:linear-gradient(270deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.08) 35%,rgba(255,255,255,.04) 50%,transparent 100%);border-radius:0 3px 3px 0}.cover-hardcover-shell{border-radius:4px;overflow:visible!important;box-shadow:2px 3px 4px #00000026,3px 8px 20px #0000001a,5px 16px 40px #00000014}.cover-hardcover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;z-index:5;pointer-events:none}.cover-hardcover-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:4px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0%,transparent 6%),linear-gradient(0deg,rgba(0,0,0,.06) 0%,transparent 6%),linear-gradient(90deg,rgba(0,0,0,.03) 0%,transparent 3%),linear-gradient(270deg,rgba(0,0,0,.03) 0%,transparent 3%);pointer-events:none}.cover-hardcover-edge{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:6px;z-index:-1;pointer-events:none}.cover-spine-hardcover{position:absolute;top:-5px;bottom:-5px;width:24px;z-index:6;pointer-events:none}.cover-spine-hardcover.spine-left{left:-5px;border-radius:6px 0 0 6px;background:linear-gradient(90deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 8%,rgba(255,255,255,.12) 18%,rgba(255,255,255,.08) 25%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.16) 50%,rgba(255,255,255,.04) 60%,rgba(0,0,0,.03) 75%,transparent 100%)}.cover-spine-hardcover.spine-right{right:-5px;border-radius:0 6px 6px 0;background:linear-gradient(270deg,rgba(0,0,0,.04) 0%,rgba(0,0,0,.08) 8%,rgba(255,255,255,.12) 18%,rgba(255,255,255,.08) 25%,rgba(0,0,0,.16) 35%,rgba(0,0,0,.2) 42%,rgba(0,0,0,.16) 50%,rgba(255,255,255,.04) 60%,rgba(0,0,0,.03) 75%,transparent 100%)}.spread-toolbar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;pointer-events:auto;align-items:center;gap:8px;padding:6px 14px;background:#2c2825d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;z-index:10;white-space:nowrap;animation:toolbarFadeIn .15s ease}@keyframes toolbarFadeIn{0%{opacity:0;transform:translate(-50%) translateY(4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cover-hover-divider{width:1px;height:20px;background:#fff3;flex-shrink:0}.cover-type-toggle{display:flex;gap:2px;background:#ffffff1a;border-radius:8px;padding:2px}.cover-type-btn{padding:5px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .15s;color:#fff9;background:transparent}.cover-type-btn:hover{color:#ffffffe6}.cover-type-btn.active{background:#fff3;color:#fff}.cover-color-swatches{display:flex;gap:6px;align-items:center}.cover-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0;outline:none}.cover-color-swatch:hover{transform:scale(1.15)}.cover-color-swatch.active{border-color:#fff}