:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #d9534f;--secondary-color: #f0ad4e;--accent-color: #5cb85c;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #495057;--text-color: #212529;--border-radius: 8px;--box-shadow: 0 4px 6px rgba(0, 0, 0, .07);--transition-speed: .2s}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}body,h1,h2,p,button,input,label{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;box-sizing:border-box}body{background-color:var(--light-gray);color:var(--text-color);line-height:1.6}.app-container{max-width:800px;margin:50px auto;padding:40px;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--medium-gray)}header{text-align:center;margin-bottom:40px;padding-bottom:15px;border-bottom:1px solid var(--medium-gray)}header h1{color:var(--primary-color);margin-bottom:10px;font-weight:700}header p{color:var(--dark-gray);font-size:1.1em;margin-top:5px}main>section{margin-bottom:40px;padding:30px;border:1px solid var(--medium-gray);border-radius:var(--border-radius);background-color:#fff;box-shadow:0 2px 4px #0000000a}main h2{margin-bottom:25px;color:var(--primary-color);font-weight:600;border-bottom:1px solid var(--medium-gray);padding-bottom:12px;align-items:center;gap:20px}.image-input{display:flex;flex-direction:column;align-items:center;gap:20px}button,.file-upload-label{display:inline-block;padding:12px 25px;font-size:1em;font-weight:600;color:#fff;border:none;border-radius:var(--border-radius);cursor:pointer;text-align:center;transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease,transform var(--transition-speed) ease;box-shadow:0 2px 3px #0000001a}button:hover,.file-upload-label:hover{filter:brightness(110%);box-shadow:0 3px 5px #0000001f;transform:translateY(-1px)}button:active,.file-upload-label:active{transform:translateY(0);filter:brightness(100%);box-shadow:0 1px 2px #0000001a}.image-source-selector{position:relative;display:inline-block}.select-source-button{background-color:var(--primary-color);color:#fff;min-width:200px}.select-source-button:hover{background-color:var(--primary-color);filter:brightness(110%)}.source-dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;width:100%;background-color:#fff;border:1px solid var(--medium-gray);border-radius:var(--border-radius);box-shadow:var(--box-shadow);z-index:10;overflow:hidden}.dropdown-item{padding:12px 20px;color:var(--text-color);cursor:pointer;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;text-align:left}.dropdown-item:hover{background-color:var(--light-gray);color:var(--primary-color)}.url-input-form button,.generate-section button{background-color:var(--accent-color)}.url-input-form button:hover,.generate-section button:hover{background-color:var(--accent-color);filter:brightness(110%)}.generate-section button{min-width:150px}.generate-section button:disabled{background-color:#ccc;color:#777;cursor:not-allowed;box-shadow:none;opacity:.6;transform:none;filter:none}.or-separator{font-weight:700;color:#777}.url-input-form{display:flex;gap:10px;width:100%;max-width:400px}.url-input-form input[type=url]{flex-grow:1;padding:12px;border:1px solid var(--medium-gray);border-radius:var(--border-radius);font-size:1em;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease;background-color:var(--light-gray)}.url-input-form input[type=url]::placeholder{color:var(--dark-gray);opacity:1}.url-input-form input[type=url]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #d9534f26}.image-preview,.output-section{text-align:center;margin:20px 0;padding:20px 0;clear:both;position:relative;z-index:1;overflow:hidden}.image-preview p,.output-section p{margin-bottom:15px;color:var(--dark-gray)}.image-preview img,.result-image{max-width:100%;max-height:400px;height:auto;border:1px solid var(--medium-gray);margin-top:15px;border-radius:var(--border-radius);background-color:var(--light-gray);padding:8px;box-shadow:var(--box-shadow)}.error-message{color:var(--primary-color);margin-top:15px;font-weight:700;background-color:#d9534f1a;padding:10px;border-radius:var(--border-radius);border:1px solid rgba(217,83,79,.3)}footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #f0f0f0}.footer-content{padding:1.5rem;background-color:#f8f8f8;border-radius:8px;box-shadow:0 -2px 10px #0000000d}.footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;margin-bottom:1.5rem}.footer-badge{display:block;transition:transform .2s}.footer-badge:hover{transform:translateY(-2px)}.footer-nav{display:flex;gap:2rem;align-items:center}.footer-nav a{color:#ff6b35;text-decoration:none;font-weight:500;transition:color .2s,transform .2s;padding:.5rem 0;position:relative}.footer-nav a:after{content:"";position:absolute;width:0;height:2px;bottom:0;left:0;background-color:#ff6b35;transition:width .3s}.footer-nav a:hover{color:#ff4500;transform:translateY(-2px)}.footer-nav a:hover:after{width:100%}.footer-copyright{text-align:center;color:#777;font-size:.9rem;padding-top:1rem;border-top:1px solid #eaeaea}@media (max-width: 768px){.app-container{margin:30px auto;padding:25px;border:none}header h1{font-size:1.8em}main>section{padding:20px}button,.file-upload-label,.url-input-form input[type=url]{padding:10px 15px;font-size:.95em}.url-input-form{flex-direction:column;align-items:stretch;max-width:none}.image-preview img,.result-image{max-height:300px}.footer-links{flex-direction:column;align-items:flex-start}.footer-nav{width:100%;justify-content:space-between;margin-top:1rem}}@media (max-width: 480px){header h1{font-size:1.5em}header p{font-size:1em}main h2{font-size:1.2em}}.loading-indicator-container{margin:20px auto;display:flex;justify-content:center;align-items:center}.hotdog-loader-svg{width:100px;height:100px}.hotdogs-served-ticker{font-size:1.1em;font-weight:700;color:tomato;margin-top:10px;padding:8px 15px;background-color:#fff8dc;border-radius:20px;display:inline-block;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.hotdogs-served-ticker:hover{transform:scale(1.05)}.payment-info{margin:40px 0;padding:25px;background:linear-gradient(135deg,#fff8dc,#fffaf0);border:2px solid var(--secondary-color);border-radius:var(--border-radius);position:relative;z-index:1;clear:both}.payment-info ul{list-style:none;padding:0;margin:15px 0}.payment-info li{padding:8px 0;font-size:1.1em;color:var(--dark-gray)}.how-it-works{background:linear-gradient(135deg,#fff8dc,#fffaf0);border:2px solid var(--secondary-color)}.how-it-works h3{color:var(--primary-color);text-align:center;margin-bottom:30px;font-size:1.8em}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:20px}.step{background:#fff;padding:25px;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;border:1px solid var(--medium-gray);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.step:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.step h4{color:var(--primary-color);font-size:1.3em;margin-bottom:15px;font-weight:600}.step p{color:var(--dark-gray);line-height:1.6;margin:0}main>section h3{color:var(--primary-color);font-size:1.5em;margin-bottom:20px;font-weight:600;text-align:center}@media (max-width: 768px){.steps-container{grid-template-columns:1fr;gap:20px}.step{padding:20px}.step h4{font-size:1.2em}.how-it-works h3{font-size:1.5em}}.options-selector{margin-top:20px;position:relative;overflow:hidden;z-index:0}.options-group{border:none;padding:0;margin-bottom:25px}.options-group legend{font-weight:600;color:var(--dark-gray);padding:0 0 8px;margin-bottom:15px;font-size:1.1em;width:100%;border-bottom:1px solid var(--medium-gray)}.condiments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px}.condiment-card{position:relative;background-color:var(--light-gray);border:2px solid var(--medium-gray);border-radius:12px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d;overflow:hidden;-webkit-user-select:none;user-select:none}.condiment-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #0000001a;border-color:var(--secondary-color)}.condiment-card.selected{background-color:#fff8e1;border-color:#ffc107;box-shadow:0 0 0 2px #ffc107,0 4px 8px #00000026}.condiment-card:before{content:"✓";position:absolute;top:-30px;right:-30px;width:60px;height:60px;background-color:#ff6b35;color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:flex-start;padding-left:10px;padding-bottom:10px;border-radius:0 0 0 60px;transform:rotate(45deg);opacity:0;transition:opacity .3s,top .3s,right .3s;z-index:2}.condiment-card.selected:before{top:-5px;right:-5px;opacity:1}.condiment-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background-color:#ff6b3526;transition:height .3s}.condiment-card.selected:after{height:100%}.condiment-checkbox{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.condiment-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:100%}.condiment-emoji{position:relative;z-index:2;font-size:2.5rem;margin-bottom:8px;display:block;transition:transform .3s ease}.condiment-card:hover .condiment-emoji{transform:scale(1.15)}.condiment-card.selected .condiment-emoji{transform:scale(1.2)}.condiment-name{position:relative;z-index:2;font-weight:500;color:var(--text-color);font-size:.9rem}.condiment-card.selected .condiment-name{font-weight:700}.options-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.option-item{display:flex;align-items:center;background-color:var(--light-gray);padding:12px 15px;border-radius:var(--border-radius);border:1px solid var(--medium-gray);transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease;cursor:pointer}.option-item:hover{border-color:var(--secondary-color)}.option-item input[type=checkbox]{margin-right:12px;width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--primary-color)}.option-item input[type=checkbox]:checked~*,.option-item:has(input[type=checkbox]:checked){background-color:#fff;border-color:var(--primary-color)}@media (max-width: 480px){.condiments-grid{grid-template-columns:repeat(3,1fr)}.condiment-emoji{font-size:2rem}.condiment-name{font-size:.8rem}}.condiment-checkbox:focus-visible+.condiment-label{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:10px}.condiment-card[aria-selected=true]{background-color:#f0ad4e33}@media (forced-colors: active){.condiment-card.selected{outline:3px solid CanvasText;outline-offset:2px}}.selection-status{position:relative;z-index:2;background-color:#ff6b35;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;margin-top:5px;text-transform:uppercase;letter-spacing:.5px;animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(.95)}50%{transform:scale(1.05)}to{transform:scale(.95)}}.simple-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -10px}.condiments-grid-fixed{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;width:100%;padding:30px 0;position:relative;overflow:visible}@media (max-width: 600px){.condiments-grid-fixed{grid-template-columns:repeat(2,1fr)}}@media (max-width: 400px){.condiments-grid-fixed{grid-template-columns:1fr}}.hotdog-gallery-section{width:100%;margin-top:40px;padding-top:20px;border-top:1px solid var(--medium-gray, #e0e0e0);text-align:center}.gallery-title{font-size:1.5em;color:var(--primary-color, #d9534f);margin-bottom:25px}.hotdog-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px;padding:0 10px}.gallery-item{width:100%;padding-top:100%;position:relative;overflow:hidden;border-radius:var(--border-radius, 8px);box-shadow:0 4px 8px #0000001a;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.gallery-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .3s ease}.gallery-item:hover{transform:scale(1.03);box-shadow:0 8px 16px #0003}.gallery-item:hover img{opacity:.85}.gallery-empty-message,.gallery-end-message{font-style:italic;color:var(--dark-gray, #555);padding:20px;font-size:1.1em;margin-top:15px}.gallery-loader{font-size:1.2em;color:var(--primary-color, #d9534f);padding:20px;text-align:center;font-weight:700}.gallery-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;margin-top:10px}.gallery-loader-container .hotdog-loader-svg{width:60px;height:60px;margin-bottom:10px}.gallery-loader-container p{font-size:1em;color:var(--dark-gray, #555);font-weight:400}@media (max-width: 768px){.hotdog-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.gallery-title{font-size:1.3em}}@media (max-width: 480px){.hotdog-gallery-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.gallery-item{border-radius:6px}}.lightbox-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;box-sizing:border-box}.lightbox-content{position:relative;background-color:#1e1e1e;padding:25px;border-radius:8px;box-shadow:0 4px 15px #00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:90vw;max-height:90vh}.lightbox-image{display:block;max-width:100%;max-height:calc(90vh - 70px);object-fit:contain;border-radius:4px}.lightbox-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:2.5rem;font-weight:700;cursor:pointer;line-height:1;padding:0;transition:color .2s ease-in-out}.lightbox-close-button:hover{color:#bbb}.lightbox-actions{margin-top:15px;display:flex;justify-content:center;gap:12px}.postcard-order-btn{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:12px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ff6b354d}.postcard-order-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ff6b3566}.vote-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000b3,#0000);display:flex;justify-content:center;align-items:center;padding:8px 0;opacity:0;transition:opacity .2s ease-in-out;border-bottom-left-radius:var(--border-radius, 8px);border-bottom-right-radius:var(--border-radius, 8px);height:40px}.vote-controls.visible{opacity:1}.vote-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:4px;margin:0 8px;height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,transform .2s ease}.vote-btn svg{width:16px;height:16px}.vote-btn.upvote:hover{background-color:#34c7594d;transform:translateY(-2px)}.vote-btn.downvote:hover{background-color:#ff3b304d;transform:translateY(2px)}.vote-count{color:#fff;font-size:.9rem;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:24px;text-align:center}@media (max-width: 768px){.vote-controls{padding:6px 0;height:36px}.vote-btn{margin:0 6px;height:24px;width:24px}.vote-btn svg{width:14px;height:14px}.vote-count{font-size:.8rem}}@media (max-width: 480px){.vote-controls{padding:4px 0;height:32px}.vote-btn{margin:0 4px;height:22px;width:22px}.vote-btn svg{width:12px;height:12px}}.postcard-order-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.postcard-order-modal{background:#fff;border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.postcard-order-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:12px 12px 0 0}.postcard-order-header h2{margin:0;font-size:24px;font-weight:600}.postcard-order-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.postcard-preview h3,.address-form h3{margin-top:0;margin-bottom:16px;color:#333;font-size:18px;font-weight:600}.postcard-mockup{display:flex;gap:12px;margin-bottom:16px;justify-content:center}.postcard-front,.postcard-back{width:120px;height:86px;border:2px solid #ddd;border-radius:8px;overflow:hidden;position:relative}.front-preview{width:100%;height:100%;background:linear-gradient(45deg,#ff6b35,#f7931e);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;font-size:8px;text-align:center}.hotdog-pattern-preview{font-size:8px;line-height:1.1;margin-bottom:4px;opacity:.8}.website-name-preview{font-size:6px;font-weight:700}.back-image-preview{width:100%;height:100%;object-fit:cover}.postcard-mockup-realistic{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.postcard-single-view{position:relative;margin-bottom:8px}.postcard-image-side{width:255px;height:170px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.realistic-back-image,.realistic-back-canvas,.realistic-back-image-fallback{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:8px;transform:scale(1.1)}.postcard-border{position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #ff6b35;border-radius:8px;pointer-events:none}.preview-note{font-size:12px;color:#666;text-align:center;margin:0;font-style:italic}.image-edit-section{margin:12px 0;text-align:center}.edit-image-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.edit-image-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #ff6b354d}.edit-image-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.postcard-description{color:#666;font-size:14px;text-align:center;margin:0}.stripe-address-option{margin-bottom:16px;padding:12px;background-color:#f8f9fa;border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;color:#555;font-size:14px}.checkbox-label input[type=checkbox]{margin:0}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:4px;color:#333;font-weight:500}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b351a}.form-group input:disabled,.form-group select:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 100px 120px;gap:12px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;border:1px solid #fcc;margin-bottom:16px;font-size:14px}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid #e1e5e9}.cancel-button,.order-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.cancel-button{background-color:#f8f9fa;color:#666;border:1px solid #ddd}.cancel-button:hover:not(:disabled){background-color:#e9ecef}.order-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.order-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.order-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.postcard-order-overlay{padding:10px}.postcard-order-modal{max-width:100%;max-height:95vh}.postcard-order-content{grid-template-columns:1fr;gap:16px;padding:16px}.postcard-mockup{flex-direction:column;align-items:center}.form-row{grid-template-columns:1fr;gap:8px}.form-actions{flex-direction:column}.cancel-button,.order-button{width:100%}}@media (max-width: 480px){.postcard-order-header{padding:16px 20px}.postcard-order-header h2{font-size:20px}.postcard-order-content{padding:12px}}.postcard-editor-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1001;padding:20px}.postcard-editor-modal{background:#fff;border-radius:12px;max-width:700px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d}.postcard-editor-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e1e5e9;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:12px 12px 0 0}.postcard-editor-header h2{margin:0;font-size:24px;font-weight:600}.close-button{background:none;border:none;font-size:32px;color:#fff;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#fff3}.postcard-editor-content{padding:24px;display:flex;flex-direction:column;gap:24px}.canvas-container{display:flex;flex-direction:column;align-items:center;gap:12px}.canvas-container canvas{border:2px solid #e1e5e9;border-radius:8px;background:#f8f9fa;box-shadow:0 4px 12px #0000001a}.canvas-instructions{color:#666;font-size:14px;margin:0;text-align:center;font-style:italic}.controls-container{display:flex;flex-direction:column;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px}.control-group{display:flex;align-items:center;gap:12px}.control-group label{min-width:80px;font-weight:500;color:#333;font-size:14px}.control-group input[type=range]{flex:1;height:6px;background:#ddd;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#ff6b35;border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003}.control-group input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#ff6b35;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003}.control-value{min-width:50px;text-align:right;font-weight:500;color:#333;font-size:14px}.rotation-button,.orientation-button{background:#f8f9fa;border:2px solid #dee2e6;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:#495057;min-width:120px;text-align:center}.rotation-button:hover,.orientation-button:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.rotation-button:active,.orientation-button:active{transform:translateY(0);background:#dee2e6}.rotation-button:disabled,.orientation-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.button-group{display:flex;gap:12px;justify-content:center;margin-top:8px}.reset-button,.apply-button{padding:12px 24px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.reset-button{background-color:#f8f9fa;color:#666;border:1px solid #ddd}.reset-button:hover:not(:disabled){background-color:#e9ecef}.apply-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;min-width:150px}.apply-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6b354d}.apply-button:disabled,.reset-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (max-width: 768px){.postcard-editor-overlay{padding:10px}.postcard-editor-modal{max-width:100%;max-height:95vh}.postcard-editor-content{padding:16px;gap:16px}.controls-container{padding:16px}.control-group{flex-direction:column;align-items:stretch;gap:8px}.control-group label{min-width:auto;text-align:left}.control-value{text-align:left;min-width:auto}.button-group{flex-direction:column}}@media (max-width: 480px){.postcard-editor-header{padding:16px 20px}.postcard-editor-header h2{font-size:20px}.postcard-editor-content{padding:12px}}.faq-section{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--medium-gray)}.faq-section h3{color:var(--primary-color);text-align:center;font-size:1.8em;margin-bottom:30px;font-weight:600}.faq-container{max-width:800px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--medium-gray);border-radius:var(--border-radius);margin-bottom:15px;overflow:hidden;transition:all var(--transition-speed) ease;box-shadow:0 2px 4px #0000000d}.faq-item:hover{box-shadow:0 4px 8px #0000001a}.faq-item.open{border-color:var(--primary-color)}.faq-question{width:100%;padding:20px;background:none;border:none;text-align:left;font-size:1.1em;font-weight:600;color:var(--dark-gray);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.faq-question:hover{background-color:var(--light-gray);color:var(--primary-color)}.faq-question:focus{outline:2px solid var(--primary-color);outline-offset:-2px}.faq-icon{font-size:1.5em;font-weight:700;color:var(--primary-color);transition:transform var(--transition-speed) ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;background:#fafafa}.faq-item.open .faq-answer{max-height:300px;padding:20px}.faq-answer p{margin:0;color:var(--dark-gray);line-height:1.6;font-size:1em}@media (max-width: 768px){.faq-section h3{font-size:1.5em;margin-bottom:20px}.faq-question{padding:15px;font-size:1em}.faq-item.open .faq-answer{padding:15px}.faq-icon{font-size:1.3em}}@media (max-width: 480px){.faq-question{padding:12px;font-size:.95em}.faq-item.open .faq-answer{padding:12px}}.social-share{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid var(--medium-gray);border-radius:var(--border-radius);padding:25px;margin:20px 0;text-align:center;box-shadow:0 2px 8px #0000001a}.social-share h4{color:var(--primary-color);font-size:1.4em;margin-bottom:10px;font-weight:600}.social-share p{color:var(--dark-gray);margin-bottom:20px;font-size:1em}.share-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}.share-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;border:none;border-radius:var(--border-radius);font-size:.9em;font-weight:500;cursor:pointer;transition:all var(--transition-speed) ease;text-decoration:none;color:#fff;min-width:120px;justify-content:center}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.share-btn:active{transform:translateY(0)}.share-btn svg{width:20px;height:20px;flex-shrink:0}.share-btn.twitter{background:linear-gradient(135deg,#1da1f2,#0d8bd9)}.share-btn.twitter:hover{background:linear-gradient(135deg,#0d8bd9,#0a7bc4)}.share-btn.facebook{background:linear-gradient(135deg,#1877f2,#166fe5)}.share-btn.facebook:hover{background:linear-gradient(135deg,#166fe5,#1464d8)}.share-btn.whatsapp{background:linear-gradient(135deg,#25d366,#20ba5a)}.share-btn.whatsapp:hover{background:linear-gradient(135deg,#20ba5a,#1ca64e)}.share-btn.reddit{background:linear-gradient(135deg,#ff4500,#e63e00)}.share-btn.reddit:hover{background:linear-gradient(135deg,#e63e00,#cc3700)}.share-btn.copy{background:linear-gradient(135deg,#6c757d,#5a6268)}.share-btn.copy:hover{background:linear-gradient(135deg,#5a6268,#4e555b)}.share-btn.download{background:linear-gradient(135deg,#28a745,#218838)}.share-btn.download:hover{background:linear-gradient(135deg,#218838,#1e7e34)}@media (max-width: 768px){.social-share{padding:20px;margin:15px 0}.social-share h4{font-size:1.2em}.share-buttons{gap:10px}.share-btn{padding:10px 14px;font-size:.85em;min-width:100px}.share-btn svg{width:18px;height:18px}}@media (max-width: 480px){.share-buttons{flex-direction:column;gap:8px}.share-btn{width:100%;max-width:200px;padding:12px 16px}}@keyframes shareSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.share-btn.success{animation:shareSuccess .3s ease}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-header{text-align:center;margin-bottom:50px}.blog-header h1{color:var(--primary-color);font-size:2.5em;margin-bottom:15px;font-weight:700}.blog-header p{color:var(--dark-gray);font-size:1.2em;max-width:600px;margin:0 auto;line-height:1.6}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:60px}.blog-post-card{background:#fff;border:1px solid var(--medium-gray);border-radius:var(--border-radius);padding:25px;transition:all var(--transition-speed) ease;box-shadow:0 2px 8px #00000014}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:var(--primary-color)}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:.9em}.post-date{color:var(--medium-gray);font-weight:500}.post-title{margin:15px 0;font-size:1.4em;line-height:1.3}.post-title a{color:var(--dark-gray);text-decoration:none;transition:color var(--transition-speed) ease}.post-title a:hover{color:var(--primary-color)}.post-excerpt{color:#555;line-height:1.6;margin-bottom:20px;font-size:1em}.post-footer{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid var(--light-gray)}.read-time{color:var(--medium-gray);font-size:.9em;font-weight:500}.read-more-btn{color:var(--primary-color);text-decoration:none;font-weight:600;padding:8px 16px;border:2px solid var(--primary-color);border-radius:var(--border-radius);transition:all var(--transition-speed) ease;font-size:.9em}.read-more-btn:hover{background:var(--primary-color);color:#fff;transform:translate(3px)}.blog-cta{background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:40px;text-align:center;margin-top:50px}.blog-cta h3{color:var(--primary-color);font-size:1.8em;margin-bottom:15px;font-weight:600}.blog-cta p{color:var(--dark-gray);font-size:1.1em;margin-bottom:25px;line-height:1.6}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary-color),#e67e22);color:#fff;padding:15px 30px;text-decoration:none;border-radius:var(--border-radius);font-weight:600;font-size:1.1em;transition:all var(--transition-speed) ease;box-shadow:0 4px 15px #0003}@media (max-width: 768px){.blog-container{padding:30px 15px}.blog-header h1{font-size:2em}.blog-header p{font-size:1em}.blog-grid{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.blog-post-card{padding:20px}.post-title{font-size:1.2em}.post-meta{flex-direction:column;align-items:flex-start;gap:8px}.blog-cta{padding:30px 20px}.blog-cta h3{font-size:1.5em}}@media (max-width: 480px){.blog-container{padding:20px 10px}.post-footer{flex-direction:column;align-items:flex-start;gap:10px}.read-more-btn{align-self:flex-end}}.blog-post-container{max-width:800px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.blog-post{background:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 4px 12px #0000001a}.post-header{padding:40px;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid var(--light-gray)}.breadcrumb{margin-bottom:20px;font-size:.9em;color:var(--medium-gray)}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.post-meta{display:flex;flex-wrap:wrap;gap:15px;align-items:center;margin-bottom:20px;font-size:.9em}.post-category{background:linear-gradient(135deg,var(--primary-color),#e67e22);color:#fff;padding:4px 12px;border-radius:20px;font-weight:500;font-size:.8em;text-transform:uppercase;letter-spacing:.5px}.post-meta time{color:var(--medium-gray);font-weight:500}.read-time{color:var(--medium-gray);font-weight:500}.post-header h1{color:var(--dark-gray);font-size:2.2em;line-height:1.2;margin:0;font-weight:700}.post-content{padding:40px;color:#333}.post-content h2{color:var(--primary-color);font-size:1.6em;margin:30px 0 15px;font-weight:600;line-height:1.3}.post-content h3{color:var(--dark-gray);font-size:1.3em;margin:25px 0 12px;font-weight:600}.post-content p{margin-bottom:18px;font-size:1.05em;line-height:1.7}.post-content ul,.post-content ol{margin:15px 0;padding-left:30px}.post-content li{margin-bottom:8px;font-size:1.05em;line-height:1.6}.post-content strong{color:var(--primary-color);font-weight:600}.post-content blockquote{border-left:4px solid var(--primary-color);margin:20px 0;padding:15px 20px;background:#f8f9fa;border-radius:0 var(--border-radius) var(--border-radius) 0;font-style:italic}.post-footer{padding:40px;background:#f8f9fa;border-top:1px solid var(--light-gray)}.post-cta{background:#fff;border:2px solid var(--primary-color);border-radius:var(--border-radius);padding:30px;text-align:center;margin-bottom:30px}.post-cta h3{color:var(--primary-color);font-size:1.5em;margin-bottom:10px;font-weight:600}.post-cta p{color:var(--dark-gray);margin-bottom:20px;font-size:1.05em}.cta-button{display:inline-block;background:linear-gradient(135deg,var(--primary-color),#e67e22);color:#fff;padding:12px 25px;text-decoration:none;border-radius:var(--border-radius);font-weight:600;transition:all var(--transition-speed) ease;box-shadow:0 4px 15px #0003}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d;background:linear-gradient(135deg,#e67e22,var(--primary-color))}.post-navigation{text-align:center}.back-to-blog{color:var(--primary-color);text-decoration:none;font-weight:600;padding:10px 20px;border:2px solid var(--primary-color);border-radius:var(--border-radius);transition:all var(--transition-speed) ease}.back-to-blog:hover{background:var(--primary-color);color:#fff}@media (max-width: 768px){.blog-post-container{padding:20px 15px}.post-header{padding:30px 25px}.post-header h1{font-size:1.8em}.post-meta{flex-direction:column;align-items:flex-start;gap:10px}.post-content{padding:30px 25px}.post-content h2{font-size:1.4em}.post-content h3{font-size:1.2em}.post-footer{padding:30px 25px}.post-cta{padding:25px 20px}.post-cta h3{font-size:1.3em}}@media (max-width: 480px){.blog-post-container{padding:15px 10px}.post-header{padding:25px 20px}.post-header h1{font-size:1.6em}.post-content{padding:25px 20px}.post-content ul,.post-content ol{padding-left:20px}.post-footer{padding:25px 20px}.post-cta{padding:20px 15px}}.postcard-success-container{min-height:100vh;background:linear-gradient(135deg,#fff5f2,#ffe8e0);display:flex;align-items:center;justify-content:center;padding:20px}.postcard-success-content{max-width:600px;width:100%;background:#fff;border-radius:16px;padding:32px;box-shadow:0 10px 30px #0000001a;text-align:center}.postcard-success-content.error{border:2px solid #fee;background:#fefefe}.success-icon{font-size:64px;margin-bottom:16px}.postcard-success-content h1{color:#333;font-size:28px;margin-bottom:24px;font-weight:700}.processing-animation{margin-bottom:24px}.hotdog-spinner{font-size:48px;display:inline-block;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-steps{display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:20px}.step{padding:8px 12px;border-radius:6px;background:#f8f9fa;color:#666;transition:all .3s ease}.step.active{background:#e8f5e8;color:#28a745;font-weight:500}.order-summary{background:#f8f9fa;border-radius:8px;padding:20px;margin:24px 0;text-align:left}.order-summary h2{margin-top:0;margin-bottom:12px;color:#333;font-size:18px}.order-summary p{margin:6px 0;color:#555}.what-happens-next{margin:32px 0;text-align:left}.what-happens-next h3{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;transition:all .3s ease}.timeline-item.completed{background:#e8f5e8}.timeline-item.active{background:#fff3cd;border:1px solid #ffeaa7}.timeline-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;flex-shrink:0}.timeline-content h4{margin:0 0 4px;color:#333;font-size:14px;font-weight:600}.timeline-content p{margin:0;color:#666;font-size:13px;line-height:1.4}.postcard-info{background:#f8f9fa;border-radius:8px;padding:20px;margin:24px 0;text-align:left}.postcard-info h3{margin-top:0;margin-bottom:12px;color:#333;font-size:18px;text-align:center}.postcard-info ul{list-style:none;padding:0;margin:0}.postcard-info li{padding:6px 0;color:#555;font-size:14px}.success-actions{display:flex;gap:12px;justify-content:center;margin:32px 0 24px;flex-wrap:wrap}.home-button,.social-button,.support-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:none}.home-button{background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff}.home-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b354d}.social-button{background:#6c5ce7;color:#fff}.social-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce74d}.support-button{background:#00b894;color:#fff}.support-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00b8944d}.support-note{color:#666;font-size:14px;border-top:1px solid #e1e5e9;padding-top:20px}.support-note a{color:#ff6b35;text-decoration:none;font-weight:500}.support-note a:hover{text-decoration:underline}.error-message{background:#fee;color:#c33;padding:12px;border-radius:6px;border:1px solid #fcc;margin:16px 0;font-size:14px}@media (max-width: 768px){.postcard-success-container{padding:10px}.postcard-success-content{padding:24px}.postcard-success-content h1{font-size:24px}.timeline{gap:12px}.timeline-item{padding:8px}.success-actions{flex-direction:column}.home-button,.social-button,.support-button{width:100%;justify-content:center}}@media (max-width: 480px){.postcard-success-content{padding:20px}.success-icon{font-size:48px}.postcard-success-content h1{font-size:20px}}