:root{font-family:DM Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:#232635;background:#f5f4f0;font-synthesis:none;text-rendering:optimizeLegibility;--ink:#232635;--muted:#777a89;--soft:#eeeef1;--blue:#5260e9;--blue-dark:#3e4ad0;--line:#e6e5e1;--gold:#f2bd57;--panel:#fff;--serif:"Manrope","Hiragino Kaku Gothic ProN",sans-serif;font-optical-sizing:auto}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}body{min-width:320px}button,input,select{font:inherit}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8992ff;outline-offset:2px}.app-shell{min-height:100vh;background:#f5f4f0}.topbar{height:74px;padding:0 clamp(18px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eae9e5;background:#faf9f6f0;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:11px;font:800 17px var(--serif);letter-spacing:-2px;padding-right:3px}.brand b{display:block;font:800 14px var(--serif);letter-spacing:-.35px}.brand small{display:block;font-size:8px;font-weight:700;letter-spacing:1.55px;color:#8e90a0;margin-top:2px}.top-actions{display:flex;align-items:center;gap:8px}.save-status{font-size:11px;color:#6f7280;margin-right:12px;display:flex;align-items:center;gap:7px;white-space:nowrap}.save-status i{width:7px;height:7px;border-radius:50%;background:#68b594;display:block}.save-status.is-error{color:#bb5157}.save-status.is-error i{background:#d85f66}.save-status i.pulse{box-shadow:0 0 0 3px #68b59422}.icon-button{border:1px solid var(--line);background:#fff;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1;color:#626575;display:grid;place-items:center}.icon-button:disabled,.quiet-button:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.45;cursor:not-allowed}.quiet-button{border:0;background:transparent;padding:9px 11px;border-radius:8px;color:#5f6374;font-size:11px;font-weight:700}.quiet-button:hover{background:#efeff2;color:#30334a}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,43%);max-width:1600px;margin:0 auto;min-height:calc(100vh - 112px)}.stage-column{padding:24px clamp(18px,4vw,56px) 28px;display:flex;flex-direction:column;min-width:0}.stage-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.step-tabs{display:flex;align-items:center;gap:12px}.step-tab{border:0;background:transparent;color:#9698a4;font-size:11px;font-weight:700;padding:8px 0;display:flex;gap:8px;align-items:center;white-space:nowrap}.step-tab span{font:600 9px var(--serif);color:#acaeba;letter-spacing:.7px}.step-tab.is-active{color:var(--ink)}.step-tab.is-active span{color:var(--blue)}.tab-arrow{font-size:11px;color:#c3c3ca}.reset-view{width:31px;height:31px;font-size:17px}.stage-wrap{height:clamp(410px,62vh,690px);min-height:350px;position:relative;border-radius:18px;overflow:hidden;background:#e9e9ee;border:1px solid #e0e0e5;box-shadow:0 18px 50px #292c4210}.viewport{position:absolute;top:0;right:0;bottom:0;left:0}.studio-canvas{display:block;width:100%;height:100%;touch-action:none}.stage-note{position:absolute;z-index:1;top:18px;left:19px;display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:1.5px;font-weight:700;color:#767887;pointer-events:none}.live-dot{width:6px;height:6px;background:#4db994;border-radius:50%;box-shadow:0 0 0 4px #4db99420}.stage-chip{position:absolute;z-index:1;top:15px;right:15px;background:#ffffffb8;border:1px solid #ffffff99;border-radius:6px;padding:7px 9px;font:700 8px var(--serif);letter-spacing:1px;color:#777a88;pointer-events:none}.stage-hint{position:absolute;z-index:1;bottom:14px;left:50%;transform:translate(-50%);background:#fff9;border:1px solid #ffffff8c;border-radius:999px;padding:8px 12px;font-size:9px;color:#676b7b;white-space:nowrap;pointer-events:none}.stage-footer{display:flex;align-items:center;justify-content:space-between;padding:19px 3px 0;gap:16px}.product-caption{display:flex;flex-direction:column;gap:3px}.eyebrow{font:700 8px var(--serif);letter-spacing:1.45px;color:#999bab}.product-caption strong{font:800 16px var(--serif);letter-spacing:-.35px;text-transform:uppercase}.product-caption>span:last-child{font-size:10px;color:#777a89}.stage-footer-right{display:flex;align-items:center;gap:10px}.camera-caption{font-size:9px;color:#848795;text-align:right}.site-footer{min-height:38px;padding:0 clamp(18px,4vw,58px);display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#9a9ba6}.site-footer div{display:flex;align-items:center;gap:7px}.site-footer a{color:#818491;text-decoration:none}.site-footer a:hover{text-decoration:underline;color:var(--blue)}.editor-column{border-left:1px solid #e8e7e3;background:#fbfaf7;min-width:0}.editor-panel{padding:29px clamp(23px,3vw,42px) 0;max-width:660px;margin:0 auto}.editor-panel[hidden]{display:none}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:25px}.panel-heading h1{margin:8px 0 0;font:800 clamp(23px,2vw,30px)/1.4 var(--serif);letter-spacing:-1.15px}.heading-mark{font-size:36px;color:var(--gold);line-height:1;padding:8px 5px}.form-section{padding:18px 0 20px;border-top:1px solid #eeede9}.section-title{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px}.section-number{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#f1f0ed;color:#a2a2ac;font:700 9px var(--serif);flex:0 0 auto}.section-title h2{font-size:12px;margin:0 0 3px;font-weight:800;letter-spacing:.05px}.section-title p{font-size:9px;color:#9698a2;margin:0}.base-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.base-card{min-height:109px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fff;border:1px solid #e9e8e5;border-radius:11px;padding:9px 4px 8px;transition:all .16s}.base-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #2527400b}.base-card.is-selected{border-color:#747ff0;box-shadow:0 0 0 2px #747ff023;background:#fcfcff}.base-card b{font-size:9px}.base-card small{font-size:7px;color:#9294a0;white-space:nowrap}.base-illustration{height:38px;width:58px;display:grid;place-items:center;color:#5362e9;position:relative}.hat-icon:before{content:"";width:35px;height:22px;background:#5362e9;clip-path:polygon(10% 0,90% 0,82% 85%,100% 100%,0 100%,18% 85%);position:absolute;top:3px;border-radius:3px}.hat-icon:after{content:"";width:54px;height:8px;background:#f6bd58;position:absolute;bottom:4px;border-radius:50%;box-shadow:0 2px #5362e9}.hat-icon i{position:absolute;z-index:1;top:13px;width:33px;border-top:3px solid #f6bd58}.badge-icon{border:5px solid #f6bd58;border-radius:50%;width:35px;height:35px;background:#5362e9;color:#fff;font-size:18px;box-shadow:inset 0 0 0 2px #5362e9}.sign-icon{width:54px;height:23px;border:4px solid #f6bd58;border-radius:7px;background:#5362e9;color:#fff;font:800 11px var(--serif);transform:rotate(-4deg)}.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.color-field{height:39px;border:1px solid #e8e7e5;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:8px;color:#666a78}.color-field input,.mini-color input{width:22px;height:22px;padding:0;border:0;background:transparent;border-radius:6px;overflow:hidden;cursor:pointer}.color-field input::-webkit-color-swatch-wrapper,.mini-color input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch,.mini-color input::-webkit-color-swatch{border:1px solid #0000001a;border-radius:6px}.swatch-row{display:flex;align-items:center;gap:7px;margin:11px 0 13px}.swatch-row>span{font-size:8px;color:#92949e;margin-left:2px}.palette{border:1px solid #e4e3df;width:21px;height:21px;border-radius:50%;background:linear-gradient(135deg,#5362e9 50%,#f6bd58 50%);padding:0}.palette-peach{background:linear-gradient(135deg,#f09a76 50%,#553c6b 50%)}.palette-mint{background:linear-gradient(135deg,#70bcaf 50%,#eddaa4 50%)}.palette-mono{background:linear-gradient(135deg,#292a32 50%,#d9dbe1 50%)}.select-label,.input-label{display:block;font-size:9px;font-weight:700;color:#626574;margin:0 0 6px}.pattern-select-wrap{position:relative}.pattern-select-wrap select{width:100%;height:37px;border:1px solid #e8e7e5;border-radius:8px;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 12px;font-size:10px;color:#444757}.pattern-select-wrap>span{position:absolute;right:12px;top:8px;color:#888b97;pointer-events:none}.text-input{height:38px;border:1px solid #e8e7e5;border-radius:8px;background:#fff;padding:0 11px;width:100%;font-size:10px;color:var(--ink)}.text-input::placeholder{color:#b0b1b9}.image-input-row{display:flex;align-items:center;gap:10px;margin-top:10px}.upload-image{min-width:126px;min-height:42px;border:1px dashed #cbcbd2;border-radius:8px;display:grid;grid-template-columns:22px 1fr;grid-template-rows:1fr 1fr;align-items:center;padding:5px 9px;background:#fff;cursor:pointer}.upload-image:hover{border-color:#7781e8;background:#fafaff}.upload-image>span{grid-row:span 2;color:var(--blue);font-size:17px;text-align:center}.upload-image b{font-size:9px}.upload-image small{font-size:7px;color:#9597a2}.image-state{font-size:8px;color:#8b8d99;flex:1}.text-button{background:transparent;border:0;color:var(--blue);font-size:9px;font-weight:700;padding:6px}.ornament-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.ornament-options{display:flex;gap:6px}.ornament-option{height:30px;padding:0 10px;border:1px solid #e8e7e5;border-radius:7px;background:#fff;font-size:9px;color:#6e7180}.ornament-option.is-selected{background:#eeefff;border-color:#8c94ed;color:#414ccf}.mini-color{display:flex;align-items:center;gap:7px;font-size:8px;color:#777987}.mini-color input{width:21px;height:21px}.check-row{display:flex;align-items:center;gap:7px;font-size:9px;color:#696c7a;margin-top:12px;cursor:pointer}.check-row input{position:absolute;opacity:0}.checkmark{border:1px solid #d6d6dd;border-radius:4px;width:14px;height:14px;background:#fff;color:transparent;display:grid;place-items:center;font-size:9px}.check-row input:checked+.checkmark{background:var(--blue);border-color:var(--blue);color:#fff}.range-list{display:grid;gap:9px}.range-control{display:grid;grid-template-columns:54px 1fr 39px;gap:8px;align-items:center;font-size:8px;color:#707382}.range-control output{text-align:right;color:#888a96;font-variant-numeric:tabular-nums}.range-control input{width:100%;height:14px;accent-color:var(--blue);margin:0;cursor:pointer}.decoration-section{padding-bottom:18px}.storage-note{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;background:#f1f1f4;border-radius:8px;margin:0 0 16px;color:#777987}.storage-note>span{color:#858cf0;font-size:14px;line-height:1}.storage-note p{margin:0;font-size:8px;line-height:1.7}.panel-bottom{position:sticky;bottom:0;padding:10px 0 17px;background:linear-gradient(0deg,#fbfaf7 84%,#fbfaf700);z-index:1}.primary-button,.secondary-button{border:0;border-radius:9px;height:43px;padding:0 16px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:13px;transition:background .15s,transform .15s}.primary-button{background:var(--blue);color:#fff;box-shadow:0 5px 14px #5260e933}.primary-button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.primary-button span{font-size:17px;font-weight:400;line-height:0}.panel-bottom>.primary-button{width:100%}.secondary-button{background:#f1f0ed;color:#545766}.secondary-button:hover:not(:disabled){background:#e9e8e4}.dual-bottom{display:grid;grid-template-columns:1fr 1.3fr;gap:8px}.avatar-source{display:flex;align-items:center;justify-content:space-between;padding:12px 13px;border:1px solid #e9e8e5;border-radius:9px;background:#fff;margin-bottom:9px}.avatar-source>div{display:flex;flex-direction:column;gap:3px}.avatar-source b{font-size:10px}.avatar-source small{font-size:8px;color:#838592}.outline-small{border:1px solid #e5e4e1;border-radius:7px;background:#fff;color:#727584;font-size:8px;padding:7px 8px}.avatar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.avatar-action{min-height:34px;border:1px solid #e6e5e2;border-radius:7px;background:#fff;color:#737684;font-size:9px;display:grid;place-items:center}.avatar-action.is-active{border-color:#8a92ed;background:#f5f5ff;color:#4854d4}.file-action{cursor:pointer}.file-action:hover{border-color:#8a92ed}.bone-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bone-card{border:1px solid #e7e6e3;border-radius:8px;background:#fff;min-height:36px;font-size:9px;color:#737584;display:flex;align-items:center;justify-content:center;gap:5px}.bone-card span{font-size:8px;color:#a6a8b2}.bone-card.is-selected{background:#f1f2ff;border-color:#8e95ed;color:#4652d2}.bone-card.is-selected span{color:var(--blue)}.axis-group{margin:15px 0 16px}.axis-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.axis-heading>span{font-size:9px;font-weight:700}.axis-heading small{font-size:8px;color:#9698a2}.attach-section{padding-bottom:15px}.wear-panel .form-section{padding-top:17px}.export-dialog,.upload-dialog{width:min(520px,calc(100% - 28px));border:1px solid #e8e7e3;border-radius:16px;padding:27px 30px 24px;background:#fbfaf8;box-shadow:0 24px 80px #20223f40;color:var(--ink)}.export-dialog::backdrop,.upload-dialog::backdrop{background:#1e2033a3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-close-row{display:flex;justify-content:flex-end;margin:-11px -14px 4px}.dialog-close{border:0;background:transparent;width:30px;height:30px;font-size:24px;color:#878996}.dialog-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eeefff;color:var(--blue);font-size:20px;margin-bottom:13px}.token-icon{font-size:17px}.export-dialog h2,.upload-dialog h2{font:800 24px var(--serif);letter-spacing:-.8px;margin:6px 0 8px}.dialog-intro{font-size:10px;color:#757886;line-height:1.7;margin:0 0 17px}.dialog-intro a{color:var(--blue)}.budget-results{border:1px solid #e9e8e4;background:#fff;border-radius:10px;padding:8px 11px;max-height:270px;overflow:auto}.budget-row{height:31px;display:grid;grid-template-columns:19px 1fr auto auto;align-items:center;gap:8px;border-bottom:1px solid #f1f0ed;font-size:9px}.budget-row:last-of-type{border-bottom:0}.budget-check{width:15px;height:15px;display:grid;place-items:center;border-radius:50%;font-size:9px}.is-ok .budget-check{color:#328566;background:#e8f6ef}.is-fail .budget-check{color:#b8414b;background:#fff0ef}.budget-row b{font-size:9px;font-variant-numeric:tabular-nums}.budget-row small{color:#a1a2ac;font-size:8px}.budget-pass,.budget-fail{padding:10px 2px 3px;font-size:9px;font-weight:700}.budget-pass{color:#328566}.budget-fail{color:#b3434b}.budget-placeholder{padding:17px;text-align:center;font-size:9px;color:#989aa4}.download-row{display:grid;grid-template-columns:1fr 1.35fr;gap:8px;margin-top:15px}.download-row button{width:100%}.dialog-footnote{font-size:8px;line-height:1.65;color:#9799a3;margin-top:12px}.token-label{display:block;margin:0 0 6px;font-size:9px;font-weight:700}.token-input{height:42px;font-size:11px}.token-notice{display:flex;flex-direction:column;gap:4px;padding:10px;background:#f0f1f4;border-radius:8px;margin-top:10px}.token-notice b{font-size:9px;color:#575b6c}.token-notice span{font-size:8px;color:#858794}.upload-status{min-height:20px;margin:12px 0 0;font-size:9px;line-height:1.6;color:#767987}.upload-success,.upload-error{display:flex;flex-direction:column;gap:4px;padding:9px;border-radius:8px}.upload-success{background:#e9f6ee;color:#307858}.upload-error{background:#fff0ee;color:#aa4648}.upload-success b,.upload-error b{font-size:10px}.upload-success span,.upload-error span{font-size:8px}.check-status{margin:0 auto;display:block}.spinner{display:inline-block;width:11px;height:11px;border:2px solid #d4d6f5;border-top-color:var(--blue);border-radius:50%;vertical-align:-2px;margin-right:7px;animation:spin .7s linear infinite}.toast{position:fixed;z-index:8;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#26293b;color:#fff;border-radius:9px;padding:11px 15px;font-size:10px;box-shadow:0 12px 30px #22243a30;transition:all .2s;max-width:min(90vw,520px);text-align:center}.toast.is-visible{opacity:1;transform:translate(-50%)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:980px){.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,44%)}.stage-column{padding:21px 24px}.editor-panel{padding-left:24px;padding-right:24px}.topbar{padding:0 24px}.stage-wrap{height:58vh;min-height:370px}.base-card small{font-size:6.5px}}@media(max-width:760px){.topbar{height:60px;padding:0 15px}.brand-mark{width:30px;height:30px;border-radius:9px}.brand b{font-size:12px}.brand small{font-size:7px;letter-spacing:1.2px}.top-actions{gap:4px}.save-status{font-size:0;margin-right:3px}.save-status i{width:8px;height:8px}.top-actions .icon-button{width:30px;height:30px;font-size:20px}.quiet-button{font-size:9px;padding:8px 7px}.workspace{display:flex;flex-direction:column;min-height:auto}.stage-column{padding:13px 14px 18px}.stage-toolbar{margin-bottom:9px}.step-tabs{gap:9px}.step-tab{font-size:9px;gap:5px}.step-tab span{font-size:8px}.reset-view{width:28px;height:28px}.stage-wrap{height:min(48vh,480px);min-height:300px;border-radius:13px}.stage-note{top:12px;left:12px;font-size:7px}.stage-chip{top:10px;right:10px;font-size:7px;padding:6px 7px}.stage-hint{bottom:9px;font-size:8px;padding:7px 10px}.stage-footer{padding:12px 1px 0}.product-caption strong{font-size:14px}.camera-caption{max-width:132px;font-size:8px}.editor-column{border-left:0;border-top:1px solid #e8e7e3}.editor-panel{padding:22px 18px 0;max-width:600px}.panel-heading{margin-bottom:18px}.panel-heading h1{font-size:24px}.heading-mark{font-size:30px}.form-section{padding:15px 0 17px}.base-card{min-height:100px}.base-card b{font-size:9px}.base-card small{font-size:7px}.site-footer{padding:0 16px;min-height:42px;font-size:7px}.site-footer div{gap:4px}.export-dialog,.upload-dialog{padding:22px 19px 19px}.panel-bottom{position:sticky;bottom:0;padding-bottom:12px}.dual-bottom{grid-template-columns:.9fr 1.1fr}.range-control{grid-template-columns:58px 1fr 42px}.toast{bottom:15px;font-size:9px}}@media(max-width:380px){.brand{gap:7px}.topbar{padding:0 10px}.top-actions .quiet-button{font-size:8px;padding:8px 5px}.step-tabs{gap:6px}.step-tab{font-size:8px}.stage-column{padding-left:10px;padding-right:10px}.editor-panel{padding-left:14px;padding-right:14px}.base-grid{gap:5px}.base-card{padding-left:2px;padding-right:2px}.base-card small{font-size:6px}.ornament-options{gap:3px}.ornament-option{padding:0 7px;font-size:8px}.mini-color{gap:3px}}.label-spaced{margin-top:10px}.gizmo-layer{position:absolute;z-index:3;width:150px;height:132px;transform:translate(-50%,-50%);pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.gizmo-layer[hidden]{display:none!important}.gizmo-layer button{position:absolute;display:grid;place-items:center;padding:0;border:2px solid #fff;border-radius:50%;background:#5362e9;color:#fff;font-size:19px;font-weight:700;box-shadow:0 3px 12px #25294845,0 0 0 1px #3337481c;touch-action:none;pointer-events:auto;transition:transform .12s,background .12s}.gizmo-layer button:hover{background:#3e4ad0;transform:scale(1.06)}.gizmo-layer button:active{transform:scale(.96)}.gizmo-rotate{width:98px;height:98px;top:4px;left:26px;background:#ffffff05!important;border:2px dashed #fff!important;box-shadow:0 0 0 1px #464a6338!important;color:transparent!important}.gizmo-rotate:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #fff9;border-radius:50%;box-shadow:0 0 0 1px #42455e22}.gizmo-move{width:54px;height:54px;left:48px;top:26px;font-size:23px!important;background:#2f354d!important}.gizmo-scale{width:46px;height:46px;left:99px;top:0;font-size:20px!important;background:#e8a93e!important}.gizmo-depth{width:47px;height:42px;left:51px;top:80px;border-radius:12px!important;font-size:19px!important;background:#5e9b91!important}.gizmo-depth[hidden]{display:none!important}.gizmo-reset{width:38px;height:38px;left:5px;top:45px;font-size:17px!important;background:#fff!important;color:#51566c!important}.gizmo-label{position:absolute;top:121px;left:50%;transform:translate(-50%);width:max-content;border-radius:999px;padding:5px 8px;background:#fffe;color:#55596d;font-size:8px;line-height:1.2;box-shadow:0 2px 8px #2529481a;pointer-events:none;white-space:nowrap}.gizmo-layer.is-wear .gizmo-move{background:#344062!important}.gesture-guide{display:flex;gap:6px;flex-wrap:wrap;margin:3px 0 13px}.guide-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #e8e7e4;border-radius:999px;padding:5px 8px;background:#fff;font-size:8px;color:#727585}.guide-chip b{font-size:12px;color:#5360df;line-height:1}.fine-tune{border-top:1px solid #f0efec;margin-top:10px;padding-top:9px}.fine-tune summary{width:max-content;cursor:pointer;color:#8b8d98;font-size:8px;font-weight:700;list-style:none}.fine-tune summary::-webkit-details-marker{display:none}.fine-tune summary:before{content:"＋";display:inline-grid;place-items:center;width:14px;height:14px;border:1px solid #d7d7de;border-radius:4px;margin-right:6px;color:#6f7381}.fine-tune[open] summary:before{content:"−"}.fine-tune .range-list{margin-top:10px}.fine-tune .axis-group{margin:14px 0}.gizmo-layer:has(.gizmo-depth:not([hidden])) .gizmo-label{top:121px}.name-input{margin-bottom:2px}@media(max-width:760px){.gizmo-layer{transform:translate(-50%,-50%) scale(.92)}.gizmo-layer button{box-shadow:0 3px 12px #25294850,0 0 0 2px #fff9}.fine-tune{margin-top:8px}}@media(max-width:760px){.app-shell{min-height:100dvh}.topbar{height:calc(60px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(15px + env(safe-area-inset-right,0px)) 0 calc(15px + env(safe-area-inset-left,0px))}.stage-column{padding-left:calc(14px + env(safe-area-inset-left,0px));padding-right:calc(14px + env(safe-area-inset-right,0px))}.stage-wrap{height:min(48svh,480px);min-height:min(300px,34svh)}.panel-bottom{padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.site-footer{padding-left:calc(16px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px));padding-bottom:env(safe-area-inset-bottom,0px)}.gizmo-layer{transform:translate(-50%,-50%)}.gizmo-reset{width:44px;height:44px;left:2px;top:42px}}@media(max-width:760px){.panel-bottom{position:static}}@media(max-width:760px){.stage-column{position:sticky;top:0;align-self:flex-start;z-index:2;width:100%;background:#f5f4f0;padding-top:calc(13px + env(safe-area-inset-top,0px));padding-bottom:10px}.stage-wrap{height:min(40svh,340px);min-height:min(240px,30svh)}}@media(max-width:760px){html,body,#app{height:100%;overflow:hidden}.app-shell{height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{flex:0 0 calc(60px + env(safe-area-inset-top,0px))}.workspace{flex:1 1 auto;min-height:0;height:0;display:flex;flex-direction:column;overflow:hidden}.stage-column{position:static;align-self:stretch;flex:0 0 auto;width:100%;z-index:auto;padding-bottom:8px}.stage-wrap{height:min(34svh,280px);min-height:min(200px,calc(100svh*.28))}.stage-footer{padding-top:7px}.editor-column{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel-bottom{position:sticky;bottom:0}.site-footer{flex:0 0 auto}}.orientation-tip{display:none}@media(max-width:760px)and (orientation:portrait){.orientation-tip{display:block;padding:0 1px 4px;text-align:center;color:#818492;font-size:8px;line-height:1.4}}@media(max-width:900px)and (max-height:650px)and (orientation:landscape){html,body,#app{height:100%;overflow:hidden}.app-shell{height:100svh;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topbar{height:calc(48px + env(safe-area-inset-top,0px));flex:0 0 calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) calc(14px + env(safe-area-inset-right,0px)) 0 calc(14px + env(safe-area-inset-left,0px))}.workspace{flex:1 1 auto;min-height:0;height:0;max-width:none;margin:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);overflow:hidden}.stage-column{position:static;align-self:stretch;min-width:0;padding:8px 12px 7px;display:flex;flex-direction:column}.stage-toolbar{margin-bottom:5px}.stage-wrap{flex:1 1 auto;height:auto;min-height:min(150px,34svh);max-height:none;border-radius:12px}.stage-footer{padding:6px 1px 0}.orientation-tip{display:none}.editor-column{min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-left:1px solid #e8e7e3;border-top:0}.editor-panel{padding:13px 17px 0;max-width:none;margin:0}.panel-heading{margin-bottom:10px}.panel-heading h1{font-size:22px;line-height:1.25;margin-top:5px}.heading-mark{font-size:28px;padding:3px}.form-section{padding:11px 0 12px}.section-title{margin-bottom:8px}.base-card{min-height:84px}.panel-bottom{position:sticky;bottom:0;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.site-footer{min-height:26px;padding:3px calc(14px + env(safe-area-inset-right,0px)) 3px calc(14px + env(safe-area-inset-left,0px));font-size:7px}}@media(max-width:760px)and (orientation:portrait){.panel-bottom{position:static}}@media(max-width:900px)and (max-height:650px)and (orientation:landscape){.panel-bottom{position:static}}.base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.png-icon{font-size:11px;font-weight:900;letter-spacing:-.7px;color:#5360df;background:linear-gradient(135deg,#f2f2fa 25%,#fff 25%,#fff 50%,#f2f2fa 50%,#f2f2fa 75%,#fff 75%);background-size:12px 12px;border:1px solid #dedff3;border-radius:8px;transform:rotate(-5deg)}.png-icon i{font-style:normal}.png-base-card.is-selected .png-icon{border-color:#9399ed}.image3d-section{background:#fff;border:1px solid #e9e8e5;border-radius:12px;margin-top:14px;padding:16px 13px 13px!important}.image3d-section .section-title{margin-bottom:11px}.image3d-section .section-number{background:#eef0ff;color:#5260e9}.image3d-upload-row{display:flex;align-items:center;gap:8px}.image3d-upload{flex:1;min-width:0;min-height:78px;border:1px dashed #c7c9db;border-radius:9px;background:#fdfdff}.image3d-upload:hover{border-color:#858de8;background:#f8f8ff}.image3d-upload span{width:22px;height:22px;border-radius:7px;background:#eff0ff;color:#5260e9;display:grid;place-items:center;font-size:16px}.image3d-upload b{font-size:10px}.image3d-upload small{font-size:8px}.image3d-status{margin:10px 0 0;padding:9px 10px;border-radius:8px;background:#f2f4f5;color:#626779;font-size:9px;line-height:1.6}.image3d-status.is-warning{background:#fff6e5;color:#846424}.image3d-status.is-error{background:#fff0ee;color:#a44449}.image-mode-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0 10px}.image-mode{min-height:35px;border:1px solid #e4e4e8;background:#fff;border-radius:8px;padding:6px 5px;color:#777a88;font-size:8px;font-weight:700}.image-mode.is-selected{background:#eff0ff;color:#4855d3;border-color:#9299eb}.image-range-list{gap:7px}.image-range-list .range-control{grid-template-columns:minmax(105px,1.05fr) 1.5fr 40px;font-size:8px}.image-range-list output{font-size:8px}.image-side-color{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:9px;border-top:1px solid #f0efec;font-size:8px}.image-side-color input{height:25px;width:40px}.image-reset{margin-top:10px;padding:3px 0;font-size:8px}.image3d-note{font-size:8px;color:#9294a0;line-height:1.6;margin:8px 0 0}@media(max-width:760px){.base-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image3d-section{padding:14px 11px 12px!important}.image-mode{font-size:8px}.image-range-list .range-control{grid-template-columns:minmax(92px,1.1fr) 1.2fr 37px;gap:6px}}@media(max-width:380px){.base-grid{gap:4px}.base-card b{font-size:8px}.base-card small{font-size:5.7px}.image3d-section{padding-left:9px!important;padding-right:9px!important}.image-range-list .range-control{grid-template-columns:90px minmax(60px,1fr) 35px}}.backpack-icon{color:#654f3e}.backpack-icon:before{content:"";position:absolute;width:31px;height:28px;top:7px;border:2px solid #73583d;border-radius:8px 8px 9px 9px;background:linear-gradient(135deg,#d7c5a5,#b79a71);box-shadow:inset 0 -3px #967959}.backpack-icon:after{content:"";position:absolute;width:23px;height:12px;bottom:3px;border:1px solid #73583d;border-radius:5px 5px 7px 7px;background:#d0b995}.backpack-icon i{z-index:1;margin-top:17px;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.4px;color:#4b3d30}.backpack-section{margin-top:12px;border:1px solid #e9e8e5;border-radius:12px;padding:15px 13px!important;background:#fff}.backpack-model-upload{min-height:68px;border:1px dashed #c9c7c0;border-radius:9px;background:#fffefa}.backpack-model-upload span{width:23px;height:23px;display:grid;place-items:center;border-radius:7px;background:#f1eee7;color:#725c42;font-size:16px}.backpack-model-upload b{font-size:10px}.backpack-model-upload small{font-size:8px}.backpack-model-status{margin:9px 0 0;padding:8px 9px;border-radius:8px;background:#f4f3ef;color:#74736e;font-size:8px;line-height:1.6}.backpack-artwork-row{margin-top:11px}.backpack-artwork-row .upload-image{min-height:68px}.backpack-artwork-row .upload-image b{font-size:9px}.backpack-section .section-number{background:#f1eee7;color:#725c42}.backpack-model-status.is-error{background:#fff0ee;color:#a44449}.hardware-options{margin:12px 0 10px;padding:10px;border:1px solid #ecebf0;border-radius:9px;background:#fbfbfd}.hardware-heading{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:8px}.hardware-heading b{font-size:9px}.hardware-heading small,.hardware-fit-note{font-size:7px;color:#9294a0}.hardware-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.hardware-option{min-height:30px;border:1px solid #e6e6eb;background:#fff;border-radius:7px;padding:4px 3px;font-size:8px;font-weight:650;color:#747786}.hardware-option.is-selected{border-color:#8a92e9;background:#eff0ff;color:#4653d1;box-shadow:0 0 0 1px #8089ea18}.hardware-side-row{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding-top:8px;border-top:1px solid #ecebf0;font-size:8px;color:#747786}.hardware-side-row[hidden]{display:none!important}.hardware-side-row>div{display:flex;gap:5px}.hardware-side{border:1px solid #e4e4e8;background:#fff;border-radius:6px;min-width:42px;padding:5px 10px;font-size:8px}.hardware-side.is-selected{border-color:#8a92e9;background:#eff0ff;color:#4653d1}.hardware-fit-note{line-height:1.5;margin:7px 0 0}@media(max-width:380px){.hardware-options{padding:8px}.hardware-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.hardware-option{font-size:7px}}