:root{--color-linen: #F7F4EF;--color-clay: #D9C9B8;--color-stone: #E8E4DF;--color-sage: #C8D2C0;--color-charcoal: #2F2E2C;--color-blush: #EBD5CC;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow-soft: 0 6px 20px rgba(0,0,0,.12);--shadow-deep: 0 14px 40px rgba(0,0,0,.18);--font-display: "Fraunces", "Cormorant Garamond", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif}html,body,#root{height:100%;background:var(--color-linen);color:var(--color-charcoal);margin:0;font-family:var(--font-body);line-height:1.6}*{box-sizing:border-box}h1,h2,h3{font-family:var(--font-display);letter-spacing:.2px;margin:0 0 1rem}h1{font-size:2.5rem;line-height:1.2}h2{font-size:2rem;line-height:1.3}h3{font-size:1.5rem;line-height:1.4}p{margin:0 0 1rem}.container{max-width:1120px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;padding:12px 24px;font-weight:600;font-family:var(--font-body);font-size:1rem;background:var(--color-charcoal);color:#fff;cursor:pointer;text-decoration:none;transition:all .2s ease;min-height:44px}.btn:hover{background:#1a1918;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-charcoal);border:1px solid var(--color-clay)}.btn-ghost:hover{background:var(--color-clay);color:var(--color-charcoal)}.btn-large{padding:16px 32px;font-size:1.1rem}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}@media(max-width:768px){.container{padding:16px}.grid-2,.grid-3{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}.header{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-clay);position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;justify-content:space-between;min-height:64px}.logo{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-charcoal);text-decoration:none;letter-spacing:.5px}.nav{display:flex;gap:32px;align-items:center}.nav-link{color:var(--color-charcoal);text-decoration:none;font-weight:500;padding:8px 16px;border-radius:999px;transition:all .2s ease}.nav-link:hover{background:var(--color-linen);color:var(--color-charcoal)}.nav-link.active{background:var(--color-sage);color:var(--color-charcoal)}@media(max-width:768px){.nav{gap:16px}.nav-link{padding:6px 12px;font-size:.9rem}.logo{font-size:1.5rem}}.footer{background:var(--color-charcoal);color:#fff;margin-top:80px}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;padding:48px 0 32px;gap:48px}.footer-brand h3{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-bottom:8px}.footer-brand p{color:var(--color-clay);font-size:.9rem;margin:0}.footer-links{display:flex;gap:32px}.footer-link{color:var(--color-clay);text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #404040;padding:24px 0;text-align:center}.footer-bottom p{color:var(--color-clay);font-size:.8rem;margin:0}@media(max-width:768px){.footer-content{flex-direction:column;gap:24px;text-align:center;padding:32px 0 24px}.footer-links{justify-content:center;gap:24px}}.card-clickable{cursor:pointer;transition:all .2s ease}.card-clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-deep)}.card-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:16px}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:8px;color:var(--color-charcoal)}.card-subtitle{font-size:.9rem;color:#666;margin-bottom:12px}.landing{min-height:100vh}.hero{padding:80px 0 120px;position:relative;background:linear-gradient(135deg,var(--color-linen) 0%,#faf8f3 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25% 25%,rgba(217,201,184,.1) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(200,210,192,.1) 0%,transparent 50%);pointer-events:none}.hero-content{text-align:center;max-width:600px;margin:0 auto;position:relative;z-index:1}.hero h1{font-size:3.5rem;line-height:1.1;margin-bottom:24px;color:var(--color-charcoal)}.hero-subtitle{font-size:1.25rem;color:#666;margin-bottom:40px;line-height:1.5}.how-it-works{padding:80px 0}.how-it-works h2{text-align:center;margin-bottom:48px;color:var(--color-charcoal)}.step-icon{font-size:2rem;margin-bottom:16px}.how-it-works .card{text-align:center;transition:transform .3s ease}.how-it-works .card:hover{transform:translateY(-4px)}.featured-room{padding:80px 0;background:#fff}.room-image{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.room-content{display:flex;flex-direction:column;justify-content:center;padding-left:48px}.room-content h2{margin-bottom:24px}.room-content p{font-size:1.1rem;line-height:1.6;color:#666}.small-print{font-size:.9rem!important;font-style:italic;color:var(--color-clay)!important;margin-top:24px}.gift-banner{padding:80px 0}.gift-card{background:linear-gradient(135deg,var(--color-blush) 0%,#f5ede7 100%);border:none}.gift-note-preview{margin-top:24px}.note-card{background:#fff;padding:16px 20px;border-radius:12px;font-style:italic;color:var(--color-charcoal);box-shadow:0 4px 12px #0000001a;display:inline-block}.gift-visual{display:flex;align-items:center;justify-content:center}.gift-box{font-size:4rem;opacity:.8}@media(max-width:768px){.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.room-content{padding-left:0;margin-top:32px;text-align:center}.gift-visual{margin-top:24px}}.field{margin-bottom:20px}.field-label{display:block;margin-bottom:8px;font-weight:500;color:var(--color-charcoal);font-size:.9rem}.field-input{width:100%;padding:12px 16px;border:1px solid var(--color-clay);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:1rem;background:#fff;transition:border-color .2s ease}.field-input:focus{outline:none;border-color:var(--color-sage);box-shadow:0 0 0 3px #c8d2c01a}.field-input[type=textarea],textarea.field-input{min-height:120px;resize:vertical}.field-error{display:block;margin-top:4px;font-size:.8rem;color:#e74c3c}.pill{display:inline-flex;align-items:center;padding:8px 16px;border:1px solid var(--color-clay);border-radius:999px;background:#fff;color:var(--color-charcoal);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.pill:hover{border-color:var(--color-sage);background:var(--color-linen)}.pill-active{background:var(--pill-color, var(--color-sage));border-color:var(--pill-color, var(--color-sage));color:var(--color-charcoal)}.pill-active:hover{background:var(--pill-color, var(--color-sage));border-color:var(--pill-color, var(--color-sage))}.room-preview{position:relative;width:100%;height:400px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft)}.view-toggle{position:absolute;top:16px;right:16px;z-index:10;display:flex;gap:8px;background:#fffffff2;padding:4px;border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a}.toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;font-weight:500;color:var(--color-charcoal);transition:all .2s ease;white-space:nowrap}.toggle-btn:hover{background:var(--color-stone)}.toggle-btn.active{background:var(--color-sage);color:#fff}.closeup-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-linen)}.closeup-artwork{max-width:100%;max-height:100%;object-fit:contain;border-radius:var(--radius-md)}.crop-view{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000;position:relative;overflow:hidden}.crop-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.crop-overlay{position:absolute;border:2px solid var(--color-sage);box-shadow:0 0 0 9999px #00000080;cursor:move;z-index:10;pointer-events:none}.crop-overlay>.crop-handle{pointer-events:auto}.crop-handle{position:absolute;width:12px;height:12px;background:#fff;border:2px solid var(--color-sage);border-radius:50%;cursor:pointer}.crop-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:20}.apply-crop-btn{padding:12px 24px;background:var(--color-sage);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0003;transition:all .2s ease}.apply-crop-btn:hover:not(:disabled){background:#718a6f;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.apply-crop-btn:disabled{opacity:.6;cursor:not-allowed}.crop-handle.corner-tl{top:-6px;left:-6px;cursor:nw-resize}.crop-handle.corner-tr{top:-6px;right:-6px;cursor:ne-resize}.crop-handle.corner-bl{bottom:-6px;left:-6px;cursor:sw-resize}.crop-handle.corner-br{bottom:-6px;right:-6px;cursor:se-resize}.crop-instructions{position:absolute;bottom:16px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:8px 16px;border-radius:var(--radius-lg);font-size:.9rem;pointer-events:none}.room-background{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.frame-container{position:absolute;top:12%;left:55%;transform:translate(-50%);z-index:2}.frame{width:96px;height:132px;background:#d9d8d7;padding:4px;border-radius:2px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;border:1px solid #f0f0f0}.frame.placeholder{background:#ffffffe6;border:2px dashed var(--color-clay);border-radius:4px}.placeholder-content{text-align:center;color:var(--color-charcoal);font-size:.8rem;opacity:.8;padding:10px}.artwork{width:100%;height:100%;object-fit:contain;border-radius:1px}@media(max-width:768px){.room-preview{height:300px}.view-toggle{top:8px;right:8px;gap:4px;padding:2px}.toggle-btn{padding:6px 12px;font-size:.8rem}.frame-container{top:20%;left:52%}.frame{width:85px;height:68px}}.create{min-height:100vh;padding:40px 0 80px}.create-header{text-align:center;margin-bottom:48px}.create-header h1{margin-bottom:16px}.create-header p{font-size:1.1rem;color:#666}.create-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.create-controls{display:flex;flex-direction:column;gap:32px}.section-label{display:block;font-weight:600;color:var(--color-charcoal);margin-bottom:12px;font-size:.9rem}.style-section{margin-bottom:24px}.style-chips{display:flex;gap:12px;flex-wrap:wrap}.generate-btn{align-self:flex-start}.generated-section{margin-top:32px}.generated-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.art-option{cursor:pointer;transition:all .2s ease;padding:12px;border:2px solid transparent}.art-option:hover{transform:translateY(-2px);box-shadow:var(--shadow-deep)}.art-option.selected{border-color:var(--color-sage);background:#f8faf8}.art-thumb{width:100%;height:120px;object-fit:cover;border-radius:8px;margin-bottom:8px}.art-title{font-size:.9rem;font-weight:500;text-align:center;color:var(--color-charcoal)}.preview-section{position:sticky;top:100px;display:flex;flex-direction:column;gap:24px}.preview-controls{display:flex;flex-direction:column;gap:24px}.size-selector{margin-bottom:16px}.size-option{padding:12px 16px;border:1px solid var(--color-clay);border-radius:var(--radius-lg);background:#fff;font-weight:500;text-align:center}.size-option.selected{background:var(--color-sage);border-color:var(--color-sage);color:var(--color-charcoal)}@media(max-width:768px){.create-layout{grid-template-columns:1fr;gap:32px}.preview-section{position:static;order:-1}.generated-grid{grid-template-columns:1fr}.style-chips{justify-content:center}}@keyframes pulse{0%,to{opacity:1;transform:scaleX(1)}50%{opacity:.7;transform:scaleX(1.05)}}.price-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--color-linen)}.price-row:last-child{border-bottom:none}.price-label{color:var(--color-charcoal);font-size:.9rem}.price-amount{font-weight:600;color:var(--color-charcoal)}.price-row-total{border-top:2px solid var(--color-clay);margin-top:8px;padding-top:16px;font-weight:600;font-size:1.1rem}.price-row-total .price-label,.price-row-total .price-amount{font-weight:600}.checkout{min-height:100vh;padding:40px 0 80px}.checkout-header{text-align:center;margin-bottom:48px}.checkout-header h1{margin-bottom:16px}.checkout-header p{font-size:1.1rem;color:#666}.checkout-layout{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:start}.checkout-form h3{margin-bottom:24px;color:var(--color-charcoal)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .full-width{grid-column:1 / -1}.order-summary{position:sticky;top:100px}.summary-card h3{margin-bottom:24px;color:var(--color-charcoal)}.order-item{display:flex;gap:16px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-linen)}.order-image{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.order-details{flex:1}.order-title{font-weight:600;color:var(--color-charcoal);margin-bottom:4px}.order-subtitle{font-size:.9rem;color:#666;margin-bottom:8px}.gift-note{font-size:.8rem;color:var(--color-charcoal);font-style:italic;background:var(--color-linen);padding:8px 12px;border-radius:8px;margin-top:8px}.pricing{margin-bottom:24px}.place-order-btn{width:100%;margin-bottom:16px}.checkout-note{font-size:.8rem;color:#666;text-align:center;margin:0;line-height:1.4}@media(max-width:768px){.checkout-layout{grid-template-columns:1fr;gap:32px}.order-summary{position:static;order:-1}.form-grid{grid-template-columns:1fr}}.order-status{min-height:100vh;padding:40px 0 80px}.status-header{text-align:center;margin-bottom:48px}.status-header h1{margin-bottom:16px;color:var(--color-charcoal)}.status-header p{font-size:1.1rem;color:#666;font-family:monospace}.status-card{max-width:600px;margin:0 auto;padding:40px}.status-steps{margin-bottom:40px}.step-container{position:relative}.step{display:flex;align-items:center;gap:16px;padding:16px 0}.step-circle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;background:var(--color-linen);color:#999;border:2px solid #ddd;flex-shrink:0}.step.completed .step-circle{background:var(--color-sage);color:var(--color-charcoal);border-color:var(--color-sage)}.step.current .step-circle{background:var(--color-charcoal);color:#fff;border-color:var(--color-charcoal)}.step-content{flex:1}.step-label{font-weight:600;color:var(--color-charcoal);margin-bottom:4px}.step-description{font-size:.9rem;color:#666}.step.current .step-label,.step.current .step-description{color:var(--color-charcoal)}.step-connector{position:absolute;left:19px;top:56px;width:2px;height:32px;background:#ddd;z-index:-1}.step-connector.completed{background:var(--color-sage)}.status-details{border-top:1px solid var(--color-linen);padding-top:32px}.status-details h3{margin-bottom:16px;color:var(--color-charcoal)}.status-details p{color:#666;line-height:1.6;margin-bottom:12px}.estimated-time{font-weight:500;color:var(--color-charcoal)!important}.status-footer{text-align:center;margin-top:48px}.status-footer p{color:#666}.status-footer a{color:var(--color-charcoal);text-decoration:none;font-weight:500}.status-footer a:hover{text-decoration:underline}@media(max-width:768px){.status-card{padding:24px}.step{padding:12px 0}.step-connector{height:24px;top:44px}}.crop-modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.crop-modal{background:#fff;border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--color-stone)}.crop-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--color-charcoal)}.crop-modal-close{background:none;border:none;font-size:2rem;line-height:1;color:var(--color-charcoal);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background .2s ease}.crop-modal-close:hover{background:var(--color-stone)}.crop-modal-body{flex:1;overflow:hidden;background:#000;position:relative;display:flex;align-items:center;justify-content:center;min-height:400px}.crop-modal-image{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;position:relative;z-index:1}.crop-overlay{position:absolute;border:3px solid var(--color-sage);box-shadow:0 0 0 9999px #0009;z-index:10;pointer-events:none;background:transparent}.crop-handle{position:absolute;width:20px;height:20px;background:#fff;border:3px solid var(--color-sage);border-radius:50%;cursor:pointer;pointer-events:auto!important;z-index:20;box-shadow:0 2px 8px #0000004d;transition:transform .1s ease}.crop-handle:hover{transform:scale(1.2);background:var(--color-sage)}.crop-handle.corner-tl{top:-10px;left:-10px;cursor:nwse-resize}.crop-handle.corner-tr{top:-10px;right:-10px;cursor:nesw-resize}.crop-handle.corner-bl{bottom:-10px;left:-10px;cursor:nesw-resize}.crop-handle.corner-br{bottom:-10px;right:-10px;cursor:nwse-resize}.crop-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--color-stone)}.crop-modal-cancel,.crop-modal-apply{padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none}.crop-modal-cancel{background:var(--color-stone);color:var(--color-charcoal)}.crop-modal-cancel:hover{background:var(--color-clay)}.crop-modal-apply{background:var(--color-sage);color:#fff}.crop-modal-apply:hover:not(:disabled){background:#718a6f;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.crop-modal-apply:disabled{opacity:.6;cursor:not-allowed}.library{min-height:100vh;padding:40px 0 80px}.library-header{text-align:center;margin-bottom:48px}.library-header h1{margin-bottom:16px;color:var(--color-charcoal)}.library-header p{font-size:1.1rem;color:#666}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.library-item{transition:transform .2s ease}.library-item:hover{transform:translateY(-2px)}.library-image{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:16px}.library-content{display:flex;flex-direction:column;gap:12px}.library-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.library-title{font-size:1.1rem;font-weight:600;color:var(--color-charcoal);margin:0;flex:1}.library-prompt{font-size:.9rem;color:#666;font-style:italic;margin:0;line-height:1.4}.library-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.library-date{font-size:.8rem;color:#999}.library-actions{display:flex;gap:8px;margin-top:8px}.edit-btn{flex:0;white-space:nowrap}.order-btn{flex:1}.library-empty-state{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-content{text-align:center;max-width:300px}.empty-icon{font-size:4rem;margin-bottom:24px;opacity:.7}.empty-content h3{margin-bottom:16px;color:var(--color-charcoal)}.empty-content p{color:#666;margin-bottom:24px}@media(max-width:768px){.library-grid{grid-template-columns:1fr;gap:20px}.library-header-row{flex-direction:column;align-items:flex-start;gap:8px}}