@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+TC:wght@400;500;600;700&display=swap";:root{color:#e6e9e7;font-synthesis:none;background:#141817;font-family:DM Sans,Noto Sans TC,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible{outline-offset:2px;outline:1px solid #c9bc9c}.app{letter-spacing:.01em;background:#141817;flex-direction:column;height:100vh;min-height:590px;font-size:12px;display:flex;overflow:hidden}.topbar{z-index:20;background:#1a1f1e;border-bottom:1px solid #303635;flex:0 0 57px;align-items:center;gap:32px;height:57px;padding:0 16px 0 19px;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;display:flex}.brand-mark{letter-spacing:-.11em;color:#e9e8df;font-size:26px;font-weight:700}.brand-mark span{color:#c8b891}.brand-name{letter-spacing:.17em;font-size:11px;font-weight:700}.brand-name em{color:#c8b891;margin:0 3px;font-style:normal}.beta{color:#8c9691;letter-spacing:.1em;border:1px solid #444e49;border-radius:3px;margin-left:3px;padding:3px 5px;font-size:8px}.menubar{align-items:center;gap:4px;height:100%;display:flex}.menu-wrap{position:relative}.menu-trigger{color:#a9b1ad;background:0 0;border:0;border-radius:5px;padding:9px 11px}.menu-trigger:hover,.menu-trigger.active{color:#f0f2ec;background:#2a3230}.dropdown{z-index:100;background:#242b29;border:1px solid #414b47;border-radius:7px;width:230px;padding:6px;position:absolute;top:34px;left:0;box-shadow:0 14px 30px #0007}.dropdown button{color:#dce1dc;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:12px;display:flex}.dropdown button:hover{background:#35413c}.dropdown kbd{color:#8b9990;margin-left:auto;font-size:10px}.dropdown hr{border:0;border-top:1px solid #3c4541;margin:5px}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.project-name{color:#bdc4bd;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:11px;overflow:hidden}.saved-dot,.status-pulse{background:#8dbaa0;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 9px #7ab59288}.divider{background:#414a46;width:1px;height:18px;margin:0 5px;display:inline-block}.icon-button{color:#909c95;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.icon-button:hover{color:#ecede7;background:#303a35}.language{color:#d6ddd5;background:#303a35;border:1px solid #49544d;border-radius:4px;padding:5px 8px;font-size:10px;font-weight:700}.export-btn{color:#202520;background:#c8b996;border:1px solid #d9caa7;border-radius:5px;align-items:center;gap:7px;margin-left:8px;padding:8px 15px;font-size:11px;font-weight:700;display:flex}.export-btn:hover{background:#ddcba4}.main{flex:1;grid-template-columns:248px minmax(0,1fr) 308px;min-height:0;display:grid}.no-left .main{grid-template-columns:minmax(0,1fr) 308px}.no-right .main{grid-template-columns:248px minmax(0,1fr)}.no-left.no-right .main{grid-template-columns:minmax(0,1fr)}.left-panel,.right-panel{background:#1c2220;flex-direction:column;min-height:0;display:flex}.left-panel{border-right:1px solid #303936}.right-panel{border-left:1px solid #303936}.panel-heading{color:#e4e8e1;border-bottom:1px solid #343c38;flex:0 0 54px;align-items:center;gap:9px;height:54px;padding:0 16px;display:flex}.panel-heading strong{font-size:12px;font-weight:600}.heading-icon{color:#b2c1b2;display:flex}.heading-icon.accent{color:#c8b996}.push{margin-left:auto}.layer-summary{color:#849189;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;align-items:center;padding:16px 15px 9px;font-size:10px;display:flex}.layer-summary button{color:#abb9ac;background:0 0;border:0}.layers-list{flex:1;padding:2px 8px;overflow:auto}.layer-row{cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;height:65px;margin-bottom:3px;padding:6px;display:flex}.layer-row:hover{background:#29322d}.layer-row.selected{background:#343d35;border-color:#657259}.layer-row>button{color:#a7b2aa;background:0 0;border:0;padding:2px;display:flex}.layer-thumb{background:#29332f;border:1px solid #515c54;border-radius:3px;width:43px;height:43px;overflow:hidden}.layer-thumb img{object-fit:cover;width:100%;height:100%}.layer-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.layer-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.layer-copy small{color:#98a39a;font-size:10px}.layer-index{color:#829087;align-self:flex-start;margin-left:auto;font-size:9px}.empty-layers{color:#78847d;text-align:center;padding:30px 10px}.layer-controls{border-top:1px solid #343c38;gap:6px;padding:13px;display:flex}.layer-controls button,.mask-button{color:#d8e0d6;background:#2c352f;border:1px solid #4a554d;border-radius:5px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}.layer-controls button:hover,.mask-button:hover{background:#39453d}.inspector{border-top:1px solid #343c38;padding:17px 15px 22px}.section-title{letter-spacing:.12em;color:#9eac9f;margin-bottom:16px;font-size:10px}.inspector label{color:#c6cec5;justify-content:space-between;margin-bottom:8px;display:flex}.inspector label span{font-variant-numeric:tabular-nums;color:#aebcaf}.inspector input{accent-color:#c8b996;width:100%;margin-bottom:15px}.mask-button{width:100%;margin-bottom:6px}.mask-button.selected{color:#e6d7b3;border-color:#c8b996}.panel-foot{color:#8b9a8e;letter-spacing:.13em;border-top:1px solid #343c38;align-items:center;gap:8px;padding:14px 16px;font-size:9px;display:flex}.workspace{background:#151a18;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.canvas-toolbar{z-index:2;background:#1a201e;border-bottom:1px solid #303836;flex:0 0 54px;justify-content:space-between;align-items:center;height:54px;padding:0 17px;display:flex}.toolbar-tools,.toolbar-actions{align-items:center;gap:5px;display:flex}.toolbar-tools button,.toolbar-actions button{color:#95a399;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:29px;height:29px;display:flex}.toolbar-tools button:hover,.toolbar-actions button:hover,.toolbar-tools button.active{color:#e2dbc5;background:#39453c}.canvas-label{text-transform:uppercase;letter-spacing:.1em;color:#cbd4c9;align-items:center;gap:8px;font-size:10px;display:flex}.label-dot{background:#c9b994;width:5px;height:5px;transform:rotate(45deg)}.canvas-dims{color:#73827a;letter-spacing:0;margin-left:7px}.canvas-zone{background-color:#171c1a;background-image:radial-gradient(#3a403b .7px,#0000 .7px);background-size:21px 21px;flex:1;justify-content:center;align-items:center;min-height:0;padding:35px;display:flex;overflow:auto}.canvas-wrap{background:#242c29;flex:none;line-height:0;position:relative;box-shadow:0 19px 55px #0009,0 0 0 1px #68756a}.canvas-wrap canvas{touch-action:none;width:100%;height:100%;display:block}.empty-canvas{color:#d8ddd7;background:#2c3431;flex-direction:column;justify-content:center;align-items:center;line-height:1.5;display:flex;position:absolute;inset:0}.empty-icon{color:#c9b994;border:1px solid #627366;border-radius:10px;padding:16px}.empty-canvas h2{margin:18px 0 2px;font-size:18px;font-weight:500}.empty-canvas p{color:#9cac9f;margin:0 0 22px}.empty-canvas button{color:#202820;background:#c9b994;border:0;border-radius:5px;align-items:center;gap:8px;padding:10px 16px;font-weight:700;display:flex}.brush-floating{white-space:nowrap;color:#dbe2d8;background:#28322d;border:1px solid #59665b;border-radius:8px;align-items:center;gap:12px;padding:9px 13px;display:flex;position:absolute;bottom:53px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #0007}.brush-floating input[type=range]{accent-color:#c8b996;width:110px}.brush-floating input[type=color]{background:0 0;border:0;width:28px;height:25px;padding:0}.bottom-bar{color:#8f9d92;letter-spacing:.08em;background:#1a201e;border-top:1px solid #303936;flex:0 0 37px;justify-content:space-between;align-items:center;height:37px;padding:0 17px;font-size:9px;display:flex}.bottom-left,.zoom-controls{align-items:center;gap:8px;display:flex}.bottom-center{color:#63726a;letter-spacing:.15em}.bottom-center span{color:#a4987e}.zoom-controls button{color:#9daa9e;background:0 0;border:0;align-items:center;padding:3px;display:flex}.zoom-controls span{text-align:center;color:#d4dbd3;font-variant-numeric:tabular-nums;min-width:36px}.right-heading{padding:0 14px}.param-count{color:#a79877;white-space:nowrap;margin-left:auto;font-size:9px}.histogram{border-bottom:1px solid #343c38;flex:0 0 158px;height:158px;padding:14px 17px 9px}.hist-head,.hist-axis{color:#87978b;letter-spacing:.14em;justify-content:space-between;font-size:9px;display:flex}.hist-head span:last-child{color:#bcb3a0}.histogram svg{background:linear-gradient(#0000 49%,#333e37 50%,#0000 51%),linear-gradient(90deg,#0000 49%,#333e37 50%,#0000 51%);width:100%;height:91px;margin-top:10px}.hist-axis{letter-spacing:0;color:#76847a}.param-search{color:#8c9c90;background:#252e28;border:1px solid #4a554e;border-radius:5px;align-items:center;gap:8px;height:34px;margin:13px 13px 9px;padding:0 9px;display:flex}.param-search input{color:#e5ebe3;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.param-search input::placeholder{color:#76867a}.param-search button{color:#a9b7a9;background:0 0;border:0;display:flex}.family-tabs{scrollbar-width:none;border-bottom:1px solid #343c38;flex:0 0 38px;padding:0 11px;display:flex;overflow:auto}.family-tabs button{color:#88998b;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 9px;font-size:10px}.family-tabs button:hover{color:#d9e0d4}.family-tabs button.active{color:#e6d8b5;border-color:#cbb994}.param-meta{color:#a9b8a7;letter-spacing:.08em;justify-content:space-between;align-items:center;padding:14px 16px 10px;font-size:10px;display:flex}.param-meta button{color:#a8b6a8;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.param-meta button:hover{color:#eadaba}.param-scroll{scrollbar-color:#4a554d transparent;scrollbar-width:thin;flex:1;padding:0 13px 20px;overflow:auto}.param-group{border-top:1px solid #37413a;margin-top:4px;margin-bottom:17px;padding-top:12px}.group-title{color:#d5ddd1;letter-spacing:.07em;justify-content:space-between;margin:0 3px 12px;font-size:10px;display:flex}.group-title span:last-child{color:#77887b}.param-row{margin:0 3px 15px}.param-row label{color:#aebbae;white-space:nowrap;text-overflow:ellipsis;margin-bottom:7px;font-size:10px;display:block;overflow:hidden}.param-input{align-items:center;gap:10px;display:flex}.param-input input[type=range]{accent-color:#cabb98;cursor:pointer;width:100%;height:3px}.param-input input[type=number]{color:#d9e4d7;text-align:right;font-variant-numeric:tabular-nums;background:#2b352d;border:1px solid #4c5a4d;border-radius:3px;width:53px;height:24px;padding:2px 5px;font-size:10px}.param-input input[type=number]::-webkit-inner-spin-button{opacity:.3}.no-results{color:#819083;padding:25px}.right-foot{color:#8d9a8d;border-top:1px solid #343c38;flex:0 0 36px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:9px;display:flex}.right-foot svg{color:#c4b690}.toast{color:#253128;z-index:200;background:#d8c8a5;border-radius:5px;padding:10px 17px;font-weight:700;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #0008}.restore-tray{z-index:40;color:#cdbf9e;background:#28322d;border:1px solid #58665a;border-radius:6px;align-items:center;gap:6px;padding:7px;display:flex;position:fixed;bottom:50px;left:15px}.restore-tray button{color:#e3e9df;background:#39473e;border:0;border-radius:3px;padding:5px 8px;font-size:10px}.immersive .main{display:block}.immersive .workspace{height:100%}.immersive .canvas-toolbar{display:none}.immersive .canvas-zone{height:100%}.immersive-bar{z-index:30;color:#e4eadd;letter-spacing:.14em;background:#25302be8;border:1px solid #5a665b;border-radius:6px;align-items:center;gap:25px;padding:8px 12px;font-size:10px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 6px 25px #0008}.immersive-bar button{color:#d6c8a5;background:0 0;border:0;align-items:center;gap:6px;display:flex}.immersive-bar kbd{border:1px solid #687267;border-radius:3px;padding:2px 4px;font-size:9px}@media (width<=1050px){.main{grid-template-columns:200px minmax(0,1fr) 275px}.no-left .main{grid-template-columns:minmax(0,1fr) 275px}.no-right .main{grid-template-columns:200px minmax(0,1fr)}.topbar{gap:12px}.project-name,.bottom-center{display:none}}@media (width<=760px){.main,.no-left .main,.no-right .main{grid-template-columns:minmax(0,1fr)}.left-panel,.right-panel{display:none}.topbar{gap:10px}.menubar{gap:0}.menu-trigger{padding:6px}.brand-name,.beta,.top-actions .icon-button,.top-actions .divider{display:none}.canvas-zone{padding:20px}}.preset-wrap{position:relative}.preset-wrap>button{color:#c8ba97;background:0 0;border:0;align-items:center;gap:4px;font-size:10px;display:flex}.preset-menu{z-index:10;background:#2b352e;border:1px solid #536254;border-radius:5px;width:122px;padding:4px;position:absolute;top:23px;right:0;box-shadow:0 10px 20px #0007}.preset-menu button{color:#e3e9df;text-align:left;text-transform:capitalize;background:0 0;border:0;border-radius:3px;width:100%;padding:7px;font-size:10px;display:block}.preset-menu button:hover{background:#425044}.blend-select{color:#dce5d8;background:#2b352d;border:1px solid #4b594d;border-radius:4px;width:100%;margin:0 0 10px;padding:6px;font-size:11px}.layer-order{gap:5px;margin-top:11px;display:flex}.layer-order button{color:#bfcbbd;background:#2b352e;border:1px solid #4b594d;border-radius:4px;flex:1;padding:6px 2px;font-size:9px}.layer-order button:hover{background:#3a463d}.layer-order button:last-child:hover{color:#e9aaa3}.right-mode-tabs{border-bottom:1px solid #343c38;flex:0 0 40px;gap:7px;padding:0 13px;display:flex}.right-mode-tabs button{color:#8e9d91;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;font-size:10px;font-weight:600}.right-mode-tabs button span{color:#918d7e;margin-left:3px;font-size:9px}.right-mode-tabs button.active{color:#e7d9b7;border-color:#cbb994}.recipe-browser{flex-direction:column;flex:1;min-height:0;display:flex}.recipe-intro{border-bottom:1px solid #343c38;flex-direction:column;gap:5px;padding:15px 15px 12px;display:flex}.recipe-intro strong{color:#e9e7d9;letter-spacing:.04em;font-size:11px}.recipe-intro small{color:#97a69a;font-size:10px;line-height:1.55}.recipe-search{color:#91a092;background:#252e28;border:1px solid #4a554e;border-radius:5px;flex:0 0 34px;align-items:center;gap:8px;height:34px;margin:12px 13px 8px;padding:0 9px;display:flex}.recipe-search input{color:#e6eae2;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.recipe-search button{color:#9caba0;background:0 0;border:0;padding:2px;display:flex}.recipe-categories{scrollbar-width:thin;flex:none;gap:5px;padding:0 13px 9px;display:flex;overflow-x:auto}.recipe-categories button{color:#aebcaf;white-space:nowrap;background:#29322c;border:1px solid #3e4a41;border-radius:13px;padding:4px 8px;font-size:9px}.recipe-categories button.active{color:#202820;background:#c8b996;border-color:#c8b996}.recipe-strength{border-bottom:1px solid #374039;padding:7px 15px 11px}.recipe-strength label{color:#a8b6a8;justify-content:space-between;font-size:10px;display:flex}.recipe-strength b{color:#d8c69f;font-variant-numeric:tabular-nums}.recipe-strength input{accent-color:#c8b996;width:100%;margin:9px 0 0}.recipe-results{scrollbar-color:#4a554d transparent;scrollbar-width:thin;flex:1;min-height:0;padding:8px 9px 16px;overflow-y:auto}.recipe-card{background:#242d28;border:1px solid #0000;border-radius:6px;align-items:center;margin-bottom:4px;display:flex}.recipe-card:hover{background:#2c372f;border-color:#58675a}.recipe-card.active{background:#354035;border-color:#b6a783}.recipe-apply{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:7px 5px;display:flex}.recipe-swatch{border:1px solid #697166;border-radius:4px;flex:0 0 44px;width:44px;height:38px;box-shadow:inset 0 0 0 1px #0005}.recipe-copy{flex-direction:column;gap:5px;min-width:0;display:flex}.recipe-copy strong{color:#e2e7df;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.recipe-copy small{color:#8c9d8f;font-size:9px}.recipe-favorite{color:#697a6e;background:0 0;border:0;flex:0 0 27px;width:27px;height:36px;padding:0;font-size:18px}.recipe-favorite:hover,.recipe-favorite.active{color:#d5bf89}.recipe-foot{color:#9da999;letter-spacing:.08em;border-top:1px solid #343c38;flex:0 0 34px;align-items:center;padding:0 15px;font-size:9px;display:flex}.recipe-categories{scrollbar-width:none}.recipe-categories::-webkit-scrollbar{display:none}.curve-editor{border-bottom:1px solid #39433b;flex:none;padding:8px 16px 9px}.curve-head{color:#d7dfd4;justify-content:space-between;align-items:center;margin-bottom:7px;font-size:10px;display:flex}.curve-head button{color:#c9b993;background:0 0;border:0;padding:2px;font-size:9px}.curve-editor svg{touch-action:none;cursor:crosshair;width:100%;max-height:230px;display:block}.curve-channels{gap:5px;margin-top:7px;display:flex}.curve-channels button{background:#27312a;border:1px solid #465448;border-radius:4px;flex:1;padding:5px;font-size:11px;font-weight:700}.curve-channels button.active{background:#3a493d;border-color:#9aab93}.curve-editor p{color:#92a294;margin:7px 0 0;font-size:9px;line-height:1.4}.subgroup-tabs{scrollbar-width:none;border-bottom:1px solid #343c38;flex:0 0 35px;gap:5px;padding:6px 12px;display:flex;overflow-x:auto}.subgroup-tabs::-webkit-scrollbar{display:none}.subgroup-tabs button{white-space:nowrap;color:#9eafa0;background:#273029;border:1px solid #465147;border-radius:13px;padding:3px 8px;font-size:9px}.subgroup-tabs button span{opacity:.66;margin-left:3px}.subgroup-tabs button.active{color:#efe0bd;background:#504e3e;border-color:#c9b994}.top-text-action{color:#dfd5bb;white-space:nowrap;background:#303a34;border:1px solid #596650;border-radius:5px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.top-text-action:hover{background:#435047}.right-mode-tabs button{min-width:0}.text-panel{scrollbar-color:#4b584d transparent;scrollbar-width:thin;flex:1;min-height:0;padding:15px;overflow:auto}.text-empty{color:#a8b6a8;text-align:center;padding:30px 20px;line-height:1.6}.text-editor-heading,.text-section-label{color:#d9dccf;letter-spacing:.09em;margin:1px 0 9px;font-size:10px;font-weight:700}.text-section-label{margin-top:18px}.text-panel textarea{resize:vertical;color:#edf0e7;background:#263029;border:1px solid #536151;border-radius:5px;width:100%;min-height:78px;padding:9px;font-size:12px;line-height:1.5}.text-font-search{color:#aab8a8;background:#263029;border:1px solid #536151;border-radius:5px;align-items:center;gap:6px;height:32px;padding:0 8px;display:flex}.text-font-search input{color:#e7ece3;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:11px}.text-font-categories{scrollbar-width:none;gap:4px;padding:8px 0;display:flex;overflow:auto}.text-font-categories::-webkit-scrollbar{display:none}.text-font-categories button{white-space:nowrap;color:#acbaab;background:#2b352d;border:1px solid #48564b;border-radius:11px;padding:4px 7px;font-size:9px}.text-font-categories button.active{color:#202820;background:#c8b996;border-color:#c8b996}.text-font-list{scrollbar-color:#4b584d transparent;scrollbar-width:thin;background:#222b25;border:1px solid #414e43;border-radius:5px;height:205px;overflow:auto}.text-font-list button{text-align:left;color:#e4e8dc;background:0 0;border:0;border-bottom:1px solid #364339;justify-content:space-between;align-items:center;width:100%;min-height:37px;padding:6px 9px;font-size:14px;display:flex}.text-font-list button small{color:#b8ad91;font-size:16px}.text-font-list button:hover,.text-font-list button.active{background:#3d4b3f}.text-no-font{color:#a8b6a8;padding:12px}.text-upload{color:#ead9b3;background:#353d32;border:1px solid #b6a57f;border-radius:4px;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:9px;padding:8px;font-size:10px;display:flex}.text-custom-name{color:#b5c8b4;margin-top:5px;font-size:9px}.text-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.text-number{color:#aab9a9;justify-content:space-between;align-items:center;gap:5px;font-size:9px;display:flex}.text-number input{color:#e6eadf;text-align:right;background:#29332b;border:1px solid #4d5b4d;border-radius:4px;width:68px;min-width:0;padding:5px;font-size:10px}.text-align{align-items:center;gap:4px;margin-top:14px;display:flex}.text-align span{color:#aab9a9;margin-right:auto;font-size:10px}.text-align button{color:#a9b8a7;background:#2c372e;border:1px solid #495749;border-radius:4px;padding:5px;font-size:9px}.text-align button.active{color:#e9d8b1;border-color:#b6a57f}.text-colors{justify-content:space-between;gap:6px;margin-top:16px;display:flex}.text-colors label{color:#a9b7a8;flex-direction:column;align-items:center;gap:6px;font-size:9px;display:flex}.text-colors input{background:#273129;border:1px solid #566654;border-radius:3px;width:49px;height:27px;padding:2px}@media (width<=1050px){.top-text-action{padding:6px}.topbar{gap:8px}}.right-panel{min-width:0}.family-tabs{flex-wrap:wrap;flex:none;min-height:38px;padding:0 9px;overflow:visible}.family-tabs button{flex:1 0 auto;min-height:36px;padding:0 7px}.subgroup-tabs,.recipe-categories,.text-font-categories{scrollbar-width:thin;flex-wrap:wrap;overflow:hidden auto}.subgroup-tabs{flex:none;align-content:start;min-height:35px;max-height:77px}.recipe-categories,.text-font-categories{align-content:start;max-height:76px}.text-size-control{background:linear-gradient(145deg,#30372f,#252d28);border:1px solid #756e58;border-radius:7px;margin:12px 0 18px;padding:12px}.text-size-heading,.text-size-actions,.text-size-scale{justify-content:space-between;align-items:center;gap:8px;display:flex}.text-size-heading{color:#eadbb7;font-size:11px;font-weight:700}.text-size-value{color:#aaaf9e;align-items:center;gap:5px;font-size:10px;display:flex}.text-size-value input{color:#f2e7cb;text-align:right;background:#202923;border:1px solid #8c8264;border-radius:4px;width:70px;padding:5px 6px;font-size:12px;font-weight:700}.text-size-actions{margin-top:12px}.text-size-actions input{accent-color:#c8b996;flex:1;min-width:0}.text-size-actions button{color:#ebdfc2;background:#394237;border:1px solid #665e49;border-radius:4px;flex:none;width:28px;height:28px;font-size:18px;line-height:1}.text-size-scale{color:#8d9d8e;margin:2px 35px 0;font-size:9px}.text-font-count{color:#90a491;margin:4px 0 7px;font-size:9px}.text-font-list .text-font-more{color:#ead8b0;background:#384435;justify-content:center;font-size:10px;font-weight:700}