/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@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-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;--spacing:.25rem;--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}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + 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)}}:root{--ink:#4d3c4d;--muted:#9a8798;--muted-dark:#796879;--cream:#f7f1e9;--pink:#f4e4e5;--lilac:#eee7f5;--line:#82607724;--gold:#bf9259;--panel:#fffcf9d1}*{box-sizing:border-box}html{background:var(--cream);min-width:320px}body{color:var(--ink);background:radial-gradient(circle at 8% 5%,#fffffff2 0,#0000 28%),radial-gradient(circle at 92% 20%,#ede2f6d1 0,#0000 30%),linear-gradient(135deg,#f8f2eb 0%,#f7eeee 48%,#f0ebf7 100%);margin:0;font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Helvetica Neue,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{width:min(1500px,100% - 64px);margin:0 auto;padding:32px 0 26px}.topbar,.intro-row,.studio-toolbar,.panel-heading,.section-label,.stage-footer,.page-footer{justify-content:space-between;align-items:center;display:flex}.topbar{min-height:56px}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(145deg,#fffc,#e5cde280);border:1px solid #996c8759;border-radius:50%;width:40px;height:40px;position:relative;box-shadow:0 5px 16px #a4789726}.brand-mark:before,.brand-mark:after{content:"";border:1px solid #996c8747;border-radius:50%;position:absolute;inset:8px}.brand-mark:after{background:#d6b0ce;border:0;inset:15px;box-shadow:0 0 0 4px #fff6}.brand-mark span{z-index:1;background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;left:14px;box-shadow:0 0 9px 3px #fff}.brand-name{letter-spacing:.18em;color:#654c62;font-size:13px;font-weight:700}.brand-name span{color:#aa8b9e;letter-spacing:.24em;font-size:9px}.brand-caption{color:var(--muted);letter-spacing:.08em;margin-top:3px;font-size:10px}.topbar-actions{align-items:center;gap:9px;display:flex}.button{color:var(--ink);border:0;border-radius:12px;padding:11px 15px;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-1px)}.button span{vertical-align:-1px;margin-right:5px;font-size:16px}.button-ghost{color:var(--muted-dark);background:#ffffff7a}.button-secondary{background:#fffaf8c7;box-shadow:0 5px 16px #785a6a12}.button-language{min-width:54px;color:var(--ink);background:#ffffff94;border:1px solid #996f862e}.button-primary{color:#fffaf7;background:linear-gradient(135deg,#896d88,#6d5876);box-shadow:0 8px 17px #694d6f33}.button-submit{color:#765a6d;background:#f5e5eb;box-shadow:0 5px 16px #9a6f8914}.intro-row{align-items:flex-end;margin:53px 0 28px}.eyebrow{color:#ad8b9f;letter-spacing:.18em;font-size:10px;font-weight:700;line-height:1.4}h1,h2,p{margin:0}h1{color:#4a3749;letter-spacing:-.045em;margin-top:11px;font-size:clamp(28px,3.15vw,45px);font-weight:600;line-height:1.12}.intro-row p{color:var(--muted-dark);letter-spacing:.02em;margin-top:12px;font-size:14px}.draft-status{color:#9c8296;align-items:center;gap:7px;margin-bottom:6px;font-size:11px;display:flex}.status-dot{background:#a9c69f;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #a9c69f24}.workspace-grid{grid-template-columns:280px minmax(430px,1fr) 320px;align-items:start;gap:16px;display:grid}.panel{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffe0;border-radius:20px;box-shadow:0 18px 46px #78597014,inset 0 1px #ffffffd9}.materials-panel,.inspector-panel{padding:23px 19px}.studio-panel{min-width:0;padding:22px 25px 17px;overflow:hidden}h2{letter-spacing:-.02em;color:#543f51;margin-top:7px;font-size:18px;font-weight:600}.count-badge,.live-pill{color:#a27792;letter-spacing:.08em;background:#f4e7ed;border-radius:100px;padding:5px 9px;font-size:10px;font-weight:700}.live-pill{color:#829b7e;background:#edf5e9;font-size:9px}.search-box{border:1px solid var(--line);color:#b29eaf;background:#ffffff85;border-radius:11px;align-items:center;gap:8px;margin:19px 0 13px;padding:10px 12px;display:flex}.search-box span{font-size:20px;line-height:1}.search-box input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:#b2a1ae}.filter-tabs{background:#f3ebf0;border-radius:10px;gap:4px;margin-bottom:13px;padding:3px;display:flex}.filter-tabs button{color:#a38c9d;background:0 0;border:0;border-radius:7px;flex:1;min-width:0;padding:7px 2px;font-size:10px}.filter-tabs button.active{color:#634c62;background:#fffaf8;box-shadow:0 2px 7px #7e5b711a}.material-list{gap:7px;max-height:504px;padding-right:2px;display:grid;overflow-y:auto}.material-list::-webkit-scrollbar{width:4px}.material-list::-webkit-scrollbar-thumb{background:#deccd8;border-radius:10px}.material-card{text-align:left;width:100%;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:13px;align-items:center;gap:10px;padding:8px 7px;transition:background .18s,border .18s,transform .18s;display:flex}.material-card:hover{background:#ffffffb3;border-color:#c5a0ba47;transform:translate(2px)}.material-orb,.mini-orb{border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.material-orb{width:42px;height:42px}.material-orb:after,.mini-orb:after{content:"";filter:blur(1px);background:#fff9;border-radius:50%;width:34%;height:15%;position:absolute;top:11%;left:13%;transform:rotate(-30deg)}.material-orb i{background:#ffffff2e;border-radius:50%;width:34%;height:34%;position:absolute;bottom:10%;right:9%}.material-copy{gap:2px;min-width:0;display:grid}.material-copy strong{color:#5d4859;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.material-copy small,.material-copy em{color:#aa97a6;white-space:nowrap;font-size:10px;font-style:normal}.material-copy em{color:#a78698;font-size:9px}.material-add{color:#b28ba6;text-align:center;width:24px;margin-left:auto;font-size:17px;font-weight:300}.empty-state{color:var(--muted);text-align:center;padding:25px 8px;font-size:12px}.import-box{background:#fbf4f98f;border:1px dashed #d9c3d3;border-radius:13px;margin-top:15px;padding:13px 11px 11px}.import-heading{align-items:center;gap:8px;margin-bottom:10px;display:flex}.import-heading strong,.import-heading small{display:block}.import-heading strong{color:#745b6d;font-size:11px;font-weight:600}.import-heading small{color:#b09bab;margin-top:3px;font-size:9px}.import-icon{color:#ac84a1;background:#f0dfeb;border-radius:9px;place-items:center;width:26px;height:26px;font-size:18px;display:grid}.import-button{color:#9c7f93;background:#ffffffa8;border:1px solid #e4d4e0;border-radius:7px;margin-right:4px;padding:5px 7px;font-size:9px}.import-button:hover{color:#73556c;border-color:#caa8c1}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.studio-toolbar{margin-bottom:8px}.toolbar-tags{gap:6px;display:flex}.toolbar-tags span{color:#a494a2;background:#ffffff7a;border:1px solid #eee3e7;border-radius:100px;padding:6px 9px;font-size:9px}.bracelet-stage{touch-action:none;background:radial-gradient(circle at 50% 46%,#fffffff5 0,#ffffff94 25%,#f7edf29e 51%,#ebe2f2bf 100%);border-radius:16px;place-items:center;min-height:620px;margin:0 -5px;display:grid;position:relative;overflow:hidden}.bracelet-stage:before{content:"";filter:blur(4px);background:#f5dce659;border-radius:50%;width:340px;height:340px;position:absolute;top:-160px;right:-110px}.bracelet-stage:after{content:"";filter:blur(8px);background:#d7caed4d;border-radius:50%;width:400px;height:400px;position:absolute;bottom:-180px;left:-160px}.bracelet-stage.is-dragging{cursor:grabbing}.bracelet-orbit{z-index:2;aspect-ratio:1;cursor:grab;-webkit-user-select:none;user-select:none;width:min(100%,520px);position:relative}.bracelet-stage.is-dragging .bracelet-orbit{cursor:grabbing}.orbit-shadow{border-radius:50%;width:74%;height:74%;position:absolute;top:13%;left:13%;box-shadow:0 24px 45px #825c751f}.orbit-line{border:1px dashed #ae8ca93d;border-radius:50%;width:72%;height:72%;position:absolute;top:14%;left:14%}.bead-node{appearance:none;border:2px solid #ffffffb8;border-radius:50%;place-items:center;padding:0;transition:box-shadow .18s,filter .18s;display:grid;position:absolute;transform:translate(-50%,-50%)}.bead-node:hover,.bead-node:focus-visible{filter:saturate(1.08)brightness(1.03);outline:0;box-shadow:0 0 0 5px #b38bad33,0 7px 18px #c396ba8c,inset 5px 5px 8px #ffffff80,inset -6px -8px 13px #4b345d2e!important}.bead-node.selected{border-color:#fffffff2;box-shadow:0 0 0 4px #ab7ea347,0 7px 22px #b184a580,inset 5px 5px 8px #ffffff80,inset -6px -8px 13px #4b345d2e!important}.bead-highlight{filter:blur(1px);background:#ffffffad;border-radius:50%;width:34%;height:15%;position:absolute;top:15%;left:20%;transform:rotate(-28deg)}.bead-number{color:#5c4358a6;background:#ffffff7a;border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-weight:700;display:grid;position:absolute;bottom:8%;right:8%}.orbit-center{pointer-events:none;background:radial-gradient(circle at 34% 23%,#fffffff2,#fffaf99e 58%,#e8dced5c);border:1px solid #ffffffd1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 30px #7a5c7c14,inset 0 0 20px #ffffffb3}.center-kicker{color:#ad93a9;letter-spacing:.12em;font-size:9px}.orbit-center strong{color:#604c60;letter-spacing:-.06em;margin:3px 0 -3px;font-size:39px;font-weight:500}.orbit-center>span:not(.center-kicker){color:#987e91;font-size:11px}.orbit-center small{color:#aa96a7;align-items:center;gap:5px;margin-top:18px;font-size:9px;display:flex}.orbit-center small i{background:#d5b07a;border-radius:50%;width:5px;height:5px;display:inline-block}.stage-sparkle{z-index:1;background:#fff;border-radius:50%;width:5px;height:5px;position:absolute;box-shadow:0 0 11px 3px #fffc}.sparkle-one{top:19%;left:18%}.sparkle-two{width:4px;height:4px;top:27%;right:17%}.sparkle-three{opacity:.68;width:7px;height:7px;bottom:16%;right:27%}.stage-footer{color:#a38e9f;padding:13px 2px 0;font-size:10px}.stage-footer span{align-items:center;gap:6px;display:flex}.legend-dot{background:#c08fac;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #c08fac1f}.stats-grid{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 21px;display:grid}.stat-card{background:#ffffff78;border:1px solid #deccdaad;border-radius:12px;min-width:0;padding:12px 11px}.stat-card.stat-wide{grid-column:1/-1}.stat-card span,.stat-card em{color:#ac98a9;font-size:10px;font-style:normal;display:block}.stat-card strong{color:#604b5f;letter-spacing:-.04em;margin:5px 0 3px;font-size:23px;font-weight:500;display:block}.stat-card strong small{letter-spacing:0;font-size:10px}.stat-card em{color:#b29daa;font-size:9px}.inspector-section,.selected-section,.saved-section{border-top:1px solid var(--line);padding-top:17px}.section-label{color:#6d576a;margin-bottom:10px;font-size:11px;font-weight:600}.section-label span{color:#ad9ba9;font-size:9px;font-weight:400}.section-label strong{color:#8e6d87;font-size:12px;font-weight:600}.size-options{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.size-options button{color:#967e91;background:#ffffff70;border:1px solid #e6d8e2;border-radius:9px;padding:9px 2px 7px;font-size:12px}.size-options button.active{color:#6e526b;background:#f6eaf2;border-color:#bc95b5;box-shadow:inset 0 0 0 1px #ffffffb3}.size-options small{margin-left:2px;font-size:8px}.wrist-section{margin-top:17px}.wrist-value{color:#8e6d87;align-items:baseline;gap:3px;display:flex}.wrist-number{color:#8e6d87;text-align:right;background:0 0;border:0;border-bottom:1px solid #c8a9be;outline:0;width:42px;padding:0 2px;font-size:12px;font-weight:600}.wrist-number:focus{border-color:#9d7393}.wrist-value span{color:#ad9baa;font-size:9px;font-weight:400}.wrist-section input[type=range]{accent-color:#aa7f9e;cursor:pointer;width:100%;height:4px}.range-labels{color:#b5a3b0;justify-content:space-between;font-size:9px;display:flex}.fit-note{background:#fbf5e9;border:1px solid #e8d7b9;border-radius:10px;align-items:flex-start;gap:9px;margin:15px 0 1px;padding:10px 11px;display:flex}.fit-note.is-long{background:#f4f2fa;border-color:#d8d4e7}.fit-note>span{color:#c28e49;font-size:14px;line-height:1}.fit-note.is-long>span{color:#9989bd}.fit-note p{color:#9c825b;font-size:10px;line-height:1.5}.fit-note.is-long p{color:#887ca2}.selected-section{margin-top:18px}.selected-card{background:#ffffff7a;border:1px solid #e4d5e1;border-radius:13px;padding:12px 10px 10px}.selected-material{align-items:center;gap:9px;display:flex}.mini-orb{width:32px;height:32px}.selected-material strong,.selected-material small{display:block}.selected-material strong{color:#654e60;font-size:11px}.selected-material small{color:#aa95a5;margin-top:2px;font-size:9px}.replace-select{color:#a18b9b;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.replace-select select{color:#765b70;background:#fffaf9;border:1px solid #e4d5e1;border-radius:8px;outline:0;flex:1;min-width:0;padding:7px 8px;font-size:10px}.diameter-control{color:#a18b9b;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;display:flex}.diameter-control>div{align-items:center;gap:8px;display:flex}.diameter-control button{color:#956e89;background:snow;border:1px solid #e5d4e0;border-radius:7px;place-items:center;width:24px;height:24px;font-size:16px;line-height:1;display:grid}.diameter-control strong{color:#6c5367;font-size:13px;font-weight:600}.diameter-control small{color:#a48d9e;margin-left:2px;font-size:8px;font-weight:400}.selected-actions{grid-template-columns:1fr 1fr auto;gap:5px;margin-top:12px;display:grid}.selected-actions button{color:#947c8d;background:#f5ebf1;border:0;border-radius:7px;padding:7px 5px;font-size:9px}.selected-actions button:hover{background:#ebdce8}.selected-actions .delete-action{color:#b5838e;background:0 0}.selected-actions .delete-action:hover{background:#f8e8ea}.select-hint{color:#aa99a8;background:#f6eff5a3;border-radius:10px;padding:14px 11px;font-size:10px;line-height:1.55}.saved-section{margin-top:18px}.saved-list{gap:5px;display:grid}.saved-row{background:#ffffff6b;border:1px solid #eee1e9;border-radius:9px;align-items:center;gap:4px;display:flex}.saved-row>button:first-child{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:8px 9px}.saved-row strong,.saved-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.saved-row strong{color:#72596b;font-size:10px}.saved-row small{color:#ad99a8;margin-top:3px;font-size:9px}.saved-delete{color:#bca8b6;background:0 0;border:0;padding:7px 9px;font-size:16px}.saved-delete:hover{color:#9b7185}.save-inline{color:#9a7690;background:#faf2f87a;border:1px dashed #d5bdd0;border-radius:10px;width:100%;padding:10px;font-size:10px}.save-inline:hover{background:#f7eaf3}.page-footer{color:#ab98a8;margin-top:19px;padding:0 5px;font-size:10px}.page-footer span:last-child{color:#b8a8b3}.catalog-note{color:#a88f9f;background:#ffffff61;border:1px solid #eadde9;border-radius:10px;align-items:flex-start;gap:9px;margin-top:13px;padding:11px 10px;display:flex}.catalog-note>span{color:#c39b66;font-size:13px;line-height:1}.catalog-note strong,.catalog-note small{display:block}.catalog-note strong{color:#826879;font-size:10px;font-weight:600}.catalog-note small{color:#ad9aa9;margin-top:4px;font-size:9px;line-height:1.4}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#49354833;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.save-dialog{background:#fffaf8;border:1px solid #ffffffe6;border-radius:20px;width:min(100%,410px);padding:26px;box-shadow:0 25px 80px #4f354b33}.dialog-icon{color:#a57995;background:#f4e4ed;border-radius:13px;place-items:center;width:37px;height:37px;margin-bottom:15px;font-size:20px;display:grid}.save-dialog h2{font-size:21px}.save-dialog p{color:#9b8898;margin-top:7px;font-size:11px}.save-dialog label{color:#907a8c;margin-top:20px;font-size:10px;display:block}.save-dialog input{color:#614b5d;background:#fff;border:1px solid #e2d2de;border-radius:10px;outline:0;width:100%;margin-top:7px;padding:11px 12px;display:block}.save-dialog input:focus{border-color:#ba91b1;box-shadow:0 0 0 3px #ba91b121}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.toast{z-index:30;color:#fff;background:#5b465beb;border:1px solid #ffffffd1;border-radius:12px;padding:11px 16px;font-size:11px;position:fixed;bottom:25px;right:25px;box-shadow:0 12px 30px #4b33492b}.customer-form{gap:12px;margin-top:18px;display:grid}.customer-form label{color:#907a8c;font-size:10px;display:block}.customer-form input,.customer-form textarea{color:#614b5d;resize:vertical;background:#fff;border:1px solid #e2d2de;border-radius:10px;outline:0;width:100%;margin-top:6px;padding:10px 11px;display:block}.customer-form input:focus,.customer-form textarea:focus{border-color:#ba91b1;box-shadow:0 0 0 3px #ba91b121}@media (width<=1180px){.app-shell{width:min(100% - 34px,960px)}.workspace-grid{grid-template-columns:235px minmax(390px,1fr)}.inspector-panel{grid-column:1/-1;grid-template-columns:1fr 1.3fr;gap:0 20px;display:grid}.inspector-panel>.panel-heading,.inspector-panel>.stats-grid{grid-column:1/-1}.inspector-panel>.inspector-section,.inspector-panel>.selected-section,.inspector-panel>.saved-section,.inspector-panel>.fit-note{grid-column:span 1}.saved-section{margin-top:18px}}@media (width<=760px){.app-shell{width:calc(100% - 24px);padding-top:18px}.topbar{align-items:flex-start}.topbar-actions{gap:5px}.topbar-actions .button{padding:8px 7px;font-size:10px}.topbar-actions .button-ghost{display:none}.intro-row{margin:37px 0 21px;display:block}.intro-row p{max-width:270px;line-height:1.5}.draft-status{margin-top:15px}.workspace-grid{flex-direction:column;gap:12px;display:flex}.panel{width:100%}.studio-panel{order:-1;padding:17px 13px 14px}.studio-toolbar{padding:0 4px}.toolbar-tags span{padding:5px 6px;font-size:8px}.bracelet-stage{min-height:min(95vw,530px);margin:0}.bracelet-orbit{width:min(100%,490px)}.orbit-center{width:112px;height:112px}.orbit-center strong{font-size:31px}.orbit-center small{margin-top:12px;font-size:8px}.stage-footer{padding-left:4px;padding-right:4px}.materials-panel{order:1}.inspector-panel{order:2;display:block}.inspector-panel>.inspector-section,.inspector-panel>.selected-section,.inspector-panel>.saved-section{margin-top:18px}.material-list{grid-template-columns:1fr 1fr;max-height:none}.material-card{padding:7px 4px}.material-orb{width:36px;height:36px}.material-copy strong{font-size:10px}.material-copy small{font-size:9px}.material-copy em{font-size:8px}.page-footer{align-items:flex-start;gap:12px;line-height:1.5}.page-footer span:last-child{text-align:right}}@media (width<=430px){.brand-caption{font-size:8px}.brand-mark{width:34px;height:34px}.brand-mark:before{inset:7px}.brand-mark:after{inset:13px}.brand-mark span{top:4px;left:12px}.brand-name{font-size:11px}.brand-name span{font-size:8px}.topbar-actions .button-secondary{display:none}.topbar-actions .button-primary{padding:8px 10px}.intro-row h1{font-size:29px}.bracelet-stage{min-height:92vw}.bead-node{border-width:1px}.material-list{grid-template-columns:1fr}}.admin-login-shell{background:radial-gradient(circle at 20% 10%,#fbf1e9,#0000 38%),radial-gradient(circle at 92% 84%,#ece6f7,#0000 42%),#f8f4f1;place-items:center;min-height:100vh;padding:28px;display:grid}.admin-login-card{background:#fffbf9d1;border:1px solid #ffffffe6;border-radius:24px;width:min(100%,450px);padding:38px;box-shadow:0 24px 80px #5b43571f}.admin-login-card .brand-lockup{margin-bottom:54px}.admin-login-card h1{color:#5f4b5d;letter-spacing:-.04em;margin-top:9px;font-size:34px;font-weight:500}.admin-login-card>p{color:#9c8798;margin-top:9px;font-size:12px;line-height:1.6}.admin-login-form{gap:14px;margin-top:27px;display:grid}.admin-login-form label,.material-create-form label{color:#7c6576;gap:7px;font-size:11px;display:grid}.admin-login-form input,.material-create-form input,.material-create-form select{color:#5f4b5d;width:100%;font:inherit;background:#ffffffdb;border:1px solid #e3d4df;border-radius:10px;outline:0;padding:12px 13px}.admin-login-form input:focus,.material-create-form input:focus,.material-create-form select:focus{border-color:#ae86a4;box-shadow:0 0 0 3px #ae86a421}.admin-primary-button{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(135deg,#a986a3,#765b75);border:1px solid #a67d99;border-radius:10px;padding:11px 15px;font-size:11px;box-shadow:0 7px 16px #7756712e}.admin-primary-button:hover{filter:brightness(1.04)}.admin-primary-button:disabled{opacity:.55;cursor:wait}.admin-back-link{color:#a1819a;margin-top:28px;font-size:10px;text-decoration:none;display:inline-block}.admin-back-link:hover{color:#6f536b}.admin-shell{color:#645266;background:#f8f5f3;grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{background:linear-gradient(#fffaf8,#f7f0f3);border-right:1px solid #eee2e7;flex-direction:column;padding:30px 19px 20px;display:flex}.admin-sidebar .brand-lockup{padding:0 8px}.admin-sidebar-label{color:#b19daa;letter-spacing:.14em;margin:63px 10px 12px;font-size:9px}.admin-nav{gap:5px;display:grid}.admin-nav button,.admin-sidebar-footer button{color:#9a8495;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:11px 12px;font-size:11px;display:flex}.admin-nav button:hover,.admin-nav button.active{color:#6d5368;background:#ebdce9b8}.admin-nav button>span{color:#ae88a2;text-align:center;width:16px;font-size:16px}.admin-nav button b{color:#fff;background:#c9939d;border-radius:99px;place-items:center;min-width:18px;height:18px;margin-left:auto;font-size:9px;display:grid}.admin-sidebar-footer{border-top:1px solid #eadde5;gap:6px;margin-top:auto;padding:12px 0 0;display:grid}.admin-sidebar-footer a,.admin-sidebar-footer button{color:#aa95a5;font-size:10px;text-decoration:none}.admin-sidebar-footer a{padding:9px 12px}.admin-sidebar-footer button{width:100%}.admin-sidebar-footer a:hover,.admin-sidebar-footer button:hover{color:#6f536b}.admin-content{min-width:0;padding:42px clamp(22px,5vw,70px) 60px}.admin-header{justify-content:space-between;align-items:flex-start;gap:20px;max-width:1230px;margin:0 auto 34px;display:flex}.admin-header h1{color:#5f4b5d;letter-spacing:-.055em;margin-top:8px;font-size:clamp(28px,3vw,39px);font-weight:500}.admin-header p{color:#9d8998;max-width:540px;margin-top:10px;font-size:12px;line-height:1.6}.admin-refresh-button,.admin-secondary-button{color:#8b7185;font:inherit;cursor:pointer;background:#ffffff9e;border:1px solid #dfcfdc;border-radius:9px;padding:10px 13px;font-size:10px}.admin-refresh-button:hover,.admin-secondary-button:hover{color:#6c5167;background:#fff;border-color:#c9a7c0}.admin-refresh-button:disabled{opacity:.6;cursor:wait}.admin-section,.admin-header{width:min(100%,1230px)}.admin-stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.admin-stat-card,.admin-panel,.admin-table-wrap,.material-create-form{background:#ffffff9e;border:1px solid #eadfe6;border-radius:16px;box-shadow:0 10px 30px #71546a0a}.admin-stat-card{padding:18px 17px}.admin-stat-card span,.admin-stat-card small{color:#aa96a5;font-size:10px;display:block}.admin-stat-card strong{color:#6a5367;letter-spacing:-.05em;margin:11px 0 5px;font-size:29px;font-weight:500;display:block}.admin-stat-card small{color:#b6a2b0;font-size:9px}.admin-overview-grid{grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:14px;margin-top:14px;display:grid}.admin-panel{padding:20px}.admin-panel-heading,.admin-section-toolbar,.form-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.admin-panel h2,.admin-section-toolbar h2,.material-create-form h3{color:#6a5367;letter-spacing:-.03em;margin-top:7px;font-size:18px;font-weight:500}.admin-text-button{color:#a27798;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.admin-mini-list{gap:4px;margin-top:20px;display:grid}.admin-mini-list>button{color:#7c6676;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0e8ee;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 4px;display:grid}.admin-mini-list>button:hover{background:#f8eff6b3}.admin-mini-icon{color:#bd8fab;background:#f8eaf2;border-radius:10px;place-items:center;width:28px;height:28px;display:grid}.admin-mini-list strong,.admin-mini-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.admin-mini-list strong{color:#72596c;font-size:11px}.admin-mini-list small{color:#ad9aa9;margin-top:3px;font-size:9px}.admin-mini-list b{color:#7c6175;font-size:11px;font-weight:600}.admin-quick-panel>strong{color:#82647a;margin-top:24px;font-size:44px;font-weight:500;display:block}.admin-quick-panel p{color:#a18d9e;margin:8px 0 20px;font-size:11px;line-height:1.6}.admin-section-toolbar{align-items:center;margin-bottom:18px}.admin-muted{color:#ad99aa;font-size:10px}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:710px;font-size:11px}.admin-table th{color:#aa96a5;letter-spacing:.05em;text-align:left;text-transform:uppercase;border-bottom:1px solid #eadfe6;padding:13px 15px;font-size:9px;font-weight:500}.admin-table td{color:#8d7788;vertical-align:middle;border-bottom:1px solid #f1eaf0;padding:14px 15px}.admin-table tr:last-child td{border-bottom:0}.admin-table td strong,.admin-table td small{display:block}.admin-table td strong{color:#735a6d;font-weight:600}.admin-table td small{color:#b19dab;margin-top:4px;font-size:9px}.status-select{color:#80667a;font:inherit;background:#fff;border:1px solid #ead5e1;border-radius:8px;padding:7px 9px;font-size:10px}.status-select.status-new{color:#ad7d3c;background:#fffaf0;border-color:#e8ca9e}.status-select.status-in_progress{color:#8165aa;background:#f8f5fd;border-color:#cbbbe5}.status-select.status-completed{color:#578363;background:#f3fbf5;border-color:#bbd8c3}.status-select.status-cancelled{color:#aa6c79;background:#fff5f6;border-color:#e6c8ce}.admin-empty{color:#ad99a9;text-align:center;padding:28px 10px;font-size:11px}.admin-banner{border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:min(100%,1230px);margin:-16px auto 18px;padding:10px 13px;font-size:11px;display:flex}.admin-banner button{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:17px}.admin-error{color:#a56f7d;background:#fff1f3}.admin-notice{color:#64856e;background:#f1faf3}.material-create-form{grid-template-columns:1.3fr 1fr 1.5fr .7fr .8fr auto;align-items:end;gap:12px;margin-bottom:19px;padding:17px;display:grid}.material-create-form .form-heading{grid-column:1/-1;align-items:center}.form-heading span{color:#b09daa;font-size:9px}.material-create-form h3{margin:5px 0 0;font-size:16px}.material-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.material-admin-card{background:#ffffffa6;border:1px solid #eadfe6;border-radius:16px;overflow:hidden}.material-admin-card.is-inactive{opacity:.58}.material-admin-preview{color:#694e668c;background-color:#f1eaf2;place-items:center;min-height:155px;display:grid}.material-admin-preview span{background:#ffffff8a;border-radius:99px;padding:5px 8px;font-size:9px}.material-admin-body{padding:14px}.material-admin-heading{justify-content:space-between;gap:8px;display:flex}.material-admin-heading h3{color:#735a6d;margin-top:5px;font-size:13px;font-weight:600}.material-admin-heading>strong{color:#816075;font-size:12px}.material-category{color:#b08da7;font-size:9px}.material-admin-body>p{color:#aa96a5;min-height:28px;margin:9px 0 15px;font-size:9px;line-height:1.45}.material-admin-actions{gap:7px;display:flex}.admin-upload-button{color:#906985;text-align:center;cursor:pointer;background:#fbf3f9;border:1px solid #d7b9d0;border-radius:8px;flex:1;padding:9px 7px;font-size:9px}.admin-upload-button:hover{background:#f7e9f3}.admin-upload-button input{display:none}.material-admin-actions .admin-secondary-button{padding:8px 9px;font-size:9px}@media (width<=1000px){.admin-shell{grid-template-columns:190px minmax(0,1fr)}.admin-content{padding:30px 24px 45px}.admin-stat-grid{grid-template-columns:repeat(2,1fr)}.material-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-create-form{grid-template-columns:1fr 1fr 1fr}.material-create-form .form-heading,.material-create-form>button{grid-column:1/-1}}@media (width<=700px){.admin-shell{display:block}.admin-sidebar{z-index:4;border-bottom:1px solid #eadfe6;border-right:0;padding:13px 14px 9px;display:block;position:sticky;top:0}.admin-sidebar .brand-lockup{display:inline-flex}.admin-sidebar-label,.admin-sidebar-footer{display:none}.admin-nav{gap:4px;margin-top:12px;display:flex;overflow-x:auto}.admin-nav button{flex:none;padding:8px 10px;font-size:10px}.admin-nav button>span{display:none}.admin-content{padding:25px 14px 35px}.admin-header{margin-bottom:25px;display:block}.admin-header h1{font-size:30px}.admin-refresh-button{margin-top:17px}.admin-overview-grid{grid-template-columns:1fr}.material-create-form{grid-template-columns:1fr 1fr}.material-create-form .form-heading,.material-create-form>label:nth-of-type(3){grid-column:1/-1}.material-admin-grid{grid-template-columns:1fr}.admin-section-toolbar{align-items:flex-start}.admin-section-toolbar .admin-muted{display:none}}@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}
