*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-\[60\]{z-index:60}.flex{display:flex}.table{display:table}.grid{display:grid}.h-2{height:.5rem}.w-2{width:.5rem}.min-w-0{min-width:0px}.max-w-\[90vw\]{max-width:90vw}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-4{--tw-translate-y: -1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.bg-\[\#111111\]{--tw-bg-opacity: 1;background-color:rgb(17 17 17 / var(--tw-bg-opacity, 1))}.bg-\[\#52c878\]{--tw-bg-opacity: 1;background-color:rgb(82 200 120 / var(--tw-bg-opacity, 1))}.bg-\[\#d16a5f\]{--tw-bg-opacity: 1;background-color:rgb(209 106 95 / var(--tw-bg-opacity, 1))}.bg-\[\#d1d5db\]{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.px-4{padding-left:1rem;padding-right:1rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.leading-5{line-height:1.25rem}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(17\,17\,17\,0\.20\)\]{--tw-shadow: 0 10px 30px rgba(17,17,17,.2);--tw-shadow-colored: 0 10px 30px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{width:100%;height:100%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-touch-callout:none}body{background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,textarea{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.diy-launch-screen{position:relative;width:100%;height:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding:max(20px,env(safe-area-inset-top,0px)) clamp(20px,6vw,44px) max(20px,calc(20px + env(safe-area-inset-bottom,0px)));background:#fff;color:#171717}.diy-launch-visual{--launch-visual-size: clamp(280px, min(58vh, 92vw), 480px);position:relative;width:var(--launch-visual-size);height:var(--launch-visual-size);flex:0 0 auto;margin-top:clamp(30px,8vh,86px);overflow:hidden;border-radius:clamp(24px,6vw,34px);background:linear-gradient(135deg,#f7f7f6,#fff 58%,#e9e7e4)}.diy-launch-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.diy-launch-copy{width:100%;max-width:460px;flex:0 0 auto;margin-top:clamp(18px,3vh,42px);text-align:center}.diy-launch-copy h1{margin:0;color:#111;font-family:Songti SC,STSong,"Noto Serif SC",serif;font-size:clamp(26px,7.2vw,34px);font-weight:800;line-height:1.15;letter-spacing:0}.diy-launch-copy h1 span{margin:0 5px;color:#111}.diy-launch-copy p{margin:10px auto 0;color:#7f8288;font-size:14px;font-weight:500;line-height:1.45}.diy-launch-progress{width:min(72vw,500px);height:18px;flex:0 0 auto;margin-top:clamp(28px,4.2vh,54px);padding:2px;border:1px solid #e9e9e9;border-radius:999px;background:#ffffffeb;box-shadow:inset 0 0 0 1px #e9e9e9}.diy-launch-progress span{display:block;width:var(--diy-launch-progress);height:100%;min-width:18px;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.28),transparent 28%),linear-gradient(90deg,#4a4a4a,#111);box-shadow:0 7px 16px #11111129;transition:width .32s ease}.diy-launch-error-badge{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin-top:clamp(28px,4.2vh,54px);padding:0 18px;border:1px solid #e9e9e9;border-radius:999px;background:#ffffffeb;color:#111;font-size:14px;font-weight:700;box-shadow:0 12px 28px #14141414}.diy-launch-tip{width:min(78vw,440px);min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;margin-top:auto;padding:10px 18px;border:1px solid #e9e9e9;border-radius:999px;background:#ffffffeb;color:#343434;box-shadow:0 14px 40px #1414140f}.diy-launch-tip img{width:15px;height:15px;flex:0 0 15px;-o-object-fit:contain;object-fit:contain}.diy-launch-tip p{min-width:0;margin:0;font-size:13px;font-weight:600;line-height:1.45;text-align:center}.diy-launch-tip span{color:#111;font-weight:800}.diy-launch-screen.is-error .diy-launch-visual{opacity:.82}.diy-launch-screen.is-error .diy-launch-copy h1 span{color:#111}@media (max-width: 360px){.diy-launch-copy h1{font-size:26px}.diy-launch-copy p{font-size:13px}.diy-launch-tip{width:min(84vw,440px);padding-right:14px;padding-left:14px}.diy-launch-tip p{font-size:12px}}@media (min-width: 520px){.diy-launch-copy h1{font-size:34px}}@media (max-height: 660px){.diy-launch-screen{padding-top:max(14px,env(safe-area-inset-top,0px));padding-bottom:max(14px,calc(14px + env(safe-area-inset-bottom,0px)))}.diy-launch-visual{--launch-visual-size: clamp(224px, min(48vh, 78vw), 330px);margin-top:22px}.diy-launch-copy{margin-top:14px}.diy-launch-copy h1{font-size:26px}.diy-launch-copy p{margin-top:8px;font-size:13px}.diy-launch-progress,.diy-launch-error-badge{margin-top:20px}.diy-launch-tip{min-height:40px;padding-top:8px;padding-bottom:8px}}.scene-container{touch-action:none}.diy-shell{--diy-brand-primary: #111111;--diy-brand-primary-end: #000000;--diy-brand-primary-soft: #242424;--diy-brand-primary-strong: #050505;--diy-brand-primary-line: #111111;--diy-brand-accent: #111111;--diy-brand-line-soft: #e9e9e9;--diy-brand-border: #e9e9e9;--diy-brand-surface-muted: #f7f7f7;--diy-brand-shadow-rgb: 17, 17, 17;--diy-brand-spinner-rgb: 17, 17, 17;--diy-edge-padding: clamp(8px, 2.8vw, 16px);--diy-control-gap: clamp(2px, .8vw, 5px);--diy-tool-size: clamp(25px, 7.2vw, 29px);--diy-action-height: clamp(29px, 8.2vw, 32px);--diy-save-width: clamp(72px, 22vw, 82px);--diy-finish-width: clamp(54px, 16vw, 72px);--diy-compact-font: clamp(10px, 3vw, 12px);--diy-asset-card-height: clamp(78px, 24vw, 92px);--diy-asset-grid-gap: clamp(7px, 2vw, 8px);height:100%;display:flex;flex-direction:column;overflow:hidden;color:#171717;background:#fff}.diy-step-progress{--step-progress: .333;--diy-step-padding: clamp(18px, 6vw, 24px);position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;flex-shrink:0;padding:clamp(6px,1.4vh,8px) var(--diy-step-padding) clamp(3px,.8vh,5px)}.diy-step-progress:before,.diy-step-progress:after{position:absolute;top:35px;right:calc(12.5% + var(--diy-step-padding));left:calc(12.5% + var(--diy-step-padding));height:1px;border-radius:999px;content:""}.diy-step-progress:before{background:#e8e8e8}.diy-step-progress:after{background:linear-gradient(90deg,var(--diy-brand-primary-line) 0%,var(--diy-brand-line-soft) 100%);transform:scaleX(var(--step-progress));transform-origin:left center}.diy-step-item{position:relative;z-index:1;border:0;background:transparent;color:#8f8f8f;font-size:12px;font-weight:650;text-align:center}.diy-step-item span{display:block;margin-bottom:clamp(3px,.8vh,5px)}.diy-step-item i{position:relative;z-index:1;display:inline-flex;width:22px;height:22px;align-items:center;justify-content:center;border-radius:999px;background:#d9d9d9;color:#fff;font-size:11px;font-style:normal;box-shadow:0 0 0 4px #ffffffeb}.diy-step-item.is-active,.diy-step-item.is-done{color:#111}.diy-step-item.is-active i,.diy-step-item.is-done i{background:linear-gradient(135deg,#262626,#050505);box-shadow:0 0 0 3px #fffffff5}.diy-stage{position:relative;min-height:0;flex:1 1 auto;margin:0;overflow:hidden;border-radius:0;background:transparent}.diy-scene-canvas{width:100%;height:100%}.scene-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb8;backdrop-filter:blur(10px)}.scene-loading-card{display:flex;flex-direction:column;align-items:center;gap:8px;color:#737373;font-size:13px}.scene-spinner{width:28px;height:28px;border:3px solid rgba(var(--diy-brand-spinner-rgb),.22);border-top-color:var(--diy-brand-primary-line);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.finger-pills{display:flex;gap:clamp(6px,2vw,8px);flex-shrink:0;padding:clamp(5px,1.1vh,6px) var(--diy-edge-padding) clamp(5px,1vh,6px);overflow-x:auto;scrollbar-width:none}.finger-pills::-webkit-scrollbar,.panel-chip-scroll::-webkit-scrollbar{display:none}.finger-pill{min-width:clamp(48px,13vw,52px);height:clamp(28px,7.8vw,30px);flex:0 0 auto;padding:0 clamp(10px,3vw,12px);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0;border-radius:999px;background:#ffffffdb;color:#333;font-size:clamp(11px,3.3vw,12px);font-weight:650;box-shadow:0 4px 12px #1414140a;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.finger-pill.is-active{background:linear-gradient(135deg,var(--diy-brand-primary-soft),var(--diy-brand-primary-strong));color:#fff;box-shadow:0 6px 16px rgba(var(--diy-brand-shadow-rgb),.16)}.finger-pill:active,.tool-icon-btn:active,.soft-outline-btn:active,.primary-finish-btn:active,.asset-card:active{transform:scale(.97)}.diy-action-row{display:flex;align-items:flex-start;justify-content:space-between;flex-shrink:0;gap:var(--diy-control-gap);padding:0 var(--diy-edge-padding) clamp(5px,1.1vh,6px);overflow:hidden}.tool-group,.action-group{display:flex;align-items:center;gap:var(--diy-control-gap);min-width:0}.action-group{margin-left:auto;padding-top:1px;flex:0 1 auto}.tool-block{width:var(--diy-tool-size);flex:0 1 var(--diy-tool-size);display:flex;flex-direction:column;align-items:center;gap:1px;color:#777;font-size:clamp(8px,2.45vw,9px);line-height:1}.tool-icon-btn{display:inline-flex;width:var(--diy-tool-size);height:var(--diy-tool-size);align-items:center;justify-content:center;border:1px solid var(--diy-brand-border);border-radius:999px;background:#ffffffe6;color:#111;box-shadow:0 5px 14px #1414140d;transition:transform .18s ease,opacity .18s ease}.tool-icon-btn:disabled{color:#c8c4c2;opacity:.62}.tool-icon-btn svg,.soft-outline-btn svg,.primary-finish-btn svg,.panel-search-toggle svg{width:clamp(13px,3.7vw,14px);height:clamp(13px,3.7vw,14px)}.soft-outline-btn,.primary-finish-btn{display:inline-flex;height:var(--diy-action-height);align-items:center;justify-content:center;gap:clamp(2px,1vw,3px);padding:0 clamp(6px,1.9vw,10px);border-radius:999px;font-size:clamp(11px,3.1vw,12px);font-weight:750;transition:transform .18s ease,opacity .18s ease}.soft-outline-btn{min-width:var(--diy-save-width);border:1px solid #111111;background:#fff;color:#111}.primary-finish-btn{min-width:var(--diy-finish-width);border:1px solid #111111;background:linear-gradient(135deg,var(--diy-brand-primary-soft),var(--diy-brand-primary-strong));color:#fff;box-shadow:0 8px 18px rgba(var(--diy-brand-shadow-rgb),.18)}.soft-outline-btn span,.primary-finish-btn span{white-space:nowrap}.soft-outline-btn:disabled,.primary-finish-btn:disabled{opacity:.62}.diy-bottom-sheet{height:392px;height:clamp(336px,58vh,420px);height:clamp(336px,58dvh,420px);min-height:336px;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;border-top:1px solid var(--diy-brand-border);border-radius:16px 16px 0 0;background:#fffffffa;box-shadow:0 -6px 18px #1414140a}.diy-bottom-sheet.is-sticker-editing{height:auto;min-height:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.price-summary{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:center;gap:clamp(7px,2.6vw,10px);flex-shrink:0;margin:8px var(--diy-edge-padding) 6px;padding:clamp(7px,2.2vw,8px) clamp(10px,3.2vw,12px);border:1px solid var(--diy-brand-border);border-radius:14px;background:linear-gradient(135deg,#fffffffa,#f7f7f7f0);box-shadow:none}.price-total-label{display:block;color:#171717;font-size:12px;font-weight:700}.price-total-value{display:block;margin-top:2px;color:#111;font-size:clamp(22px,6.2vw,23px);font-weight:850;line-height:1}.price-total-value small{margin-right:3px;color:var(--diy-brand-primary-line);font-size:13px}.price-breakdown{display:flex;min-width:0;flex-wrap:wrap;gap:4px clamp(6px,2.2vw,8px);color:#444;font-size:var(--diy-compact-font)}.price-breakdown span{white-space:nowrap}.price-breakdown b{color:#111;font-weight:750}.price-selected{flex-basis:100%;color:#777}.price-selected strong{color:var(--diy-brand-primary-line)}.diy-material-panel{min-height:0;display:flex;flex-direction:column;flex:1;overflow:hidden;border-top:0;border-radius:0;background:transparent;box-shadow:none}.panel-primary-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) clamp(34px,10vw,38px);align-items:center;gap:2px;flex-shrink:0;padding:5px var(--diy-edge-padding) 0}.panel-primary-tab{position:relative;height:34px;border:0;background:transparent;color:#777;font-size:clamp(13px,3.7vw,14px);font-weight:700}.panel-primary-tab.is-active{color:#111}.panel-primary-tab.is-active:after{position:absolute;right:28%;bottom:0;left:28%;height:3px;border-radius:999px;background:#111;content:""}.panel-search-toggle{display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:#111}.panel-search-toggle.is-active{background:var(--diy-brand-surface-muted);color:#111}.panel-search-row{display:flex;gap:8px;flex-shrink:0;padding:8px var(--diy-edge-padding) 0}.panel-search-row input{min-width:0;height:32px;flex:1;border:1px solid var(--diy-brand-border);border-radius:999px;background:#fff;padding:0 14px;color:#171717;font-size:13px;outline:0}.panel-search-row button{border:0;background:transparent;color:var(--diy-brand-primary-line);font-size:13px;font-weight:700}.panel-chip-scroll{display:flex;gap:8px;flex-shrink:0;padding:8px var(--diy-edge-padding) 7px;overflow-x:auto;scrollbar-width:none}.panel-chip-scroll--sub{padding-top:0}.panel-chip{min-width:clamp(58px,17vw,62px);height:clamp(29px,8.2vw,30px);flex:0 0 auto;border:1px solid var(--diy-brand-border);border-radius:999px;background:#fff;color:#4a4a4a;font-size:12px;font-weight:650}.panel-chip.is-active{border-color:var(--diy-brand-primary-line);color:#111;background:#fff}.panel-scroll{min-height:0;flex:1;overflow-y:auto;padding:0 var(--diy-edge-padding) 10px}.asset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--diy-asset-grid-gap)}.asset-card{position:relative;min-height:var(--diy-asset-card-height);display:flex;flex-direction:column;align-items:center;justify-content:space-between;border:1px solid var(--diy-brand-border);border-radius:10px;background:#fff;padding:clamp(6px,1.9vw,7px);box-shadow:0 4px 12px #14141406;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.asset-card.is-active{border-color:var(--diy-brand-primary-line);box-shadow:0 6px 14px #11111114}.using-asset-grid{padding-bottom:4px}.using-asset-card{border-color:var(--diy-brand-primary-line);background:#fff;padding-top:9px;box-shadow:0 6px 14px #1111110f}.using-asset-card .asset-visual{margin-top:1px}.using-asset-card .asset-card-footer strong{max-width:100%}.using-remove-btn{position:absolute;top:8px;right:8px;z-index:2;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(17,17,17,.16);border-radius:999px;background:#fff;color:#111;box-shadow:0 6px 14px #1414141f}.using-remove-btn svg{width:13px;height:13px}.using-remove-btn:active{transform:scale(.94)}.asset-check{position:absolute;top:8px;right:8px;display:inline-flex;width:20px;height:20px;align-items:center;justify-content:center;border-radius:999px;border:1px solid #111111;background:#111;color:#fff;box-shadow:0 6px 14px rgba(var(--diy-brand-shadow-rgb),.25)}.asset-check svg{width:13px;height:13px}.asset-visual{width:48px;height:42px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:var(--diy-brand-surface-muted)}.asset-visual img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.asset-visual--nail{height:46px}.nail-shape-preview,.nail-material-preview{display:block;width:26px;height:40px;border-radius:50% 50% 42% 42%/28% 28% 22% 22%;background:linear-gradient(90deg,#dedede,#fff 47%,#d6d6d6);box-shadow:inset 6px 0 9px #ffffffa6,inset -4px 0 7px #1111111f,0 6px 12px #11111114}.nail-material-preview{height:38px}.asset-card-footer{width:100%;display:flex;min-width:0;align-items:baseline;justify-content:center;gap:5px}.asset-card-footer strong{min-width:0;max-width:68%;overflow:hidden;color:#111;font-size:clamp(12px,3.5vw,13px);font-weight:760;text-overflow:ellipsis;white-space:nowrap}.asset-card-footer span{color:var(--diy-brand-primary-line);font-size:12px;font-weight:700;white-space:nowrap}.panel-empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a8a8a;text-align:center}.panel-empty-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--diy-brand-surface-muted);color:var(--diy-brand-primary-line)}.panel-empty-icon svg{width:18px;height:18px}.panel-empty p{margin:8px 0 2px;color:#333;font-size:14px;font-weight:750}.panel-empty span{font-size:12px}.using-panel{display:flex;flex-direction:column;gap:10px;padding-bottom:4px}.using-panel>strong{display:block;color:#171717;font-size:14px}.sticker-editor{flex-shrink:0;display:flex;flex-direction:column;gap:10px;margin:0 16px 10px;padding:0}.sticker-current-card{min-height:clamp(72px,21vw,82px);display:grid;grid-template-columns:auto clamp(48px,14vw,58px) minmax(0,1fr) auto;align-items:center;gap:clamp(9px,3vw,12px);border:1px solid var(--diy-brand-border);border-radius:16px;background:#fffffffa;padding:clamp(10px,3vw,12px) clamp(12px,3.8vw,14px);box-shadow:0 10px 28px #1414140d}.sticker-current-label{color:#171717;font-size:14px;font-weight:820;white-space:nowrap}.sticker-current-thumb{width:clamp(48px,14vw,58px);height:clamp(48px,14vw,58px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:14px;background:var(--diy-brand-surface-muted)}.sticker-current-thumb img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sticker-current-meta{min-width:0}.sticker-current-meta strong,.sticker-current-meta span{display:block}.sticker-current-meta strong{overflow:hidden;color:#111;font-size:14px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.sticker-current-meta span{margin-top:5px;color:var(--diy-brand-primary-line);font-size:16px;font-weight:820;line-height:1}.sticker-change-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:#171717;font-size:14px;font-weight:720;white-space:nowrap}.sticker-change-btn.is-picking{color:var(--diy-brand-primary-line)}.sticker-change-btn svg{width:16px;height:16px;color:#777}.sticker-editor-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sticker-editor-tabs button{height:clamp(36px,10vw,38px);border:1px solid var(--diy-brand-border);border-radius:999px;background:#fffffff5;color:#171717;font-size:13px;font-weight:760;box-shadow:0 5px 14px #1414140a;transition:transform .18s ease,border-color .18s ease,color .18s ease}.sticker-editor-tabs button.is-active{border-color:var(--diy-brand-primary-line);color:#111;box-shadow:0 8px 18px #1111110f}.sticker-editor-tabs button.sticker-delete-btn{color:#111}.sticker-editor-tabs button.sticker-confirm-btn{border-color:#111;background:#111;color:#fff;box-shadow:0 6px 16px rgba(var(--diy-brand-shadow-rgb),.16)}.sticker-control-row{display:grid;gap:8px}.sticker-control-row--position{grid-template-columns:repeat(5,minmax(0,1fr))}.sticker-control-row--rotate{grid-template-columns:1fr 1fr 1fr 1.15fr}.sticker-control-row button,.sticker-control-row strong{height:clamp(36px,10vw,38px);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--diy-brand-border);border-radius:10px;background:#fffffffa;color:#111;font-size:18px;font-weight:760;box-shadow:0 5px 14px #1414140a}.sticker-control-row button:last-child{font-size:14px}.sticker-control-row strong{color:var(--diy-brand-primary-line);font-size:15px}