@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Instrument Serif",serif;min-height:100vh;overflow-x:hidden;font-weight:400}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.75rem 1rem;transition:background-color .3s}.navbar-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.navbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.1rem;font-style:italic;transition:opacity .2s}.navbar-brand:hover{opacity:.8}.navbar-logo{font-size:1.5rem}.navbar-title{display:none}@media (min-width: 480px){.navbar-title{display:inline}}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-link{color:#ffffffe6}.navbar-dark .navbar-link:hover{color:#fff}.navbar-dark .hamburger span{background-color:#fff}.navbar-light{background-color:#fefbf4e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-light .navbar-brand,.navbar-light .navbar-link{color:#335417}.navbar-light .navbar-link:hover{color:#15803d}.navbar-light .hamburger span{background-color:#335417}.navbar-links{display:flex;align-items:center;gap:1.5rem}.navbar-link{text-decoration:none;font-size:1rem;font-style:italic;transition:color .2s,opacity .2s}.navbar-instagram{font-weight:500}.navbar-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:4px;width:24px}.hamburger span{display:block;height:2px;width:100%;border-radius:2px;transition:transform .3s,opacity .3s}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 639px){.navbar-toggle{display:block}.navbar-links{position:fixed;top:0;right:-100%;width:200px;height:100vh;flex-direction:column;justify-content:center;gap:2rem;background-color:#fefbf4fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:right .3s ease;padding:2rem}.navbar-links.open{right:0}.navbar-dark .navbar-links{background-color:#8b1e1efa}.navbar-link{font-size:1.25rem}}@media (min-width: 768px){.navbar{padding:1rem 2rem}.navbar-brand{font-size:1.25rem}.navbar-link{font-size:1.1rem}}.about-page{background-color:#fefbf4;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:5rem 1.5rem 3rem}.about-content{max-width:600px;width:100%}.about-title{font-size:2rem;color:#335417;font-weight:400;font-style:italic;text-align:center;margin-bottom:1.5rem}.about-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 20px #00000014}.about-text{font-size:1.1rem;color:#333;line-height:1.7;margin-bottom:1.5rem}.about-features{margin-bottom:1.5rem}.about-features h3{font-size:1.1rem;color:#335417;font-weight:400;font-style:italic;margin-bottom:.75rem}.about-features ul{list-style:none;padding:0}.about-features li{font-size:1rem;color:#555;padding:.5rem 0;border-bottom:1px solid #f0f0f0}.about-features li:last-child{border-bottom:none}.about-cta{text-align:center;margin-top:2rem}@media (min-width: 768px){.about-page{padding:4rem 2rem}.about-title{font-size:2.5rem}.about-card{padding:2.5rem}.about-text{font-size:1.2rem}}.landing-page{background-image:url(/assets/red-bg--xVtlzVN.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5rem 1.5rem 3rem}.landing-page h1{font-weight:400}@media (min-width: 768px){.landing-page{padding:4rem 2rem}}.tree-selection-page{background-color:#fefbf4;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;font-style:italic}.tree-selection-page h2{font-weight:400}@media (min-width: 768px){.tree-selection-page{padding:3rem 1.5rem}}.decorate-page-new{background-color:#fefbf4;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem .5rem 1rem;overflow-x:hidden}@media (min-width: 768px){.decorate-page-new{padding:3rem 1rem 1.5rem}}.decorate-title{color:#335417;font-weight:400;font-style:italic;font-size:1.5rem;text-align:center;margin-bottom:.5rem}.decorate-layout{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%;max-width:100vw}.decorations-top,.decorations-bottom{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;padding:.25rem;max-width:100%}.decorate-middle{display:flex;align-items:center;justify-content:center;gap:.25rem;width:100%}.decorations-side{display:flex;flex-direction:column;gap:.25rem;padding:.25rem;flex-shrink:0;max-height:280px;overflow:hidden}.decorations-left{align-items:flex-end}.decorations-right{align-items:flex-start}@media (max-width: 1023px){.decorations-side{display:none}}.decoration-picker-item{cursor:pointer;transition:transform .15s,filter .15s;padding:.15rem;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.decoration-picker-item:hover{filter:brightness(1.1)}.decoration-picker-item:active{transform:scale(.9);cursor:grabbing}.picker-decoration-image{width:2.5rem;height:2.5rem;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(2px 3px 3px rgba(0,0,0,.15))}.mobile-decoration-controls{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);background:#fff;padding:10px 12px;border-radius:24px;box-shadow:0 4px 16px #0003;z-index:200;min-width:280px}.mobile-controls-top{display:flex;gap:8px;align-items:center}.size-btn{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;font-size:1.4rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .1s,background-color .1s;font-family:system-ui,sans-serif;flex-shrink:0}.size-btn:active{transform:scale(.92)}.size-btn-minus{background-color:#f0f0f0;color:#333}.size-btn-plus{background-color:#335417;color:#fff}.size-btn-delete{background-color:#ef4444;color:#fff}.scale-slider-container{display:flex;flex-direction:column;gap:4px;flex:1;min-width:120px}.scale-slider{width:100%;height:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.scale-slider::-webkit-slider-track{width:100%;height:6px;background:linear-gradient(to right,#ddd,#335417);border-radius:3px}.scale-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#335417;cursor:grab;border:3px solid white;box-shadow:0 2px 6px #0003}.scale-slider::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.scale-slider::-moz-range-track{width:100%;height:6px;background:linear-gradient(to right,#ddd,#335417);border-radius:3px}.scale-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#335417;cursor:grab;border:3px solid white;box-shadow:0 2px 6px #0003}.scale-slider::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.1)}.scale-value{font-size:.75rem;color:#666;text-align:center;font-weight:600;font-family:system-ui,sans-serif}@media (min-width: 480px){.decorate-page-new{padding:1.5rem 1rem}.decorate-title{font-size:1.75rem;margin-bottom:.75rem}.picker-decoration-image{width:3rem;height:3rem}.decorations-top,.decorations-bottom{gap:.5rem;padding:.5rem}.decorate-middle{gap:.5rem}.decorations-side{gap:.5rem;max-height:320px}}@media (min-width: 768px){.decorate-title{font-size:2.25rem;margin-bottom:1rem}.picker-decoration-image{width:3.5rem;height:3.5rem}.decorations-top,.decorations-bottom,.decorate-middle{gap:.75rem}.decorations-side{gap:.75rem;max-height:380px}.pinch-hint{font-size:.7rem;bottom:-28px}}@media (min-width: 1024px){.decorate-title{font-size:2.25rem;margin-bottom:1.5rem}.decorate-layout{gap:0}.decorations-top,.decorations-bottom{display:none}.decorate-middle{gap:1.5rem}.decorations-side{flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:1.5rem;width:14rem;max-height:none;padding:1rem}.decorations-side .decoration-picker-item:nth-child(n+5){display:block}.decorations-left{justify-content:flex-end;align-items:center}.decorations-right{justify-content:flex-start;align-items:center}.picker-decoration-image{width:4rem;height:4rem}}@media (min-width: 1280px){.decorate-middle{gap:2rem}.decorations-side{width:16rem;gap:2rem}.picker-decoration-image{width:4.5rem;height:4.5rem}}.message-page{background-color:#fefbf4;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem}@media (min-width: 768px){.message-page{padding:3rem 2rem}}.share-page{background-image:url(/assets/red-bg--xVtlzVN.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem}@media (min-width: 768px){.share-page{padding:3rem 2rem}}.share-page .title{font-style:italic;font-weight:400}.share-content{display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:900px}@media (min-width: 1024px){.share-content{flex-direction:row;align-items:flex-start;justify-content:center}}.view-card-page{background-image:url(/assets/red-bg--xVtlzVN.png);background-size:cover;background-position:center;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1.5rem 2rem}@media (min-width: 768px){.view-card-page{padding:3rem 2rem}}.view-card-page .title{font-style:italic;font-weight:400}.flip-card{position:relative;width:500px;height:320px;perspective:2000px;transition:transform 1s;left:-125px}.flip-card:hover{transform:rotate(2deg)}.view-card-page .flip-card{transform:rotate(-3deg)}.view-card-page .flip-card:hover{transform:rotate(-1deg)}.flip-card:hover .flip-card-cover{transform:rotateY(-160deg)}.flip-card-cover,.flip-card-inside{position:absolute;height:100%;width:50%;left:50%}.flip-card-inside{background:linear-gradient(to right,#e7e7e7,#fbfbfb 60%);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem;box-shadow:1px 5px 20px #0000004d}.flip-card-cover{z-index:1;transform-origin:left;transition:transform 2s;transform-style:preserve-3d}.flip-card-cover-front,.flip-card-cover-back{position:absolute;height:100%;width:100%;backface-visibility:hidden}.flip-card-cover-front{background-color:#fefbf4;display:flex;align-items:center;justify-content:center;overflow:hidden}.flip-card-cover-front img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.flip-card-cover-back{background:linear-gradient(to left,#d9d9d9,#fbfbfb 35%);transform:rotateY(180deg);box-shadow:-10px -1px 10px #0003}.flip-card-placeholder{font-size:5rem}.flip-card-title{font-size:.75rem;color:#989898;letter-spacing:2px;margin-bottom:1rem}.flip-card-to{font-size:1rem;color:#333;margin-bottom:.5rem}.flip-card-message{font-family:Caveat,cursive;font-size:1.2rem;color:#333;line-height:1.4;transform:rotate(-3deg);padding:0 .5rem;max-width:100%;word-wrap:break-word}.flip-card-signature{font-family:Caveat,cursive;font-size:inherit;color:#333}@media (max-width: 600px){.flip-card{width:400px;height:250px;left:-100px}.flip-card-title{font-size:.6rem}.flip-card-to{font-size:.8rem}.flip-card-message{font-size:1rem}.flip-card-inside{padding:1rem}.flip-card-placeholder{font-size:3rem}}@media (min-width: 768px){.flip-card{width:600px;height:380px;left:-150px}.flip-card-title{font-size:.85rem}.flip-card-message{font-size:1.4rem}}.app-container{min-height:100vh;position:relative}.content-layer{position:relative;z-index:10}.title{font-size:3rem;color:#fff;text-align:center;margin-bottom:3rem}.title-dark{font-size:2rem;color:#333;text-align:center;margin-bottom:1.5rem;font-style:italic;font-weight:400}@media (max-width: 767px){.title-dark{margin-bottom:1rem}.tree-selection-page .title-dark{transform:translateY(-2rem)}}@media (min-width: 768px) and (max-width: 1023px){.tree-selection-page .title-dark{transform:translateY(-2rem)}}.subtitle{font-size:1.5rem;color:#fff;text-align:center;margin-bottom:2rem}.link-white{font-size:1.875rem;color:#fff;text-decoration:underline;text-underline-offset:8px;transition:opacity .3s}.link-white:hover{opacity:.8}.link-green{font-size:1.5rem;color:#335417;text-decoration:underline;text-underline-offset:6px;transition:opacity .3s;background:none;border:none;cursor:pointer;font-family:inherit;font-style:italic}.link-green:hover{opacity:.7}.link-dark{font-size:1.5rem;color:#333;text-decoration:underline;text-underline-offset:6px;transition:opacity .3s;background:none;border:none;cursor:pointer;font-family:inherit;font-style:italic}.link-dark:hover{opacity:.7}.text-white{color:#fff}.text-white-70{color:#ffffffb3}.text-white-60{color:#fff9}.text-dark-green{color:#166534}.text-gold{color:#fbbf24}.text-gray{color:#374151}.text-center{text-align:center}.text-right{text-align:right}.text-italic{font-style:italic}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}@media (min-width: 768px){.title{font-size:4.5rem}.title-dark{font-size:2.5rem}.link-white{font-size:2.25rem}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.w-full{width:100%}.h-full{height:100%}.h-auto{height:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pointer-events-none{pointer-events:none}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-100{z-index:100}.cards-stack{display:grid;place-items:center;margin-bottom:3rem;cursor:pointer;padding:1rem}.cards-stack>*{grid-area:1 / 1}.card-stacked{width:90%;height:auto;filter:drop-shadow(0 8px 16px rgba(0,0,0,.2));will-change:transform}.card-bottom{z-index:10}.card-middle{z-index:20}.card-top{z-index:30}.btn{padding:.75rem 2rem;border-radius:9999px;font-size:1.5rem;cursor:pointer;border:none;transition:all .3s}.btn-primary{background-color:#15803d;color:#fff}.btn-primary:hover{background-color:#16a34a}.btn-secondary{background-color:#dc2626;color:#fff}.btn-secondary:hover{background-color:#ef4444}.btn-gold{background-color:#fbbf24;color:#14532d;font-weight:700}.btn-gold:hover{background-color:#fcd34d}.btn-circle{padding:.5rem;border-radius:9999px;background-color:transparent;color:#335417;border:none;cursor:pointer;transition:all .3s}.btn-circle:hover{color:#15803d}.btn-circle:active{transform:scale(.95)}@media (min-width: 1024px){.btn-circle{padding:.75rem;background-color:#15803d;color:#fff}.btn-circle:hover{background-color:#16a34a;color:#fff}}.btn-small{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:none;border-radius:.25rem;font-size:.75rem;font-weight:700;cursor:pointer}.btn-small:hover{background-color:#e5e7eb}.btn-delete{background-color:#ef4444;color:#fff}.btn-delete:hover{background-color:#dc2626}.message-form-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.form-group{display:flex;flex-direction:row;align-items:flex-start;gap:.5rem;margin-bottom:.5rem}.form-label{font-size:.85rem;color:#333;font-style:italic;white-space:nowrap;padding-top:.25rem;min-width:4rem;text-align:right}.form-input{flex:1;padding:.25rem .4rem;border-radius:0;border:none;font-size:.85rem;background-color:#fff;font-family:inherit}.form-input:focus{outline:none}.form-textarea{resize:none}@media (min-width: 768px){.form-group{gap:.75rem;margin-bottom:.75rem}.form-label{font-size:1rem;min-width:5rem;padding-top:.3rem}.form-input{padding:.35rem .5rem;font-size:1rem}}.card{background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.panel{background-color:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:1rem;padding:1.5rem}.gradient-overlay{background:linear-gradient(to bottom,#fff,#fef2f2);padding:1.5rem}.tree-button{position:relative;padding:.5rem;border-radius:.5rem;border:none;background:transparent;cursor:pointer;transition:all .2s}.tree-button:hover{background:#ffffff4d}.tree-image{height:8rem;width:auto;-o-object-fit:contain;object-fit:contain}.tree-image-large{height:6rem;width:auto;-o-object-fit:contain;object-fit:contain}@media (min-width: 480px){.tree-image-large{height:7rem}}@media (min-width: 768px){.tree-image-large{height:8rem}}@media (min-width: 1280px){.tree-image{height:10rem}}.dot-indicator{width:.5rem;height:.5rem;border-radius:9999px;background-color:#15803d66;border:none;cursor:pointer;transition:all .3s}.dot-indicator.active{background-color:#15803d;width:1rem}@media (min-width: 768px) and (max-width: 1023px){.dot-indicator{display:none}}.instruction-text{margin-top:1rem;color:#15803d;font-size:1.1rem;text-align:center}@media (min-width: 768px){.instruction-text{margin-top:1.25rem;font-size:1.25rem}}.tree-decoration-area{position:relative;border-radius:1rem;margin-bottom:.5rem;width:180px;height:220px;flex-shrink:0;overflow:visible;touch-action:none}@media (min-width: 480px){.tree-decoration-area{width:220px;height:260px}}@media (min-width: 768px){.tree-decoration-area{width:280px;height:320px;margin-bottom:.75rem}}@media (min-width: 1024px){.tree-decoration-area{width:360px;height:400px;margin-bottom:1rem}}.tree-capture-wrapper{position:relative;width:100%;height:100%;overflow:visible}.tree-image-display{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none}.decoration-wrapper{position:absolute;cursor:move;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.decoration-wrapper.selected{outline:2px dashed #000000;outline-offset:4px}@media (max-width: 767px){.decoration-wrapper.selected{outline-width:1px;outline-offset:2px}}.decoration-delete-btn{position:absolute;top:-10px;right:-10px;width:20px;height:20px;border-radius:50%;background-color:#ef4444;border:2px solid white;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000040;transition:transform .15s,background-color .15s;z-index:10;touch-action:manipulation}.decoration-delete-btn svg{width:10px;height:10px}.decoration-delete-btn:hover{background-color:#dc2626;transform:scale(1.15)}@media (min-width: 768px){.decoration-delete-btn{top:-12px;right:-12px;width:24px;height:24px}.decoration-delete-btn svg{width:12px;height:12px}}.placed-decoration{-o-object-fit:contain;object-fit:contain;pointer-events:none}.share-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.5rem;border-radius:.5rem;max-width:320px;text-align:left}.share-panel h3{margin-left:-1rem}.share-url-box{display:flex;flex-direction:column;gap:.5rem;width:300px;margin-left:-1rem}.share-url-input{width:100%;padding:.75rem;border-radius:0;background:#fff;color:#333;font-size:.8rem;border:none;overflow:hidden;text-overflow:ellipsis}.btn-copy{width:100%;padding:.75rem 1rem;background:#fff;color:#333;border:none;cursor:pointer;font-family:inherit;font-size:.9rem}.btn-copy:hover{background:#f0f0f0}.decoration-tray::-webkit-scrollbar{height:8px}.decoration-tray::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.decoration-tray::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.decoration-tray::-webkit-scrollbar-thumb:hover{background:#ffffff80}.postcard-frame-container{position:relative;width:100%;max-width:40rem;margin:0 auto}@media (min-width: 1024px){.postcard-frame-container{max-width:56rem}}.postcard-frame-image{width:100%;height:auto;display:block}.postcard-frame-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:12% 10%}.postcard-frame-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.tree-selection-page .postcard-frame-content .flex-col{gap:.5rem}@media (min-width: 768px){.tree-selection-page .postcard-frame-content .flex-col{gap:1rem}}@media (min-width: 1024px){.tree-selection-page .postcard-frame-content .flex-col{gap:.5rem}}.resize-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid #000000;border-radius:2px;z-index:10;touch-action:none}.resize-handle-nw{top:-8px;left:-8px;cursor:nw-resize}.resize-handle-ne{top:-8px;right:-8px;cursor:ne-resize}.resize-handle-sw{bottom:-8px;left:-8px;cursor:sw-resize}.resize-handle-se{bottom:-8px;right:-8px;cursor:se-resize}.resize-handle:hover{background:#000;border-color:#000}@media (min-width: 1024px){.resize-handle{width:12px;height:12px}.resize-handle-nw{top:-10px;left:-10px}.resize-handle-ne{top:-10px;right:-10px}.resize-handle-sw{bottom:-10px;left:-10px}.resize-handle-se{bottom:-10px;right:-10px}}.custom-picker{position:relative}.custom-ornament-label{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);background:#335417;color:#fff;padding:4px 10px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:2px solid white;box-shadow:0 2px 6px #0000004d;white-space:nowrap}.custom-ornament-wrapper{position:relative;overflow:visible;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4)) drop-shadow(0 2px 4px rgba(0,0,0,.3))}.custom-ornament-sphere{width:100%;height:100%;position:relative;overflow:hidden}.custom-ornament-sphere:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 25%,transparent 65%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:2}.custom-ornament-sphere:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset -5px -5px 20px #0000004d,inset 5px 5px 20px #ffffff4d,0 8px 20px #0000004d;pointer-events:none;z-index:3}.custom-ornament-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;opacity:.9;position:relative;z-index:1}.custom-ornament-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.custom-ornament-modal{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.custom-modal-title{font-size:1.5rem;color:#335417;margin-bottom:20px;text-align:center;font-weight:700}.custom-upload-btn{width:100%;padding:16px;background:#335417;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .2s;margin-bottom:20px}.custom-upload-btn:hover{background:#4a7021}.custom-upload-btn:active{transform:scale(.98)}.upload-icon{font-size:1.5rem}.custom-ornaments-label{color:#666;font-size:.9rem;margin-bottom:12px;font-weight:600}.custom-ornaments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:12px;margin-bottom:20px}.custom-ornament-preview{width:100%;aspect-ratio:1;cursor:pointer;transition:transform .2s;overflow:visible}.custom-ornament-preview:hover{transform:scale(1.05)}.custom-ornament-preview:active{transform:scale(.95)}.custom-ornament-preview-sphere{width:100%;height:100%;position:relative;overflow:hidden}.custom-ornament-preview-sphere:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 25%,transparent 65%,rgba(0,0,0,.15) 100%);pointer-events:none;z-index:2}.custom-ornament-preview-sphere:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset -3px -3px 10px #0000004d,inset 3px 3px 10px #ffffff4d,0 4px 12px #0000004d;pointer-events:none;z-index:3}.custom-ornament-preview-sphere img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;mix-blend-mode:multiply;opacity:.9;position:relative;z-index:1}.custom-modal-close{width:100%;padding:12px;background:#f0f0f0;color:#333;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.custom-modal-close:hover{background:#e0e0e0}.hidden{display:none}.block{display:block}@media (min-width: 768px){.md-hidden{display:none}.md-block{display:block}.md-flex{display:flex}}@media (min-width: 1024px){.lg-hidden{display:none}.lg-block{display:block}.lg-flex{display:flex}}.icon{width:2rem;height:2rem}@media (min-width: 1024px){.btn-circle .icon{width:1.5rem;height:1.5rem}}