@font-face{font-family:Prata;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/prata-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #8B7355;--primary-hover: #7A6449;--primary-dark: #6A543D;--bg-main: #F1F1EE;--secondary-color: #F5F1ED;--text-dark: #333;--text-light: #666;--text-muted: #999;--border-color: #e0e0e0;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .16);--shadow-3d: 0 10px 30px rgba(0, 0, 0, .15), 0 6px 12px rgba(0, 0, 0, .1), 0 2px 4px rgba(0, 0, 0, .08)}body{font-family:Prata,ui-serif,Georgia,serif;background-color:#d4c4a8;background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-dark);height:100vh;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}.main-content{display:flex;flex-direction:row;height:100vh;width:100%;overflow:hidden;padding:20px;box-sizing:border-box;gap:24px}.product-display{flex:2;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:16px 40px 40px;position:relative;gap:24px;width:100%;height:100%;overflow:hidden}.display-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;width:100%}.selection-panel{flex:0 1 500px;max-width:500px;min-width:380px;margin-left:0;height:100%;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 30px #00000012;display:flex;flex-direction:column;overflow:hidden;font-size:12px}.instructions-badge{position:relative;z-index:10}.display-info-badges{display:flex;flex-direction:row;gap:12px;z-index:10;flex-wrap:wrap;justify-content:flex-end}.info-badge{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:24px;background:#c9b388;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;width:150px;height:36px;box-sizing:border-box}.badge-icon{width:24px;height:24px;flex-shrink:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}.badge-content{display:flex;flex-direction:column;gap:4px;flex:1}.badge-label{font-size:9px;font-weight:400;color:#333;line-height:1}.badge-value{font-size:11px;font-weight:600;color:#333;line-height:1.2}.size-badge{background:#c9b388;width:150px}.size-badge .badge-value{color:#fff}.price-badge{background:#c9b388;width:100px}.bracelet-container{width:350px;max-width:100%;margin:0 auto;aspect-ratio:1;background:url(/assets/ui/tray2.JPEG);background-size:contain;background-position:center center;background-repeat:no-repeat;border-radius:0;box-shadow:0 15px 45px #00000026,0 8px 20px #0000001a,0 3px 8px #00000014;position:relative}#bracelet-svg{width:100%;height:100%;transform:translate(-1%,-1.5%)}#empty-hint{font-family:Prata,serif;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}#bracelet-circle circle{fill:none;stroke:#adacac;stroke-width:2;stroke-dasharray:5,5}.bead{cursor:grab;transition:filter .2s ease,opacity .2s ease;transform-origin:center center}.bead:hover{filter:brightness(1.05) contrast(1.02)}.bead:active{cursor:grabbing}.bead.dragging{opacity:.8;filter:brightness(1.1) drop-shadow(0 8px 16px rgba(0,0,0,.3));transition:none}.bead-flying{pointer-events:none;animation:beadEntry .42s cubic-bezier(.22,1,.36,1) forwards}@keyframes beadEntry{0%{opacity:0;transform:translateY(40px) scale(.85)}to{opacity:1;transform:translateY(0) scale(1)}}.bead-delete-hint{animation:none}.bead image,#shadows-layer circle,#highlights-layer ellipse,#highlights-layer .delete-btn-group,#highlights-layer .delete-btn-group circle,#highlights-layer .delete-btn-group text{transition:cx .62s cubic-bezier(.25,.8,.25,1),cy .62s cubic-bezier(.25,.8,.25,1),x .62s cubic-bezier(.25,.8,.25,1),y .62s cubic-bezier(.25,.8,.25,1),r .62s cubic-bezier(.25,.8,.25,1),rx .62s cubic-bezier(.25,.8,.25,1),ry .62s cubic-bezier(.25,.8,.25,1),width .62s cubic-bezier(.25,.8,.25,1),height .62s cubic-bezier(.25,.8,.25,1)}.bead.dragging image,.bead.dragging~*{transition:none!important}.display-actions{display:flex;gap:60px}.btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 32px;border:none;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);font-family:Prata,serif;position:relative;overflow:hidden;text-decoration:none}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:after{width:300px;height:300px}.btn-reset{background:#b9a77c;color:#fff;border:1px solid #B9A77C;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-finish{background:#ceb986;color:#fff}.btn-primary{background:#ceb986;color:#fff;border:1px solid #CEB986}.btn-secondary{background:#f2efe7;color:#3c3524;border:1px solid #d9cfb4}.btn-ghost{background:transparent;color:#3c3524;border:1px solid #d9cfb4;padding:10px 20px;border-radius:999px}@media(hover:hover)and (pointer:fine){.btn-reset:hover{background:#a8966b;transform:translateY(-2px);box-shadow:0 4px 12px #b9a77c4d}.btn-finish:hover{background:#c0a971;transform:translateY(-2px);box-shadow:0 4px 12px #ceb9864d}}.tagline{color:#ffffffe6;font-size:22px;font-style:italic;text-shadow:0 1px 3px rgba(0,0,0,.3);letter-spacing:.3px;text-align:center}.panel-search-header{position:sticky;top:0;z-index:100;padding:12px 16px;background:#fffffff2;border-bottom:1px solid rgba(0,0,0,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-container{position:relative;width:100%}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);pointer-events:none;width:14px;height:14px}#search-input{width:100%;padding:8px 10px 8px 30px;border:1px solid #C9C9C9;border-radius:16px;font-size:12px;font-family:Prata,serif;transition:all .3s ease}#search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #8b73551a}.panel-body{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:24px}.section{flex:0 0 auto}.section:last-child{flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}.section-title{font-size:13px;font-weight:600;color:var(--text-dark);margin-bottom:12px;padding-bottom:6px;border-bottom:2px solid var(--primary-color)}.section-in-use{flex:0 0 auto}.in-use-container{display:flex;gap:12px;align-items:stretch}.in-use-title-box{flex:0 0 120px;width:120px;background:#cec5a3;padding:12px 6px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start}.in-use-title-box .section-title{margin:0;padding:0;border:none;white-space:nowrap}.in-use-content-box{flex:1;background:#fff;border:1px solid #F2F2F2;padding:8px 6px;border-radius:10px;height:120px;overflow-y:auto;overflow-x:hidden}.beads-in-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 2px;max-height:none;overflow-y:visible}.beads-in-use-grid .bead-card{width:100%;flex:none}.in-use-content-box .empty-state{text-align:center;padding:20px;color:var(--text-muted);font-size:11px}.empty-state{text-align:center;padding:20px;color:var(--text-muted);font-size:11px;display:none}.empty-state.show{display:block}.section-crystal{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.crystal-container{display:flex;gap:12px;flex:1 1 auto;height:0;min-height:0}.crystal-sidebar-box{flex:0 0 120px;width:120px;background:#f2f2f2;padding:12px 6px;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.crystal-sidebar-header{position:sticky;top:0;z-index:5;background:#f2f2f2;padding:8px 4px 6px;border-bottom:1px solid rgba(0,0,0,.05);display:flex;flex-direction:column;gap:6px}.crystal-sidebar-box .section-title{margin:0 0 12px;padding:0;border-bottom:none;font-size:13px}.crystal-sidebar-header .section-title{margin:0}.crystal-content-box{flex:1;background:#fff;border:1px solid #F2F2F2;padding:8px 6px;border-radius:10px;overflow:hidden;min-height:0;display:flex;flex-direction:column}.crystal-content-box .detail-view{flex:1;overflow-y:auto;padding:4px 2px;min-height:0}.master-detail-container{display:flex;gap:12px;min-height:300px}.master-list{flex:1;overflow-y:auto;border-right:none;padding-right:0;min-height:0}.crystal-sidebar-box .master-list{border:none;padding:0}.master-item{padding:8px 6px;border-radius:6px;cursor:pointer;font-size:11px;color:var(--text-light);background:transparent;border:none;font-family:Prata,serif;transition:all .3s ease;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;margin-bottom:3px}.master-item:hover{background:var(--secondary-color);color:var(--primary-color)}.master-item.active{background:#fff;color:var(--text-dark);font-weight:600}.detail-view{flex:1;overflow-y:auto;padding:4px 2px;min-height:0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 2px}.detail-grid .bead-card{width:100%;flex:none;margin:0}.beads-display{display:none}.loading{text-align:center;padding:40px;color:var(--text-muted);font-size:14px}.bead-card{flex:0 0 auto;width:64px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:6px;border-radius:8px;background:#fff;border:1px solid #f0f0f0;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.bead-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}@media(any-hover:hover){.bead-card:hover:before{left:100%}.bead-card:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 4px 12px #0000001a;border-color:var(--primary-color)}}.bead-card:active{transform:translateY(-2px) scale(.98);transition:all .1s ease}.bead-card.touch-active{transform:translateY(-2px) scale(.99);box-shadow:0 3px 10px #0000001a;border-color:var(--primary-color);transition:all .15s ease}.bead-image{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.bead-name{font-size:8px;text-align:center;color:var(--text-dark);font-weight:500;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.bead-details{display:flex;justify-content:center;gap:3px;font-size:8px;color:var(--text-muted)}.bead-size{color:var(--text-light)}.bead-price{color:var(--primary-dark);font-weight:600}.bead-card-in-use{position:relative;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #f0f0f0;cursor:default;transition:all .3s ease;overflow:hidden}.bead-card-in-use:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a;border-color:var(--primary-color)}.bead-card-in-use .bead-image{width:80%;height:80%;-o-object-fit:contain;object-fit:contain}.master-item-with-icon{display:flex;align-items:center;gap:6px;padding:8px 6px}.master-item-icon{font-size:14px;line-height:1;flex-shrink:0;width:12px;height:12px;display:flex;align-items:center;justify-content:center}.master-item-icon-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:4px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.master-item-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-modal,.instructions-modal,.finish-modal,.share-modal,.order-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:none;align-items:center;justify-content:center}.preview-modal.active,.instructions-modal.active,.finish-modal.active,.share-modal.active,.order-modal.active{display:flex}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-content{position:relative;z-index:1;background:#fff;border-radius:24px;padding:32px;max-width:400px;box-shadow:0 20px 60px #0003,0 10px 30px #00000026,0 5px 15px #0000001a;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}#preview-image{width:300px;height:300px;-o-object-fit:contain;object-fit:contain;margin-bottom:16px}.modal-info{text-align:center}.modal-info h3{font-size:18px;margin-bottom:8px;color:var(--text-dark)}.modal-info p{font-size:14px;color:var(--text-light)}.instructions-content{max-width:600px;max-height:80vh;overflow-y:auto}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#f0f0f0;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;transition:all .2s ease;color:#666}.modal-close:hover{background:#e0e0e0;transform:rotate(90deg)}.instructions-content h2{font-size:24px;margin-bottom:20px;color:var(--text-dark)}.instructions-content h3{font-size:18px;margin-top:20px;margin-bottom:12px;color:var(--text-dark)}.finish-content,.share-content,.order-content{width:min(520px,92vw)}.finish-description{color:#6b6353;margin:12px 0 20px}.finish-actions{display:flex;gap:12px;flex-wrap:wrap}.order-content textarea{resize:vertical}.instructions-text{color:var(--text-dark);line-height:1.6}.instructions-text ol{margin-left:20px;margin-bottom:20px}.instructions-text li{margin-bottom:12px}.instructions-text p{margin-bottom:10px}.instructions-text strong{color:#c9b388}.display-top-row{width:100%;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.display-top-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:900px){.main-content{flex-direction:column;padding:12px;gap:12px;height:100vh}.product-display{flex:0 1 58%;padding:24px;min-height:0}.bracelet-container{max-width:400px}.display-top-row{flex-direction:column;align-items:flex-start;gap:12px}.display-top-actions{gap:10px}.display-info-badges{width:100%;justify-content:flex-start}.selection-panel{flex:1 1 42%;width:100%;max-width:100%;min-width:0;min-height:0;border-radius:20px}}@media(max-width:768px){.main-content{padding:0;gap:4px;height:100vh}.product-display{padding:12px;flex:0 0 58vh;gap:12px;height:58vh;display:flex;flex-direction:column;justify-content:space-between}.display-body{gap:16px;justify-content:center;flex:1}.display-top-row{flex-direction:row;justify-content:space-between;align-items:center;gap:6px;margin-bottom:0;flex-shrink:0}.instructions-badge{flex-shrink:0}.display-top-actions{flex:1 1 auto;min-width:0;flex-wrap:nowrap;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.display-top-actions::-webkit-scrollbar{display:none}.display-top-actions .ui-top-action{padding:6px 10px;min-height:32px;font-size:12px;line-height:1.1;white-space:nowrap}.display-top-actions .ui-segment{min-height:32px}.display-top-actions .ui-segment__option{padding:6px 10px;font-size:12px;line-height:1.1}#instructions-btn.ui-top-action{padding:6px;height:32px;width:32px;min-height:32px;border-radius:50%;gap:0}#instructions-btn .ui-top-action__label{display:none}#instructions-btn .ui-top-action__icon{width:16px;height:16px}.display-info-badges{width:auto;justify-content:flex-end;gap:4px;flex-wrap:nowrap;flex-shrink:0}.info-badge{padding:4px 6px;font-size:10px;width:auto;min-width:0;flex:0 1 auto;max-width:140px;height:auto;min-height:28px}.badge-content{min-width:0}.size-badge,.price-badge{width:auto;min-width:0}.badge-icon{width:16px;height:16px}.badge-label{display:none}.badge-value{font-size:10px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bracelet-container{width:min(65vw,280px);max-width:280px;max-height:min(45vh,280px);aspect-ratio:1;height:auto;margin:0 auto;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.display-actions{gap:24px;margin:0;flex-shrink:0;width:100%;justify-content:center}.btn{padding:8px 24px;font-size:12px;height:auto;min-height:36px;line-height:1.2}.tagline{font-size:14px;margin:0;line-height:1.3;text-align:center}.selection-panel{flex:0 0 42vh;width:100%;max-width:100%;min-width:0;border-radius:12px;height:42vh;overflow:hidden}.panel-search-header{padding:8px 10px;flex-shrink:0}#search-input{font-size:11px;padding:6px 8px 6px 28px;height:32px}.search-icon{width:14px;height:14px;left:10px}.panel-body{padding:8px 10px;flex:1;display:flex;flex-direction:column;gap:8px;overflow:hidden}.section-title{font-size:10px;margin-bottom:6px;padding-bottom:3px;line-height:1.2}.section{flex:0 0 auto}.section-in-use{display:none}.detail-grid,.beads-in-use-grid{grid-template-columns:repeat(3,1fr);gap:4px}.in-use-container{gap:8px}.in-use-title-box{flex:0 0 60px;width:60px;padding:6px 3px}.in-use-content-box{height:80px;padding:5px}.crystal-container{flex:1 1 auto;min-height:0;height:0;gap:8px;overflow:hidden}.crystal-sidebar-box{flex:0 0 118px;width:118px;padding:0 2px 4px;display:flex;flex-direction:column;overflow:hidden}.crystal-sidebar-box .section-title{font-size:10px;margin-bottom:8px}.crystal-sidebar-header .section-title{display:none}.crystal-sidebar-header{padding:8px 4px 6px;gap:4px}.crystal-content-box{padding:5px;display:flex;flex-direction:column;overflow:hidden}.master-item{padding:5px 3px;font-size:11px;margin-bottom:2px}.master-item-in-use{min-height:38px;padding:10px 6px;font-size:12px}.crystal-content-box .detail-view{flex:1;overflow-y:auto;min-height:0}.bead-card{width:100%;padding:4px;gap:2px;border-radius:6px}.bead-image{width:100%;height:auto;max-height:42px;-o-object-fit:contain;object-fit:contain}.bead-name{font-size:9px;line-height:1.1;max-height:18px;overflow:hidden}.bead-details{font-size:7px;gap:2px}}@media(max-width:375px)and (max-height:667px){.product-display{flex:0 0 55vh;height:55vh}.selection-panel{flex:0 0 45vh;height:45vh}.display-body{gap:12px}.bracelet-container{width:min(60vw,240px);max-width:240px;max-height:min(40vh,240px)}.display-actions{gap:20px}.btn{padding:6px 20px;font-size:11px;min-height:32px}.tagline{font-size:13px}}.size-limit-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#cec5a3;color:#333;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:500;z-index:10000;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;box-shadow:0 8px 24px #0000004d;pointer-events:none;white-space:nowrap}.size-limit-toast.active{opacity:1;visibility:visible}.gallery-page{--gallery-bg-image: none;display:none;flex-direction:column;height:100vh;width:100%;overflow:hidden;padding:5vh 24px 2vh;box-sizing:border-box;background-color:#e8c69c;background-image:var(--gallery-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.gallery-page.active{display:flex}.gallery-home-link{position:absolute;top:16px;left:24px;z-index:30}.gallery-header{text-align:center;margin-bottom:3vh;flex-shrink:0}.gallery-eyebrow{font-size:clamp(12px,1.5vw,12px);font-style:italic;color:#3c3c3c;letter-spacing:.025em;margin:0 0 .5vh}.gallery-title{margin:0 0 1.5vh;font-size:clamp(32px,5vw,48px);font-weight:400;color:#000;font-family:Prata,ui-serif,Georgia,serif}.gallery-subtitle{margin:0 auto;color:#3c3c3c;max-width:600px;font-size:clamp(14px,1.5vw,14px);line-height:1.6;font-weight:300}.gallery-carousel-container{position:relative;flex:1;display:flex;flex-direction:column;align-items:stretch;max-width:1400px;margin:0 auto;width:100%;min-height:0}.gallery-nav-btn{position:relative;flex-shrink:0;width:48px;height:48px;background:transparent;border:none;cursor:pointer;z-index:20;display:none;align-items:center;justify-content:center;color:#4a484359;transition:color .3s;font-size:clamp(36px,4vw,48px)}.gallery-nav-btn:hover{color:#4a4843}.gallery-nav-btn--prev{margin-right:8px}.gallery-nav-btn--next{margin-left:8px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.8vw,32px);overflow-y:auto;overflow-x:hidden;padding:20px 12px 12px;flex:1;min-height:0;align-content:start}.gallery-empty{display:none;text-align:center;color:#6e6554;margin-top:24px}.design-card{width:100%;background:#dfe1d6;border-radius:16px;padding:clamp(16px,2vw,32px);display:flex;flex-direction:column;align-items:center;text-align:center;box-shadow:0 2px 10px -4px #0000001a;transition:box-shadow .5s,transform .5s}.design-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.design-card__preview{width:100%;aspect-ratio:1 / 1;background:#dfe1d6;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:clamp(12px,2vh,24px)}.design-card__preview svg{width:100%;height:100%;position:relative;z-index:1;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.design-card__name{font-family:Prata,ui-serif,Georgia,serif;font-weight:400;font-size:clamp(16px,1.8vw,22px);color:#4a4843;margin-bottom:4px;flex-shrink:0}.design-card__designer{color:#4a4843b3;font-size:clamp(12px,1.2vw,14px);font-weight:300;letter-spacing:.025em;margin-bottom:clamp(12px,2vh,24px);flex-shrink:0}.design-card__stats{display:none}.design-card__cta{background:#bfa888;color:#4a4843;border:none;padding:clamp(10px,1.5vh,12px) clamp(24px,3vw,32px);border-radius:9999px;font-family:Prata,ui-serif,Georgia,serif;font-size:clamp(14px,1.4vw,16px);cursor:pointer;transition:background-color .3s,color .3s;box-shadow:0 1px 2px #0000000d;width:100%;flex-shrink:0}.design-card__cta:hover{background:#a89275;color:#fff}.gallery-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 0 0;flex-shrink:0}.gallery-page-btn{padding:8px 14px;border-radius:999px;border:1px solid #d9cfb4;background:#f7f3ea;cursor:pointer}.gallery-page-btn:disabled{opacity:.5;cursor:not-allowed}.gallery-page-indicator{color:#6e6554}@media(max-width:768px){.gallery-page{padding:calc(2vh + 56px) 12px 2vh}.gallery-home-link{top:10px;left:12px}.gallery-header{margin-bottom:2vh}.gallery-nav-btn{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:8px 4px 4px}.design-card{padding:14px}.design-card__preview{margin-bottom:10px}.design-card__designer{margin-bottom:12px}.design-card__cta{padding:10px 18px}}.design-detail-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000}.design-detail-modal.is-visible{display:flex;align-items:center;justify-content:center}.design-detail-modal .modal-backdrop{background:#4a484366;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:opacity .3s ease}.design-detail-modal .modal-content{display:flex;flex-direction:column;max-width:900px;width:95%;max-height:90vh;padding:0;overflow:hidden;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.design-detail-modal.is-visible .modal-content{transform:scale(1);opacity:1}.design-detail__preview{background:#ebece4;padding:32px;display:flex;align-items:center;justify-content:center;position:relative;min-height:280px}.design-detail__preview-inner{width:260px;height:260px;display:flex;align-items:center;justify-content:center}.design-detail__preview-inner svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px rgba(0,0,0,.08))}.design-detail__badge{position:absolute;top:16px;left:16px;background:#fffc;padding:4px 12px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#4a484399;border-radius:9999px;font-weight:500}.design-detail__info{padding:24px;display:flex;flex-direction:column;overflow-y:auto}.design-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.design-detail__designer{font-size:12px;font-weight:500;color:#bfa888;text-transform:uppercase;letter-spacing:.1em}.design-detail__title{font-family:Prata,ui-serif,Georgia,serif;font-size:28px;font-weight:400;color:#4a4843;margin:0 0 8px;line-height:1.2}.design-detail__price{font-size:22px;font-weight:300;color:#4a4843;margin-bottom:4px}.design-detail__divider{height:1px;background:#4a48431a;margin:14px 0}.design-detail__section{margin-bottom:4px}.design-detail__section-title{font-family:Prata,ui-serif,Georgia,serif;font-size:15px;font-weight:400;color:#4a4843;margin:0 0 8px}.design-detail__crystals{display:flex;flex-wrap:wrap;gap:8px}.design-detail__crystal-tag{background:#bfa88826;color:#4a4843;padding:6px 12px;border-radius:9999px;font-size:13px;font-weight:400;display:inline-flex;align-items:center;gap:6px}.design-detail__crystal-tag .count{background:#bfa8884d;color:#4a4843;font-size:11px;font-weight:500;padding:2px 6px;border-radius:9999px;min-width:18px;text-align:center}.design-detail__haiku{font-family:Prata,ui-serif,Georgia,serif;font-size:14px;font-style:italic;color:#4a4843b3;line-height:1.7;margin:0;padding:10px 0;text-align:center;letter-spacing:.02em}.design-detail__actions{display:flex;gap:12px;margin-top:4px}.design-detail__btn-primary{flex:1;background:#4a4843;color:#fff;border:none;padding:12px 20px;border-radius:9999px;font-family:Prata,ui-serif,Georgia,serif;font-size:14px;font-style:italic;cursor:pointer;transition:background-color .3s ease;box-shadow:0 2px 8px #0000001a}.design-detail__btn-primary:hover{background:#bfa888}.design-detail__btn-secondary{flex:1;background:transparent;color:#4a4843;border:1px solid rgba(74,72,67,.2);padding:12px 20px;border-radius:9999px;font-family:Prata,ui-serif,Georgia,serif;font-size:14px;font-style:italic;cursor:pointer;transition:all .3s ease}.design-detail__btn-secondary:hover{background:#4a48430d;border-color:#4a48434d}.design-detail__footnote{font-size:11px;color:#4a484366;text-align:center;margin-top:14px;font-style:italic}@media(min-width:768px){.design-detail-modal .modal-content{flex-direction:row;max-height:85vh}.design-detail__preview{width:45%;min-height:auto;padding:48px}.design-detail__preview-inner{width:300px;height:300px}.design-detail__info{width:55%;padding:32px}.design-detail__title{font-size:32px}}@keyframes detailPageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes detailPageSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes detailPageScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmerGlow{0%,to{opacity:.25}50%{opacity:.45}}.design-detail-page{display:none;flex-direction:column;height:100vh;height:100dvh;background:linear-gradient(165deg,#f7f5f0,#ebe8e0,#e0dbd0);position:relative;overflow:hidden}.design-detail-page:before{content:"";position:fixed;inset:0;background-image:url(/assets/images/bkg-gallery.webp);background-size:cover;background-position:center;opacity:.18;pointer-events:none;z-index:0}.design-detail-page:after{content:"";position:fixed;top:-120px;right:-120px;width:350px;height:350px;background:radial-gradient(circle,rgba(191,168,136,.1) 0%,transparent 70%);pointer-events:none;z-index:0}.design-detail-page__nav{padding:10px 20px;background:linear-gradient(to bottom,#ffffffeb,#fffc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(191,168,136,.12);position:relative;z-index:100;flex-shrink:0;animation:detailPageFadeIn .35s ease-out}.design-detail-page__back{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid rgba(74,72,67,.1);color:#4a4843;font-family:Prata,ui-serif,Georgia,serif;font-size:12px;font-weight:400;cursor:pointer;padding:6px 14px 6px 10px;border-radius:9999px;transition:all .3s cubic-bezier(.34,1.56,.64,1);letter-spacing:.015em}.design-detail-page__back:hover{background:#bfa88814;border-color:#bfa8884d;transform:translate(-2px)}.design-detail-page__back .back-arrow{font-size:13px;line-height:1;transition:transform .25s ease}.design-detail-page__back:hover .back-arrow{transform:translate(-2px)}.design-detail-page__container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;max-width:1400px;width:100%;margin:0 auto;padding:16px 16px 20px;gap:14px;min-height:0;overflow:hidden}.design-detail-page__preview{background:linear-gradient(145deg,#f5f3eef7,#eeece4f7);border-radius:20px;padding:20px;display:flex;align-items:center;justify-content:center;position:relative;flex:1.2;min-height:0;box-shadow:0 1px 3px #00000005,0 6px 16px #00000009,inset 0 1px #ffffffb3;overflow:hidden;animation:detailPageScaleIn .45s cubic-bezier(.34,1.56,.64,1) .08s both}.design-detail-page__preview:before{content:"";position:absolute;width:55%;aspect-ratio:1;background:radial-gradient(circle,rgba(191,168,136,.12) 0%,transparent 65%);animation:shimmerGlow 5s ease-in-out infinite;pointer-events:none}.design-detail-page__preview-inner{width:min(65%,50vh);aspect-ratio:1;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.design-detail-page__preview-inner svg{width:100%;height:100%;filter:drop-shadow(0 6px 14px rgba(0,0,0,.1));transition:transform .45s cubic-bezier(.34,1.56,.64,1)}.design-detail-page__preview:hover .design-detail-page__preview-inner svg{transform:scale(1.015) rotate(.5deg)}.design-detail-page__badge{position:absolute;top:12px;left:12px;background:#ffffffe0;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:4px 10px;font-size:8px;text-transform:uppercase;letter-spacing:.1em;color:#4a48438c;border-radius:9999px;font-weight:500;border:1px solid rgba(191,168,136,.12);animation:detailPageFadeIn .4s ease-out .25s both}.design-detail-page__info{background:#fffffff5;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 1px 3px #00000005,0 4px 12px #00000009,inset 0 1px #ffffffd9;border:1px solid rgba(191,168,136,.06);animation:detailPageSlideUp .45s cubic-bezier(.34,1.56,.64,1) .12s both;overflow-y:auto;min-height:0}.design-detail-page__designer{font-size:10px;font-weight:500;color:#bfa888;text-transform:uppercase;letter-spacing:.1em;margin-bottom:2px;position:relative;display:inline-block}.design-detail-page__designer:after{content:"";position:absolute;bottom:-2px;left:0;width:18px;height:1.5px;background:linear-gradient(90deg,#bfa888,transparent)}.design-detail-page__title{font-family:Prata,ui-serif,Georgia,serif;font-size:clamp(20px,3.5vw,26px);font-weight:400;color:#3a3835;margin:6px 0 4px;line-height:1.2;letter-spacing:-.01em}.design-detail-page__price{font-family:Prata,ui-serif,Georgia,serif;font-size:clamp(16px,2.5vw,20px);font-weight:400;color:#5a5550;margin-bottom:2px;letter-spacing:.01em}.design-detail-page__divider{height:1px;background:linear-gradient(90deg,transparent,rgba(191,168,136,.22),transparent);margin:10px 0;border:none}.design-detail-page__section{margin-bottom:2px}.design-detail-page__section-title{font-family:Prata,ui-serif,Georgia,serif;font-size:11px;font-weight:400;color:#6a6560;margin:0 0 6px;letter-spacing:.02em}.design-detail-page__crystals{display:flex;flex-wrap:wrap;gap:5px}.design-detail-page__crystals .design-detail__crystal-tag{background:linear-gradient(135deg,#bfa88814,#bfa8880a);color:#4a4843;padding:4px 10px;border-radius:9999px;font-size:10px;font-weight:400;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(191,168,136,.1);transition:all .25s ease}.design-detail-page__crystals .design-detail__crystal-tag:hover{background:linear-gradient(135deg,#bfa88826,#bfa88814);border-color:#bfa88838;transform:translateY(-1px)}.design-detail-page__crystals .design-detail__crystal-tag .count{background:#bfa8882e;color:#5a5550;font-size:9px;font-weight:600;padding:1px 5px;border-radius:9999px;min-width:16px;text-align:center}.design-detail-page__haiku{font-family:Prata,ui-serif,Georgia,serif;font-size:12px;font-style:italic;color:#4a48438c;line-height:1.6;margin:0;padding:10px 14px 10px 18px;text-align:left;white-space:pre-line;letter-spacing:.015em;background:linear-gradient(135deg,#bfa8880a,#bfa88803);border-radius:10px;border-left:2px solid rgba(191,168,136,.2);position:relative}.design-detail-page__haiku:before{content:'"';position:absolute;top:2px;left:6px;font-size:20px;color:#bfa8882e;font-family:Georgia,serif;line-height:1}.design-detail-page__actions{display:flex;gap:10px;margin-top:8px}.design-detail-page__btn-primary{flex:1;background:linear-gradient(135deg,#4a4843,#3a3835);color:#fff;border:none;padding:11px 18px;border-radius:9999px;font-family:Prata,ui-serif,Georgia,serif;font-size:12px;font-style:italic;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #4a484326;position:relative;overflow:hidden}.design-detail-page__btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .45s ease}.design-detail-page__btn-primary:hover{background:linear-gradient(135deg,#bfa888,#a89275);transform:translateY(-1px);box-shadow:0 4px 14px #bfa88847}.design-detail-page__btn-primary:hover:before{left:100%}.design-detail-page__btn-secondary{flex:1;background:transparent;color:#4a4843;border:1.5px solid rgba(74,72,67,.15);padding:11px 18px;border-radius:9999px;font-family:Prata,ui-serif,Georgia,serif;font-size:12px;font-style:italic;cursor:pointer;transition:all .35s cubic-bezier(.34,1.56,.64,1)}.design-detail-page__btn-secondary:hover{border-color:#bfa88866;background:#bfa8880f;transform:translateY(-1px)}.design-detail-page__footnote{font-size:9px;color:#4a484352;text-align:center;margin-top:10px;font-style:italic;letter-spacing:.015em}@media(min-width:768px){.design-detail-page__nav{padding:12px 28px}.design-detail-page__back{padding:7px 16px 7px 12px}.design-detail-page__container{flex-direction:row;align-items:stretch;padding:18px 28px 22px;gap:24px;overflow:hidden}.design-detail-page__preview{flex:1.15;min-height:unset;padding:28px;border-radius:28px}.design-detail-page__preview:before{width:65%}.design-detail-page__preview-inner{width:min(70%,55vh)}.design-detail-page__badge{top:14px;left:14px;padding:5px 11px;font-size:8px}.design-detail-page__info{flex:.85;padding:26px 28px;border-radius:28px;justify-content:flex-start}.design-detail-page__designer{font-size:10px;margin-bottom:4px}.design-detail-page__title{font-size:clamp(24px,3vw,32px);margin:8px 0 6px}.design-detail-page__price{font-size:clamp(18px,2.2vw,24px)}.design-detail-page__divider{margin:14px 0}.design-detail-page__section-title{font-size:12px;margin-bottom:8px}.design-detail-page__crystals{gap:6px}.design-detail-page__crystals .design-detail__crystal-tag{padding:5px 12px;font-size:11px}.design-detail-page__haiku{font-size:13px;padding:12px 18px 12px 22px}.design-detail-page__actions{gap:12px;margin-top:12px}.design-detail-page__btn-primary,.design-detail-page__btn-secondary{padding:13px 22px;font-size:13px}.design-detail-page__footnote{margin-top:14px;font-size:10px}}@media(min-width:1100px){.design-detail-page__container{max-width:1400px;padding:24px 40px 28px;gap:32px}.design-detail-page__preview{padding:36px;border-radius:32px}.design-detail-page__preview-inner{width:min(72%,58vh)}.design-detail-page__badge{top:18px;left:18px;padding:5px 12px;font-size:9px}.design-detail-page__info{padding:32px 36px;border-radius:32px}.design-detail-page__title{font-size:clamp(28px,2.8vw,36px)}.design-detail-page__price{font-size:clamp(20px,2vw,26px)}.design-detail-page__divider{margin:18px 0}.design-detail-page__haiku{font-size:14px;padding:14px 22px 14px 26px}.design-detail-page__btn-primary,.design-detail-page__btn-secondary{padding:14px 26px;font-size:14px}.design-detail-page__footnote{margin-top:18px}}@media(min-width:768px)and (min-height:800px){.design-detail-page__container{padding-top:24px;padding-bottom:28px}.design-detail-page__preview{padding:40px}.design-detail-page__preview-inner{width:min(75%,52vh)}.design-detail-page__info{padding:36px 40px}.design-detail-page__divider{margin:20px 0}}@media(max-height:700px){.design-detail-page__nav{padding:8px 16px}.design-detail-page__back{padding:5px 12px 5px 8px;font-size:11px}.design-detail-page__container{padding:10px 14px 14px;gap:10px}.design-detail-page__preview{padding:14px;border-radius:16px}.design-detail-page__preview-inner{width:min(60%,45vh)}.design-detail-page__badge{top:8px;left:8px;padding:3px 7px;font-size:7px}.design-detail-page__info{padding:14px 18px;border-radius:16px}.design-detail-page__designer{font-size:9px}.design-detail-page__title{font-size:18px;margin:4px 0 3px}.design-detail-page__price{font-size:15px}.design-detail-page__divider{margin:8px 0}.design-detail-page__section-title{font-size:10px;margin-bottom:5px}.design-detail-page__crystals{gap:4px}.design-detail-page__crystals .design-detail__crystal-tag{padding:3px 8px;font-size:9px}.design-detail-page__haiku{font-size:10px;padding:8px 12px 8px 16px;line-height:1.5}.design-detail-page__actions{gap:8px;margin-top:6px}.design-detail-page__btn-primary,.design-detail-page__btn-secondary{padding:9px 14px;font-size:11px}.design-detail-page__footnote{margin-top:6px;font-size:8px}}@media(max-height:600px)and (min-width:600px){.design-detail-page__container{flex-direction:row;padding:8px 14px 12px;gap:14px}.design-detail-page__preview{flex:0 0 45%;padding:14px}.design-detail-page__preview-inner{width:min(80%,42vh)}.design-detail-page__info{flex:1;padding:12px 16px;overflow-y:auto}.design-detail-page__haiku,.design-detail-page__footnote{display:none}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.ui-focus-ring:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: var(--primary-color);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff}.ui-input:disabled{cursor:not-allowed;opacity:.6}.ui-textarea:disabled{cursor:not-allowed;opacity:.6}.ui-card{border-radius:1rem;border-width:1px;border-style:solid;border-color:#0000000f;background-color:#ffffffeb;--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ui-card-inset{border-radius:.75rem;border-width:1px;border-style:solid;border-color:#0000000d;background-color:#00000005}.ui-top-action{display:inline-flex;min-height:36px;cursor:pointer;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;border-style:solid;border-color:#d9cfb4d9;background-color:#ffffff38;padding:.5rem .875rem;font-size:13px;line-height:1;text-decoration-line:none;--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:transform;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:#4a4843}.ui-top-action:hover{background:#f7f3ea40;transform:translateY(-1px)}.ui-top-action:active{transform:translateY(0)}.ui-top-action__icon{width:18px;height:18px;flex-shrink:0;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none}.ui-top-action__label{font-weight:500;letter-spacing:.015em}.ui-segment{display:inline-flex;min-height:36px;align-items:center;border-radius:9999px;border-width:1px;border-style:solid;border-color:#d9cfb4d9;background-color:#ffffff38;padding:.125rem;--tw-shadow: var(--shadow-sm);--tw-shadow-colored: var(--shadow-sm);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.ui-segment__option{display:inline-flex;cursor:pointer;align-items:center;justify-content:center;border-radius:9999px;padding:.5rem .75rem;font-size:13px;line-height:1;text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:#4a4843}.ui-segment__option:hover{background:#f7f3ea40}.ui-segment__option.is-active{background:#ffffffeb;font-weight:600}.ui-pill{display:inline-flex;cursor:pointer;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;border-style:solid;border-color:#4a484324;background-color:transparent;padding:.5rem .875rem;font-size:13px;line-height:1;text-decoration-line:none;transition-property:transform;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;color:#4a4843}.ui-pill--compact{gap:.375rem;padding:.375rem .875rem;font-size:12px}.ui-pill--warm{border-color:#d9cfb4d9}.ui-pill--lift:hover{background:#f7f3ea40;transform:translateY(-1px)}.ui-pill--lift:active{transform:translateY(0)}.ui-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(74,72,67,.35) transparent}.ui-scrollbar::-webkit-scrollbar{width:8px;height:8px}.ui-scrollbar::-webkit-scrollbar-track{background:transparent}.ui-scrollbar::-webkit-scrollbar-thumb{background:#4a484347;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.ui-scrollbar::-webkit-scrollbar-thumb:hover{background:#4a484366}.ui-scrollbar--thin::-webkit-scrollbar{width:6px;height:6px}.ui-chip-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.ui-chip{display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap;border-radius:9999px;border-width:1px;border-style:solid;border-color:#8b73552e;background-color:#8b735514;padding:.25rem .75rem;font-size:11px;line-height:1;color:#4a4843}.ui-chip--sm{padding:.125rem .5rem;font-size:10px}.ui-panel-header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-radius:.75rem;border-width:1px;border-style:solid;border-color:#0000000a;background-color:#00000005;padding:.5rem}.ui-panel-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--text-dark)}.form-vertical{display:flex;flex-direction:column;gap:14px}.form-field{display:flex;flex-direction:column;gap:.375rem;font-size:14px;color:#4a4437}.form-field input,.form-field textarea{width:100%;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(221 213 194 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(248 245 236 / var(--tw-bg-opacity, 1));padding:.75rem .875rem;font-size:14px;--tw-text-opacity: 1;color:rgb(60 53 36 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.form-field input::-moz-placeholder,.form-field textarea::-moz-placeholder{color:#4a48438c}.form-field input::placeholder,.form-field textarea::placeholder{color:#4a48438c}.share-result{margin-top:1rem;display:none;border-radius:.75rem;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(226 215 190 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(246 242 232 / var(--tw-bg-opacity, 1));padding:.75rem}.share-result.active{display:block}.share-success{margin-bottom:.5rem;font-weight:600;color:#5e543f}.share-link-row{display:flex;align-items:center;gap:.5rem}.share-link-row input{flex:1 1 0%;border-radius:10px;border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgb(220 210 189 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));padding:.625rem .75rem;font-size:14px}.visible{visibility:visible}.fixed{position:fixed}.inset-0{inset:0}.z-\[9000\]{z-index:9000}.mx-auto{margin-left:auto;margin-right:auto}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.\!grid{display:grid!important}.grid{display:grid}.h-3{height:.75rem}.h-4{height:1rem}.h-9{height:2.25rem}.h-\[180px\]{height:180px}.w-1\/2{width:50%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-9{width:2.25rem}.w-\[180px\]{width:180px}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-\[rgba\(74\,72\,67\,0\.28\)\]{border-color:#4a484347}.border-t-primary{border-top-color:var(--primary-color)}.bg-\[\#CEC5A3\]{--tw-bg-opacity: 1;background-color:rgb(206 197 163 / var(--tw-bg-opacity, 1))}.bg-\[rgba\(0\,0\,0\,0\.06\)\]{background-color:#0000000f}.bg-\[rgba\(0\,0\,0\,0\.08\)\]{background-color:#00000014}.bg-\[rgba\(255\,255\,255\,0\.78\)\]{background-color:#ffffffc7}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.text-\[13px\]{font-size:13px}.font-semibold{font-weight:600}.text-\[\#333\]{--tw-text-opacity: 1;color:rgb(51 51 51 / var(--tw-text-opacity, 1))}.text-\[color\:var\(--text-light\)\]{color:var(--text-light)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}