@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--font-weight-semibold:600;--radius-lg:.5rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.start{inset-inline-start:var(--spacing)}.contents{display:contents}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-11{min-height:calc(var(--spacing) * 11)}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#e3c9c6\]{border-color:#e3c9c6}.border-\[color\:var\(--line-strong\)\]{border-color:var(--line-strong)}.bg-\[\#fffafa\]{background-color:snow}.bg-\[color\:var\(--accent\)\]{background-color:var(--accent)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.p-0{padding:calc(var(--spacing) * 0)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[13px\]{font-size:13px}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[color\:var\(--accent\)\]{color:var(--accent)}.text-\[color\:var\(--danger\)\]{color:var(--danger)}.text-\[color\:var\(--ink\)\]{color:var(--ink)}.text-white{color:var(--color-white)}.underline-offset-4{text-underline-offset:4px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-\[background-color\,border-color\,color\,box-shadow\,transform\]{transition-property:background-color,border-color,color,box-shadow,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-\[\#f8eae8\]:hover{background-color:#f8eae8}.hover\:bg-\[color\:var\(--accent-hover\)\]:hover{background-color:var(--accent-hover)}.hover\:bg-\[color\:var\(--accent-soft\)\]:hover{background-color:var(--accent-soft)}.hover\:bg-\[color\:var\(--inset\)\]:hover{background-color:var(--inset)}.hover\:underline:hover{text-decoration-line:underline}}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus-visible\:ring-\[color\:var\(--focus\)\]\/45:focus-visible{--tw-ring-color:var(--focus)}@supports (color:color-mix(in lab, red, red)){.focus-visible\:ring-\[color\:var\(--focus\)\]\/45:focus-visible{--tw-ring-color:color-mix(in oklab, var(--focus) 45%, transparent)}}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-\[color\:var\(--paper\)\]:focus-visible{--tw-ring-offset-color:var(--paper)}.active\:scale-\[\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-45:disabled{opacity:.45}}:root{--font-geist-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ink:#17342c;--muted:#718078;--line:#dfe6e1;--paper:#f5f6f1;--card:#fff;--accent:#1f5a49;--accent-soft:#e6efea;--warm:#c39968;--focus:#79a793;--danger:#a45b56;--shadow-sm:0 4px 14px #244d400a;--shadow-md:0 12px 32px #244d4012}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:var(--font-geist-sans), "PingFang SC", "Microsoft YaHei", sans-serif;overflow-x:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:where(button,[role=button],input,select,a){touch-action:manipulation;-webkit-tap-highlight-color:#1f5a491f}.skip-link{z-index:200;background:var(--ink);color:#fff;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .15s;position:fixed;top:10px;left:14px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.subcategory-scroll{grid-column:1/-1}.accessory-subcategory-field{background:#f3f6f3;border-radius:10px;padding:10px}.accessory-subcategory-field>div{grid-template-columns:1fr 1fr;gap:5px;display:grid}.accessory-subcategory-field button{background:#fff;border:1px solid #d4ded8;border-radius:8px;min-height:34px;padding:6px;font-size:8px;line-height:1.35}.accessory-subcategory-field button.active{color:var(--accent);background:#dfece6;border-color:#88aa9a;font-weight:700}.app-shell{min-height:100vh;padding-bottom:80px}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:30;background:#fbfcf8e8;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand,.top-actions,.savebar>div,.order-note,.formula-id,.sequence-tools,.library-search{align-items:center;display:flex}.brand strong,.brand small,.user strong,.user small{display:block}.brand strong{letter-spacing:.08em;font-size:16px}.brand small,.user small{color:var(--muted);margin-top:2px;font-size:11px}.brand-mark{border:1px solid #b8c8c0;border-radius:50%;width:34px;height:34px;position:relative}.brand-mark span{transform-origin:50% 10px;background:#7aa191;border-radius:100%;width:7px;height:18px;position:absolute;top:7px;left:13px}.brand-mark span:nth-child(2){transform:rotate(120deg)}.brand-mark span:nth-child(3){transform:rotate(240deg)}.ghost-btn,.primary-btn{background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:650;display:inline-flex}.ghost-btn:hover{background:#edf1ed}.primary-btn{background:var(--accent);color:#fff;box-shadow:0 5px 14px #174a3c24}.divider{background:var(--line);width:1px;height:26px;margin:0 5px}.avatar{background:#dce9e3;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:grid}.icon{font-size:17px;line-height:1}.workspace{grid-template-columns:245px minmax(460px,1fr) 380px;max-width:1720px;min-height:calc(100vh - 152px);margin:auto;display:grid}.order-panel,.material-panel{background:#fafbf7;padding:26px 20px}.order-panel{border-right:1px solid var(--line)}.material-panel{border-left:1px solid var(--line);min-width:0;padding-left:26px;padding-right:26px}.eyebrow{letter-spacing:.18em;color:#849289;margin:0 0 8px;font-size:10px;font-weight:750}.field-label{margin:18px 0 8px;font-size:12px;font-weight:650;display:block}.order-input{background:#fff;border:1px solid #ccd7d1;border-radius:11px;display:flex;overflow:hidden;box-shadow:0 2px 7px #17342c08}.order-input input{letter-spacing:.04em;border:0;outline:0;width:100%;padding:11px 12px;font-weight:720}.order-input button{background:#f2f5f1;border:0;width:40px;font-size:18px}.order-status{color:#698176;margin:8px 4px 24px;font-size:10px}.order-status span{color:#5d9b7d;margin-right:4px}.section-heading{justify-content:space-between;align-items:center;margin:16px 0 10px;font-size:12px;font-weight:720;display:flex}.section-heading em{color:#8a968f;background:#eef2ee;border-radius:99px;padding:3px 7px;font-size:10px;font-style:normal}.bracelet-tabs{gap:7px;display:grid}.bracelet-tab{border:1px solid #0000;border-radius:12px;position:relative}.bracelet-select{text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:10px;width:100%;padding:9px 33px 9px 9px;display:flex}.bracelet-select>span{background:#edf1ee;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:11px;font-weight:750;display:grid}.bracelet-select div{flex:1;min-width:0}.bracelet-tabs strong,.bracelet-tabs small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bracelet-tabs strong{font-size:12px}.bracelet-tabs small{color:var(--muted);margin-top:3px;font-size:10px}.bracelet-tabs b{color:#a1aaa5;font-size:18px}.bracelet-tab.active{background:#fff;border-color:#d7e0db;box-shadow:0 5px 15px #264c4010}.bracelet-tab.active .bracelet-select>span{background:var(--accent);color:#fff}.delete-bracelet{color:#a56b66;background:0 0;border:0;border-radius:50%;place-items:center;width:22px;height:22px;padding:0;font-size:15px;line-height:1;display:grid;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.delete-bracelet:hover:not(:disabled){background:#f6e9e7}.delete-bracelet:disabled{opacity:.25;cursor:not-allowed}.add-bracelet{color:#42675a;background:0 0;border:1px dashed #b8c8c0;border-radius:11px;width:100%;margin-top:10px;padding:11px;font-size:11px;font-weight:700}.order-note{background:#edf3ef;border-radius:12px;gap:10px;margin-top:28px;padding:13px}.order-note>.icon{color:#64917e;background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.order-note strong{font-size:11px}.order-note p{color:var(--muted);margin:3px 0 0;font-size:10px;line-height:1.5}.order-input input{min-width:0}.order-input input::placeholder{letter-spacing:0;color:#9aa69f;font-weight:500}.order-input button{flex:0 0 40px}.order-status.waiting,.order-status.waiting span{color:#9a8b70}.bracelet-tabs,.bracelet-tab,.bracelet-select,.bracelet-select>div{min-width:0;max-width:100%}.bracelet-tab,.bracelet-select,.bracelet-select>div{overflow:hidden}.bracelet-tabs strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%;overflow:hidden}.bracelet-tabs b{flex:none}.editor-head{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.editor-head>div:first-child{min-width:0}.editor-head h1,.library-head h1{overflow-wrap:anywhere;margin:0 0 6px;font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500}.editor-head>div>p:last-child,.library-head p{color:var(--muted);margin:0;font-size:12px}.formula-id{background:#edf2ee;border-radius:10px;gap:12px;padding:9px 12px}.formula-id small{color:var(--muted);font-size:9px}.formula-id strong{font-family:var(--font-geist-mono);font-size:11px}.meta-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;display:grid}.formula-name-field{grid-column:1/-1}.meta-grid label>span{color:var(--muted);margin:0 0 6px 3px;font-size:10px;display:block}.meta-grid label>div,.meta-grid select{background:#fff;border:1px solid #d4ddd8;border-radius:10px;width:100%;height:40px}.meta-grid label>div{align-items:center;display:flex}.meta-grid input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 12px;font-weight:700}.meta-grid em{color:var(--muted);padding-right:12px;font-size:10px;font-style:normal}.meta-grid select{outline:0;padding:0 10px;font-size:11px}.canvas-card,.summary-card,.photo-card{background:#fff;border:1px solid #dce3df;border-radius:16px;box-shadow:0 8px 25px #244d400b}.canvas-toolbar,.sequence-tools{border-bottom:1px solid #edf0ed;justify-content:space-between;align-items:center;padding:13px 16px;font-size:11px;font-weight:700;display:flex}.canvas-toolbar button{background:0 0;border:0;border-radius:7px;padding:6px 8px;font-size:10px}.bracelet-canvas{background:radial-gradient(circle at 50% 48%,#fff 0 22%,#f9faf6 60%,#f5f6f1 100%);place-items:center;height:420px;display:grid;position:relative;overflow:hidden}.wrist-guide{z-index:1;border:1px dashed #cbd8d1;border-radius:50%;transition:width .2s,height .2s;position:absolute}.wrist-guide span{white-space:nowrap;color:#91a098;background:#f7f9f6;border-radius:99px;padding:3px 7px;font-size:9px;position:absolute;bottom:-26px;left:50%;transform:translate(-50%)}.bead{z-index:3;border:1px solid #fffa;border-radius:50%;padding:0;transition:filter .15s,outline .15s,width .2s,height .2s;position:absolute;top:50%;left:50%}.bead.spacer{border-radius:5px}.bead.feature,.bead.irregular{border-radius:12px}.bead.photo-bead{background-position:50%;background-repeat:no-repeat;background-size:contain;border:0}.bead:hover,.bead.selected{outline-offset:2px;filter:saturate(1.15);outline:3px solid #8ab7a5}.bead span{opacity:0;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bead.selected span{opacity:1;color:#17342c;background:#fff;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.canvas-center{text-align:center;z-index:2;background:#fffd;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;display:flex;box-shadow:0 12px 35px #244c3f13}.canvas-center small{color:var(--muted);font-size:9px}.canvas-center strong{margin:3px 0;font-family:Georgia,serif;font-size:25px;font-weight:500}.canvas-center strong em{margin-left:2px;font-family:inherit;font-size:10px;font-style:normal}.canvas-center span{border-radius:99px;padding:3px 7px;font-size:9px}.canvas-center .ok{color:#37745f;background:#e5f2eb}.canvas-center .warn{color:#a66d33;background:#f8eee1}.empty-ring{text-align:center;color:#85938c;z-index:2}.empty-ring .icon{color:#adc1b6;margin-bottom:8px;font-size:25px;display:block}.empty-ring p{margin:5px 0;font-size:10px}.sequence-tools{color:var(--muted);border-top:1px solid #edf0ed;border-bottom:0;gap:16px;font-weight:500}.sequence-buttons{gap:10px;display:flex}.sequence-buttons button{background:#fff;border:1px solid #ccd8d2;border-radius:11px;min-width:82px;min-height:46px;padding:10px 14px;font-size:14px;font-weight:750;box-shadow:0 3px 10px #17342c0d}.sequence-buttons button:disabled{opacity:.35;cursor:not-allowed}.sequence-buttons button.danger{color:#a45b56;background:snow;border-color:#e3c9c6}.sequence-buttons button.danger:hover:not(:disabled){background:#f8eae8;border-color:#d8aaa5}.bottom-grid{grid-template-columns:1.3fr .7fr;gap:12px;margin-top:12px;display:grid}.summary-list{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.summary-list>div{border-bottom:1px solid #f0f2ef;grid-template-columns:12px 1fr auto auto;align-items:center;gap:6px;padding:5px 0;font-size:10px;display:grid}.summary-list i{border-radius:50%;width:9px;height:9px}.summary-list small{color:var(--muted)}.summary-list strong{font-size:10px}.muted{color:var(--muted);font-size:10px}.photo-card{color:#73847b;background:#fafbf8;border-style:dashed;flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.photo-card strong{margin:6px 0 3px;font-size:11px}.photo-card small{font-size:9px}.photo-card input{display:none}.photo-card.has-photo{color:#fff;text-shadow:0 1px 3px #0008;background-position:50%;background-size:cover;border-style:solid}.material-title-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.material-head h2{margin:0;font-family:Georgia,Songti SC,serif;font-size:25px;font-weight:500}.upload-material-btn{color:var(--accent);background:#fff;border:1px solid #c9d7d0;border-radius:9px;padding:8px 11px;font-size:11px;font-weight:750}.upload-material-btn:hover{background:var(--accent-soft)}.search-box{background:#fff;border:1px solid #d5ded9;border-radius:11px;align-items:center;padding:0 12px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;height:43px;padding-left:8px;font-size:13px}.category-scroll{flex-wrap:wrap;gap:7px;max-width:100%;padding:16px 0 12px;display:flex;overflow:visible}.category-scroll button{white-space:normal;overflow-wrap:anywhere;max-width:100%;color:var(--muted);background:0 0;border:0;border-radius:9px;padding:8px 11px;font-size:12px}.category-scroll button.active{background:var(--accent);color:#fff}.subcategory-scroll{border-top:1px solid #e3e9e5;border-bottom:1px solid #e3e9e5;max-width:100%;padding:11px 0 12px}.subcategory-scroll>span{color:var(--muted);margin:0 0 8px 3px;font-size:10px;display:block}.subcategory-scroll>div{flex-wrap:wrap;gap:6px;max-width:100%;display:flex;overflow:visible}.subcategory-scroll button{white-space:normal;overflow-wrap:anywhere;color:#65756d;background:#fff;border:1px solid #d7e0db;border-radius:8px;flex:0 auto;max-width:100%;padding:7px 9px;font-size:10px}.subcategory-scroll button.active{color:var(--accent);background:#dfece6;border-color:#9ab9ab;font-weight:700}.materials-list{gap:5px;max-height:410px;padding-right:3px;display:grid;overflow:auto}.materials-list>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:40px 1fr auto;align-items:center;gap:11px;padding:10px;display:grid}.materials-list>button:hover,.materials-list>button.selected{background:#fff;border-color:#d7e0db}.materials-list>button>i{border:1px solid #fffa;border-radius:50%;width:38px;height:38px}.materials-list>button>i.material-photo{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:8px}.materials-list strong,.materials-list small{display:block}.materials-list strong{font-size:13px}.materials-list small{color:var(--muted);margin-top:4px;font-size:11px}.materials-list span{color:#9aa59f;font-size:17px}.size-picker{border-top:1px solid var(--line);margin-top:16px}.size-options{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.size-options button{background:#fff;border:1px solid #dae2dd;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:60px;display:flex}.size-options i{border-radius:50%;display:block;box-shadow:inset 2px 2px 3px #fff9}.size-options span{font-size:12px;font-weight:700}.size-options small{font-size:8px}.add-selected{background:var(--accent);color:#fff;border:0;border-radius:11px;width:100%;margin-top:11px;padding:14px;font-size:13px;font-weight:700;box-shadow:0 5px 14px #174a3c24}.savebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:40;background:#fbfcf8ed;justify-content:space-between;align-items:center;height:80px;padding:0 28px;display:flex;position:fixed;bottom:0;left:0;right:0}.save-state{color:#63987d}.savebar p{margin:0}.savebar strong,.savebar small{display:block}.savebar small{color:var(--muted);margin-top:3px;font-size:9px}.primary-btn span{opacity:.65;font-size:9px}.toast{color:#fff;z-index:60;background:#17342c;border-radius:99px;padding:11px 18px;font-size:11px;position:fixed;bottom:96px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #17342c33}.library-page{max-width:1120px;margin:auto;padding:54px 28px}.library-head{justify-content:space-between;align-items:flex-end;display:flex}.library-head h1{font-size:38px}.back-link{color:var(--accent);background:0 0;border:0;margin-bottom:26px;padding:0;font-size:11px}.library-search{border:1px solid var(--line);background:#fff;border-radius:13px;margin:30px 0 10px;padding:0 15px;box-shadow:0 8px 25px #244d400b}.library-search input{background:0 0;border:0;outline:0;flex:1;height:48px;padding-left:10px}.library-result-head{justify-content:space-between;align-items:center;margin:16px 2px 10px;font-size:11px;font-weight:700;display:flex}.library-result-head em{color:var(--muted);background:#e9efeb;border-radius:99px;padding:4px 8px;font-size:9px;font-style:normal}.formula-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.formula-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;padding:18px;transition:transform .2s,box-shadow .2s}.formula-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #244d4012}.formula-card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.formula-card>small{color:var(--muted);font-size:9px;font-family:var(--font-geist-mono)}.formula-card h3{margin:5px 0;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:500}.formula-card p{color:var(--muted);font-size:10px}.formula-card-action{color:var(--accent);padding:7px 0;font-size:10px;font-weight:700;display:inline-block}.mini-bracelet{height:120px;position:relative}.mini-bracelet i{border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:inset 3px 3px 5px #fff9,0 2px 5px #17342c22}.library-empty{text-align:center;color:var(--muted);border:1px dashed #cbd7d0;border-radius:16px;grid-column:1/-1;padding:70px}.library-empty .icon{font-size:28px}.library-empty strong{margin:10px 0 4px;font-size:12px;display:block}.library-empty p{margin:0;font-size:10px}.formula-preview-backdrop{z-index:90;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f29228f;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.formula-preview-dialog{background:#f8f9f5;border:1px solid #d9e2dd;border-radius:20px;width:min(980px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #071a1566}.formula-preview-body{grid-template-columns:minmax(360px,1.15fr) minmax(300px,.85fr);gap:0;min-height:620px;display:grid}.formula-preview-photo{background:#eef2ef;place-items:center;min-width:0;display:grid;overflow:hidden}.formula-preview-photo img{object-fit:contain;object-position:center;width:100%;height:100%;max-height:calc(92vh - 76px);display:block}.formula-preview-photo>div{text-align:center;color:#8b9891}.formula-preview-photo .icon{margin-bottom:12px;font-size:34px;display:block}.formula-preview-photo strong,.formula-preview-photo span{display:block}.formula-preview-photo strong{font-size:14px}.formula-preview-photo span{margin-top:7px;font-size:10px}.formula-preview-detail{background:#fff;padding:36px 32px;overflow:auto}.formula-preview-detail>small{font-family:var(--font-geist-mono);color:var(--muted);font-size:10px}.formula-preview-detail h2{overflow-wrap:anywhere;margin:9px 0 24px;font-family:Georgia,Songti SC,serif;font-size:28px;font-weight:500;line-height:1.35}.formula-preview-meta{grid-template-columns:1fr 1fr;gap:9px;margin:0;display:grid}.formula-preview-meta dd{margin:5px 0 0;font-size:12px;font-weight:720}.formula-preview-recipe h3{margin:0 0 10px;font-size:12px}.formula-preview-recipe>div{gap:6px;display:grid}.formula-preview-recipe>div>div{border:1px solid #e1e7e3;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;padding:10px 11px;display:flex}.formula-preview-recipe span strong,.formula-preview-recipe span small{display:block}.formula-preview-recipe span strong{font-size:11px}.formula-preview-recipe span small{color:var(--muted);margin-top:3px;font-size:9px}.formula-preview-recipe b{color:var(--accent);font-size:11px}.formula-preview-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfcf9f2;border-radius:0 0 20px 20px;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex;position:sticky;bottom:0}.formula-preview-footer .ui-button{min-width:112px}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f292284;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.material-uploader{background:#f8f9f5;border:1px solid #d9e2dd;border-radius:20px;width:min(940px,96vw);max-height:92vh;overflow:auto;box-shadow:0 30px 90px #071a1555}.uploader-head{border-bottom:1px solid var(--line);background:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 28px 20px;display:flex}.uploader-head h2{margin:0 0 5px;font-family:Georgia,Songti SC,serif;font-size:26px;font-weight:500}.uploader-head p:last-child{color:var(--muted);margin:0;font-size:11px}.uploader-head>button{background:#edf2ee;border:0;border-radius:50%;width:32px;height:32px;font-size:20px}.uploader-body{grid-template-columns:.85fr 1.15fr;gap:18px;padding:22px 28px;display:grid}.uploader-form,.orientation-panel{border:1px solid var(--line);background:#fff;border-radius:15px;padding:18px}.upload-step{align-items:center;gap:10px;margin:3px 0 14px;display:flex}.upload-step>span{background:var(--accent-soft);width:28px;height:28px;color:var(--accent);border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.upload-step strong,.upload-step small{display:block}.upload-step strong{font-size:11px}.upload-step small{color:var(--muted);margin-top:3px;font-size:9px}.upload-field{margin-bottom:13px;display:block}.upload-field>span{color:var(--muted);margin:0 0 6px 3px;font-size:9px;display:block}.upload-field>input,.dimension-input{background:#fbfcfa;border:1px solid #d5ded9;border-radius:10px;width:100%;height:40px}.upload-field>input{outline:0;padding:0 11px}.kind-options{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.kind-options button{background:#fff;border:1px solid #d5ded9;border-radius:9px;min-height:37px;font-size:10px}.kind-options button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.kind-options .add-category-btn{color:var(--accent);background:#f8faf8;border-style:dashed}.new-category-row{grid-template-columns:1fr auto auto;gap:5px;margin-top:7px;display:grid}.new-category-row input{border:1px solid #cbd8d1;border-radius:8px;outline:0;min-width:0;height:36px;padding:0 9px;font-size:9px}.new-category-row button{background:#fff;border:1px solid #cbd8d1;border-radius:8px;padding:0 8px;font-size:9px}.new-category-row button:first-of-type{background:var(--accent);color:#fff;border-color:var(--accent)}.dimension-grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.dimension-input{align-items:center;display:flex}.dimension-input input{background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 10px;font-weight:700}.dimension-input em{color:var(--muted);padding-right:10px;font-size:9px;font-style:normal}.multi-size-entry{grid-template-columns:1fr auto;gap:6px;display:grid}.multi-size-entry>button{background:var(--accent);color:#fff;border:0;border-radius:9px;padding:0 11px;font-size:9px;font-weight:700}.spec-size-chips{flex-wrap:wrap;gap:5px;min-height:25px;margin-top:7px;display:flex}.spec-size-chips>span{color:var(--accent);background:#e7efea;border-radius:99px;align-items:center;gap:5px;padding:5px 6px 5px 9px;font-size:9px;font-weight:700;display:inline-flex}.spec-size-chips>span button{background:#fffa;border:0;border-radius:50%;width:16px;height:16px;padding:0;font-size:11px;line-height:1}.spec-size-chips>small{color:#aa6e54;padding:5px 0;font-size:9px}.material-photo-stage{background:linear-gradient(45deg,#f4f6f2 25%,#0000 25%) 0 0/16px 16px,linear-gradient(45deg,#0000 75%,#f4f6f2 75%) 0 0/16px 16px,linear-gradient(45deg,#0000 75%,#f4f6f2 75%) 8px -8px/16px 16px,linear-gradient(45deg,#f4f6f2 25%,#fff 25%) 8px -8px/16px 16px;border:1px dashed #b9c9c0;border-radius:13px;place-items:center;height:280px;display:grid;position:relative;overflow:hidden}.material-photo-stage.axis-mode.has-image{cursor:crosshair}.material-photo-stage>button{color:var(--muted);background:#fff;border:0;border-radius:13px;padding:22px 28px;box-shadow:0 8px 24px #17342c13}.material-photo-stage>button .icon{font-size:25px}.material-photo-stage>button strong,.material-photo-stage>button small{display:block}.material-photo-stage>button strong{margin:7px 0 4px;font-size:11px}.material-photo-stage>button small{font-size:9px}.uploaded-image-frame{pointer-events:none;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;position:absolute;inset:16px;overflow:hidden}.uploaded-image-frame img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.material-photo-stage>input{display:none}.axis-point{color:#fff;background:var(--accent);z-index:3;pointer-events:none;border:3px solid #fff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;font-style:normal;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #17342c44}.axis-point.point-2{background:#bd7d48}.axis-line{background:var(--accent);transform-origin:0;z-index:2;pointer-events:none;height:2px;position:absolute}.axis-line:after{content:"";border-left:7px solid var(--accent);border-top:5px solid #0000;border-bottom:5px solid #0000;position:absolute;top:-4px;right:-1px}.axis-line em{color:var(--accent);white-space:nowrap;background:#fff;border-radius:5px;padding:2px 5px;font-size:8px;font-style:normal;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.photo-actions{align-items:center;gap:8px;margin:9px 0 14px;display:flex}.photo-actions button{background:#fff;border:1px solid #d1dcd6;border-radius:8px;padding:6px 9px;font-size:9px}.photo-actions span{color:var(--muted);margin-left:auto;font-size:9px}.facing-control{background:#f3f6f3;border-radius:11px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.facing-control strong,.facing-control small{display:block}.facing-control strong{font-size:10px}.facing-control small{color:var(--muted);margin-top:3px;font-size:8px}.facing-control>div:last-child{gap:5px;display:flex}.facing-control button{background:#fff;border:1px solid #d3ddd8;border-radius:8px;padding:7px 8px;font-size:8px}.facing-control button.active{background:var(--accent);color:#fff;border-color:var(--accent)}.orientation-note{background:#f7faf8;border:1px solid #dce6e0;border-radius:11px;gap:10px;margin-top:12px;padding:11px 12px;display:flex}.orientation-note .icon{color:#6d9d89}.orientation-note p{margin:0}.orientation-note strong,.orientation-note span{display:block}.orientation-note strong{font-size:9px}.orientation-note span{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.6}.uploader-footer{border-top:1px solid var(--line);background:#fff;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:14px 28px;display:flex}.uploader-footer>span{color:var(--muted);font-size:9px}.uploader-footer>div{gap:6px;display:flex}.uploader-footer .primary-btn:disabled{opacity:.4;cursor:not-allowed}.bead.photo-bead,.bead.photo-bead.feature,.bead.photo-bead.irregular{box-shadow:none;background:0 0;border:0;border-radius:0;outline:0;overflow:visible}.bead.photo-bead>img{object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.bead.photo-bead:hover,.bead.photo-bead.selected{filter:none;outline:0}.bead.photo-bead:hover>img,.bead.photo-bead.selected>img{filter:drop-shadow(0 0 2px #7fb29f)drop-shadow(0 0 3px #7fb29f)}.bead.photo-bead>span{z-index:2}.material-row{background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;padding:5px;display:grid}.material-row:hover,.material-row.selected{background:#fff;border-color:#d7e0db}.material-select{text-align:left;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:11px;min-width:0;padding:5px;display:grid}.material-select>i{border:1px solid #fffa;border-radius:50%;width:38px;height:38px}.material-select>i.material-photo{background-position:50%;background-repeat:no-repeat;background-size:contain;border:0;border-radius:0}.material-select>div{min-width:0}.material-select strong,.material-select small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.material-select small{color:var(--muted);margin-top:4px;font-size:10px}.material-actions{gap:3px;display:flex}.material-actions button{background:#f7faf8;border:1px solid #d5ded9;border-radius:8px;min-width:40px;min-height:34px;font-size:10px;font-weight:700}.material-actions button:hover{background:#e8f0ec}.material-actions button.danger{color:#a45b56;background:snow;border-color:#ecd9d7}.material-actions button.danger:hover{background:#f8eae8}.materials-empty{text-align:center;color:var(--muted);border:1px dashed #d5ded9;border-radius:11px;padding:28px 12px;font-size:10px}.formula-photo{aspect-ratio:3/4;color:#8b9891;background:#f2f5f2;border-radius:12px;place-items:center;width:calc(100% + 10px);height:auto;margin:-5px -5px 14px;display:grid;overflow:hidden}.formula-photo>img{object-fit:contain;object-position:center;background:#eef2ef;width:100%;height:100%;display:block}.formula-photo>div{text-align:center}.formula-photo .icon{color:#aab7b0;margin-bottom:7px;font-size:23px;display:block}.formula-photo span{font-size:10px}.dimension-group-label{color:var(--muted);grid-column:1/-1;margin:0 0 7px 3px;font-size:9px}.variant-specs{gap:8px;margin-top:-3px;display:grid}.variant-card{background:#f8faf8;border:1px solid #d9e2dd;border-radius:11px;padding:10px}.variant-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.variant-card-head strong{color:var(--accent);font-size:10px}.variant-card-head button{color:#a45b56;background:0 0;border:0;padding:4px;font-size:8px}.variant-fields{grid-template-columns:1fr 1fr;gap:7px;display:grid}.variant-fields label>span{color:var(--muted);margin:0 0 4px 2px;font-size:8px;display:block}.variant-fields .dimension-input{height:36px}.variant-empty{color:#aa6e54;padding:8px 2px;font-size:9px}.photo-card-wrap{min-width:0}.photo-card-wrap .photo-card{width:100%;height:100%;min-height:120px}.photo-input{display:none}.uploaded-image-object{max-width:100%;max-height:100%;line-height:0;display:inline-block;position:relative}.uploaded-image-object>img{object-fit:contain;object-position:center;width:auto;max-width:100%;height:auto;max-height:248px;display:block}.axis-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.axis-svg line{stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke;stroke-linecap:round}.axis-label{z-index:4;color:var(--accent);white-space:nowrap;pointer-events:none;background:#fff;border-radius:6px;padding:4px 6px;font-size:8px;line-height:1;position:absolute;transform:translate(-50%,calc(-100% - 8px));box-shadow:0 2px 7px #17342c24}.uploaded-image-object .axis-point{border-width:2px;width:22px;height:22px}.toast{z-index:100}.savebar .primary-btn:disabled,.photo-card:disabled{opacity:.58;cursor:wait}@media (max-width:1100px){.workspace{grid-template-columns:210px 1fr}.material-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:260px 1fr 260px;gap:18px;display:grid}.materials-list{grid-template-columns:repeat(2,1fr);max-height:220px}.category-scroll{grid-area:1/1/auto/-1}.material-head,.materials-list{grid-row:2}.size-picker{border:0;grid-row:2;margin:0}.savebar{height:72px}.app-shell{padding-bottom:72px}}@media (max-width:720px){.topbar{height:62px;padding:0 14px}.top-actions .ghost-btn span,.user,.divider{display:none}.workspace{display:block}.order-panel{border-right:0;border-bottom:1px solid var(--line);padding:18px 14px}.bracelet-tabs{display:flex;overflow:auto}.bracelet-tab{min-width:160px}.order-note{display:none}.editor-panel{padding:22px 14px}.editor-head{display:block}.formula-id{width:max-content;margin-top:14px}.meta-grid{grid-template-columns:1fr 1fr}.bracelet-canvas{height:360px}.canvas-toolbar{align-items:flex-start;gap:8px}.canvas-toolbar>div{display:flex}.sequence-tools{display:block}.sequence-buttons{grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:10px;display:grid}.sequence-buttons button{min-width:0;padding:9px 6px;font-size:13px}.bottom-grid,.summary-list{grid-template-columns:1fr}.material-panel{padding:24px 18px;display:block}.category-scroll{margin:0;padding-left:0}.materials-list{grid-template-columns:1fr;max-height:300px;display:grid}.size-options{grid-template-columns:repeat(4,1fr)}.savebar{padding:0 14px}.savebar>div:first-child{display:none}.savebar>div:last-child{margin-left:auto}.savebar .ghost-btn{display:none}.library-page{padding:32px 14px}.library-head{display:block}.library-head .primary-btn{margin-top:18px}.formula-grid{grid-template-columns:1fr}.formula-card{grid-template-columns:130px 1fr;display:grid}.formula-card .formula-photo{aspect-ratio:3/4;grid-row:1/5;width:130px;height:auto;margin:0 14px 0 0}.formula-card>button{text-align:left}.bracelet-canvas .bead{transform-origin:50%!important}.modal-backdrop{padding:0}.material-uploader{border-radius:0;width:100vw;height:100vh;max-height:100vh}.uploader-head{border-radius:0;padding:18px}.uploader-head h2{font-size:21px}.uploader-body{padding:14px;display:block}.uploader-form{margin-bottom:12px}.uploader-body>div{padding:14px}.material-photo-stage{height:260px}.uploaded-image-object>img{max-height:228px}.facing-control{display:block}.facing-control>div:last-child{margin-top:10px}.uploader-footer{border-radius:0;padding:12px 14px;position:sticky;bottom:0}.uploader-footer>span{display:none}.uploader-footer .primary-btn{font-size:11px}.formula-preview-backdrop{padding:0}.formula-preview-dialog{border-radius:0;width:100vw;height:100vh;max-height:100vh}.formula-preview-body{min-height:0;display:block}.formula-preview-photo{height:52vh}.formula-preview-photo img{max-height:none}.formula-preview-detail{padding:24px 18px 28px}.formula-preview-detail h2{margin-bottom:18px;font-size:23px}.formula-preview-footer{border-radius:0;padding:12px 14px}.formula-preview-footer .ui-button{flex:1;min-width:0}}:where(button,input,select):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ui-button:focus-visible{outline:0}.canvas-card,.summary-card,.photo-card,.formula-card,.uploader-form,.orientation-panel{box-shadow:var(--shadow-sm)}.formula-card:hover{box-shadow:var(--shadow-md)}.primary-btn,.add-selected{box-shadow:0 7px 18px #174a3c24}.ui-button:disabled{cursor:not-allowed}@media (pointer:coarse){.primary-btn,.ghost-btn,.add-bracelet,.upload-material-btn,.sequence-buttons .ui-button,.add-selected{min-height:44px}.material-actions button{min-width:44px;min-height:40px}.category-scroll button,.subcategory-scroll button,.size-options button{font-size:12px}}:root{--ink:#17342c;--ink-secondary:#50645b;--ink-tertiary:#718078;--ink-muted:#98a49e;--paper:#f5f6f1;--canvas:#f9faf6;--card:#fff;--panel:#f8f9f5;--inset:#f0f3ef;--line:#17342c1c;--line-soft:#17342c12;--line-strong:#17342c2e;--accent:#1f5a49;--accent-hover:#174b3d;--accent-soft:#e4eee9;--sage:#8ea99d;--silver:#c8ceca;--moon:#e6ecea;--brass:#b58b55;--focus:#79a793;--danger:#a45b56;--shadow-sm:0 0 0 1px #17342c0b,0 1px 2px -1px #17342c12,0 5px 16px #17342c09;--shadow-md:0 0 0 1px #17342c0d,0 8px 24px #17342c12,0 20px 48px #17342c0b;--shadow-overlay:0 0 0 1px #17342c0f,0 28px 80px #09231b33}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5}button{transition:background-color .14s cubic-bezier(.23,1,.32,1),border-color .14s cubic-bezier(.23,1,.32,1),color .14s cubic-bezier(.23,1,.32,1),box-shadow .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}button:active:not(:disabled){transform:scale(.98)}input::placeholder{color:var(--ink-muted)}.app-shell{background:var(--paper);padding-bottom:72px}.topbar{border-bottom:1px solid var(--line-soft);background:#f8f9f5eb;height:64px;padding:0 24px;box-shadow:0 1px 10px #17342c06}.brand{gap:11px}.brand-mark{border-color:var(--line-strong);background:#ffffff94;width:32px;height:32px}.brand-mark span{background:var(--sage);top:6px;left:12px}.brand strong{letter-spacing:.06em;font-size:15px;font-weight:760}.brand small,.user small{color:var(--ink-tertiary);font-size:10px}.top-actions{gap:8px}.top-actions .ghost-btn{border-radius:9px;min-height:40px;padding:8px 12px}.divider{background:var(--line);height:24px}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent)}.user strong{font-size:12px}.user{min-width:44px}.workspace{grid-template-columns:220px minmax(560px,1fr) 400px;align-items:start;max-width:1800px;min-height:calc(100vh - 136px)}.order-panel{border-right:1px solid var(--line-soft);height:calc(100vh - 136px);padding:26px 16px 24px;position:sticky;top:64px;overflow:auto}.editor-panel{min-width:0;padding:30px 30px 40px}.material-panel{border-left:1px solid var(--line-soft);flex-direction:column;align-self:start;height:calc(100vh - 136px);padding:24px 22px 18px;display:flex;position:sticky;top:64px;overflow:hidden}.eyebrow{color:#819087;letter-spacing:.2em;margin-bottom:8px;font-size:10px;font-weight:760}.field-label{margin:17px 0 7px;font-size:11px;font-weight:700}.order-input{border-color:var(--line);box-shadow:none;background:var(--card);border-radius:10px}.order-input input{padding:12px;font-size:14px}.order-input button{background:var(--inset);width:42px}.order-status{margin:8px 3px 22px;font-size:10px}.section-heading{margin:18px 0 10px;font-size:12px}.section-heading em{background:var(--inset);color:var(--ink-tertiary);font-variant-numeric:tabular-nums}.bracelet-tabs{gap:6px}.bracelet-tab{border-radius:12px}.bracelet-select{gap:9px;min-height:56px;padding:9px 31px 9px 8px}.bracelet-select>span{background:var(--moon);font-variant-numeric:tabular-nums;width:32px;height:32px}.bracelet-tabs strong{font-size:12px;font-weight:720}.bracelet-tabs small{font-size:10px}.bracelet-tabs b{font-size:17px}.delete-bracelet{border-radius:8px;width:30px;height:36px;right:5px}.add-bracelet{background:#fff6;border-color:#1f5a4947;border-radius:10px;min-height:44px;margin-top:10px;font-size:11px}.add-bracelet:hover{background:var(--accent-soft);border-color:#1f5a496b}.order-note{background:var(--accent-soft);border-radius:12px;align-items:flex-start;margin-top:24px;padding:12px}.order-note p{font-size:9px;line-height:1.55}.editor-head{gap:20px;margin-bottom:18px}.editor-head h1{letter-spacing:-.025em;text-wrap:balance;max-width:820px;margin-bottom:5px;font-family:Georgia,Songti SC,serif;font-size:30px;line-height:1.25}.editor-head>div>p:last-child{color:var(--ink-tertiary);font-size:11px}.formula-id{background:var(--accent-soft);border-radius:9px;flex:none;gap:10px;padding:8px 11px}.formula-id small{color:var(--ink-tertiary)}.formula-id strong{font-variant-numeric:tabular-nums;font-size:11px}.meta-grid{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:10px;margin-bottom:12px}.meta-grid label>span{color:var(--ink-secondary);font-size:10px;font-weight:560}.meta-grid label>div,.meta-grid select{border-color:var(--line);background:var(--inset);border-radius:9px;height:44px;box-shadow:inset 0 1px #17342c06}.meta-grid input{font-size:13px}.meta-grid select{padding:0 12px;font-size:12px}.price-range-field{border:1px solid var(--line);background:#ffffff8c;border-radius:11px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:9px;margin:0;padding:13px;display:grid}.price-range-field legend{color:var(--ink-secondary);padding:0 5px;font-size:10px;font-weight:650}.price-range-field>label>span{color:var(--ink-tertiary);margin:0 0 6px 3px;font-size:10px;display:block}.price-range-field>label>div{border:1px solid var(--line);background:var(--inset);border-radius:9px;align-items:center;height:44px;display:flex}.price-range-field em{color:var(--ink-secondary);padding:0 0 0 12px;font-size:12px;font-style:normal}.price-range-field input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:100%;padding:0 12px;font-size:13px;font-weight:700}.price-range-field>i{color:var(--ink-tertiary);align-self:center;margin-top:18px;font-style:normal}.price-range-field>small{color:var(--ink-tertiary);grid-column:1/-1;font-size:9px;line-height:1.5}.canvas-card,.summary-card,.photo-card{box-shadow:var(--shadow-sm);border:0}.canvas-card{background:var(--card);border-radius:18px;overflow:hidden}.canvas-toolbar{border-bottom:1px solid var(--line-soft);min-height:52px;padding:12px 16px;font-size:12px}.canvas-toolbar>div{gap:4px;display:flex}.canvas-toolbar button{min-height:34px;color:var(--ink-secondary);padding:7px 10px;font-size:10px}.canvas-toolbar button:hover{background:var(--inset)}.canvas-toolbar button.active{background:var(--accent-soft);color:var(--accent)}.bracelet-canvas{background:var(--canvas);height:clamp(380px,100vh - 520px,440px)}.wrist-guide span{color:var(--ink-tertiary);background:#f5f6f1eb;padding:4px 8px;font-size:9px;bottom:-28px}.canvas-center{background:#ffffffed;width:124px;height:124px;box-shadow:0 0 0 1px #17342c09,0 12px 32px #17342c12}.canvas-center small{font-size:9px}.canvas-center strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums;margin:2px 0;font-size:28px}.canvas-center strong em{font-size:10px}.canvas-center span{font-size:9px}.empty-ring strong{font-size:12px}.empty-ring p{color:var(--ink-tertiary)}.sequence-tools{border-top:1px solid var(--line-soft);background:#fbfcf9;gap:14px;min-height:74px;padding:12px 14px}.sequence-tools>span{background:var(--inset);min-height:34px;color:var(--ink-secondary);border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;display:inline-flex}.sequence-buttons{gap:8px}.sequence-buttons button{border-color:var(--line-strong);min-width:88px;min-height:46px;box-shadow:none;border-radius:10px;font-size:13px}.sequence-buttons button:not(:disabled){background:var(--card);color:var(--ink)}.sequence-buttons button.danger:not(:disabled){color:var(--danger);background:snow}.sequence-buttons button:hover:not(:disabled){background:var(--accent-soft);border-color:#1f5a4959}.bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(210px,.55fr);gap:12px;margin-top:12px}.summary-card,.photo-card{border-radius:14px}.summary-card{min-height:132px;padding:1px 16px 13px}.summary-list{gap:4px 18px}.summary-list>div{border-bottom-color:var(--line-soft);min-height:30px;font-size:10px}.photo-card-wrap .photo-card{background-color:var(--panel);min-height:132px}.upload-material-btn{border-color:var(--line-strong);background:var(--card);border-radius:9px;min-height:40px;padding:8px 11px;font-size:11px}.search-box{border-color:var(--line);background:var(--inset);border-radius:10px;box-shadow:inset 0 1px #17342c06}.search-box input{height:44px;font-size:12px}.category-scroll{flex:none;gap:6px;padding:13px 0 10px}.category-scroll button{min-height:38px;color:var(--ink-secondary);border-radius:9px;padding:8px 12px;font-size:11px;font-weight:650}.category-scroll button:hover{background:var(--inset)}.subcategory-scroll{border-color:var(--line-soft);flex:none;padding:10px 0 11px}.subcategory-scroll>span{margin-bottom:7px;font-size:9px}.subcategory-scroll>div{gap:5px}.subcategory-scroll button{border-color:var(--line);min-height:34px;color:var(--ink-secondary);border-radius:8px;padding:7px 9px;font-size:9px}.materials-list{overscroll-behavior:contain;flex:1;gap:4px;min-height:120px;max-height:none;padding:7px 3px 7px 0}.material-row{border-color:#0000;border-radius:11px;min-height:60px;padding:4px}.material-row:hover{border-color:var(--line-soft);background:#ffffff9e}.material-row.selected{background:var(--card);box-shadow:var(--shadow-sm);border-color:#1f5a493d}.material-select{grid-template-columns:42px minmax(0,1fr);gap:10px;padding:5px}.material-select>i{width:40px;height:40px}.material-select strong{font-size:12px}.material-select small{margin-top:3px;font-size:9px}.material-actions{gap:4px}.material-actions button{border-color:var(--line);background:var(--panel);min-width:44px;min-height:38px;font-size:10px}.size-picker{border-top:1px solid var(--line-soft);background:var(--paper);flex:none;margin-top:8px;padding-top:2px}.size-picker .section-heading{margin:12px 0 8px}.size-options{gap:6px}.size-options button{border-color:var(--line);border-radius:9px;min-height:58px}.size-options button.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 12px #1f5a4914}.size-options span{font-variant-numeric:tabular-nums;font-size:11px}.add-selected{border-radius:10px;min-height:48px;margin-top:9px;font-size:13px;box-shadow:0 8px 18px #174a3c2e}.savebar{border-top-color:var(--line-soft);background:#f8f9f5f0;height:72px;padding:0 24px;box-shadow:0 -8px 28px #17342c09}.savebar>div{gap:8px}.savebar strong{font-size:11px}.savebar small{font-size:9px}.savebar .primary-btn{min-height:44px;padding-inline:18px}.library-page{max-width:1320px;padding:48px 40px 72px}.library-head{align-items:flex-end;gap:32px}.library-head>div{max-width:720px}.back-link{min-height:36px;margin:0 0 24px -10px;padding:6px 10px}.library-head h1{letter-spacing:-.035em;text-wrap:balance;margin-bottom:8px;font-size:44px;line-height:1.08}.library-head p{color:var(--ink-secondary);font-size:13px;line-height:1.65}.library-head>.primary-btn{border-radius:10px;min-height:46px;padding:11px 18px;box-shadow:0 8px 22px #174a3c29}.library-search{background:var(--card);min-height:60px;box-shadow:var(--shadow-sm);border:0;border-radius:14px;margin:34px 0 14px;padding:0 18px}.library-search input{height:60px;padding-left:12px;font-size:14px}.library-result-head{margin:20px 2px 14px;font-size:12px}.library-result-head em{background:var(--accent-soft);color:var(--accent);padding:5px 9px}.formula-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.formula-card{background:var(--card);min-width:0;box-shadow:var(--shadow-sm);border:0;border-radius:18px;flex-direction:column;padding:14px 14px 18px;transition:transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1);display:flex}.formula-photo{aspect-ratio:3/4;background:var(--panel);border-radius:12px;width:100%;margin:0 0 17px;box-shadow:inset 0 0 0 1px #17342c0f}.formula-photo>img{background:var(--panel)}.formula-card>small{color:var(--ink-tertiary);letter-spacing:.02em;margin:0 2px;font-size:9px}.formula-card h3{letter-spacing:-.018em;-webkit-line-clamp:2;text-wrap:pretty;-webkit-box-orient:vertical;min-height:51px;margin:7px 2px 6px;font-size:20px;line-height:1.28;display:-webkit-box;overflow:hidden}.formula-card p{color:var(--ink-secondary);font-variant-numeric:tabular-nums;margin:0 2px 10px;font-size:10px}.formula-card-action{margin-top:auto;padding:8px 2px 1px;font-size:11px}.library-empty{border-color:var(--line-strong);background:#ffffff52;border-radius:18px;padding:88px 28px}.formula-preview-dialog{background:var(--panel);width:min(1040px,96vw);max-height:92vh;box-shadow:var(--shadow-overlay);border:0;border-radius:22px}.formula-preview-body{grid-template-columns:minmax(420px,1.2fr) minmax(320px,.8fr);min-height:640px}.formula-preview-photo{background:var(--moon)}.formula-preview-photo img{box-shadow:inset -1px 0 #17342c0f}.formula-preview-detail{background:var(--card);padding:40px 36px}.formula-preview-detail h2{letter-spacing:-.025em;text-wrap:balance;margin:10px 0 26px;font-size:30px;line-height:1.3}.formula-preview-meta{gap:8px}.formula-preview-meta>div{background:var(--inset);border-radius:9px;padding:13px}.formula-preview-meta dt{color:var(--ink-tertiary);font-size:9px}.formula-preview-meta dd{font-variant-numeric:tabular-nums}.formula-preview-recipe{margin-top:28px}.formula-preview-recipe h3{font-size:12px}.formula-preview-recipe>div{gap:5px}.formula-preview-recipe>div>div{border-color:var(--line-soft);background:#fbfcf9;min-height:48px;padding:10px 12px}.formula-preview-footer{border-top-color:var(--line-soft);background:#f8f9f5f0;padding:14px 22px}@media (max-width:1240px){.workspace{grid-template-columns:208px minmax(0,1fr)}.order-panel{height:calc(100vh - 136px)}.material-panel{border-top:1px solid var(--line-soft);border-left:0;grid-column:1/-1;grid-template-rows:auto auto;grid-template-columns:minmax(260px,.85fr) minmax(360px,1.2fr) minmax(270px,.8fr);gap:14px 18px;height:auto;padding:22px 24px;display:grid;position:relative;top:auto}.material-head{grid-area:1/1/3}.category-scroll{grid-area:1/2/auto/4;align-content:flex-start;padding:0}.subcategory-scroll{border-top:0;grid-area:2/2/auto/4;padding:0 0 10px}.materials-list{grid-area:3/2;max-height:300px}.size-picker{border-top:0;border-left:1px solid var(--line-soft);grid-area:3/3;margin:0;padding:0 0 0 16px}.library-page{padding-inline:28px}.formula-grid{gap:18px}}@media (max-width:860px){.workspace{display:block}.order-panel{border-right:0;border-bottom:1px solid var(--line-soft);height:auto;padding:18px 20px;position:relative;top:auto}.order-panel>.eyebrow,.order-panel>.field-label,.order-panel>.order-input,.order-panel>.order-status{max-width:420px}.bracelet-tabs{gap:8px;padding-bottom:3px;display:flex;overflow-x:auto}.bracelet-tab{min-width:190px}.order-note{display:none}.editor-panel{padding:24px 20px 32px}.editor-head h1{font-size:27px}.bracelet-canvas{height:410px}.material-panel{padding:24px 20px;display:block}.materials-list{max-height:360px}.size-picker{border-top:1px solid var(--line-soft);border-left:0;margin-top:10px;padding:4px 0 0}.formula-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-preview-body{grid-template-columns:1fr 1fr}.formula-preview-detail{padding:30px 24px}}@media (max-width:720px){.app-shell{padding-bottom:68px}.topbar{height:60px;padding:0 14px}.brand strong{font-size:14px}.brand small{font-size:9px}.order-panel{padding:16px 14px}.bracelet-tab{min-width:174px}.editor-panel{padding:20px 14px 28px}.editor-head h1{font-size:25px}.editor-head>div>p:last-child{font-size:10px}.formula-id{margin-top:12px}.meta-grid{grid-template-columns:1fr 1fr}.meta-grid label>div,.meta-grid select{height:44px}.bracelet-canvas{height:370px}.canvas-toolbar{padding:10px 12px}.canvas-toolbar button{padding-inline:8px}.canvas-center{width:110px;height:110px}.canvas-center strong{font-size:25px}.sequence-tools{padding:12px;display:block}.sequence-tools>span{justify-content:center;width:100%}.sequence-buttons{margin-top:9px}.sequence-buttons button{min-height:46px;font-size:12px}.bottom-grid{grid-template-columns:1fr}.material-panel{padding:22px 14px}.category-scroll{padding:12px 0 9px}.materials-list{max-height:340px}.savebar{height:68px;padding:0 14px}.savebar .primary-btn{min-height:44px}.library-page{padding:30px 14px 48px}.library-head h1{font-size:36px}.library-head p{font-size:12px}.library-head>.primary-btn{margin-top:18px}.library-search{min-height:54px;margin-top:26px}.library-search input{height:54px;font-size:13px}.formula-grid{grid-template-columns:1fr;gap:14px}.formula-card{grid-template-rows:auto auto auto 1fr;grid-template-columns:122px minmax(0,1fr);padding:12px;display:grid}.formula-card .formula-photo{grid-area:1/1/5;width:122px;margin:0 14px 0 0}.formula-card>small,.formula-card h3,.formula-card p,.formula-card-action{grid-column:2}.formula-card h3{min-height:0;margin-top:5px;font-size:18px}.formula-card p{margin-bottom:4px}.formula-card-action{align-self:end}.formula-preview-backdrop{padding:0}.formula-preview-dialog{border-radius:0}.formula-preview-photo{height:50vh}.formula-preview-detail{padding:24px 18px}.formula-preview-detail h2{font-size:24px}.formula-preview-footer{padding:12px 14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,.formula-card{transition:none}.formula-card:hover{transform:none}}:root{--ink:#173a32;--ink-secondary:#526861;--ink-tertiary:#74857f;--ink-muted:#a0aba7;--paper:#f3f7f5;--canvas:#f8fbf9;--card:#fdfefc;--panel:#f7faf8;--inset:#edf3f0;--line:#173a321a;--line-soft:#173a3211;--line-strong:#173a322b;--accent:#1b5c4d;--accent-hover:#144b3f;--accent-soft:#deece7;--sage:#89a99d;--silver:#ccd7d2;--moon:#e2edeb;--quartz:#f0e4e7;--brass:#b18d58;--focus:#6f9f8e;--danger:#a65e5b;--facet-ring:inset 0 0 0 1px #ffffffd1,0 0 0 1px #173a3212;--shadow-sm:var(--facet-ring),0 4px 14px #173a3206;--shadow-md:var(--facet-ring),0 10px 28px #173a320e;--shadow-overlay:0 0 0 1px #ffffff42,0 24px 64px #0c27202e}body{font-family:var(--font-geist-sans),"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;letter-spacing:.005em}.topbar{background:#f7faf8f0;box-shadow:0 1px #ffffffb8}.brand-mark{background:var(--card);box-shadow:var(--facet-ring)}.brand strong{letter-spacing:.08em;font-weight:720}.brand small{letter-spacing:.025em}.avatar{box-shadow:inset 0 0 0 1px #1b5c4d14}.ghost-btn{color:var(--ink-secondary)}.editor-head h1,.material-head h2{font-family:var(--font-geist-sans),"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.035em;font-weight:620}.editor-head h1{font-size:29px}.material-head h2{font-size:26px}.editor-head>div>p:last-child{line-height:1.6}.library-head h1,.formula-card h3,.formula-preview-detail h2{font-family:Songti SC,STSong,SimSun,serif;font-weight:500}.eyebrow{font-family:var(--font-geist-mono),monospace;color:#7b9188;letter-spacing:.19em;font-weight:650}.field-label,.section-heading,.canvas-toolbar,.formula-preview-recipe h3{letter-spacing:.015em}.formula-id strong,.savebar strong,.section-heading em,.size-options span{font-variant-numeric:tabular-nums}.order-panel,.material-panel{background:#f3f7f5c7}.canvas-card,.summary-card,.photo-card,.formula-card,.uploader-form,.orientation-panel,.formula-preview-dialog{box-shadow:var(--shadow-sm)}.canvas-card{background:var(--card);border-radius:19px}.summary-card,.photo-card{background:var(--card);border-radius:15px}.canvas-toolbar,.sequence-tools{background:#fdfefce0}.bracelet-canvas{background:var(--canvas)}.canvas-center{box-shadow:var(--facet-ring),0 12px 30px #173a320e;background:#fdfefcf5}.canvas-center strong{color:#143d33;font-family:Iowan Old Style,Georgia,Songti SC,serif}.wrist-guide{border-color:#1b5c4d2e}.wrist-guide span{background:#f3f7f5f0}.bottom-grid{gap:14px}.summary-list>div:last-child,.summary-list>div:nth-last-child(2){border-bottom-color:#0000}.order-input,.search-box,.library-search{background:#fdfefcf0;box-shadow:inset 0 1px #ffffffe6}.meta-grid label>div,.meta-grid select,.dimension-input,.upload-field>input{border-color:var(--line);background:#f1f6f3;box-shadow:inset 0 1px 1px #173a3206}.meta-grid label>div:focus-within,.search-box:focus-within,.order-input:focus-within,.library-search:focus-within{border-color:#1b5c4d5c;box-shadow:0 0 0 3px #6f9f8e1c,inset 0 1px #ffffffe6}.formula-id{background:var(--moon);box-shadow:inset 0 0 0 1px #1b5c4d0b}.bracelet-tab.active{border-color:#0000;box-shadow:inset 0 0 0 1px #ffffffe6,0 0 0 1px #1b5c4d26,0 4px 14px #173a3206}.bracelet-tab.active .bracelet-select>span{box-shadow:inset 0 0 0 1px #ffffff2e}.material-row.selected{border-color:#0000;box-shadow:inset 0 0 0 1px #ffffffeb,0 0 0 1px #1b5c4d2e}.material-row:hover{background:#fdfefcb8}.material-select>i{box-shadow:inset 0 0 0 1px #ffffffad,0 2px 8px #173a320f}.material-select>i.material-photo{box-shadow:none;background-color:#0000}.size-options button{background:#fdfefce6;box-shadow:inset 0 0 0 1px #ffffffbd}.size-options button.active{box-shadow:inset 0 0 0 1px #ffffffe0,0 0 0 2px var(--accent);border-color:#0000}.primary-btn,.add-selected,.library-head>.primary-btn{background:var(--accent);letter-spacing:.015em;border:1px solid #0d3e322e;font-weight:680;box-shadow:inset 0 1px #ffffff29,0 2px 5px #144b3f17}.primary-btn:hover,.add-selected:hover,.library-head>.primary-btn:hover{background:var(--accent-hover);box-shadow:inset 0 1px #ffffff21,0 3px 8px #144b3f1f}.upload-material-btn,.sequence-buttons button,.material-actions button,.add-bracelet{box-shadow:inset 0 1px #ffffffe0}.upload-material-btn:hover,.sequence-buttons button:hover:not(:disabled),.material-actions button:hover{background:var(--accent-soft)}.delete-bracelet:hover:not(:disabled),.material-actions button.danger:hover{background:var(--quartz)}.category-scroll button.active{box-shadow:inset 0 1px #ffffff24}.subcategory-scroll button.active{background:var(--accent-soft);border-color:#1b5c4d33}.formula-photo,.formula-preview-photo{background:#edf3f1;position:relative}.formula-photo:after,.formula-preview-photo:after{content:"";z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #173a3211,inset 0 1px #ffffffb8}.formula-photo>img,.formula-preview-photo img{object-fit:contain;image-rendering:auto;background:#edf3f1}.photo-card{background-color:#f5f8f6}.photo-card.has-photo{box-shadow:var(--facet-ring)}.library-page{color:var(--ink)}.library-head h1{color:#143b32;letter-spacing:-.045em}.library-search{box-shadow:var(--shadow-sm);border:1px solid #173a320e}.formula-card{background:#fdfefcf5;border-radius:20px}.formula-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.formula-card h3{color:#173f35;letter-spacing:-.025em}.formula-card-action{color:var(--accent);letter-spacing:.01em}.formula-photo{border-radius:14px}.library-result-head em{background:var(--moon)}.library-empty{background:#fdfefc59}.formula-preview-backdrop{background:#13312987}.formula-preview-dialog{background:var(--panel);box-shadow:var(--shadow-overlay)}.formula-preview-detail{background:var(--card)}.formula-preview-meta>div{background:var(--inset);box-shadow:inset 0 0 0 1px #ffffff75}.formula-preview-recipe>div>div{border-color:var(--line-soft);background:#fafcfb}.formula-preview-footer,.savebar{background:#f7faf8f2;box-shadow:0 -1px #ffffffb8}.modal-backdrop{background:#13312980}.material-uploader{background:var(--paper);box-shadow:var(--shadow-overlay)}.uploader-head,.uploader-footer{border-color:var(--line-soft);background:#fdfefcf5}.uploader-form,.uploader-body>div{background:var(--card);border-color:var(--line-soft);box-shadow:var(--shadow-sm)}.upload-step>span{background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #1b5c4d12}.kind-options button.active,.facing-control button.active{background:var(--accent);color:#fff}.material-photo-stage{background-color:#edf3f1}.formula-preview-dialog,.material-uploader{overscroll-behavior:contain}.formula-preview-dialog:focus-visible,.material-uploader:focus-visible{outline:2px solid var(--focus);outline-offset:-4px}.material-photo-stage[role=button]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.bead.photo-bead:focus-visible>img{filter:drop-shadow(0 0 2px #7fb29f)drop-shadow(0 0 4px #7fb29f)}.validation-error{font-weight:650;color:var(--danger)!important}.designer-field>span{color:var(--ink-secondary);margin:0 0 6px 3px;font-size:10px;font-weight:560;display:block}.designer-select{min-width:0;position:relative}.designer-select-trigger{border:1px solid var(--line);width:100%;height:44px;color:var(--ink);text-align:left;background:#f1f6f3;border-radius:9px;justify-content:space-between;align-items:center;padding:0 13px;font-size:12px;display:flex;box-shadow:inset 0 1px 1px #173a3206}.designer-select-trigger:hover,.designer-select.open .designer-select-trigger{background:#edf4f0;border-color:#1b5c4d4d}.designer-select-trigger i{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:8px;height:8px;transition:transform .15s;transform:translateY(-2px)rotate(45deg)}.designer-select.open .designer-select-trigger i{transform:translateY(2px)rotate(225deg)}.designer-select-menu{z-index:85;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-md);border-radius:11px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0}.designer-select-menu button{min-height:40px;color:var(--ink-secondary);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;display:flex}.designer-select-menu button:hover,.designer-select-menu button:focus-visible{background:var(--accent-soft);color:var(--accent)}.designer-select-menu button.selected{color:var(--accent);font-weight:700}.designer-select-menu b{font-size:11px}.material-row{content-visibility:auto;contain-intrinsic-size:60px}.formula-card{content-visibility:auto;contain-intrinsic-size:520px}.add-bracelet:hover,.upload-material-btn:hover,.sequence-buttons button:hover:not(:disabled),.material-actions button:hover{box-shadow:none;background-clip:border-box}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.savebar{height:calc(72px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.formula-preview-backdrop,.modal-backdrop{overscroll-behavior:contain;padding-top:max(24px,env(safe-area-inset-top));padding-right:max(24px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(24px,env(safe-area-inset-left))}@media (max-width:480px){.meta-grid,.variant-fields,.formula-preview-meta{grid-template-columns:1fr}.formula-preview-backdrop,.modal-backdrop{padding:0}.uploader-head{padding-top:calc(18px + env(safe-area-inset-top))}.uploader-footer,.formula-preview-footer{padding-bottom:calc(12px + env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(68px + env(safe-area-inset-bottom))}.savebar{height:calc(68px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.formula-card:hover{transform:none}.skip-link,.designer-select-trigger i{transition:none}}.formula-category-editor{border:1px solid var(--line-soft);background:#ffffff75;border-radius:13px;margin:-2px 0 16px;padding:14px 16px}.formula-category-editor>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.formula-category-editor>div:first-child strong{font-size:11px}.formula-category-editor>div:first-child span{color:var(--ink-tertiary);text-align:right;font-size:9px}.formula-category-options{flex-wrap:wrap;gap:7px;display:flex}.formula-category-option{--category-color:var(--sage);border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;min-height:36px;padding:3px;display:flex}.formula-category-option.selected{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-option.selected{border-color:color-mix(in srgb,var(--category-color) 50%,transparent)}}.formula-category-option.selected{box-shadow:inset 0 0 0 1px var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-option.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-color) 12%,transparent)}}.formula-category-option>button:first-child{min-height:28px;color:var(--ink-secondary);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding:5px 8px;font-size:10px;display:flex}.formula-category-option>button:first-child i{background:var(--category-color);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #ffffff59}.formula-category-option>button:first-child b{color:var(--category-color);font-size:9px}.formula-category-option.selected>button:first-child{color:var(--ink);font-weight:700}.primary-category-toggle{border:0;border-left:1px solid var(--line-soft);min-height:28px;color:var(--ink-tertiary);background:0 0;border-radius:0 7px 7px 0;padding:4px 8px;font-size:8px}.primary-category-toggle:hover{background:var(--inset);color:var(--accent)}.primary-category-toggle.active{background:var(--accent-soft);color:var(--accent);font-weight:750}.formula-category-none{color:var(--ink-tertiary);padding:8px 2px;font-size:9px}.formula-category-browser{box-shadow:var(--shadow-sm);background:#fdfefcb8;border:1px solid #173a320e;border-radius:18px;margin:18px 0 0;padding:20px}.formula-category-browser-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:15px;display:flex}.formula-category-browser-head .eyebrow{margin-bottom:4px;font-size:9px}.formula-category-browser-head h2{color:var(--ink);letter-spacing:-.02em;margin:0;font-family:Songti SC,STSong,SimSun,serif;font-size:24px;font-weight:500}.formula-category-browser-head>div>span{color:var(--ink-secondary);margin-top:4px;font-size:10px;display:block}.formula-category-browser-head>.ui-button{border-color:var(--line);background:var(--card);min-height:38px;font-size:10px}.formula-category-browser-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:8px;display:grid}.formula-category-browser-grid>button{--category-color:var(--sage);border:1px solid var(--line-soft);background:var(--card);text-align:left;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;min-height:72px;padding:11px;display:grid;position:relative;box-shadow:inset 0 1px #fffc}.formula-category-browser-grid>button:hover{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-browser-grid>button:hover{border-color:color-mix(in srgb,var(--category-color) 38%,var(--line))}}.formula-category-browser-grid>button:hover{background:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-browser-grid>button:hover{background:color-mix(in srgb,var(--category-color) 5%,var(--card))}}.formula-category-browser-grid>button.active{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-browser-grid>button.active{border-color:color-mix(in srgb,var(--category-color) 55%,transparent)}}.formula-category-browser-grid>button.active{background:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-browser-grid>button.active{background:color-mix(in srgb,var(--category-color) 10%,var(--card))}}.formula-category-browser-grid>button.active{box-shadow:inset 0 0 0 1px var(--category-color)}@supports (color:color-mix(in lab, red, red)){.formula-category-browser-grid>button.active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-color) 10%,transparent)}}.category-dot{background:var(--category-color);width:12px;height:12px;box-shadow:inset 0 0 0 2px #ffffff40,0 2px 5px var(--category-color);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.category-dot{box-shadow:inset 0 0 0 2px #ffffff40,0 2px 5px color-mix(in srgb,var(--category-color) 25%,transparent)}}.formula-category-browser-grid>button>span:not(.category-symbol){min-width:0}.formula-category-browser-grid strong,.formula-category-browser-grid small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.formula-category-browser-grid strong{color:var(--ink);font-size:11px}.formula-category-browser-grid small{color:var(--ink-tertiary);margin-top:4px;font-size:8px}.formula-category-browser-grid em{background:var(--inset);min-width:22px;color:var(--ink-tertiary);text-align:center;font-variant-numeric:tabular-nums;border-radius:99px;align-self:start;padding:3px 6px;font-size:8px;font-style:normal}.category-symbol{width:24px;height:24px;position:relative}.category-symbol i{background:var(--sage);border-radius:50%;width:11px;height:11px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff73}.category-symbol i:first-child{top:7px;left:0}.category-symbol i:nth-child(2){top:0;left:7px}.category-symbol i:nth-child(3){top:10px;left:12px}.formula-category-browser-grid>button.all{--category-color:var(--accent)}.formula-card-footer{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:8px 2px 1px;display:flex}.formula-card-footer .formula-card-action{min-width:0;margin:0;padding:0}.formula-card-categories{justify-content:flex-end;align-items:center;gap:5px;min-width:0;display:flex}.formula-card-categories b{text-overflow:ellipsis;white-space:nowrap;border-radius:99px;max-width:104px;padding:5px 8px;font-size:8px;line-height:1;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff2e}.formula-card-categories em{background:var(--inset);min-width:25px;color:var(--ink-secondary);text-align:center;border-radius:99px;padding:5px 7px;font-size:8px;font-style:normal}.library-empty .ui-button{margin-top:16px}.formula-preview-categories{flex-wrap:wrap;gap:5px;margin:-14px 0 22px;display:flex}.formula-preview-categories:empty{display:none}.formula-preview-categories span{border-radius:99px;padding:6px 9px;font-size:8px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff2e}.category-manager-backdrop{z-index:92}.category-manager{border:1px solid var(--line);background:var(--panel);width:min(1060px,96vw);max-height:92vh;box-shadow:var(--shadow-overlay);overscroll-behavior:contain;border-radius:20px;overflow:auto}.category-manager-head{z-index:2;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 28px 20px;display:flex;position:sticky;top:0}.category-manager-head h2{letter-spacing:-.025em;margin:0 0 5px;font-family:Songti SC,STSong,SimSun,serif;font-size:27px;font-weight:500}.category-manager-head p:last-child{color:var(--ink-secondary);margin:0;font-size:10px}.category-manager-head>button{background:var(--inset);border:0;border-radius:50%;flex:none;width:34px;height:34px;font-size:20px}.category-manager-body{gap:18px;padding:22px 28px;display:grid}.category-manager-list{gap:8px;display:grid}.category-manager-row{border:1px solid var(--line-soft);background:var(--card);border-radius:13px;grid-template-columns:16px minmax(300px,1fr) 180px auto;align-items:end;gap:12px;padding:12px;display:grid}.category-manager-swatch{border-radius:99px;align-self:center;width:14px;height:38px;box-shadow:inset 0 0 0 1px #ffffff47}.category-manager-fields{grid-template-columns:minmax(120px,.7fr) minmax(170px,1fr);gap:8px;display:grid}.category-manager-row label>span,.new-formula-category label>span{color:var(--ink-tertiary);margin:0 0 5px 2px;font-size:8px;display:block}.category-manager-row input:not([type=color]),.new-formula-category input:not([type=color]){border:1px solid var(--line);background:var(--inset);border-radius:9px;outline:0;width:100%;height:38px;padding:0 10px;font-size:10px}.category-manager-row input:focus,.new-formula-category input:focus{border-color:#1f5a4959;box-shadow:0 0 0 3px #6f9f8e1a}.category-color-control>span:last-child{grid-template-columns:42px 1fr;gap:6px;display:grid}.category-color-control input[type=color],.new-category-color input[type=color]{border:1px solid var(--line);background:var(--card);border-radius:9px;width:42px;height:38px;padding:3px}.category-manager-actions{gap:5px;display:flex}.category-manager-actions button{border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:38px;height:38px;font-size:10px;font-weight:700}.category-manager-actions button:disabled{opacity:.3;cursor:not-allowed}.category-manager-actions .danger{color:var(--danger);background:snow;border-color:#a45b562e;padding-inline:10px}.category-manager-empty{border:1px dashed var(--line-strong);color:var(--ink-tertiary);text-align:center;border-radius:13px;padding:40px;font-size:10px}.new-formula-category{border:1px solid var(--line-soft);background:#ffffff9e;border-radius:14px;padding:16px}.new-formula-category>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px;display:flex}.new-formula-category>div:first-child strong{font-size:11px}.new-formula-category>div:first-child span{color:var(--ink-tertiary);font-size:9px}.new-formula-category-fields{grid-template-columns:minmax(160px,.7fr) minmax(220px,1fr) 58px auto;align-items:end;gap:8px;display:grid}.new-formula-category-fields>.ui-button{height:38px}.category-color-presets{gap:7px;margin-top:10px;display:flex}.category-color-presets button{border:3px solid var(--card);width:25px;height:25px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.category-color-presets button[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.category-manager-footer{border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f9f5f5;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;padding:13px 28px;display:flex;position:sticky;bottom:0}.category-manager-footer>span{color:var(--ink-tertiary);font-size:9px}.category-manager-footer>.ui-button{min-width:96px}@media (max-width:860px){.formula-category-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-manager-row{grid-template-columns:14px 1fr auto}.category-manager-fields{grid-column:2/4}.category-color-control{grid-column:2}.category-manager-actions{grid-column:3}.new-formula-category-fields{grid-template-columns:1fr 1fr 58px}.new-formula-category-fields>.ui-button{grid-column:1/-1}}@media (max-width:720px){.formula-category-editor{padding:12px}.formula-category-editor>div:first-child{display:block}.formula-category-editor>div:first-child span{text-align:left;margin-top:3px;display:block}.formula-category-options{gap:6px}.formula-category-option{max-width:100%}.formula-category-browser{border-radius:15px;margin-top:14px;padding:14px}.formula-category-browser-head{align-items:flex-start;margin-bottom:12px}.formula-category-browser-head h2{font-size:21px}.formula-category-browser-head>div>span{max-width:220px}.formula-category-browser-grid{gap:7px}.formula-category-browser-grid>button{min-height:76px;padding:9px}.formula-category-browser-grid small{white-space:normal;line-height:1.35}.library-result-head{margin-top:16px}.formula-card-footer{grid-column:2;align-self:end;padding:5px 0 0}.formula-card-categories b{max-width:76px}.formula-card-categories em{display:none}.category-manager{border-radius:0;width:100vw;height:100vh;max-height:100vh}.category-manager-head{border-radius:0;padding:18px 16px}.category-manager-head h2{font-size:23px}.category-manager-body{padding:14px}.category-manager-row{grid-template-columns:12px minmax(0,1fr);align-items:start;padding:10px}.category-manager-swatch{grid-row:1/3;height:100%}.category-manager-fields{grid-column:2;grid-template-columns:1fr}.category-color-control,.category-manager-actions{grid-column:2}.category-manager-actions button{flex:1}.new-formula-category{padding:12px}.new-formula-category>div:first-child{display:block}.new-formula-category>div:first-child span{margin-top:3px;display:block}.new-formula-category-fields{grid-template-columns:1fr 58px}.new-formula-category-fields>label:nth-child(2),.new-formula-category-fields>.ui-button{grid-column:1/-1}.category-manager-footer{padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-radius:0}}@media (max-width:420px){.formula-category-browser-grid{grid-template-columns:1fr}.formula-card-categories{display:none}}.category-popover-shell{min-width:0;position:relative}.formula-category-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.editor-category-shell>.formula-category-option{--category-color:var(--sage);border:1px solid var(--line);background:var(--card);text-align:left;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:58px;padding:9px 10px;display:grid}.editor-category-shell>.formula-category-option:hover,.editor-category-shell>.formula-category-option[aria-expanded=true]{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.editor-category-shell>.formula-category-option:hover,.editor-category-shell>.formula-category-option[aria-expanded=true]{border-color:color-mix(in srgb,var(--category-color) 42%,var(--line))}}.editor-category-shell>.formula-category-option:hover,.editor-category-shell>.formula-category-option[aria-expanded=true]{background:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.editor-category-shell>.formula-category-option:hover,.editor-category-shell>.formula-category-option[aria-expanded=true]{background:color-mix(in srgb,var(--category-color) 6%,var(--card))}}.editor-category-shell>.formula-category-option.selected{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.editor-category-shell>.formula-category-option.selected{border-color:color-mix(in srgb,var(--category-color) 52%,transparent)}}.editor-category-shell>.formula-category-option.selected{box-shadow:inset 0 0 0 1px var(--category-color)}@supports (color:color-mix(in lab, red, red)){.editor-category-shell>.formula-category-option.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--category-color) 10%,transparent)}}.editor-category-shell>.formula-category-option>i{background:var(--category-color);border-radius:50%;width:10px;height:10px}.editor-category-shell>.formula-category-option>span{min-width:0}.editor-category-shell>.formula-category-option strong,.editor-category-shell>.formula-category-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.editor-category-shell>.formula-category-option strong{font-size:10px}.editor-category-shell>.formula-category-option small{color:var(--ink-tertiary);margin-top:3px;font-size:8px;font-weight:500}.editor-category-shell>.formula-category-option>b{background:var(--category-color);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.editor-category-shell>.formula-category-option>em{color:var(--ink-tertiary);font-size:16px;font-style:normal}.formula-subcategory-popover{z-index:70;border:1px solid var(--line);background:var(--card);width:320px;box-shadow:var(--shadow-md);transform-origin:0 0;border-radius:14px;padding:12px;position:absolute;top:calc(100% + 8px);left:0}.editor-category-shell:nth-last-child(-n+2)>.formula-subcategory-popover{transform-origin:100% 0;left:auto;right:0}.formula-subcategory-popover-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:flex-start;gap:12px;padding:1px 2px 10px;display:flex}.formula-subcategory-popover-head strong,.formula-subcategory-popover-head span{display:block}.formula-subcategory-popover-head strong{font-size:11px}.formula-subcategory-popover-head span{color:var(--ink-tertiary);margin-top:2px;font-size:8px}.formula-subcategory-popover-head>button{background:var(--inset);border:0;border-radius:50%;width:26px;height:26px;font-size:16px}.formula-subcategory-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:10px 0 2px;display:grid}.formula-subcategory-list>button{border:1px solid var(--line-soft);background:var(--panel);min-width:0;min-height:36px;color:var(--ink-secondary);text-align:center;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 6px;font-size:9px;display:flex}.formula-subcategory-list>button:hover{border-color:var(--line-strong);background:var(--inset)}.formula-subcategory-list>button.active{background:var(--accent-soft);color:var(--accent);border-color:#1f5a4945;font-weight:720}.formula-subcategory-list>button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.formula-subcategory-list>button b{font-size:8px}.formula-subcategory-list>button em{color:var(--ink-tertiary);margin-left:auto;font-size:8px;font-style:normal}.formula-subcategory-list>p{color:var(--ink-tertiary);text-align:center;grid-column:1/-1;margin:0;padding:22px 8px;font-size:9px}.formula-subcategory-popover-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding-top:9px;display:flex}.formula-subcategory-popover-footer>span{color:var(--ink-tertiary);font-size:8px}.formula-subcategory-popover-footer>button{border:1px solid var(--line);background:var(--panel);min-height:32px;color:var(--ink-secondary);border-radius:8px;padding:6px 10px;font-size:8px}.formula-subcategory-popover-footer>button.active{background:var(--accent-soft);color:var(--accent);border-color:#1f5a4933;font-weight:720}.formula-category-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.formula-category-browser-grid>.category-browser-all,.library-category-shell{--category-color:var(--accent);border:1px solid var(--line-soft);background:var(--card);border-radius:12px;min-width:0;min-height:84px;box-shadow:inset 0 1px #fffc}.formula-category-browser-grid>.category-browser-all{text-align:left;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.formula-category-browser-grid>.category-browser-all:hover,.formula-category-browser-grid>.category-browser-all.active{background:var(--accent-soft);border-color:#1f5a494d}.category-browser-all>span:last-child{min-width:0}.category-browser-all strong,.category-browser-all small{display:block}.category-browser-all strong{font-size:11px}.category-browser-all small{color:var(--ink-tertiary);margin-top:4px;font-size:8px}.library-category-shell{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) auto;padding:5px;display:grid}.library-category-shell:hover,.library-category-shell.active{border-color:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.library-category-shell:hover,.library-category-shell.active{border-color:color-mix(in srgb,var(--category-color) 42%,var(--line))}}.library-category-shell:hover,.library-category-shell.active{background:var(--category-color)}@supports (color:color-mix(in lab, red, red)){.library-category-shell:hover,.library-category-shell.active{background:color-mix(in srgb,var(--category-color) 6%,var(--card))}}.library-category-main{text-align:left;background:0 0;border:0;border-radius:8px;grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px;display:grid}.library-category-main>span{min-width:0}.library-category-main strong,.library-category-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.library-category-main strong{font-size:11px}.library-category-main small{color:var(--ink-tertiary);margin-top:4px;font-size:8px}.library-category-detail{background:var(--inset);min-height:28px;color:var(--ink-secondary);border:0;border-radius:7px;grid-column:2;padding:4px 7px;font-size:8px}.library-category-detail:hover,.library-category-detail[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}.library-category-shell>.formula-subcategory-popover{transform-origin:100% 0;top:calc(100% + 7px);left:auto;right:0}.formula-preview-subcategories{flex-wrap:wrap;gap:5px;margin:-14px 0 22px;display:flex}.formula-preview-subcategories:empty{display:none}.formula-preview-subcategories span{border:1px solid var(--line);background:var(--panel);color:var(--ink-secondary);border-radius:7px;padding:5px 8px;font-size:8px}.formula-preview-categories:not(:empty)+.formula-preview-subcategories{margin-top:-15px}.category-manager-row{padding:12px;display:block}.category-manager-main{grid-template-columns:14px minmax(180px,1fr) 180px auto;align-items:end;gap:12px;display:grid}.category-manager-main>label>span,.subcategory-manager-head span{color:var(--ink-tertiary);margin:0 0 5px 2px;font-size:8px;display:block}.category-manager-main>label>input:not([type=color]){border:1px solid var(--line);background:var(--inset);border-radius:9px;outline:0;width:100%;height:38px;padding:0 10px;font-size:10px}.category-manager-main>.category-manager-swatch{align-self:end}.subcategory-manager{border:1px solid var(--line-soft);background:var(--panel);border-radius:11px;margin:12px 0 0 26px;padding:11px}.subcategory-manager-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.subcategory-manager-head strong{font-size:9px}.subcategory-manager-head span{margin:0}.subcategory-manager-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.subcategory-manager-list>label{border:1px solid var(--line);background:var(--card);border-radius:8px;grid-template-columns:minmax(0,1fr) 28px;height:34px;display:grid;overflow:hidden}.subcategory-manager-list>label input{background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 8px;font-size:9px}.subcategory-manager-list>label button{border:0;border-left:1px solid var(--line-soft);color:var(--danger);background:snow;font-size:13px}.add-subcategory-row{grid-column:span 2;grid-template-columns:minmax(0,1fr) auto;height:34px;display:grid}.add-subcategory-row input{border:1px solid var(--line);background:var(--card);border-radius:8px 0 0 8px;outline:0;min-width:0;padding:0 8px;font-size:9px}.add-subcategory-row button{border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:0 8px 8px 0;padding:0 9px;font-size:8px;font-weight:700}.new-formula-category-fields{grid-template-columns:minmax(180px,1fr) 58px auto}.new-formula-category-fields>.ui-button{grid-column:auto}@media (max-width:1000px){.formula-category-options{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-category-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subcategory-manager-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.formula-category-options{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-category-shell:nth-child(2n)>.formula-subcategory-popover{left:auto;right:0}.formula-subcategory-popover{transform-origin:50%;z-index:95;width:min(340px,100vw - 28px);max-height:70vh;position:fixed;top:50%;overflow:auto;transform:translate(-50%,-50%);left:50%!important;right:auto!important}.formula-subcategory-list{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-category-browser-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-category-shell>.formula-subcategory-popover{top:50%;right:auto;left:50%!important}.category-manager-main{grid-template-columns:12px minmax(0,1fr)}.category-manager-main>.category-color-control,.category-manager-main>.category-manager-actions{grid-column:2}.subcategory-manager{margin-left:0}.subcategory-manager-list{grid-template-columns:repeat(2,minmax(0,1fr))}.add-subcategory-row{grid-column:1/-1}.new-formula-category-fields{grid-template-columns:1fr 58px}.new-formula-category-fields>.ui-button{grid-column:1/-1}}@media (max-width:430px){.formula-category-options,.formula-category-browser-grid,.subcategory-manager-list{grid-template-columns:1fr}.add-subcategory-row{grid-column:1}.formula-subcategory-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.formula-category-editor>div:first-child{margin-bottom:9px}.formula-category-editor>div:first-child:has(>strong:only-child){justify-content:flex-start}.accessory-filter-shell{flex:none;padding:0 0 10px;position:relative}.accessory-filter-trigger{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:40px;padding:7px 11px;display:grid}.accessory-filter-trigger:hover,.accessory-filter-trigger[aria-expanded=true]{background:var(--accent-soft);border-color:#1f5a4947}.accessory-filter-trigger>span{color:var(--ink-tertiary);font-size:9px}.accessory-filter-trigger>strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.accessory-filter-trigger>i{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.accessory-filter-trigger[aria-expanded=true]>i{transform:translateY(2px)rotate(225deg)}.accessory-filter-popover{z-index:68;border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow-md);border-radius:12px;padding:10px;position:absolute;top:calc(100% - 4px);left:0;right:0}.accessory-filter-popover>div:first-child{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:1px 2px 8px;display:flex}.accessory-filter-popover>div:first-child>strong{font-size:10px}.accessory-filter-popover>div:first-child>button{background:var(--inset);border:0;border-radius:50%;width:25px;height:25px;font-size:15px}.accessory-filter-popover>div:last-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-top:9px;display:grid}.accessory-filter-popover>div:last-child>button{border:1px solid var(--line-soft);background:var(--panel);min-height:36px;color:var(--ink-secondary);border-radius:8px;padding:7px;font-size:9px}.accessory-filter-popover>div:last-child>button:hover{border-color:var(--line-strong);background:var(--inset)}.accessory-filter-popover>div:last-child>button.active{background:var(--accent-soft);color:var(--accent);border-color:#1f5a493d;font-weight:720}@media (max-width:1240px){.accessory-filter-shell{grid-area:2/2/auto/4;padding:0}.materials-list,.size-picker{grid-row:3}}@media (max-width:860px){.accessory-filter-shell{margin:0 0 10px;padding:0}.accessory-filter-popover{width:min(360px,100%);right:auto}}@media (max-width:480px){.accessory-filter-popover{z-index:96;width:calc(100vw - 28px);position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.accessory-filter-popover>div:last-child{grid-template-columns:1fr 1fr}}.material-title-row{margin-bottom:10px}.material-head h2{letter-spacing:-.03em;font-size:22px;line-height:1.15}.upload-material-btn{border-radius:8px;height:34px;min-height:34px;padding:5px 9px;font-size:10px;line-height:1}@media (max-width:720px){.material-head h2{font-size:21px}.upload-material-btn{height:36px;min-height:36px}}.cloud-loading{background:var(--paper);min-height:100vh;color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.cloud-loading .brand-mark{margin-bottom:8px;animation:1.4s ease-in-out infinite cloud-pulse}.cloud-loading>strong{font-size:15px}.cloud-loading>span:last-child{color:var(--muted);font-size:11px}@keyframes cloud-pulse{50%{opacity:.55;transform:scale(.96)}}.cloud-status-pill{border:1px solid var(--line);min-height:36px;color:var(--ink-secondary);white-space:nowrap;background:#fdfefce0;border-radius:99px;align-items:center;gap:7px;padding:0 10px;font-size:10px;font-weight:680;display:inline-flex}.cloud-status-pill>i,.storage-status-icon>i{background:#79a793;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #79a7931f}.cloud-status-pill.saving>i,.storage-status-icon.saving>i,.cloud-status-pill.loading>i,.storage-status-icon.loading>i{background:#c39968;animation:1s ease-in-out infinite cloud-pulse}.cloud-status-pill.offline>i,.storage-status-icon.offline>i,.cloud-status-pill.error>i,.storage-status-icon.error>i{background:#b06a61;box-shadow:0 0 0 4px #b06a611f}.cloud-status-pill:hover{background:var(--accent-soft);border-color:#1f5a493d}.customer-mode-btn,.exit-customer-btn{min-height:38px;padding-inline:12px;font-size:11px}.customer-mode-label{color:var(--accent);background:#e7efea;border-radius:99px;padding:6px 9px;font-size:10px;font-weight:720}.customer-library .library-head{padding-top:14px}.customer-library .formula-card{cursor:zoom-in}.storage-backdrop{z-index:105}.storage-panel{border:1px solid var(--line);background:var(--paper);width:min(720px,94vw);max-height:92vh;box-shadow:var(--shadow-overlay);border-radius:20px;overflow:auto}.storage-panel>header{border-bottom:1px solid var(--line-soft);background:var(--card);border-radius:20px 20px 0 0;justify-content:space-between;align-items:flex-start;padding:24px 26px 20px;display:flex}.storage-panel>header h2{letter-spacing:-.025em;margin:0 0 7px;font-size:24px}.storage-panel>header p:last-child{max-width:520px;color:var(--muted);margin:0;font-size:10px;line-height:1.65}.storage-panel>header>button{background:var(--inset);border:0;border-radius:50%;width:34px;height:34px;font-size:20px}.storage-status-card{background:var(--accent-soft);border:1px solid #1f5a491a;border-radius:12px;align-items:center;gap:13px;margin:20px 26px 12px;padding:15px 16px;display:flex}.storage-status-icon{background:var(--card);border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.storage-status-card strong,.storage-status-card small{display:block}.storage-status-card strong{font-size:12px}.storage-status-card small{color:var(--muted);margin-top:4px;font-size:9px}.storage-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 26px;display:grid}.storage-metric-grid article{border:1px solid var(--line-soft);background:var(--card);border-radius:12px;min-height:112px;padding:15px}.storage-metric-grid article>span{color:var(--muted);font-size:9px}.storage-metric-grid article>strong{margin:8px 0 6px;font-family:Iowan Old Style,Georgia,serif;font-size:25px;font-weight:520;display:block}.storage-metric-grid article>strong small{font-family:inherit;font-size:11px}.storage-metric-grid article>p{color:var(--muted);margin:0;font-size:9px}.device-storage{border:1px solid var(--line-soft);background:var(--card);border-radius:12px;margin:12px 26px 22px;padding:15px 16px}.device-storage>div:first-child{justify-content:space-between;align-items:center;font-size:10px;display:flex}.device-storage>div:first-child span{color:var(--accent);font-weight:720}.storage-meter{background:var(--inset);border-radius:99px;height:7px;margin:11px 0 9px;overflow:hidden}.storage-meter i{border-radius:inherit;background:var(--accent);max-width:100%;height:100%;transition:width .25s;display:block}.device-storage>p{color:var(--muted);margin:0;font-size:9px;line-height:1.65}.storage-panel>footer{border-top:1px solid var(--line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fdfefcf2;border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:16px;padding:13px 26px;display:flex;position:sticky;bottom:0}.storage-panel>footer>span{color:var(--muted);font-size:9px}.storage-panel>footer .ui-button{min-width:90px}@media (pointer:coarse){.cloud-status-pill,.customer-mode-btn,.exit-customer-btn{min-height:44px}}@media (max-width:720px){.cloud-status-pill{justify-content:center;width:40px;padding:0}.cloud-status-pill>span,.customer-mode-label,.customer-mode-btn span{display:none}.customer-mode-btn{justify-content:center;width:42px;padding:0}.exit-customer-btn{padding-inline:10px}.storage-backdrop{padding:0}.storage-panel{border-radius:0;width:100vw;height:100vh;max-height:100vh}.storage-panel>header{border-radius:0;padding:20px 18px 17px}.storage-panel>header h2{font-size:21px}.storage-status-card{margin:16px 18px 10px}.storage-metric-grid{padding:0 18px}.device-storage{margin:10px 18px 18px}.storage-panel>footer{border-radius:0;padding:12px 18px}.storage-panel>footer>span{display:none}}button.ui-button[data-variant=default],button.primary-btn,button.add-selected,.category-scroll button.active,.kind-options button.active,.new-category-row button:first-of-type,.multi-size-entry>button,.facing-control button.active,.add-subcategory-row button{color:#fff!important}button.ui-button[data-variant=default] :where(span,strong,svg,i),button.primary-btn :where(span,strong,svg,i),button.add-selected :where(span,strong,svg,i),.category-scroll button.active :where(span,strong,svg,i),.kind-options button.active :where(span,strong,svg,i),.new-category-row button:first-of-type :where(span,strong,svg,i),.multi-size-entry>button :where(span,strong,svg,i),.facing-control button.active :where(span,strong,svg,i),.add-subcategory-row button :where(span,strong,svg,i){fill:currentColor;stroke:currentColor;color:inherit!important}:root{--ink:#18324b;--ink-secondary:#526b82;--ink-tertiary:#687d91;--ink-muted:#97a8b7;--paper:#f7f9fc;--canvas:#fbfcfe;--card:#fff;--panel:#f8fafc;--inset:#eef4fa;--line:#335f8a21;--line-soft:#335f8a13;--line-strong:#335f8a38;--accent:#335f8a;--accent-hover:#284f74;--accent-soft:#e4eff8;--sage:#8fb8d7;--silver:#c7d2dc;--moon:#eef4fa;--quartz:#f7e9ed;--focus:#8fb8d7;--facet-ring:inset 0 0 0 1px #ffffffe6,0 0 0 1px #335f8a14;--shadow-sm:var(--facet-ring),0 6px 22px #2344650b;--shadow-md:var(--facet-ring),0 16px 40px #23446517;--shadow-overlay:0 0 0 1px #ffffff59,0 28px 72px #112b4333}body{background:var(--paper);color:var(--ink)}.topbar{border-bottom-color:var(--line-soft);background:#f7f9fcf0}.brand-mark{color:var(--accent)}.cloud-status-pill:hover,.upload-material-btn:hover,.sequence-buttons button:hover:not(:disabled),.material-actions button:hover{background:var(--accent-soft);border-color:#335f8a38}.customer-mode-label{background:var(--accent-soft);color:var(--accent)}.primary-btn,.add-selected,.library-head>.primary-btn{background:var(--accent);border-color:#18324b38;box-shadow:inset 0 1px #ffffff2e,0 3px 9px #335f8a1f}.primary-btn:hover,.add-selected:hover,.library-head>.primary-btn:hover{background:var(--accent-hover)}.gallery-home-link{color:var(--accent)}.gallery-home{width:min(1480px,100%);min-height:calc(100vh - 64px);margin:0 auto;padding:52px 42px 78px}.gallery-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:30px;display:flex}.gallery-intro>div:first-child{max-width:730px}.gallery-intro h1,.all-formulas-head h1{letter-spacing:-.04em;margin:7px 0 10px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.08}.gallery-intro>div:first-child>p:last-child,.all-formulas-head>div>p:last-child{color:var(--ink-secondary);margin:0;font-size:13px;line-height:1.7}.gallery-intro-actions,.all-formulas-head>div:last-child{flex:none;align-items:center;gap:9px;display:flex}.gallery-intro-actions .ui-button{border-radius:8px;min-height:46px;padding-inline:18px}.gallery-intro-actions .primary-btn span{margin-left:12px}.featured-stage{overscroll-behavior-x:contain;scroll-snap-type:x proximity;touch-action:pan-x;-webkit-overflow-scrolling:touch;scrollbar-width:none;align-items:stretch;gap:10px;width:100%;height:620px;padding:2px 2px 12px;scroll-padding:2px;display:flex;overflow-x:auto}.featured-stage::-webkit-scrollbar{display:none}.hero-formula-card,.small-feature-card,.dense-formula-card{cursor:pointer;outline:0;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.hero-formula-card:focus-visible,.small-feature-card:focus-visible,.dense-formula-card:focus-visible{box-shadow:0 0 0 3px #8fb8d757,var(--shadow-md)}.hero-formula-card{border:1px solid var(--line-soft);background:var(--card);height:100%;min-height:0;box-shadow:var(--shadow-sm);scroll-snap-align:start;border-radius:18px;flex:0 0 min(58vw,820px);grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.hero-formula-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-formula-photo{background:var(--moon);min-height:390px;position:relative;overflow:hidden}.hero-formula-photo>img,.small-feature-photo>img,.dense-formula-photo>img{object-fit:contain;background:var(--moon);width:100%;height:100%;display:block}.hero-formula-photo>div,.small-feature-photo>div,.dense-formula-photo>div{height:100%;color:var(--ink-tertiary);align-content:center;place-items:center;gap:8px;display:grid}.hero-formula-photo>div .icon{font-size:28px}.featured-badge{color:var(--accent);letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffffc7;border-radius:99px;padding:7px 11px;font-size:9px;font-weight:760;position:absolute;top:18px;left:18px;box-shadow:0 5px 18px #18324b14}.hero-formula-copy{background:var(--card);padding:24px 27px 25px;position:relative}.hero-formula-copy h2{letter-spacing:-.025em;margin:7px 0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:30px;font-weight:500;line-height:1.2}.hero-formula-copy>p:nth-of-type(2){color:var(--ink-secondary);margin:0;font-size:11px}.view-formula-link{color:var(--accent);font-size:11px;font-weight:720;position:absolute;bottom:28px;right:27px}.view-formula-link b{margin-left:8px}.featured-rail-section{flex:none;grid-template-rows:minmax(0,1fr) auto;width:max-content;height:100%;padding:0;display:grid;overflow:visible}.featured-rail-head{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 2px 16px;display:flex}.featured-rail-head h2{margin:5px 0 0;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:27px;font-weight:500}.featured-rail-head>div:last-child{gap:6px;display:flex}.featured-rail-head>div:last-child button{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--accent);border-radius:50%;font-size:15px}.featured-rail-head>div:last-child button:hover{background:var(--accent-soft)}.featured-rail{grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-columns:clamp(240px,20vw,300px);grid-auto-flow:column;gap:10px;width:max-content;min-height:0;padding:0;display:grid;overflow:visible}.small-feature-card{border:1px solid var(--line-soft);background:var(--card);min-width:0;height:auto;box-shadow:var(--shadow-sm);scroll-snap-align:start;border-radius:14px;grid-template-rows:minmax(0,1fr) auto;display:grid;overflow:hidden}.small-feature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.small-feature-photo{background:var(--moon);height:auto;min-height:0}.small-feature-copy{padding:15px 15px 16px}.small-feature-copy h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:43px;margin:0 0 6px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:17px;font-weight:500;line-height:1.28;display:-webkit-box;overflow:hidden}.small-feature-copy p{min-height:30px;color:var(--ink-secondary);margin:0;font-size:9px;line-height:1.6}.featured-progress{background:var(--inset);height:2px;margin:5px 2px 0;overflow:hidden}.featured-progress i{background:var(--accent);border-radius:99px;min-width:18%;height:100%;display:block}.featured-empty{border:1px dashed var(--line-strong);min-width:100%;color:var(--ink-tertiary);text-align:center;scroll-snap-align:start;border-radius:14px;grid-row:1/-1;align-content:center;place-items:center;gap:7px;display:grid}.featured-empty strong,.featured-empty span{display:block}.featured-empty strong{color:var(--ink);font-family:Songti SC,serif;font-size:18px;font-weight:500}.featured-empty span{font-size:10px}.gallery-empty{border:1px dashed var(--line-strong);text-align:center;background:#ffffff8c;border-radius:18px;align-content:center;place-items:center;gap:10px;min-height:520px;display:grid}.gallery-empty .icon{color:var(--sage);font-size:30px}.gallery-empty h2{margin:3px 0 0;font-family:Songti SC,serif;font-weight:500}.gallery-empty p{color:var(--ink-secondary);margin:0 0 8px;font-size:11px}.gallery-admin-note{background:var(--inset);border:1px solid #335f8a1f;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-top:24px;padding:16px 18px;display:flex}.gallery-admin-note strong,.gallery-admin-note span{display:block}.gallery-admin-note strong{font-size:11px}.gallery-admin-note span{color:var(--ink-secondary);margin-top:4px;font-size:9px;line-height:1.5}.bead-signature{align-items:center;min-width:0;margin-top:17px;padding-right:118px;display:flex}.bead-signature i{background-position:50%;background-size:cover;border:1px solid #ffffffe0;border-radius:50%;flex:none;width:13px;height:13px;margin-left:-2px;box-shadow:inset 1px 1px 3px #ffffffa6,0 1px 3px #18324b21}.bead-signature i:first-child{margin-left:0}.bead-signature.compact{margin-top:11px;padding-right:0}.bead-signature.compact i{width:11px;height:11px}.bead-signature b{background:var(--inset);min-width:22px;height:18px;color:var(--ink-secondary);border-radius:99px;place-items:center;margin-left:5px;font-size:7px;display:grid}.all-formulas-page{width:min(1540px,100%);min-height:calc(100vh - 64px);margin:0 auto;padding:42px 34px 82px}.all-formulas-head{justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:25px;display:flex}.all-formulas-head h1{font-size:clamp(36px,3.3vw,50px)}.back-to-gallery{min-height:42px;color:var(--accent);border-radius:8px;margin:0;font-size:10px;font-weight:700}.all-formulas-head>div:last-child .ui-button{border-radius:8px;min-height:42px}.formula-filterbar{z-index:45;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fceb;border:1px solid #335f8a1a;border-radius:13px;grid-template-columns:minmax(260px,1fr) 180px 180px auto;align-items:end;gap:8px;margin:0 0 20px;padding:11px;display:grid;position:sticky;top:64px;box-shadow:0 10px 30px #2344650e}.dense-search{border:1px solid var(--line);background:var(--card);border-radius:9px;align-items:center;gap:8px;height:44px;padding:0 13px;display:flex}.dense-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:11px}.gallery-filter-select{min-width:0;position:relative}.gallery-filter-select>span{color:var(--ink-tertiary);margin:0 0 4px 3px;font-size:8px;display:block}.gallery-filter-trigger{border:1px solid var(--line);background:var(--card);width:100%;height:44px;color:var(--ink);text-align:left;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px;display:flex}.gallery-filter-trigger strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:560;overflow:hidden}.gallery-filter-trigger i{border-right:2px solid var(--accent);border-bottom:2px solid var(--accent);flex:none;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.gallery-filter-select.open .gallery-filter-trigger{border-color:#335f8a57;box-shadow:0 0 0 3px #8fb8d724}.gallery-filter-select.open .gallery-filter-trigger i{transform:translateY(2px)rotate(225deg)}.gallery-filter-trigger:disabled{cursor:not-allowed;opacity:.48}.gallery-filter-menu{z-index:75;border:1px solid var(--line);background:var(--card);max-height:260px;box-shadow:var(--shadow-md);border-radius:11px;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.gallery-filter-menu button{width:100%;min-height:36px;color:var(--ink-secondary);text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;padding:7px 10px;font-size:9px;display:flex}.gallery-filter-menu button:hover{background:var(--inset);color:var(--ink)}.gallery-filter-menu button.selected{background:var(--accent-soft);color:var(--accent);font-weight:720}.gallery-filter-menu button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.formula-filterbar>strong{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:78px;height:44px;font-size:17px;display:flex}.formula-filterbar>strong small{font-size:8px;font-weight:600}.dense-formula-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.dense-formula-card{border:1px solid var(--line-soft);background:var(--card);min-width:0;box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.dense-formula-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dense-formula-card.is-hero{border-color:#335f8a4d}.dense-formula-photo{aspect-ratio:3/4;background:var(--moon);width:100%;position:relative}.dense-formula-photo>div span{font-size:8px}.dense-formula-photo>em{color:var(--accent);background:#ffffffe6;border:1px solid #fffc;border-radius:99px;padding:5px 7px;font-size:7px;font-style:normal;font-weight:760;position:absolute;top:9px;left:9px;box-shadow:0 3px 10px #18324b14}.dense-formula-photo>em.visibility-warning{max-width:calc(100% - 18px);color:var(--danger);text-overflow:ellipsis;white-space:nowrap;background:#fffafaf0;border-color:#a45b5629;left:auto;right:9px;overflow:hidden}.dense-formula-copy{padding:11px 11px 12px}.dense-formula-copy h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:36px;margin:0 0 5px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:14px;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.dense-formula-copy>p{min-height:27px;color:var(--ink-secondary);margin:0;font-size:8px;line-height:1.55}.dense-formula-copy .bead-signature{margin-top:8px}.featured-card-actions{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1fr;gap:5px;margin-top:10px;padding-top:9px;display:grid}.featured-card-actions>button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ink-secondary);border-radius:7px;padding:5px;font-size:7px;font-weight:700}.featured-card-actions>button:hover,.featured-card-actions>button.active{background:var(--accent-soft);color:var(--accent);border-color:#335f8a3b}.featured-card-actions>button:focus-visible,.formula-delete-confirm button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.featured-card-actions>button:disabled{cursor:not-allowed;opacity:.48}.featured-card-actions>button.delete-formula-action{color:var(--danger);background:snow;border-color:#a45b562e;grid-column:1/-1}.featured-card-actions>button.delete-formula-action:hover{color:var(--danger);background:#f8eae8;border-color:#a45b564d}.formula-delete-confirm{background:snow;border:1px solid #a45b5633;border-radius:9px;grid-column:1/-1;gap:9px;padding:10px;display:grid}.formula-delete-confirm p,.formula-delete-confirm p strong,.formula-delete-confirm p span{margin:0;display:block}.formula-delete-confirm p strong{color:var(--danger);font-size:9px}.formula-delete-confirm p span{color:var(--ink-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.formula-delete-confirm>span{grid-template-columns:1fr 1fr;gap:6px;display:grid}.formula-delete-confirm button{border:1px solid var(--line);background:var(--card);min-height:34px;color:var(--ink-secondary);border-radius:7px;font-size:8px;font-weight:720}.formula-delete-confirm button.confirm-delete{border-color:var(--danger);background:var(--danger);color:#fff}.formula-delete-confirm button.confirm-delete:hover{filter:brightness(.94)}@media (pointer:coarse){.featured-card-actions>button,.formula-delete-confirm button{min-height:44px}}.formula-load-more{color:var(--ink-tertiary);justify-content:center;align-items:center;gap:12px;padding:28px 0 4px;font-size:9px;display:flex}.formula-load-more .ui-button{min-height:38px}.formula-preview-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#112b439e;padding:0}.formula-preview-dialog{background:var(--card);border-radius:0;width:100vw;max-width:none;height:100vh;max-height:100vh}.formula-preview-body{grid-template-columns:minmax(0,3fr) minmax(390px,2fr);height:calc(100vh - 66px);min-height:0}.formula-preview-photo{background:var(--moon);height:100%}.formula-preview-photo img{object-fit:contain;background:var(--moon);width:100%;height:100%}.formula-preview-detail{background:var(--card);height:100%;padding:45px 40px 52px;overflow-y:auto}.formula-preview-detail h2{margin-top:8px;font-family:Noto Serif SC,Source Han Serif SC,Songti SC,STSong,serif;font-size:34px}.formula-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.formula-preview-meta>div{background:var(--inset)}.formula-preview-footer{background:#f7f9fcf5;height:66px;padding:10px 22px}.formula-sequence-detail{border-top:1px solid var(--line-soft);margin-top:30px;padding-top:24px}.formula-sequence-detail>div:first-child{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.formula-sequence-detail h3{margin:0;font-size:12px}.formula-sequence-detail>div:first-child>span{color:var(--ink-tertiary);font-size:8px}.formula-sequence-detail>.bead-signature{margin:15px 0 17px;padding:0}.formula-sequence-detail>.bead-signature i{width:15px;height:15px}.formula-sequence-detail ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.formula-sequence-detail li{border:1px solid var(--line-soft);background:var(--panel);border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;padding:8px;display:grid}.formula-sequence-detail li>i{background-position:50%;background-size:cover;border-radius:50%;width:18px;height:18px}.formula-sequence-detail li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.formula-sequence-detail li>span b{min-width:18px;color:var(--ink-tertiary);font-size:7px;display:inline-block}.formula-sequence-detail li>em{color:var(--ink-secondary);font-size:8px;font-style:normal}@media (max-width:1200px){.featured-stage{height:580px}.hero-formula-card{flex-basis:58%}.featured-rail{grid-auto-columns:250px}.dense-formula-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:940px){.gallery-home{padding:40px 24px 64px}.gallery-intro{align-items:flex-start}.featured-stage{height:560px}.hero-formula-card{flex-basis:58%}.featured-rail{grid-auto-columns:210px}.all-formulas-page{padding-inline:22px}.formula-filterbar{grid-template-columns:minmax(220px,1fr) 150px 150px auto}.dense-formula-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.formula-preview-body{grid-template-columns:1fr 1fr}.formula-preview-detail{padding:34px 26px}.formula-sequence-detail ol{grid-template-columns:1fr}}@media (max-width:680px){.gallery-home{padding:30px 14px 50px}.gallery-intro,.all-formulas-head{display:block}.gallery-intro h1{font-size:38px}.gallery-intro-actions,.all-formulas-head>div:last-child{margin-top:20px}.gallery-intro-actions .primary-btn{flex:1}.featured-stage{gap:8px;height:520px}.hero-formula-card{flex-basis:62vw}.featured-rail{grid-auto-columns:36vw;gap:8px}.hero-formula-photo{min-height:0}.hero-formula-copy{padding:14px 12px 16px}.hero-formula-copy>.eyebrow{display:none}.hero-formula-copy h2{margin-top:0;font-size:20px}.hero-formula-copy>p:nth-of-type(2){font-size:8px}.hero-formula-copy>.bead-signature{margin-top:11px;padding-right:0}.view-formula-link{margin-top:12px;font-size:9px;display:block;position:static}.featured-badge{padding:5px 7px;font-size:7px;top:10px;left:10px}.small-feature-copy{padding:8px 8px 9px}.small-feature-copy h3{min-height:28px;margin-bottom:3px;font-size:11px}.small-feature-copy p{display:none}.small-feature-copy .bead-signature{margin-top:6px}.gallery-admin-note{flex-direction:column;align-items:flex-start}.gallery-admin-note .ui-button{width:100%}.all-formulas-page{padding:28px 12px 60px}.all-formulas-head h1{font-size:36px}.all-formulas-head>div:last-child{flex-wrap:wrap;display:flex}.all-formulas-head>div:last-child .ui-button{flex:auto}.formula-filterbar{grid-template-columns:1fr 1fr;gap:7px;padding:8px;top:60px}.dense-search{grid-column:1/-1}.formula-filterbar>strong{min-width:64px;height:34px;position:absolute;top:-46px;right:10px}.dense-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dense-formula-copy{padding:9px}.dense-formula-copy h2{font-size:13px}.featured-card-actions{grid-template-columns:1fr}.formula-preview-body{height:calc(100vh - 62px);display:block;overflow-y:auto}.formula-preview-photo{height:52vh}.formula-preview-detail{height:auto;padding:25px 17px 42px;overflow:visible}.formula-preview-detail h2{font-size:27px}.formula-preview-footer{height:62px;padding:9px 12px}.formula-preview-footer .ui-button{min-height:42px}.formula-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.hero-formula-card,.small-feature-card,.dense-formula-card{transition:none}.hero-formula-card:hover,.small-feature-card:hover,.dense-formula-card:hover{transform:none}}.public-gallery-shell{color:#18324b;background:#f7f9fc;min-height:100vh}.public-gallery-topbar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f9fceb;border-bottom:1px solid #335f8a1a;justify-content:space-between;align-items:center;height:64px;padding:0 max(24px,50vw - 740px);display:flex;position:sticky;top:0}.public-gallery-brand,.staff-auth-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.public-gallery-brand .brand-mark,.staff-auth-brand .brand-mark{background:#fff;border:1px solid #d7e2ea;border-radius:50%;flex:none;width:34px;height:34px;display:block;position:relative}.public-gallery-brand .brand-mark i,.staff-auth-brand .brand-mark i{background:#8fb8d7;border-radius:50%;width:10px;height:10px;position:absolute}.public-gallery-brand .brand-mark i:first-child,.staff-auth-brand .brand-mark i:first-child{top:13px;left:7px}.public-gallery-brand .brand-mark i:nth-child(2),.staff-auth-brand .brand-mark i:nth-child(2){top:7px;left:12px}.public-gallery-brand .brand-mark i:nth-child(3),.staff-auth-brand .brand-mark i:nth-child(3){top:15px;left:17px}.public-gallery-brand>span:last-child,.staff-auth-brand>span:last-child{gap:2px;display:grid}.public-gallery-brand strong,.staff-auth-brand strong{font-family:Noto Serif SC,Songti SC,serif;font-size:16px;font-weight:600}.public-gallery-brand small,.staff-auth-brand small{color:#74889c;font-size:9px}.public-gallery-topbar nav{gap:24px;display:flex}.public-gallery-topbar nav a{color:#526a80;font-size:11px;text-decoration:none}.public-gallery-topbar nav a:hover{color:#335f8a}.public-gallery-hero{justify-content:space-between;align-items:flex-end;gap:30px;width:min(1480px,100%);margin:0 auto;padding:52px 42px 30px;display:flex}.public-gallery-hero p,.public-section-head p,.public-detail-copy>p{color:#6b87a1;letter-spacing:.2em;margin:0;font-size:9px;font-weight:760}.public-gallery-hero h1{letter-spacing:-.045em;margin:8px 0 9px;font-family:Noto Serif SC,Songti SC,serif;font-size:clamp(42px,5vw,66px);font-weight:500}.public-gallery-hero>div>span{color:#6e8193;font-size:13px}.public-gallery-hero>a{color:#fff;background:#335f8a;border-radius:9px;align-items:center;gap:14px;min-height:46px;padding:0 19px;font-size:11px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 7px 22px #335f8a2b}.public-featured-flow{scroll-snap-type:x proximity;scrollbar-width:none;gap:11px;width:min(1480px,100%);height:600px;margin:0 auto;padding:0 42px 12px;display:flex;overflow-x:auto}.public-featured-flow::-webkit-scrollbar{display:none}.public-hero-card,.public-small-card,.public-formula-card{color:inherit;text-align:left;background:#fff;border:1px solid #335f8a1a;padding:0;position:relative;overflow:hidden;box-shadow:0 8px 26px #2344650f}.public-hero-card{scroll-snap-align:start;border-radius:18px;flex:0 0 min(58vw,820px);height:100%}.public-small-card{scroll-snap-align:start;border-radius:15px;flex:0 0 clamp(230px,21vw,300px);height:100%}.public-card-open{width:100%;height:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;padding:0;display:grid}.public-card-open:focus-visible{outline-offset:-3px;outline:3px solid #7ea6c76b}.public-card-photo{color:#8ca0b1;background:#edf3f8;place-items:center;min-height:0;font-size:10px;display:grid;overflow:hidden}.public-card-photo img{object-fit:cover;width:100%;height:100%;display:block}.public-card-copy{padding:18px 19px 80px;display:block}.public-card-copy>small{color:#6b87a1;letter-spacing:.12em;margin-bottom:7px;font-size:8px;font-weight:760;display:block}.public-card-copy>strong{font-family:Noto Serif SC,Songti SC,serif;font-size:21px;font-weight:500;line-height:1.3;display:block}.public-card-copy>em{color:#73869a;margin-top:6px;font-size:9px;font-style:normal;line-height:1.6;display:block}.public-card-like-action{z-index:3;color:#92556a;cursor:pointer;background:#f8edf1;border:1px solid #92556a2e;border-radius:11px;grid-template-columns:auto 1fr auto;align-items:center;gap:7px;min-width:118px;height:54px;padding:0 12px;display:grid;position:absolute;bottom:13px;right:13px;box-shadow:0 7px 20px #92556a1f}.public-card-like-action>span{font-size:20px}.public-card-like-action>strong{font-size:9px}.public-card-like-action>b{font-variant-numeric:tabular-nums;font-size:12px}.public-card-like-action:hover:not(:disabled){color:#fff;background:#92556a;border-color:#92556a}.public-card-like-action:active:not(:disabled){transform:scale(.96)}.public-card-like-action.cooling,.public-card-like-action:disabled{cursor:not-allowed;opacity:.7}.public-card-like-action.cooling{color:#fff;background:#92556a}.public-like-toast{z-index:120;color:#fff;background:#18324b;border-radius:99px;padding:10px 15px;font-size:10px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #112b4338}.public-bead-line{align-items:center;min-width:0;margin-top:13px;display:flex}.public-bead-line i{background-position:50%;background-size:cover;border:1px solid #ffffffe6;border-radius:50%;flex:none;width:13px;height:13px;margin-left:-2px;box-shadow:0 1px 3px #18324b21}.public-bead-line i:first-child{margin-left:0}.public-bead-line b{color:#60788e;background:#edf3f8;border-radius:99px;place-items:center;min-width:27px;height:18px;margin-left:5px;font-size:7px;display:grid}.public-all-formulas{width:min(1480px,100%);margin:0 auto;padding:74px 42px 92px}.public-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.public-section-head h2{margin:6px 0 0;font-family:Noto Serif SC,Songti SC,serif;font-size:40px;font-weight:500}.public-section-head>strong{color:#fff;text-align:center;background:#335f8a;border-radius:9px;min-width:82px;padding:12px;font-size:19px}.public-section-head>strong small{font-size:8px}.public-filterbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f9fced;border:1px solid #335f8a1a;border-radius:13px;grid-template-columns:1fr 190px;gap:9px;margin-bottom:20px;padding:10px;display:grid;position:sticky;top:74px}.public-filterbar label{background:#fff;border:1px solid #d9e2ea;border-radius:9px;align-items:center;gap:9px;height:46px;padding:0 14px;display:flex}.public-filterbar input{color:#18324b;background:0 0;border:0;outline:0;width:100%;font-size:11px}.public-filterbar select{color:#18324b;background:#fff;border:1px solid #d9e2ea;border-radius:9px;height:46px;padding:0 12px;font-size:10px}.public-formula-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;display:grid}.public-formula-card{border-radius:13px;min-width:0}.public-formula-card>.public-card-open>.public-card-photo{aspect-ratio:3/4}.public-formula-card>.public-card-open>.public-card-copy{padding:12px 12px 72px}.public-formula-card>.public-card-open>.public-card-copy>strong{min-height:37px;font-size:14px}.public-formula-card>.public-card-like-action{min-width:104px;height:49px;padding-inline:10px;bottom:10px;right:10px}.public-no-results,.public-gallery-empty{text-align:center;background:#ffffff8c;border:1px dashed #ccd8e2;border-radius:18px;align-content:center;place-items:center;gap:9px;display:grid}.public-no-results{grid-column:1/-1;min-height:300px}.public-no-results span,.public-gallery-empty p{color:#74889c;font-size:10px}.public-gallery-empty{width:min(1480px,100% - 40px);min-height:520px;margin:0 auto 80px}.public-gallery-empty h2{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-weight:500}.public-gallery-empty p{margin:0}.public-spark{color:#8fb8d7;font-size:28px}.public-gallery-footer{color:#8495a4;border-top:1px solid #335f8a17;justify-content:space-between;padding:25px max(24px,50vw - 740px);font-size:9px;display:flex}.public-gallery-footer a{color:#8495a4;text-decoration:none}.public-detail-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#112b439e;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.public-detail{background:#fff;border-radius:20px;grid-template-columns:1.25fr .75fr;width:min(1050px,100%);height:min(760px,100vh - 56px);display:grid;overflow:hidden;box-shadow:0 28px 80px #112b4340}.public-detail-photo{color:#8398aa;background:#edf3f8;place-items:center;display:grid;overflow:hidden}.public-detail-photo img{object-fit:contain;width:100%;height:100%}.public-detail-copy{padding:45px 34px;position:relative;overflow-y:auto}.public-detail-copy>button{color:#335f8a;background:#fff;border:1px solid #d9e2ea;border-radius:50%;width:35px;height:35px;font-size:18px;position:absolute;top:18px;right:18px}.public-detail-copy h2{margin:9px 0 17px;font-family:Noto Serif SC,Songti SC,serif;font-size:31px;font-weight:500}.public-detail-copy dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:24px 0;display:grid}.public-detail-copy dl>div{background:#f4f7fa;border-radius:9px;padding:11px}.public-detail-copy dt{color:#7c8d9d;font-size:8px}.public-detail-copy dd{margin:5px 0 0;font-size:11px;font-weight:700}.public-detail-copy h3{margin:27px 0 10px;font-size:12px}.public-detail-copy ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.public-detail-copy li{border:1px solid #e1e8ee;border-radius:9px;justify-content:space-between;align-items:center;padding:10px;display:flex}.public-detail-copy li strong,.public-detail-copy li small{display:block}.public-detail-copy li strong{font-size:10px}.public-detail-copy li small{color:#7b8d9d;margin-top:3px;font-size:8px}.public-detail-copy li b{font-size:10px}.staff-auth-shell{color:#18324b;background:radial-gradient(circle at 20% 10%,#edf4f8 0,#0000 42%),#f7f9fc;align-content:center;place-items:center;gap:24px;min-height:100vh;padding:32px;display:grid}.staff-auth-brand{position:absolute;top:26px;left:32px}.staff-auth-card{background:#ffffffeb;border:1px solid #335f8a1f;border-radius:20px;width:min(440px,100%);padding:38px;box-shadow:0 24px 70px #2344651a}.staff-auth-card>p{color:#6b87a1;letter-spacing:.18em;margin:0;font-size:9px;font-weight:760}.staff-auth-card h1{margin:8px 0 9px;font-family:Noto Serif SC,Songti SC,serif;font-size:36px;font-weight:500}.staff-auth-card>span{color:#73869a;font-size:10px;line-height:1.7;display:block}.staff-auth-form{gap:14px;margin-top:28px;display:grid}.staff-auth-form label>span{color:#526a80;margin:0 0 7px 2px;font-size:9px;font-weight:700;display:block}.staff-auth-form input{color:#18324b;background:#fff;border:1px solid #d5e0e8;border-radius:9px;outline:0;width:100%;height:46px;padding:0 13px}.staff-auth-form input:focus{border-color:#7ea6c7;box-shadow:0 0 0 3px #7ea6c724}.staff-auth-form>button,.staff-auth-uninitialized a{color:#fff;background:#335f8a;border:0;border-radius:9px;place-items:center;min-height:48px;font-size:11px;font-weight:760;text-decoration:none;display:grid}.staff-auth-form>button:disabled{cursor:not-allowed;opacity:.55}.staff-auth-error{color:#a14943;background:#fff2f1;border-radius:8px;margin:0;padding:10px;font-size:9px}.staff-auth-uninitialized{background:#f3f7fa;border-radius:12px;gap:8px;margin-top:26px;padding:17px;display:grid}.staff-auth-uninitialized strong,.staff-auth-uninitialized span{display:block}.staff-auth-uninitialized strong{font-size:11px}.staff-auth-uninitialized span{color:#6e8193;font-size:9px}.staff-auth-uninitialized a{margin-top:7px}.staff-auth-back{color:#6e8193;font-size:9px;text-decoration:none}.staff-setup-card{width:min(520px,100%)}.staff-setup-form{grid-template-columns:1fr 1fr}.staff-setup-form label:first-child,.staff-setup-form label:nth-child(2),.staff-setup-form>button,.staff-setup-form .staff-auth-error{grid-column:1/-1}.staff-logout-btn{padding-inline:8px!important}@media (max-width:1000px){.public-formula-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-featured-flow{height:550px}}@media (max-width:680px){.public-gallery-topbar{padding:0 14px}.public-gallery-topbar nav{display:none}.public-gallery-hero{padding:32px 14px 22px;display:block}.public-gallery-hero h1{font-size:39px}.public-gallery-hero>a{justify-content:center;margin-top:20px}.public-featured-flow{height:500px;padding:0 14px 10px}.public-hero-card{flex-basis:72vw}.public-small-card{flex-basis:44vw}.public-card-copy{padding:13px 13px 72px}.public-card-copy>strong{font-size:17px}.public-card-like-action{min-width:104px;height:49px;bottom:10px;right:10px}.public-all-formulas{padding:54px 12px 70px}.public-filterbar{grid-template-columns:1fr}.public-formula-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.public-section-head h2{font-size:34px}.public-detail-backdrop{padding:0}.public-detail{border-radius:0;width:100vw;height:100vh;display:block;overflow-y:auto}.public-detail-photo{height:48vh}.public-detail-copy{padding:30px 18px 50px;overflow:visible}.staff-auth-shell{padding:20px}.staff-auth-brand{top:18px;left:20px}.staff-auth-card{padding:28px 22px}.staff-setup-form{grid-template-columns:1fr}.staff-setup-form label,.staff-setup-form>button,.staff-setup-form .staff-auth-error{grid-column:1!important}}.public-heart-count{color:#92556a;font-variant-numeric:tabular-nums;background:#f8edf1;border-radius:99px;align-items:center;gap:5px;min-height:24px;margin-top:11px;padding:0 8px;font-size:9px;font-style:normal;display:inline-flex}.public-heart-count i{font-size:10px;font-style:normal}.public-heart-count b{font-weight:760}.public-popular{width:min(1480px,100%);margin:0 auto;padding:52px 42px 0}.public-popular-head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:17px;display:flex}.public-popular-head p{color:#92556a;letter-spacing:.2em;margin:0;font-size:9px;font-weight:760}.public-popular-head h2{letter-spacing:-.03em;margin:6px 0 3px;font-family:Noto Serif SC,Songti SC,serif;font-size:34px;font-weight:500}.public-popular-head span{color:#74889c;font-size:10px}.public-popular-head>strong{color:#92556a;letter-spacing:.12em;font-size:10px}.public-popular-list{scroll-snap-type:x proximity;scrollbar-width:none;grid-auto-columns:minmax(260px,1fr);grid-auto-flow:column;gap:9px;padding:1px 1px 12px;display:grid;overflow-x:auto}.public-popular-list::-webkit-scrollbar{display:none}.public-popular-list>button{color:#18324b;text-align:left;scroll-snap-align:start;cursor:pointer;background:#fff;border:0;border-radius:12px;grid-template-columns:30px 58px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:8px;transition:transform .15s cubic-bezier(.23,1,.32,1),box-shadow .15s cubic-bezier(.23,1,.32,1);display:grid;box-shadow:0 0 0 1px #335f8a14,0 7px 20px #2344650e}.public-popular-list>button:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #335f8a1c,0 11px 26px #23446514}.public-popular-list>button:active{transform:scale(.98)}.public-rank{color:#8798a8;font-variant-numeric:tabular-nums;text-align:center;font-family:Noto Serif SC,Songti SC,serif;font-size:16px}.public-rank.is-top{color:#92556a}.public-popular-photo{color:#8fb8d7;background:#edf3f8;border-radius:8px;place-items:center;width:58px;height:72px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.public-popular-photo img{object-fit:cover;width:100%;height:100%}.public-popular-photo i{font-style:normal}.public-popular-copy{min-width:0}.public-popular-copy strong,.public-popular-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.public-popular-copy strong{font-family:Noto Serif SC,Songti SC,serif;font-size:13px;font-weight:560}.public-popular-copy small{color:#74889c;margin-top:5px;font-size:8px}.public-popular-list .public-heart-count{margin:0}.public-sync-warning{color:#7a6037;background:#fff6e8;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;width:min(1396px,100% - 84px);margin:0 auto 16px;padding:10px 12px;font-size:10px;display:flex}.public-sync-warning button,.public-gallery-error>button{color:#fff;background:#335f8a;border:0;border-radius:8px;min-height:40px;padding:0 14px;font-size:10px;font-weight:700}.public-gallery-error>button{margin-top:8px}.public-like-zone{border-top:1px solid #e1e8ee;margin-top:26px;padding-top:20px}.public-like-button{color:#fff;text-align:left;cursor:pointer;background:#92556a;border:0;border-radius:13px;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:68px;padding:0 18px;transition:transform .14s cubic-bezier(.23,1,.32,1),opacity .14s cubic-bezier(.23,1,.32,1);display:grid;box-shadow:0 10px 28px #92556a38}.public-like-button:hover:not(:disabled){transform:translateY(-2px)}.public-like-button:active:not(:disabled){transform:scale(.97)}.public-like-button:disabled{cursor:not-allowed;opacity:.58}.public-like-button>span{font-size:25px}.public-like-button>strong{font-size:12px}.public-like-button>b{font-variant-numeric:tabular-nums;font-size:15px}.public-like-feedback{color:#92556a;text-align:center;min-height:22px;padding-top:8px;font-size:9px;display:block}@media (max-width:680px){.public-popular{padding:40px 12px 0}.public-popular-head h2{font-size:30px}.public-popular-list{grid-auto-columns:82vw}.public-sync-warning{align-items:flex-start;width:calc(100% - 24px);margin-bottom:12px}.public-sync-warning button{flex:none}.public-heart-count{min-height:25px}.public-like-button{min-height:64px}}@media (prefers-reduced-motion:reduce){.public-popular-list>button,.public-like-button{transition:none}.public-popular-list>button:hover,.public-like-button:hover:not(:disabled){transform:none}}.staff-accounts-shell{color:#18322d;background:#f5f8fa;min-height:100vh;padding:48px max(28px,50vw - 620px) 80px}.staff-accounts-shell>header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.staff-accounts-shell>header p{color:#6f9f8e;letter-spacing:.18em;margin:0;font-size:9px;font-weight:760}.staff-accounts-shell>header h1{margin:7px 0;font-family:Songti SC,serif;font-size:40px;font-weight:500}.staff-accounts-shell>header span{color:#71847d;font-size:10px}.staff-accounts-shell>header a{color:#1f5a49;background:#fff;border:1px solid #d7e2dd;border-radius:9px;place-items:center;min-height:42px;padding:0 16px;font-size:10px;font-weight:700;text-decoration:none;display:grid}.staff-accounts-grid{grid-template-columns:minmax(0,1fr) 380px;gap:18px;display:grid}.staff-accounts-list,.staff-account-create{background:#fff;border:1px solid #dce5e1;border-radius:16px;padding:20px;box-shadow:0 10px 30px #173a320d}.staff-accounts-title{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.staff-accounts-title h2,.staff-account-create h2{margin:0;font-family:Songti SC,serif;font-size:22px;font-weight:500}.staff-accounts-title span{color:#1f5a49;background:#edf4f0;border-radius:99px;padding:5px 8px;font-size:8px}.staff-accounts-list article{border-top:1px solid #edf1ef;grid-template-columns:38px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:12px 0;display:grid}.staff-accounts-list article.inactive{opacity:.55}.staff-account-avatar{color:#1f5a49;background:#dcebe5;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.staff-accounts-list article strong,.staff-accounts-list article small,.staff-accounts-list article em{display:block}.staff-accounts-list article strong{font-size:11px}.staff-accounts-list article small{color:#72847d;margin-top:3px;font-size:8px}.staff-accounts-list article em{color:#9aa8a3;margin-top:3px;font-size:8px;font-style:normal}.staff-accounts-list article button{color:#1f5a49;background:#fff;border:1px solid #d7e2dd;border-radius:8px;min-height:34px;padding:0 10px;font-size:8px}.staff-account-create>p{color:#72847d;margin:7px 0 0;font-size:9px}.staff-account-create select{color:#18322d;background:#fff;border:1px solid #d5e0dc;border-radius:9px;width:100%;height:46px;padding:0 12px}.staff-account-create .staff-auth-form{margin-top:20px}@media (max-width:820px){.staff-accounts-shell{padding:28px 14px 60px}.staff-accounts-shell>header{flex-direction:column;align-items:flex-start}.staff-accounts-grid{grid-template-columns:1fr}.staff-accounts-list article{grid-template-columns:38px minmax(0,1fr)}.staff-accounts-list article button{grid-column:auto}.staff-account-create{grid-row:1}}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.public-card-photo,.public-popular-photo,.public-detail-photo{box-shadow:inset 0 0 0 1px #00000014}.public-card-photo img,.public-popular-photo img,.public-detail-photo img{box-sizing:border-box;object-fit:contain;background:#edf3f8}.public-card-photo img{padding:clamp(8px,1.5vw,18px)}.public-popular-photo img{padding:5px}.public-detail-photo img{padding:clamp(16px,3vw,32px)}.public-detail-copy>button{cursor:pointer;width:44px;height:44px;transition:background-color .14s cubic-bezier(.23,1,.32,1),transform .14s cubic-bezier(.23,1,.32,1)}.public-detail-copy>button:hover{background:#eef4fa}.public-detail-copy>button:active{transform:scale(.97)}.public-detail-copy>button:focus-visible,.public-like-button:focus-visible,.public-card-like-action:focus-visible,.public-popular-list>button:focus-visible{outline-offset:2px;outline:3px solid #335f8a61}.public-detail-backdrop{animation:.18s cubic-bezier(.23,1,.32,1) public-detail-fade}.public-detail{animation:.22s cubic-bezier(.23,1,.32,1) public-detail-enter}@keyframes public-detail-fade{0%{opacity:0}to{opacity:1}}@keyframes public-detail-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media (max-width:680px){.public-gallery-brand small{font-size:12px;line-height:1.35}.public-gallery-hero p,.public-section-head p,.public-detail-copy>p{font-size:12px;line-height:1.4}.public-gallery-hero>div>span{font-size:14px;line-height:1.6}.public-gallery-hero>a{font-size:14px}.public-card-photo{font-size:12px}.public-card-photo img{padding:8px}.public-card-copy>small{font-size:12px;line-height:1.4}.public-card-copy>em{font-size:13px;line-height:1.5}.public-card-like-action{min-width:112px;min-height:52px}.public-card-like-action>strong{font-size:12px}.public-card-like-action>b{font-size:14px}.public-bead-line b{min-width:30px;height:22px;font-size:12px}.public-section-head>strong small{font-size:12px}.public-filterbar label,.public-filterbar select{min-height:48px}.public-filterbar input,.public-filterbar select{font-size:14px}.public-no-results span,.public-gallery-empty p{font-size:14px;line-height:1.55}.public-gallery-footer{align-items:center;font-size:12px}.public-gallery-footer a{align-items:center;min-height:44px;display:flex}.public-detail-photo img{padding:14px}.public-detail-copy{font-size:14px}.public-detail-copy>button{width:44px;height:44px;top:12px;right:12px}.public-detail-copy h2{padding-right:40px;font-size:28px;line-height:1.3}.public-detail-copy dt{font-size:12px}.public-detail-copy dd{font-size:14px}.public-detail-copy h3{font-size:16px}.public-detail-copy li{min-height:52px;padding:12px}.public-detail-copy li strong{font-size:14px}.public-detail-copy li small{font-size:12px}.public-detail-copy li b{font-size:14px}.public-heart-count{min-height:28px;font-size:12px}.public-heart-count i{font-size:13px}.public-popular-head p,.public-popular-head>strong{font-size:12px}.public-popular-head span{font-size:13px}.public-popular-list>button{min-height:88px;padding:10px}.public-popular-copy strong{font-size:14px}.public-popular-copy small{font-size:12px}.public-sync-warning{font-size:14px;line-height:1.45}.public-sync-warning button,.public-gallery-error>button{min-height:44px;font-size:14px}.public-like-toast,.public-like-button>strong{font-size:14px}.public-like-feedback{font-size:12px;line-height:1.5}}@media (prefers-reduced-motion:reduce){.public-detail-backdrop,.public-detail{animation:none}.public-detail-copy>button{transition:none}}.public-reference-price{color:#335f8a;font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;margin-top:9px;font-style:normal;display:inline-flex}.public-reference-price small{letter-spacing:.04em;font-size:9px;font-weight:650}.public-reference-price strong{font-size:14px;font-weight:760}.public-price-meta{grid-column:1/-1;background:#eef4fa!important}.public-price-meta dd{color:#335f8a;font-variant-numeric:tabular-nums;font-size:17px!important}.public-gallery-load-more{color:#74889c;justify-content:center;align-items:center;gap:14px;min-height:92px;padding-top:24px;font-size:12px;display:flex}.public-gallery-load-more button{color:#335f8a;cursor:pointer;background:#fff;border:1px solid #ccd8e2;border-radius:9px;min-height:44px;padding:0 17px;font-size:12px;font-weight:700}.public-gallery-load-more button:disabled{cursor:wait;opacity:.6}.public-detail-loading{z-index:115;color:#fff;background:#18324b;border-radius:99px;padding:11px 16px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #112b4338}.public-card-open[aria-busy=true]{cursor:wait;opacity:.72}@media (max-width:680px){.price-range-field{grid-template-columns:1fr}.price-range-field>i{display:none}.price-range-field>small{grid-column:1}.price-range-field legend,.price-range-field>label>span,.price-range-field>small,.public-reference-price small{font-size:12px}.public-reference-price strong{font-size:15px}.public-gallery-load-more{flex-direction:column}.public-gallery-load-more button,.public-detail-loading{font-size:14px}}.cloud-status-pill.conflict>i,.storage-status-icon.conflict>i{background:#b57b3a;box-shadow:0 0 0 4px #b57b3a24}.storage-conflict{color:#62451f;background:#fff8ed;border:1px solid #b57b3a3d;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 26px 14px;padding:15px 16px;display:grid}.storage-conflict strong{font-size:12px}.storage-conflict p{margin:5px 0 0;font-size:10px;line-height:1.55}.storage-conflict>div:last-child{gap:7px;display:grid}.storage-conflict .ui-button{white-space:nowrap;min-height:40px}.public-filterbar{grid-template-columns:minmax(260px,1fr) 190px 190px}.public-filterbar select:disabled{cursor:not-allowed;color:#8798a8;background:#edf2f6}@media (min-width:681px) and (max-width:1024px){.public-gallery-brand small,.public-gallery-topbar nav a{font-size:12px}.public-gallery-hero p,.public-section-head p,.public-detail-copy>p,.public-popular-head p,.public-popular-head>strong{font-size:12px;line-height:1.4}.public-gallery-hero>div>span,.public-gallery-hero>a{font-size:14px}.public-card-photo{font-size:12px}.public-card-copy>small{font-size:12px;line-height:1.4}.public-card-copy>em{font-size:13px;line-height:1.5}.public-card-like-action>strong{font-size:12px}.public-card-like-action>b{font-size:14px}.public-bead-line b{min-width:30px;height:22px;font-size:12px}.public-section-head>strong small,.public-reference-price small{font-size:12px}.public-reference-price strong{font-size:15px}.public-filterbar{grid-template-columns:minmax(220px,1fr) 170px 170px}.public-filterbar label,.public-filterbar select{min-height:48px}.public-filterbar input,.public-filterbar select{font-size:14px}.public-no-results span,.public-gallery-empty p,.public-sync-warning,.public-gallery-footer{font-size:14px;line-height:1.55}.public-gallery-footer a{align-items:center;min-height:44px;display:flex}.public-detail-copy{font-size:14px}.public-detail-copy dt{font-size:12px}.public-detail-copy dd{font-size:14px}.public-detail-copy h3{font-size:16px}.public-detail-copy li{min-height:52px}.public-detail-copy li strong,.public-detail-copy li b{font-size:14px}.public-detail-copy li small{font-size:12px}.public-heart-count{min-height:28px;font-size:12px}.public-heart-count i,.public-popular-head span{font-size:13px}.public-popular-copy strong{font-size:14px}.public-popular-copy small{font-size:12px}.public-sync-warning button,.public-gallery-error>button,.public-like-toast,.public-detail-loading,.public-like-button>strong{font-size:14px}.public-like-feedback{font-size:12px}}@media (max-width:680px){.public-filterbar{grid-template-columns:1fr}}@media (max-width:720px){.storage-conflict{grid-template-columns:1fr;margin:0 18px 12px}.storage-conflict>div:last-child{grid-template-columns:1fr}.storage-conflict .ui-button{width:100%}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}