body.lg-page-studio{background:#faf9fc;}
.lg-page-studio .page-width:has(#diy-app){width:100%;max-width:none;padding:0;}
.lg-page-studio .main-page:has(#diy-app){padding:0!important;margin:0!important;}
.lg-page-studio .main-page__content:has(#diy-app){margin:0;width:100%;max-width:none;}
#diy-app[data-lg-studio]{background:#faf9fc!important;border-radius:0!important;--purple:#1b1917!important;--purple-dark:#766589!important;--muted:#77726a!important;--line:#e3ddd2!important;}
#diy-app[data-lg-studio] .wrap{height:calc(100dvh - var(--lg-header-height,125px));min-height:560px;width:100%;max-width:none!important;padding:0!important;display:grid;grid-template-columns:340px minmax(0,1fr) 320px;grid-template-rows:auto minmax(0,1fr);grid-template-areas:"head head head" "library preview side";gap:0;align-items:stretch;}
#diy-app[data-lg-studio] .wrap>header{padding:16px 24px!important;margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:24px;align-items:center;border-bottom:1px solid #e3ddd2;background:#faf9fc;}
#diy-app[data-lg-studio] header .brand{font-size:10px;margin:0;grid-column:1;grid-row:1;}
#diy-app[data-lg-studio] header h1{font-size:23px;line-height:1.5;letter-spacing:.025em;margin:0;grid-column:1;grid-row:2;}
#diy-app[data-lg-studio] header p{font-size:12px;line-height:1.9;grid-column:2;grid-row:1/3;justify-self:end;max-width:420px;}
#diy-app[data-lg-studio] .card{border:0;border-radius:0;box-shadow:none;margin:0;min-width:0;}
#diy-app[data-lg-studio] [data-lg-role="library"]{grid-area:library;display:flex;flex-direction:column;min-height:0;padding:0;border-right:1px solid #e3ddd2;background:#faf9fc;}
#diy-app[data-lg-studio] [data-lg-role="library"]>h2{font-size:21px;font-family:"Noto Serif TC","PMingLiU",serif;font-weight:400;line-height:1.6;padding:20px 20px 16px;margin:0;border-bottom:1px solid #e3ddd2;}
#diy-app[data-lg-studio] .lg-library-layout{display:flex;flex:1;min-height:0;}
#diy-app[data-lg-studio] .lg-library-rail{flex:0 0 64px;padding:12px 6px;overflow-y:auto;border-right:1px solid #e3ddd2;display:flex;flex-direction:column;gap:5px;scrollbar-width:thin;}
#diy-app[data-lg-studio] .lg-library-rail p{margin:14px 0 5px;color:#9b8e78;font-size:10px;letter-spacing:.1em;text-align:center;}
#diy-app[data-lg-studio] .lg-library-rail button{width:100%;min-height:32px;padding:7px 3px;border:1px solid transparent;border-radius:6px;background:transparent;color:#756d60;white-space:normal;line-height:1.5;font-size:11px;cursor:pointer;}
#diy-app[data-lg-studio] .lg-library-rail button[aria-pressed="true"]{background:#e9dfcc;color:#6f522a;border-color:#d1bc95;}
#diy-app[data-lg-studio] .lg-color-filter{display:flex;align-items:center;justify-content:center;gap:6px;}
#diy-app[data-lg-studio] .lg-color-filter span{width:15px;height:15px;flex:none;border-radius:50%;border:1px solid #b8b0a166;background:var(--bead-filter-color);}
#diy-app[data-lg-studio] .lg-library-scroll{min-width:0;flex:1;overflow-y:auto;padding:12px 10px 20px;scrollbar-width:thin;}
#diy-app[data-lg-studio] .palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
#diy-app[data-lg-studio] .bead-btn{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:10px 4px 8px;border:1px solid #e7e0d5;border-radius:8px;background:#faf9fc;cursor:pointer;}
#diy-app[data-lg-studio] .bead-btn:hover{border-color:#b08d4f;background:#f4edde;}
#diy-app[data-lg-studio] .bead-btn>span:last-child{width:100%;text-align:center;}
#diy-app[data-lg-studio] .bead-btn .dot{width:37px;height:37px;margin:0;border-color:#d8d5cc;}
#diy-app[data-lg-studio] .bead-btn .bn{display:block;font-size:11px;font-weight:500;line-height:1.8;overflow-wrap:anywhere;}
#diy-app[data-lg-studio] .bead-btn .bp{display:block;font-size:10px;line-height:1.7;color:#86775d;}
#diy-app[data-lg-studio] .bead-btn br{display:none;}
#diy-app[data-lg-studio] .eltag{display:block;width:fit-content;margin:4px auto;background:#f2ebdc;color:#927345;font-size:9px;line-height:1.6;padding:1px 4px;}
#diy-app[data-lg-studio] .lg-library-scroll>h2{font-size:13px;margin:20px 0 10px!important;}
#diy-app[data-lg-studio] .row-btns{gap:6px;}
#diy-app[data-lg-studio] .row-btns button{font-size:10px;padding:9px 4px;line-height:1.8;}
#diy-app[data-lg-studio] .lg-library-scroll .hint{font-size:10px;line-height:1.9;}
#diy-app[data-lg-studio] [data-lg-role="preview"]{grid-area:preview;position:relative;top:auto;min-width:0;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column;background:radial-gradient(ellipse at 45% 40%,#fffdf7,#f0edf5);}
#diy-app[data-lg-studio] [data-lg-role="preview"]>h2{position:absolute;top:22px;left:24px;font-size:12px;color:#98896f;z-index:1;}
#diy-app[data-lg-studio] .stage-slot{display:grid;place-items:center;flex:1;min-height:0;padding:48px 24px 76px;overflow:hidden;}
#diy-app[data-lg-studio] svg{width:100%;max-width:680px;max-height:calc(100dvh - var(--lg-header-height,125px) - 190px);height:auto;transform:scale(var(--lg-canvas-scale,1));transform-origin:center;transition:transform .15s;}
#diy-app[data-lg-studio] .lg-canvas-tools{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;gap:2px;border:1px solid #dcd2bf;border-radius:999px;background:#fffcf4e6;padding:4px;box-shadow:0 3px 15px #5d482011;}
#diy-app[data-lg-studio] .lg-canvas-tools button{padding:8px 16px;min-width:52px;font-size:12px;line-height:1.6;color:#685a43;background:transparent;border:0;border-radius:999px;cursor:pointer;white-space:nowrap;}
#diy-app[data-lg-studio] .lg-canvas-tools button:hover{background:#eae0cc;}
#diy-app[data-lg-studio] .lg-studio-side{grid-area:side;display:flex;flex-direction:column;min-height:0;border-left:1px solid #e3ddd2;background:#faf9fc;}
#diy-app[data-lg-studio] .lg-studio-side-title{font-family:"Noto Serif TC","PMingLiU",serif;font-size:21px;font-weight:400;line-height:1.6;padding:20px;margin:0;border-bottom:1px solid #e3ddd2;}
#diy-app[data-lg-studio] .lg-studio-side-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:0 20px;}
#diy-app[data-lg-studio] [data-lg-role="fit"]{padding:22px 0;border-bottom:1px solid #e3ddd2;background:transparent;}
#diy-app[data-lg-studio] [data-lg-role="fit"] h2{font-size:14px;margin-bottom:14px;}
#diy-app[data-lg-studio] .seg button{font-size:11px;border-radius:7px;line-height:1.7;padding:9px 4px;}
#diy-app[data-lg-studio] .seg button.on{background:#1b1917;border-color:#1b1917;font-weight:400;}
#diy-app[data-lg-studio] select{font-size:14px;border-color:#ded2bd;background:#fffdfa;}
#diy-app[data-lg-studio] .hint{font-size:11px;line-height:1.9;}
#diy-app[data-lg-studio] .lg-studio-blend{padding:22px 0;border-bottom:1px solid #e3ddd2;}
#diy-app[data-lg-studio] .lg-studio-blend h3,#diy-app[data-lg-studio] .lg-selected-stones h3{font-family:inherit;font-size:13px;line-height:1.8;font-weight:500;margin:0 0 12px;}
#diy-app[data-lg-studio] .lg-blend-bar{display:flex;gap:3px;height:6px;background:#eee8dd;border-radius:99px;overflow:hidden;margin-bottom:12px;}
#diy-app[data-lg-studio] .lg-blend-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;font-size:11px;line-height:1.8;}
#diy-app[data-lg-studio] [data-element="金"]{--element-color:#a4a49a;}#diy-app[data-lg-studio] [data-element="木"]{--element-color:#6b9b73;}#diy-app[data-lg-studio] [data-element="水"]{--element-color:#639ec0;}#diy-app[data-lg-studio] [data-element="火"]{--element-color:#ce806e;}#diy-app[data-lg-studio] [data-element="土"]{--element-color:#bd9a57;}
#diy-app[data-lg-studio] .lg-blend-bar>span{background:var(--element-color);border-radius:9px;}
#diy-app[data-lg-studio] .lg-blend-counts>span{color:var(--element-color);}
#diy-app[data-lg-studio] .lg-selected-stones{padding:22px 0;}
#diy-app[data-lg-studio] .price-list .li{font-size:11px;line-height:1.9;padding:9px 0;}
#diy-app[data-lg-studio] [data-lg-role="price"]{flex:0 0 auto;max-height:49%;overflow-y:auto;padding:18px 20px;border-top:1px solid #e3ddd2;background:#faf7f0;}
#diy-app[data-lg-studio] [data-lg-role="price"]>h2{font-size:11px;line-height:1.6;margin:0 0 9px;color:#8b7855;}
#diy-app[data-lg-studio] .total{margin:0;padding-top:0;font-size:21px;color:#1b1917;}
#diy-app[data-lg-studio] .note{font-size:10px;line-height:1.9;}
#diy-app[data-lg-studio] .btn{background:#1b1917;border-color:#1b1917;font-size:13px;padding:11px 14px;border-radius:999px;}
#diy-app[data-lg-studio] .btn.sub{background:#eee4cf;border-color:#d5c19b;color:#795c30;}
#diy-app[data-lg-studio] .wrap>footer{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
.lg-page-all-products .main-collection-cover{display:none;}
.lg-page-all-products [id*="__176008545250426649ad"],.lg-page-all-products [id*="__1760085567891e6a0105"]{display:none;}
.lg-five-products{display:block;background:#faf9fc;}
.lg-five-products .main-collection{display:block!important;}
.lg-product-directory{max-width:1280px;width:calc(100% - 64px);margin:0 auto;padding:56px 0 30px;text-align:center;}
.lg-product-directory h1{font-size:clamp(28px,3.5vw,46px);line-height:1.6;letter-spacing:.04em;font-weight:400;margin:0 0 20px;}
.lg-product-directory>p:not(.lg-eyebrow){max-width:720px;font-size:14px;line-height:2;color:#7c715e;margin:0 auto 22px;}
.lg-product-element-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin:28px 0 18px;}
.lg-product-element-tabs button{min-width:58px;padding:10px 20px;border:1px solid #d9cdb6;border-radius:999px;background:#f4eee2;color:#7e6740;font-family:inherit;font-size:14px;line-height:1.7;cursor:pointer;}
.lg-product-element-tabs button[aria-pressed="true"]{background:#1b1917;border-color:#1b1917;color:#faf9fc;}
.lg-product-directory .lg-product-load-status{font-size:11px!important;color:#91846e!important;line-height:1.8!important;}
.lg-product-element-group{padding:36px 0 48px;border-top:1px solid #e0d7c6;scroll-margin-top:calc(var(--lg-header-height,120px) + 20px);}
.lg-product-group-title{display:flex;align-items:center;gap:18px;margin-bottom:26px;}
.lg-element-symbol{width:56px;height:56px;flex:none;display:grid;place-items:center;border:1px solid #d7c7a7;border-radius:50%;font-size:26px;color:#927342;background:#f0e7d7;}
.lg-element-wood{color:#668569;border-color:#a8bba3;background:#edf0e5;}.lg-element-water{color:#5f85a0;border-color:#a7bdc9;background:#e9eef0;}.lg-element-fire{color:#b17865;border-color:#d2aea0;background:#f5eae1;}.lg-element-earth{color:#a38646;border-color:#d6c38c;background:#f4edd7;}
.lg-product-group-title h2{font-size:29px;line-height:1.5;font-weight:400;margin:0 0 6px;letter-spacing:.04em;}.lg-product-group-title p{font-size:12px;line-height:1.8;margin:0;color:#8a7b61;}
.lg-element-product-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px;padding:0;margin:0;}
.lg-element-product-grid>li{min-width:0;display:block;}
.lg-element-product-grid .block-product-title>span{display:block;white-space:normal;overflow:visible;-webkit-line-clamp:unset;overflow-wrap:anywhere;min-height:3.4em;line-height:1.7;}
.lg-element-product-grid .block-product-title{color:#332e25;}
.lg-five-products [data-lg-product-source][hidden],.lg-product-element-group[hidden],.lg-product-element-tabs button[hidden],.lg-five-products .lg-product-source-pagination[hidden]{display:none!important;}
@media(min-width:1700px){#diy-app[data-lg-studio] .wrap{grid-template-columns:380px minmax(0,1fr) 360px;}#diy-app[data-lg-studio] .lg-library-rail{flex-basis:76px;}}
@media(min-width:960px) and (max-width:1199px){#diy-app[data-lg-studio] .wrap{grid-template-columns:280px minmax(0,1fr) 280px;}#diy-app[data-lg-studio] .palette{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:959px){#diy-app[data-lg-studio] .wrap{height:auto;min-height:0;display:flex;flex-direction:column;}#diy-app[data-lg-studio] .wrap>header{display:block;padding:20px!important;}#diy-app[data-lg-studio] header .brand{margin-bottom:8px;}#diy-app[data-lg-studio] header p{margin-top:10px;max-width:none;}#diy-app[data-lg-studio] [data-lg-role="preview"]{order:1;min-height:330px;height:38vh;max-height:420px;}#diy-app[data-lg-studio] .stage-slot{padding:40px 30px 58px;}#diy-app[data-lg-studio] svg{max-height:300px;width:min(100%,340px);}#diy-app[data-lg-studio] .lg-canvas-tools{bottom:12px;}#diy-app[data-lg-studio] .lg-canvas-tools button{padding:6px 16px;}#diy-app[data-lg-studio] [data-lg-role="library"]{order:2;min-height:500px;max-height:700px;flex:none;border-top:1px solid #e3ddd2;border-right:0;border-bottom:1px solid #e3ddd2;}#diy-app[data-lg-studio] .lg-library-layout{height:550px;flex:none;}#diy-app[data-lg-studio] .lg-library-rail{flex-basis:64px;}#diy-app[data-lg-studio] .palette{grid-template-columns:repeat(3,minmax(0,1fr));}#diy-app[data-lg-studio] .bead-btn .dot{width:40px;height:40px;}#diy-app[data-lg-studio] .bead-btn .bn{font-size:12px;}#diy-app[data-lg-studio] .lg-studio-side{order:3;border-left:0;min-height:0;}#diy-app[data-lg-studio] .lg-studio-side-scroll{overflow:visible;flex:none;padding-inline:20px;}#diy-app[data-lg-studio] [data-lg-role="price"]{max-height:none;overflow:visible;padding:22px 20px 30px;}#diy-app[data-lg-studio] .lg-studio-side-title{padding:22px 20px;}#diy-app[data-lg-studio] .wrap>header{order:0;}#diy-app[data-lg-studio] .wrap>footer{position:static;order:4;width:auto;height:auto;clip-path:none;padding:20px;text-align:center;overflow:visible;}.lg-element-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;}.lg-product-directory{width:calc(100% - 40px);padding-top:36px;}.lg-product-element-tabs{gap:7px;}.lg-product-element-tabs button{min-width:42px;padding:9px 14px;font-size:13px;}.lg-product-group-title h2{font-size:25px;}.lg-element-symbol{width:48px;height:48px;font-size:23px;}}
@media(max-width:359px){#diy-app[data-lg-studio] .palette{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(prefers-reduced-motion:reduce){#diy-app[data-lg-studio] svg{transition:none;}}

#diy-app[data-lg-studio] .lg-studio-signature{position:absolute;left:24px;right:24px;bottom:68px;text-align:center;font-size:10px;line-height:1.6;color:#8a806d;pointer-events:none}.lg-element-empty{padding:24px 0;color:#827766;line-height:1.8}

/* Readable material labels without enlarging the three-column library. */
#diy-app[data-lg-studio] .bead-btn .bn{font-size:14px;line-height:1.55;color:#38382f;font-weight:500}
#diy-app[data-lg-studio] .bead-btn .bp{font-size:12px;line-height:1.65;color:#6b5d45}
#diy-app[data-lg-studio] .eltag{font-size:11px;line-height:1.6;color:#705731;padding:2px 5px}
#diy-app[data-lg-studio] .bead-btn{padding:12px 5px 10px;gap:7px}
#diy-app[data-lg-studio] .lg-library-rail button{font-size:12px;line-height:1.6;color:#625a4c}
#diy-app[data-lg-studio] .lg-library-rail p{font-size:11px;color:#74684f}
#diy-app[data-lg-studio] .lg-library-scroll>h2{font-size:14px;color:#403b32}
#diy-app[data-lg-studio] .row-btns button{font-size:13px;line-height:1.65;padding:11px 6px;white-space:normal;overflow-wrap:anywhere}
#diy-app[data-lg-studio] .lg-library-scroll .hint{font-size:12px;line-height:1.85;color:#70654f}
/* Neutral canvas: no warm gradient or tint over the original bead artwork. */
#diy-app[data-lg-studio] [data-lg-role="preview"],#diy-app[data-lg-studio] .stage-slot,#diy-app[data-lg-studio] #stage{background:#fff!important;background-image:none!important}