.diy-uiue.ustone-studio .canvas-wrap>svg{z-index:1;position:relative}.diy-uiue.ustone-studio .drag-remove-hint{z-index:3;color:#fff;text-align:center;overflow-wrap:anywhere;pointer-events:none;visibility:hidden;background:#293a30;border-radius:10px;width:max-content;max-width:calc(100% - 32px);padding:8px 14px;font-size:.8125rem;line-height:1.385;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #0000001a}.diy-uiue.ustone-studio .drag-remove-hint[data-visible=true]{visibility:visible}.diy-uiue.ustone-studio .drag-remove-hint[data-placement=center]{bottom:auto;transform:translate(-50%,-50%)}.diy-uiue.ustone-studio .material-limit-feedback{z-index:10;color:#272c2e;pointer-events:none;opacity:0;visibility:hidden;background:#fff;border-radius:12px;align-items:flex-start;gap:10px;width:min(326px,100% - 32px);padding:16px;transition:opacity .15s,visibility .15s;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.diy-uiue.ustone-studio .material-limit-feedback[data-visible=true]{opacity:1;visibility:visible}.diy-uiue.ustone-studio .material-limit-feedback .ui-icon{flex-shrink:0;width:20px;height:20px}.diy-uiue.ustone-studio .material-limit-feedback strong{font-size:1rem;font-weight:500;line-height:1.4}.diy-uiue.ustone-studio .material-limit-feedback p{margin:4px 0 0;font-size:.8125rem;line-height:1.385}.diy-uiue.ustone-studio .limit-announcement{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.diy-uiue.ustone-studio .brand-row{height:auto;min-height:48px}.diy-uiue.ustone-studio .stats{flex-wrap:wrap;gap:12px;height:auto;min-height:44px}.diy-uiue.ustone-studio .tools{flex-wrap:wrap;justify-content:flex-start;gap:4px;padding:0 8px}.diy-uiue.ustone-studio .tools button:nth-child(-n+2){width:44px;height:44px;font-size:0;position:static}.diy-uiue.ustone-studio .tools button:nth-child(-n+2):before{content:none}.diy-uiue.ustone-studio .tools button{justify-content:center;align-items:center;gap:4px;font-size:.8125rem;display:inline-flex}.diy-uiue.ustone-studio .tools .tryon-action{margin-left:auto}.diy-uiue.ustone-studio .save-row{min-height:0;padding:2px 12px}.diy-uiue.ustone-studio .save-row p{font-size:.75rem}.diy-uiue.ustone-studio .library{min-height:0;padding:0 8px}.diy-uiue.ustone-studio .material-heading{flex-wrap:wrap;align-items:center;gap:6px;padding:6px 0;display:flex}.diy-uiue.ustone-studio .material-heading h2{flex:0 auto;margin:0 auto 0 0;font-size:.875rem}.diy-uiue.ustone-studio .material-heading .search{color:#5c6366;background:#fff;border:1px solid #8a918d;border-radius:6px;flex:156px;gap:8px;width:auto;min-width:min(156px,100%);max-width:100%;min-height:44px;margin:0;padding:0 0 0 12px;position:static}.diy-uiue.ustone-studio .search>.ui-icon{flex:0 0 20px;width:20px;height:20px}.diy-uiue.ustone-studio .search input{color:#272c2e;outline:none;min-width:0;height:auto;min-height:42px;padding:8px 8px 8px 0;font-size:1rem;line-height:1.5}.diy-uiue.ustone-studio .search input::placeholder{color:#5c6366;opacity:1}.diy-uiue.ustone-studio .search:focus-within{outline-offset:2px;border-color:#42564b;outline:2px solid #42564b}.diy-uiue.ustone-studio .search-clear{border:0;flex:0 0 44px;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:flex}.diy-uiue.ustone-studio .search-clear .ui-icon{width:16px;height:16px}.diy-uiue.ustone-studio .catalog-refresh{border:0;justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:flex}.diy-uiue.ustone-studio .categories{width:70px}.diy-uiue.ustone-studio .categories button{min-height:44px;font-size:.8125rem;line-height:1.385}.diy-uiue.ustone-studio .catalog-body{gap:8px}.diy-uiue.ustone-studio .material-grid{gap:6px}.diy-uiue.ustone-studio .material-card{box-sizing:border-box;border:1px solid var(--u-divider);border-radius:6px;flex-direction:column;min-width:0;height:7.25rem;min-height:116px;padding:.375rem .25rem;display:flex}.diy-uiue.ustone-studio .material-art{flex:0 0 2.5rem;width:100%;height:2.5rem;margin-bottom:.25rem}.diy-uiue.ustone-studio .material-art img{object-fit:contain;flex:none}.diy-uiue.ustone-studio .material-card strong{-webkit-line-clamp:2;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:0 0 1.875rem;width:100%;height:1.875rem;min-height:0;font-size:.6875rem;line-height:.9375rem;display:-webkit-box;overflow:hidden}.diy-uiue.ustone-studio .material-card small{text-overflow:ellipsis;white-space:nowrap;flex:0 0 .875rem;width:100%;min-width:0;height:.875rem;font-size:.625rem;line-height:.875rem;overflow:hidden}.diy-uiue.ustone-studio .material-card .material-spec{margin-top:auto}.diy-uiue.ustone-studio .material-card[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--u-accent);border-width:1px}.diy-uiue.ustone-studio .material-details{overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:8px;padding:6px 8px;font-size:.75rem;line-height:1.5;display:grid}.diy-uiue.ustone-studio .material-details-content{overscroll-behavior:contain;min-width:0;max-height:min(6rem,16dvh);overflow-y:auto}.diy-uiue.ustone-studio .material-details-content span{display:block}.diy-uiue.ustone-studio .material-details-close{justify-content:center;align-items:center;width:44px;min-height:44px;padding:0;display:flex}.diy-uiue.ustone-studio .material-details-content:focus-visible,.diy-uiue.ustone-studio .material-details-close:focus-visible{outline:2px solid var(--u-accent);outline-offset:2px}.diy-uiue.ustone-studio .material-details strong{font-weight:500}@media (max-width:999px){.diy-uiue.ustone-studio{--editor-canvas:clamp(300px, 42dvh, 420px);padding-bottom:0}.diy-uiue.ustone-studio .brand-row{padding:0 12px}.diy-uiue.ustone-studio .stats .view-tabs{margin-left:auto}.diy-uiue.ustone-studio .drag-remove-hint{bottom:12px}.diy-uiue.ustone-studio .canvas-wrap svg{height:var(--editor-canvas)}.diy-uiue.ustone-studio .canvas-brand{top:calc(var(--editor-canvas) / 2)}.diy-uiue.ustone-studio .model-panel{height:var(--editor-canvas)}.diy-uiue.ustone-studio .library{border-top:1px solid var(--u-divider);min-height:32dvh}.diy-uiue.ustone-studio .catalog-body{height:max(200px,34dvh - 56px)}.diy-uiue.ustone-studio .categories,.diy-uiue.ustone-studio .material-grid{overscroll-behavior:contain;padding-bottom:max(12px, env(safe-area-inset-bottom))}.diy-uiue.ustone-studio .file-tools{display:none}}@media (prefers-reduced-motion:reduce){.diy-uiue.ustone-studio .material-limit-feedback{transition:none}}@media (max-width:999px){body:has(.diy-uiue)>.site-nav{display:none}}.diy-uiue.ustone-studio .save-row[data-quiet=true]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;min-height:0;padding:0;position:absolute;overflow:hidden}.diy-uiue.ustone-studio{--diy-action-ink:#42564b;--diy-action-surface:#f1f4f1;--diy-action-border:#7b887f}.diy-uiue.ustone-studio .tools{gap:4px}.diy-uiue.ustone-studio .tools .diy-text-action{border:1px solid var(--diy-action-border);min-width:44px;height:auto;min-height:44px;color:var(--diy-action-ink);background:var(--diy-action-surface);white-space:nowrap;overflow-wrap:normal;border-radius:6px;padding:11px 12px;font-size:.875rem;line-height:1.4286}@media (hover:hover){.diy-uiue.ustone-studio .tools .diy-text-action:hover:not(:disabled){background:#e7ece7;border-color:#617567}}.diy-uiue.ustone-studio .tools .diy-text-action:active:not(:disabled),.diy-uiue.ustone-studio .tools .diy-text-action[aria-expanded=true]{background:#dae4db;border-color:#617567}.diy-uiue.ustone-studio .tools .diy-text-action[aria-expanded=true]{box-shadow:inset 0 0 0 1px #617567}.diy-uiue.ustone-studio .tools .diy-text-action:focus-visible{outline-offset:2px;outline:2px solid #42564b}.diy-uiue.ustone-studio .tools .diy-text-action:disabled{color:#8a918c;opacity:1;background:#f3f4f2;border-color:#d9dfda}.diy-uiue.ustone-studio .canvas-hint{font-size:.75rem;line-height:1.5;display:grid}.diy-uiue.ustone-studio .canvas-hint>span{grid-area:1/1}.diy-uiue.ustone-studio .gesture-hint-reserve{visibility:hidden;pointer-events:none}.diy-uiue.ustone-studio .material-heading{box-sizing:border-box;flex-wrap:nowrap;height:52px;min-height:52px;padding:4px 0}.diy-uiue.ustone-studio .material-heading h2[hidden]{display:none}.diy-uiue.ustone-studio .material-heading .search{background:0 0;border:none;border-radius:0;flex:0 0 144px;gap:0;width:144px;min-width:0;height:44px;min-height:44px;padding:0}.diy-uiue.ustone-studio .search-frame{box-sizing:border-box;background:#fff;border:1px solid #aab6ad;border-radius:6px;flex:1;align-items:center;gap:6px;min-width:0;height:36px;padding:0 8px;display:flex}.diy-uiue.ustone-studio .search:focus-within{outline:none}.diy-uiue.ustone-studio .search:focus-within .search-frame{outline:2px solid var(--u-accent);outline-offset:1px}.diy-uiue.ustone-studio .search-frame .ui-icon{flex:0 0 18px;width:18px;height:18px}.diy-uiue.ustone-studio .search input{height:34px;min-height:0;padding:0;font-size:16px;line-height:20px}.diy-uiue.ustone-studio .material-heading[data-searching=true] .search{flex:1;width:auto}.diy-uiue.ustone-studio .search-collapse{flex:none;min-width:44px;min-height:44px;padding:0 4px;font-size:14px}.material-panel-handle,.material-bracelet-thumbnail{display:none}.ustone-theme .ustone-dialog:has(.material-photo-sheet){border-radius:12px;width:min(620px,100vw - 40px);max-width:calc(100vw - 40px)}.material-photo-sheet{background:var(--u-surface,#fff);border-radius:inherit;box-sizing:border-box;width:100%;max-height:82dvh;padding:20px;overflow-y:auto}.material-photo-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.material-photo-heading h2{margin:0;font-size:18px;line-height:26px}.material-photo-sheet button{min-width:44px;min-height:44px}.material-photo-heading button{flex-shrink:0}.material-photo-name{overflow-wrap:anywhere;font-size:16px;line-height:24px}.material-photo-spec{font-size:13px;line-height:18px}.material-photo-stage{background:#f7f8f6;place-items:center;height:clamp(160px,40dvh,360px);display:grid;position:relative}.material-photo-stage>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.material-photo-stage>p,.material-photo-stage>div{z-index:1;text-align:center;padding:12px}.material-photo-disclaimer{font-size:13px;line-height:20px}.material-photo-catalog>label{align-items:center;gap:8px;margin:12px 0;display:flex}.material-photo-catalog input{flex:1;min-width:0;min-height:44px;font-size:16px}.material-photo-catalog-body{grid-template-columns:minmax(70px,25%) minmax(0,1fr);gap:8px;height:min(52dvh,460px);display:grid}.material-photo-catalog-body nav,.material-photo-catalog-list{overscroll-behavior:contain;overflow-y:auto}.material-photo-catalog-body nav button{overflow-wrap:anywhere;width:100%}.material-photo-catalog-body nav [aria-pressed=true]{background:var(--u-selected-surface,#eaf0e8);border-color:var(--u-accent,#42564b)}.material-photo-catalog-list>button{text-align:left;overflow-wrap:anywhere;flex-direction:column;gap:4px;width:100%;margin-bottom:8px;display:flex}.material-photo-catalog-list>button strong{font-size:16px;line-height:24px}@media (max-width:999px){.diy-uiue.ustone-studio .library{height:max(250px, calc(var(--material-available-height,100dvh) / 3));max-height:var(--material-available-height,100dvh);min-height:0;padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box;flex-direction:column;display:flex}.diy-uiue.ustone-studio .catalog-body{flex:1;height:auto;min-height:100px;overflow:hidden}.diy-uiue.ustone-studio .material-details-content{max-height:min(4rem,10dvh)}.diy-uiue.ustone-studio .material-panel-handle{flex:0 0 44px;display:block;position:relative}.material-panel-handle>button{touch-action:none;border:0;justify-content:center;align-items:center;gap:12px;width:100%;min-height:44px;font-size:13px;display:flex}.material-grip{background:#aab6ad;border-radius:2px;width:32px;height:4px}.material-panel-hint{color:#fff;pointer-events:none;background:#42564b;border-radius:6px;width:max-content;max-width:95%;padding:6px 10px;font-size:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.diy-uiue.ustone-studio[data-materials-expanded=true] .library{z-index:40;bottom:var(--material-bottom-offset,0px);height:max(300px, calc(var(--material-available-height,100dvh) * 2 / 3));position:fixed;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 18px #0002}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-bracelet-thumbnail{flex:0 0 72px;width:100%;height:72px;display:block}.ustone-theme .ustone-dialog:has(.material-photo-sheet){border-radius:14px 14px 0 0;width:100vw;max-width:100vw;margin:auto auto 0}.material-photo-sheet{width:100%;padding:16px 16px max(16px, env(safe-area-inset-bottom))}}.material-focus-mode{display:none}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true]{z-index:40;top:auto;left:0;right:0;bottom:var(--material-bottom-offset,0px);height:calc(var(--material-available-height,100dvh - 48px) + 48px);background:var(--u-surface);padding:0;position:fixed;overflow:hidden}.diy-uiue.ustone-studio[data-materials-expanded=true] .brand-row{z-index:5;background:var(--u-surface);height:48px;min-height:48px;position:relative}.diy-uiue.ustone-studio[data-materials-expanded=true] .brand-row nav>:not(.orbit-header-entry),.diy-uiue.ustone-studio[data-materials-expanded=true] .stats,.diy-uiue.ustone-studio[data-materials-expanded=true] .design-panel>.section-head,.diy-uiue.ustone-studio[data-materials-expanded=true] .save-row,.diy-uiue.ustone-studio[data-materials-expanded=true] .warning,.diy-uiue.ustone-studio[data-materials-expanded=true] .selection-tools,.diy-uiue.ustone-studio[data-materials-expanded=true] .tools>button:nth-child(n+3){display:none}.diy-uiue.ustone-studio[data-materials-expanded=true] .studio-grid{height:var(--material-available-height,calc(100dvh - 48px));flex-direction:column;gap:0;display:flex}.diy-uiue.ustone-studio[data-materials-expanded=true] .design-panel{flex:0 0 max(96px, calc(var(--material-available-height,100dvh) / 3 - 64px));min-height:0;position:relative;overflow:visible}.diy-uiue.ustone-studio[data-materials-expanded=true] .canvas-wrap,.diy-uiue.ustone-studio[data-materials-expanded=true] .model-panel{visibility:hidden;pointer-events:none;width:100%;position:absolute;left:-10000px}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-bracelet-thumbnail{box-sizing:border-box;width:min(55%,220px);height:100%;margin:auto;padding:8px 0 32px}.diy-uiue.ustone-studio[data-materials-expanded=true] .tools{margin:0;position:absolute;top:0;right:0}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-focus-mode{justify-content:center;align-items:center;gap:8px;min-height:32px;font-size:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.material-focus-mode button{min-width:44px;min-height:44px}.diy-uiue.ustone-studio[data-materials-expanded=true] .library{z-index:auto;height:auto;min-height:0;box-shadow:0 -1px 0 var(--u-divider);flex:1;position:relative;bottom:auto;overflow:hidden}.diy-uiue.ustone-studio .material-panel-hint{z-index:2;top:100%}}.diy-uiue.ustone-studio .tools>button{background:#fff;border:6px solid #0000;border-radius:12px;min-width:44px;height:auto;min-height:44px;padding:0 6px;font-size:.8125rem;position:relative}.diy-uiue.ustone-studio .tools>button:after{content:"";border:1px solid var(--u-divider);pointer-events:none;border-radius:6px;position:absolute;inset:0}html[lang=ja] .diy-uiue.ustone-studio .tools>button{font-size:.75rem}.diy-uiue.ustone-studio .material-card strong{flex-basis:2rem;height:2rem;font-size:.75rem;line-height:1rem}.diy-uiue.ustone-studio .material-card small{font-size:.6875rem;line-height:.875rem}.background-warmth{align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:.75rem;display:flex}.background-warmth label{flex:none}.background-warmth input{accent-color:#42564b;flex:1;min-width:40px;min-height:44px;margin:0;padding:0}.background-warmth button{min-height:44px;font-size:inherit;background:0 0;border:0;flex:none;padding:0 4px}.material-issues article{border-bottom:1px solid var(--u-divider);padding:12px 0}.material-issues strong,.material-issues p{overflow-wrap:anywhere}.material-issues p{margin:6px 0;font-size:.8125rem}.material-issue-instance{margin-top:8px}.material-issues .actions{flex-wrap:wrap}@media (max-width:320px){.background-warmth{flex-wrap:wrap}.background-warmth label{width:100%}}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .background-slot{display:none}.diy-uiue.ustone-studio[data-materials-expanded=true] .tools{top:auto;bottom:0;right:8px}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-focus-mode{justify-content:flex-start;right:auto}}.diy-uiue.ustone-studio .material-card{height:calc(24px + 5.75rem)}.diy-uiue.ustone-studio .material-art{flex-basis:40px;height:40px}.diy-uiue.ustone-studio[data-large-type=true] .material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.diy-uiue.ustone-studio[data-large-type=true] .material-heading{height:auto;min-height:52px}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .tools{bottom:0;left:0;right:0}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-focus-mode{justify-content:center;bottom:44px;left:8px;right:8px}.diy-uiue.ustone-studio[data-materials-expanded=true] .material-bracelet-thumbnail{width:min(65%,240px);padding-bottom:76px}}.diy-uiue.ustone-studio .ustone-dialog:has(.material-list-modal){width:min(528px,100% - 24px);overflow:hidden}.diy-uiue.ustone-studio .ustone-dialog .material-list-modal{flex-direction:column;max-height:90dvh;display:flex;overflow:hidden}.material-list-modal>h2,.material-list-modal>.modal-close{flex:none}.material-list-body{overscroll-behavior:contain;min-height:0;overflow-y:auto}.diy-uiue .stats .current-wrist{text-align:left;min-height:44px;color:inherit;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.diy-uiue .current-wrist>span{font-size:12px}.diy-uiue .current-wrist strong{white-space:nowrap}.diy-uiue .stats-materials{min-height:44px;color:inherit;text-align:left;background:0 0;border:0;flex-direction:column;align-items:flex-start;padding:0;display:flex}.diy-uiue .stats-materials>span{font-size:12px}.diy-uiue .stats-materials strong{white-space:nowrap}.diy-uiue.ustone-studio .orbit-header-entry{justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex}.diy-uiue.ustone-studio .orbit-header-entry .ui-icon{width:20px;height:20px}.diy-uiue .orbit-stage{z-index:2;position:absolute;inset:0}.diy-uiue .orbit-stage[hidden]{display:none}.diy-uiue[data-orbit=true] .canvas-wrap>svg,.diy-uiue[data-orbit=true] .canvas-wrap>.canvas-brand,.diy-uiue[data-orbit=true] .canvas-wrap>.drag-remove-hint,.diy-uiue[data-orbit=true] .tools>.zoom,.diy-uiue[data-orbit=true] .editor-controls{visibility:hidden;pointer-events:none}.diy-uiue[data-orbit=true] .tools>.diy-text-action{display:none}.diy-uiue[data-orbit=true] .tools{flex-wrap:nowrap}.diy-uiue[data-materials-expanded=true][data-orbit=true] .canvas-wrap{visibility:visible!important;pointer-events:auto!important;width:100%!important;height:auto!important;min-height:0!important;display:block!important;position:absolute!important;inset:0 0 44px!important}.diy-uiue[data-materials-expanded=true][data-orbit=true] .material-bracelet-thumbnail,.diy-uiue[data-materials-expanded=true][data-orbit=true] .material-focus-mode{visibility:hidden}.wrist-help{max-height:85dvh;overflow:auto}.wrist-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.wrist-tabs button,.wrist-help>button{min-height:44px}.wrist-tabs button{white-space:normal}.wrist-tabs [aria-selected=true]{color:#472568;background:#f1e8fa;border-color:#8350ad}.wrist-tab-panel{height:150px;overflow:auto}.wrist-tab-panel[hidden]{display:none}.wrist-availability{min-height:1.5em}.diy-uiue.ustone-studio .brand-row .compact-wrist{display:none}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .brand-row>div:first-child{width:100%}.diy-uiue.ustone-studio[data-materials-expanded=true] .brand-row .compact-wrist{background:0 0;border:0;flex-direction:column;justify-content:center;align-items:flex-end;width:auto;min-height:44px;margin-left:auto;padding:0 8px;font-size:12px;line-height:1.3;display:flex}.diy-uiue[data-materials-expanded=true] .orbit-stage>div{min-height:0!important}}.diy-uiue.ustone-studio .tools{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.diy-uiue.ustone-studio .tools::-webkit-scrollbar{display:none}.diy-uiue.ustone-studio .tools>*{flex-shrink:0}.diy-uiue.ustone-studio[data-orbit=true] .tools>.zoom{display:none}.diy-uiue.ustone-studio{--paper:#f7f1e7;--paper-deep:#eee2d1;--paper-card:#fffdf8;--ink:#223f38;--ink-soft:#5d6e64;--coral:#d67863;--coral-dark:#b95c4e;--mustard:#d8ad54;--sky:#7899aa;--line-hand:#223f38d1;--line-soft:#223f3838;--hand-font:"Marker Felt", "Bradley Hand", "Kaiti SC", "STKaiti", "KaiTi", cursive;--u-page:var(--paper);--u-surface:var(--paper-card);--u-text-primary:var(--ink);--u-text-secondary:var(--ink-soft);--u-accent:var(--ink);--u-selected-surface:#f2d9c7;--u-divider:var(--line-soft);--u-on-accent:#fffdf8;color:var(--ink);background:radial-gradient(circle at 9% 14%, #d8ad541f 0 2px, transparent 3px), radial-gradient(circle at 82% 38%, #d6786317 0 1px, transparent 2px), var(--paper);background-size:24px 24px,31px 31px,auto;font-family:ui-rounded,SF Pro Rounded,Noto Sans SC,Noto Sans JP,system-ui,sans-serif}main.diy-uiue.ustone-studio{width:100%;max-width:1440px;margin-inline:auto;padding-inline:28px}body:has(main.diy-uiue.ustone-studio){background:radial-gradient(circle at 9% 14%, #d8ad5414 0 2px, transparent 3px), var(--paper)!important}.diy-uiue.ustone-studio :is(h1,h2,h3,.primary,.help-button,.diy-text-action,.view-tabs button,.categories button,.material-panel-hint){font-family:var(--hand-font), ui-rounded, "Noto Sans SC", "Noto Sans JP", sans-serif;letter-spacing:.01em}.diy-uiue.ustone-studio .brand-row{background:#fffdf88f;border-bottom:2px dashed #223f3847}.diy-uiue.ustone-studio .brand-row h1{color:var(--ink);font-size:18px;font-weight:800}.diy-uiue.ustone-studio .brand-row>div:first-child>button:first-child,.diy-uiue.ustone-studio .orbit-header-entry,.diy-uiue.ustone-studio .help-button{color:var(--ink);background:var(--paper-card);border:2px solid var(--line-hand);border-radius:13px 10px 14px 9px;box-shadow:2px 3px #223f3824}.diy-uiue.ustone-studio .brand-row>div:first-child>button:first-child:active,.diy-uiue.ustone-studio .orbit-header-entry:active,.diy-uiue.ustone-studio .help-button:active{transform:translate(1px,1px)rotate(-.5deg);box-shadow:1px 1px #223f381f}.diy-uiue.ustone-studio .brand-row .compact-wrist,.diy-uiue.ustone-studio .stats .current-wrist,.diy-uiue.ustone-studio .stats .stats-materials{color:var(--ink)}.diy-uiue.ustone-studio .stats .current-wrist strong,.diy-uiue.ustone-studio .stats .stats-materials strong{font-family:var(--hand-font), ui-rounded, "Noto Sans SC", sans-serif;color:var(--coral-dark)}.diy-uiue.ustone-studio .design-panel,.diy-uiue.ustone-studio .library{border:2px solid var(--line-hand);background:#fffdf8db;border-radius:12px 9px 15px 10px;box-shadow:4px 5px #223f3821,inset 0 0 0 1px #fffdf8d6}.diy-uiue.ustone-studio .canvas-wrap{background:radial-gradient(ellipse at center, #fffdf8fa, #f7f1e7b3 68%, transparent 100%), var(--paper)}.diy-uiue.ustone-studio .canvas-brand{color:var(--ink-soft);font-family:var(--hand-font), ui-rounded, "Noto Sans SC", sans-serif}.diy-uiue.ustone-studio .canvas-hint,.diy-uiue.ustone-studio .save-row p{color:var(--ink-soft)}.diy-uiue.ustone-studio .tools{background:#eee2d180;border-top:2px dashed #223f383d;border-bottom:2px dashed #223f383d}.diy-uiue.ustone-studio .tools>button,.diy-uiue.ustone-studio .zoom,.diy-uiue.ustone-studio .zoom button{color:var(--ink);background:var(--paper-card);border-color:var(--line-hand);border-radius:13px 9px 15px 10px;box-shadow:2px 3px #223f3824}.diy-uiue.ustone-studio .tools>button:hover:not(:disabled),.diy-uiue.ustone-studio .zoom button:hover:not(:disabled){background:#f2d9c7}.diy-uiue.ustone-studio .tools>.diy-text-action{border:2px solid var(--line-hand);background:var(--paper-card);color:var(--ink);font-family:var(--hand-font), ui-rounded, "Noto Sans SC", sans-serif;font-weight:800}.diy-uiue.ustone-studio .tools>.tryon-action,.diy-uiue.ustone-studio .primary{border-color:var(--coral-dark);background:var(--coral);color:var(--paper-card);box-shadow:2px 3px #b95c4e38}.diy-uiue.ustone-studio .tools>.tryon-action:hover:not(:disabled),.diy-uiue.ustone-studio .primary:hover:not(:disabled){background:var(--coral-dark)}.diy-uiue.ustone-studio .zoom{border:2px solid var(--line-hand);padding:0 2px}.diy-uiue.ustone-studio .zoom span{color:var(--ink-soft)}.diy-uiue.ustone-studio .library>.section-head,.diy-uiue.ustone-studio .material-heading{border-bottom:2px dashed #223f383d}.diy-uiue.ustone-studio .library h2,.diy-uiue.ustone-studio .material-heading h2{color:var(--ink);font-size:16px;font-weight:800}.diy-uiue.ustone-studio .search-frame{border:2px solid var(--line-hand);background:var(--paper-card);border-radius:10px 8px 11px 9px;box-shadow:2px 2px #223f3814}.diy-uiue.ustone-studio .search input{color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Noto Sans SC,Noto Sans JP,system-ui,sans-serif}.diy-uiue.ustone-studio .search input::placeholder{color:var(--ink-soft)}.diy-uiue.ustone-studio .categories{background:#eee2d173;border-right:1px dashed #223f3840}.diy-uiue.ustone-studio .categories button{color:var(--ink-soft);border-left:0;border-radius:8px 11px 7px 10px}.diy-uiue.ustone-studio .categories button.active{color:var(--ink);border-left:3px solid var(--coral);background:#f2d9c7;font-weight:800;transform:rotate(-.7deg)}.diy-uiue.ustone-studio .material-card{background:var(--paper-card);border:2px solid #223f387a;border-radius:12px 9px 13px 10px;box-shadow:2px 3px #223f3814}.diy-uiue.ustone-studio .material-card:hover:not(:disabled),.diy-uiue.ustone-studio .material-card[aria-pressed=true]{border-color:var(--coral-dark);background:#f2d9c7;box-shadow:3px 4px #b95c4e29}.diy-uiue.ustone-studio .material-card strong,.diy-uiue.ustone-studio .material-card small{color:var(--ink);font-family:ui-rounded,SF Pro Rounded,Noto Sans SC,Noto Sans JP,system-ui,sans-serif}.diy-uiue.ustone-studio .material-card small{color:var(--ink-soft)}.diy-uiue.ustone-studio .material-details,.diy-uiue.ustone-studio .selection-tools{background:#f2d9c775;border-color:#223f3840}.diy-uiue.ustone-studio .material-panel-hint{background:var(--mustard);color:var(--ink);border:2px solid var(--ink);border-radius:999px 14px 999px 12px;box-shadow:2px 3px #223f381f}.diy-uiue.ustone-studio .ustone-dialog::backdrop{background:#223f3861}.diy-uiue.ustone-studio .ustone-dialog .modal,.diy-uiue.ustone-studio .ustone-dialog .material-list-modal{background:var(--paper-card);border:2px solid var(--line-hand);border-radius:16px 12px 18px 10px;box-shadow:5px 5px #223f3829}.diy-uiue.ustone-studio .ustone-dialog .modal h2,.diy-uiue.ustone-studio .ustone-dialog .modal h3{color:var(--ink);font-family:var(--hand-font), ui-rounded, "Noto Sans SC", "Noto Sans JP", sans-serif;font-weight:800}.diy-uiue.ustone-studio .modal-close{color:var(--ink);border:2px solid var(--line-hand);background:var(--paper-card);border-radius:13px 10px 14px 9px;box-shadow:2px 3px #223f381f}.diy-uiue.ustone-studio .actions button:not(.primary){border:2px solid var(--line-hand);background:var(--paper-card);border-radius:13px 9px 15px 10px}@media (max-width:999px){main.diy-uiue.ustone-studio{max-width:none;margin-inline:0;padding-inline:0}.diy-uiue.ustone-studio .design-panel,.diy-uiue.ustone-studio .library{border-left-width:0;border-right-width:0;border-radius:0;box-shadow:0 4px #223f3814}.diy-uiue.ustone-studio .brand-row{padding-inline:12px}.diy-uiue.ustone-studio .material-card{box-shadow:1px 2px #223f3814}}
.diy-uiue.ustone-studio{--editor-stage:clamp(300px, 42dvh, 420px)}.diy-uiue.ustone-studio .canvas-wrap{height:var(--editor-stage);flex-direction:column;min-height:0;display:flex}.diy-uiue.ustone-studio .canvas-wrap[hidden]{display:none}.diy-uiue.ustone-studio .canvas-wrap>svg{flex:1 1 0;width:100%;height:0;min-height:0}.diy-uiue.ustone-studio .canvas-footer{flex:none}.diy-uiue.ustone-studio .model-panel{min-height:0}.tryon-uiue{--editor-stage:clamp(300px, 42dvh, 420px)}.tryon-uiue .tryon-visual{flex-direction:column;min-width:0;display:flex}.tryon-uiue .photo-viewport{height:var(--editor-stage);border:1px solid var(--u-divider);background:#fff;border-radius:12px;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.tryon-uiue .photo-viewport .tryon-stage{width:min(100%, var(--editor-stage));aspect-ratio:1;object-fit:contain;border:0;border-radius:0;height:auto;max-height:100%}.tryon-uiue .tryon-layout{align-items:stretch}.tryon-uiue .tryon-visual>iframe{flex:none;display:block}@media (min-width:1000px){.diy-uiue.ustone-studio,.tryon-uiue.ustone-v05.customer-page{--editor-stage:max(360px, calc(100dvh - 300px));max-width:none;margin:0;padding-left:32px;padding-right:32px}.diy-uiue.ustone-studio .studio-grid,.tryon-uiue .tryon-layout{grid-template-columns:minmax(0,1fr) 356px;align-items:stretch;gap:16px;max-width:none;display:grid}.diy-uiue.ustone-studio .library{flex-direction:column;height:auto;min-height:0;display:flex}.diy-uiue.ustone-studio .catalog-body{flex:auto;height:0;min-height:240px;overflow:hidden}.diy-uiue.ustone-studio .categories,.diy-uiue.ustone-studio .material-grid{max-height:none;overflow-y:auto}.tryon-uiue .service-panel{min-height:0;max-height:calc(var(--editor-stage) + 112px);overflow:auto}}.diy-uiue.ustone-studio .canvas-wrap{height:var(--editor-art)}.diy-uiue.ustone-studio .canvas-wrap>svg{flex:none;height:100%}.diy-uiue.ustone-studio .canvas-brand{top:50%}.diy-uiue.ustone-studio .editor-controls{min-height:calc(var(--editor-controls) - var(--editor-toolbar,44px))}.diy-uiue.ustone-studio .editor-controls[data-view=model]{height:0;min-height:0;position:relative}.diy-uiue.ustone-studio .editor-controls[data-view=model] .editor-controls-natural{visibility:hidden;pointer-events:none;width:100%;position:absolute}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .editor-controls{min-height:0}.diy-uiue.ustone-studio[data-materials-expanded=true] .editor-controls-natural{position:static}.diy-uiue.ustone-studio[data-materials-expanded=true] .canvas-footer{display:none}}.tryon-uiue .tryon-visual{position:relative}.tryon-uiue .tryon-model-shell[data-active=false]{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0;left:0}.tryon-uiue .tryon-model-shell iframe{display:block}.tryon-uiue .photo-viewport{height:var(--editor-art)}.tryon-uiue .photo-viewport .tryon-stage{width:min(100%, var(--editor-art))}.tryon-uiue .tryon-visual{min-height:var(--editor-total)}.editor-control-probe{visibility:hidden;pointer-events:none;width:100%;position:absolute;top:0}.probe-footer{flex-wrap:wrap;align-items:center;gap:0 8px;min-height:44px;padding:0 8px 0 12px;font-size:.75rem;display:flex}.probe-footer>span:first-child{flex:130px;padding:4px 0}.probe-zoom{align-items:center;min-height:44px;font-size:.8125rem;display:flex}.probe-background{align-items:center;gap:8px;min-height:44px;padding:0 12px;font-size:.75rem;display:flex}.probe-track{flex:1;min-width:40px}.probe-toolbar{flex-wrap:wrap;align-items:center;gap:4px;padding:0 8px;display:flex}.probe-toolbar span{box-sizing:border-box;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:.8125rem;display:flex}@media (max-width:320px){.probe-background{flex-wrap:wrap}.probe-background>span:first-child{width:100%}}.editor-control-probe.diy-uiue.ustone-studio{max-width:none;margin:0;padding:0}.diy-uiue.ustone-studio .tools{margin:0}.diy-uiue.ustone-studio .tools .zoom{flex-wrap:nowrap;margin-left:auto;display:flex}.diy-uiue.ustone-studio .canvas-footer{min-height:24px}.diy-uiue.ustone-studio .canvas-hint{padding:2px 0}.diy-uiue.ustone-studio .editor-controls-natural{flex-direction:column;display:flex}.diy-uiue.ustone-studio .editor-controls-natural .canvas-footer{order:2}.diy-uiue.ustone-studio .editor-controls-natural .background-slot{order:1}@media (min-width:1000px){.diy-uiue.ustone-studio .brand-row{height:44px;min-height:44px;margin:20px 0}.diy-uiue.ustone-studio .brand-row>div:first-child{display:none}.diy-uiue.ustone-studio .brand-row .stats{flex:1;padding:0;display:flex}.diy-uiue.ustone-studio .brand-row nav button{min-height:44px}.diy-uiue.ustone-studio .studio-grid{margin-top:0}.tryon-uiue.ustone-v05.customer-page{padding-top:20px}.tryon-uiue .tryon-tabs{min-height:44px;margin:0 0 20px}.tryon-uiue .tryon-tabs button,.tryon-uiue .tryon-tabs>a{min-height:44px}.tryon-uiue .tryon-layout{margin:0}.tryon-uiue .service-panel{max-height:none;margin:0}.tryon-uiue .tryon-visual{border:1px solid var(--u-divider);min-height:calc(var(--editor-total) + 2px);border-radius:7px;overflow:hidden}.tryon-uiue .photo-viewport{border:0;border-radius:0}.tryon-uiue .service-panel{height:calc(var(--editor-total) + 2px)}}.diy-uiue.ustone-studio .tools[data-view=model] .zoom{visibility:hidden;pointer-events:none}.diy-uiue.ustone-studio .library .selection-tools{scrollbar-width:none;flex-wrap:nowrap;flex:none;gap:4px;margin:0;padding:4px 0;display:flex;overflow-x:auto}.diy-uiue.ustone-studio .library .selection-tools::-webkit-scrollbar{display:none}.diy-uiue.ustone-studio .library .selection-tools>span{white-space:normal;overflow-wrap:anywhere;width:100%}.diy-uiue.ustone-studio .library .selection-tools button{white-space:nowrap;overflow-wrap:normal;flex:none;min-height:44px;font-size:.75rem}.diy-uiue.ustone-studio .library .selection-tools .selection-move{width:44px;min-width:44px;padding-inline:4px}.diy-uiue.ustone-studio .save-row:has(p:empty){display:none}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .library .selection-tools{display:flex}.diy-uiue.ustone-studio .brand-row{flex-wrap:wrap}.diy-uiue.ustone-studio .brand-row .stats{order:3;width:100%;padding:0}}.diy-uiue.ustone-studio .tools{border:0;min-height:44px;padding-top:0;padding-bottom:0}.diy-uiue.ustone-studio .tools>button.diy-text-action,.diy-uiue.ustone-studio .tools .zoom>button{height:auto;min-height:44px;box-shadow:none;background:#fff;border:6px solid #0000;border-radius:12px;padding:0 6px;font-size:.8125rem;line-height:1.5;position:relative}.diy-uiue.ustone-studio .tools .zoom>button{flex:none;width:44px;height:44px;position:relative;top:auto;left:auto}.diy-uiue.ustone-studio .tools .zoom>button:last-child{width:auto;min-width:56px}.diy-uiue.ustone-studio .tools .zoom>button:before{content:none}.diy-uiue.ustone-studio .tools .zoom>button:after{content:"";border:1px solid var(--u-divider);pointer-events:none;border-radius:6px;position:absolute;inset:0}html[lang=ja] .diy-uiue.ustone-studio .tools>button.diy-text-action{font-size:.75rem}@media (max-width:999px){.diy-uiue.ustone-studio[data-materials-expanded=true] .tools .zoom{display:none}}.diy-uiue.ustone-studio[data-large-type=true] .brand-row{height:auto}