.workspace{background:#faf9f6;padding-bottom:env(safe-area-inset-bottom)}
.studio-summary{height:21.5px;padding:0 12.5px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;font-size:9.5px;letter-spacing:0.25px;color:#8f897e}.studio-total{color:#9f8161}.studio-total small{font-size:8.5px;color:#a29b90;margin-left:6px}.studio-fit{font-size:8.5px}.studio-summary button{padding:0;font-size:8.5px;color:#9a9286;margin:0}
.workspace .editor-stage{background:#faf9f6;position:relative;overflow:hidden}.workspace .main-canvas{height:100%;width:100%;display:block}
.scene-round{display:flex;align-items:center;justify-content:center;flex:0 0 37.5px;width:37.5px;min-width:37.5px;max-width:37.5px;height:37.5px;min-height:37.5px;padding:0;margin:0;border:0.5px solid #e6e1d8;border-radius:50%;background:#fffdf8;color:#57574d;text-align:center;font-size:15.5px;line-height:36.5px;box-shadow:0 1px 3px #62533e05}.scene-round .icon{width:15px;height:15px;margin:0}.scene-round[disabled]{opacity:.36}
.tray-zoom,.tray-preview,.tray-history{position:absolute;z-index:2}.tray-zoom{right:15px;top:6.5px;width:32.5px;min-width:32.5px;max-width:32.5px;height:32.5px;min-height:32.5px;font-size:17px;line-height:31.5px}.tray-preview{left:54px;bottom:3.5px}.tray-history{right:14px;bottom:3.5px;display:flex;gap:4.5px}.tray-history .scene-round,.tray-preview{width:32.5px;min-width:32.5px;max-width:32.5px;height:32.5px;min-height:32.5px;line-height:31.5px}.tray-history .icon,.tray-preview .icon{width:13.5px;height:13.5px}
.tray-empty{position:absolute;z-index:1;left:0;right:0;top:63%;text-align:center;pointer-events:none;color:#a89b88;letter-spacing:1.5px;font-size:11.5px}.tray-empty small{display:block;font-size:8px;letter-spacing:0.5px;margin-top:7px;color:#b7ac9c}
.studio-tool-row{height:50px;padding:3.5px 13.5px 4px;display:flex;gap:6px;align-items:center;flex-shrink:0}.wrist-chip{height:37.5px;min-height:37.5px;flex:0 0 74px;min-width:74px;border:0.5px solid #e6e1d8;border-radius:22.5px;display:flex;align-items:center;justify-content:center;gap:3.5px;padding:0;margin:0;font-size:9.5px;color:#72695a;background:#fffdf8}.wrist-chip .icon{width:12.5px;height:12.5px}.scene-primary{flex:1;min-width:82.5px;height:37.5px;min-height:37.5px;margin:0 0 0 6px;padding:0;background:#292e26;color:#fcfbf7;border-radius:24px;line-height:37.5px;font-size:10.5px;letter-spacing:1px}.scene-primary[disabled]{background:#e4e1d9;color:#aaa295}
.studio-search-row{height:33px;margin:0 13.5px;display:flex;align-items:center;gap:6px;flex-shrink:0}.material-search{height:26.5px;display:flex;align-items:center;gap:3px;flex:1;min-width:0;background:#fdfcf8;border:0.5px solid #e9e5dc;border-radius:17.5px;padding:0 7.5px}.material-search input{height:24.5px;font-size:9px;min-width:0;width:100%;color:#726958}.search-glass{font-size:14.5px;color:#a49a8a}.studio-done{flex:0 0 110.5px;min-width:110.5px;height:26.5px;line-height:26.5px;border-radius:17.5px;background:#292e26;color:#fffef9;font-size:9.5px;letter-spacing:0.5px;margin:0;padding:0}.studio-done[disabled]{background:#e4e1d9;color:#aaa295}.sound-chip{width:14.5px;min-width:14.5px;margin:0;padding:0;font-size:12px;color:#968972}
.workspace .material-panel{border:0;padding:0;min-height:92.5px;flex:1;background:#faf9f6}.material-panel .category-tabs{height:33.5px;margin:0;padding:0 21px;display:flex;justify-content:flex-start;align-items:center;gap:34.5px;border-bottom:0.5px solid #e8e2d8;flex-shrink:0}.material-panel .category-tabs button{font-size:11px;letter-spacing:1px;color:#9c9384;border:0;padding:6.5px 2.5px;margin:0;font-weight:400;position:relative}.material-panel .category-tabs button.active{color:#424638;border:0}.material-panel .category-tabs button.active::after{position:absolute;content:'';bottom:1.5px;left:15%;width:70%;height:1.5px;background:#a88f71}.drawer-rule{margin-left:auto;font-size:7.5px;letter-spacing:0.5px;color:#b3a590}.catalog-drawer{display:flex;flex:1;min-height:0;padding-top:5px}.material-sidebar{width:80.5px;flex:0 0 80.5px;height:100%;min-height:0;border-right:0.5px solid #ece7de;background:#f8f6f1}.material-sidebar button{display:flex;align-items:center;justify-content:flex-start;width:100%;height:44px;padding:0 6.5px 0 12.5px;margin:0;border-radius:0;color:#9e978b;font-size:9.5px;text-align:left;position:relative}.material-sidebar button.active{color:#4b4c40;background:#f0ece3}.material-sidebar button.active::before{content:'';position:absolute;left:0;top:15.5px;width:2px;height:13.5px;background:#ab8d67}
.material-scroll{height:100%;flex:1;min-height:0;min-width:0;padding:0 7px}.material-panel .material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6.5px 5px;padding:0 0 12.5px}.material-card{min-width:0;background:#fefdfa;border:0.5px solid #ede7dd;border-radius:6px;overflow:hidden;box-shadow:0 1px 4px #57483604}.material-select{padding:5.5px 1px 4px;width:100%;font-weight:400;margin:0;line-height:1.3}.material-select canvas{width:53px;height:53px;max-width:100%;margin:0 auto 3.5px}.material-panel .name{font-size:8.5px;color:#5d5a50;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.material-select small{font-size:6.5px;white-space:nowrap;letter-spacing:0;color:#ab9c86;margin-top:3.5px}.material-stepper{height:20.5px;display:flex;align-items:center;border-top:0.5px solid #f0ece5;color:#938878;font-size:8.5px}.material-stepper button{height:20px;line-height:19.5px;font-size:11.5px;flex:1;padding:0;margin:0;min-width:0}.material-stepper button[disabled]{opacity:.28}.material-stepper span{min-width:7.5px;text-align:center;font-size:8px}.catalog-note{font-size:9px;line-height:1.7;color:#b3a48e;text-align:center;padding:20px 5px}
.scene-loading{position:absolute;z-index:3;inset:0;background:#faf9f6;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#948777;font-size:9.5px;letter-spacing:1px}.scene-load-mark{font-size:14.5px;letter-spacing:5px;color:#39372f}.scene-load-line{width:40px;height:0.5px;background:#b9a181;margin:15px 0}.scene-loading button{font-size:10.5px;margin-top:12.5px;color:#4b4337}
.showcase-screen{position:absolute;inset:0;z-index:20;background:#faf9f6;display:flex;flex-direction:column;align-items:center;overflow:hidden}.showcase-header{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;flex-shrink:0;padding:0 18px}.showcase-header button{width:28px;min-width:28px;max-width:28px;flex:0 0 28px;margin:0;padding:0;font-size:25px;color:#6f665a}.showcase-header .showcase-brand{position:absolute;left:27%;right:27%;text-align:center;font-size:12.5px;letter-spacing:3.5px;white-space:nowrap}.showcase-brand text{display:block;font-size:4.5px;letter-spacing:1px;margin-top:4.5px}.showcase-spacer{width:85px}.showcase-canvas{height:0;min-height:0;flex:1;width:100%;pointer-events:none}.showcase-copy{flex-shrink:0;text-align:center;padding:0 0 12.5px}.showcase-copy strong{font:19.5px Georgia,serif;letter-spacing:3.5px;color:#514b3f}.showcase-copy span{display:block;font-size:10.5px;letter-spacing:1.5px;color:#887c69;margin-top:8.5px}.showcase-hint{font-size:9px;color:#b2a18a;letter-spacing:2.5px;margin-top:8px}.showcase-detail{font-size:7px;color:#b6ac9a;letter-spacing:1px;margin-top:8.5px}.showcase-actions{display:flex;gap:9px;margin:0 18px calc(15px + env(safe-area-inset-bottom));width:calc(100% - 36px);flex-shrink:0}.showcase-actions .pill{flex:1;min-width:0;min-height:35px;margin:0;padding:8.5px 8px;font-size:10px;letter-spacing:1px}.promo-poster{position:absolute;left:-12000px;top:0;width:540px;height:810px;pointer-events:none}
.pendant-thumb{height:100%;width:100%;position:relative}.pendant-loop{position:absolute;top:12%;left:40%;height:20%;width:20%;border:1px solid #878478;border-radius:50%}.pendant-leaf{position:absolute;top:29%;left:30%;height:55%;width:40%;border-radius:15% 70% 55% 70%;transform:rotate(45deg);background:linear-gradient(135deg,#706d63,#eeeae0 45%,#bbb7ad 65%,#716e64);box-shadow:1px 1.5px 2px #0002}

.workspace .editor-stage{height:clamp(260px,47dvh,386px);flex-shrink:0}.scene-round svg{height:15px;width:15px}.tray-history svg,.tray-preview svg{width:13.5px;height:13.5px}.wrist-chip svg{width:12.5px;height:12.5px}.studio-total small{font-weight:400}.material-select{display:block}.material-select canvas{display:block}.material-select .name{display:block}.material-select small{display:block}.material-sidebar{overflow-y:auto;scrollbar-width:none}.material-scroll{overflow-y:auto;scrollbar-width:none}.tray-empty strong{font-weight:400;display:block}.scene-loading strong{font-weight:400;font-size:15px;letter-spacing:5px;color:#39372f}.scene-loading span{height:1px;width:40px;background:#b9a181;margin:15px 0}.showcase-screen{padding-top:36px}.showcase-header>div{position:absolute;left:27%;right:27%;text-align:center;font-size:12.5px;letter-spacing:3.5px;white-space:nowrap}.showcase-header small{display:block;font-size:4.5px;letter-spacing:1px;margin-top:4.5px}.showcase-header>span{width:85px}.showcase-copy strong{font-weight:400;display:block}.showcase-copy>small{display:block;font-size:9px;color:#b2a18a;letter-spacing:2.5px;margin-top:8px}.showcase-copy>p{font-size:7px;color:#b6ac9a;letter-spacing:1px;margin:8px 0 0}.showcase-actions .pill{display:flex;justify-content:center}.material-search input{border:0;background:transparent;outline:none;padding:0}.material-search>span{font-size:15px;color:#a49a8a}.material-select canvas{width:53px;height:53px;margin:0 auto 3.5px}.material-sidebar button{font-size:9.5px}.material-panel .category-tabs button{font-size:11px}.tray-history .scene-round:last-child:not(:first-child){font-size:0}@media(max-height:750px){.workspace .editor-stage{height:clamp(260px,44dvh,340px)}}
.tray-history{right:auto;left:14px}.tray-preview{left:50%;bottom:3.5px;transform:translateX(-50%);height:32.5px;min-height:32.5px;width:100px;min-width:100px;max-width:100px;padding:0 10px;margin:0;border-radius:20px;background:#30352b;color:#fffef9;border:.5px solid #30352b;box-shadow:0 2.5px 8px #3c362522;display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;line-height:1;letter-spacing:.5px}.tray-preview svg{width:13.5px;height:13.5px}.tray-preview[disabled]{background:#dfdfd6;border-color:#dfdfd6;color:#9f9e92;box-shadow:none;opacity:.7}.material-thumb-box{display:flex;align-items:center;justify-content:center;flex:none;margin:0 auto 3.5px}.material-thumb-box img{position:static;display:block;object-fit:contain;max-width:none;max-height:none;margin:0;transform:none}.material-panel .category-tabs{gap:18px;padding:0 14px}.drawer-rule{letter-spacing:0;white-space:nowrap}.inlay-guide{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 12.5px;font-size:8px;color:#9a8269;background:#f3eee5;flex-shrink:0}.inlay-guide button{font-size:8px;color:#79513d;white-space:nowrap;padding:1.5px 3.5px}.inlay-target-hint{position:absolute;z-index:3;left:50%;top:8px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:6px 9px;background:#fffdf7eb;border:.5px solid #d3c4ad;border-radius:15px;white-space:nowrap;font-size:8.5px;color:#7a664e}.inlay-target-hint button{font-size:8px;color:#9b7761}
.showcase-screen{background:#f9f7f2}.showcase-screen .showcase-canvas{position:absolute;left:0;top:0;width:100%;height:100%;min-height:100%;flex:none;z-index:0}.showcase-header{position:absolute;top:0;left:0;z-index:2;background:transparent;height:44px}.showcase-copy{position:absolute;left:0;right:0;bottom:82.5px;z-index:1;padding:0}.showcase-copy>strong{font-size:19px;letter-spacing:4.5px}.showcase-copy>span{margin-top:7px;font-size:9.5px;letter-spacing:1.5px}.showcase-copy>small{margin-top:6px;font-size:7.5px;letter-spacing:1.5px}.showcase-copy p{margin-top:7px;font-size:7px;letter-spacing:.5px}.showcase-actions{position:absolute;left:18px;right:18px;bottom:calc(15px + env(safe-area-inset-bottom));z-index:2;margin:0;width:auto}.showcase-actions .pill{border-radius:25px;background:#272d23;color:#fdfbf7;border:.5px solid #272d23}.showcase-actions .pill.light{background:#fdfcf780;color:#4a5143;border-color:#a6a998}