.app[data-v-960aff46]{background:linear-gradient(135deg,#f3e4cf,#f8f0e3);box-sizing:border-box;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;gap:16px;height:100vh;opacity:0;padding:16px;transition:opacity .3s ease}.app.mounted[data-v-960aff46]{opacity:1}.mobile-container[data-v-960aff46]{flex-direction:column}.desktop-container[data-v-960aff46]{flex-direction:row}.mobile-toolbar[data-v-960aff46]{width:100%}.mobile-toolbar-buttons[data-v-960aff46]{display:flex;gap:8px;justify-content:center}.mobile-toolbar-btn[data-v-960aff46]{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.7));border:1px solid rgba(120,80,40,.25);border-radius:12px;box-shadow:0 4px 12px rgba(60,30,0,.1);color:#5a3a16;cursor:pointer;display:flex;font-size:22px;height:48px;justify-content:center;transition:all .3s ease;width:48px}.mobile-toolbar-btn[data-v-960aff46]:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.8));box-shadow:0 6px 16px rgba(60,30,0,.15);transform:translateY(-2px) scale(1.05)}.mobile-toolbar-btn.primary[data-v-960aff46]{background:linear-gradient(135deg,#8b5a2b,#5a3a16);border:none;color:#fff}.mobile-toolbar-btn.primary[data-v-960aff46]:hover{background:linear-gradient(135deg,#9b6a3b,#6a4a26)}.mobile-bottom-settings[data-v-960aff46]{bottom:20px;display:flex;justify-content:center;left:0;padding:0 20px;position:fixed;right:0;z-index:100}.bottom-settings-btn[data-v-960aff46]{align-items:center;background:linear-gradient(135deg,#f6d4a6,#e8c28c);border:1px solid rgba(120,80,40,.3);border-radius:12px;box-shadow:0 4px 12px rgba(60,30,0,.1);color:#5a3a16;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;padding:12px 24px;transition:all .3s ease}.bottom-settings-btn[data-v-960aff46]:hover{box-shadow:0 6px 16px rgba(60,30,0,.15);transform:translateY(-2px)}.pc-settings-toggle[data-v-960aff46]{left:40px;position:absolute;top:30px;z-index:10}.settings-panel[data-v-960aff46]{backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.7));border:1px solid rgba(120,80,40,.25);border-radius:20px;box-shadow:0 12px 40px rgba(60,30,0,.12);overflow:auto;padding:16px;width:100%}.panel-header[data-v-960aff46]{align-items:center;border-bottom:1px solid rgba(120,80,40,.15);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.panel-header h3[data-v-960aff46]{background:linear-gradient(135deg,#8b5a2b,#5a3a16);-webkit-background-clip:text;color:#5a3a16;font-size:18px;font-weight:600;margin:0;-webkit-text-fill-color:transparent;background-clip:text}.settings-section[data-v-960aff46]{margin-bottom:16px}.section-header[data-v-960aff46]{align-items:center;background:rgba(255,255,255,.5);border:1px solid rgba(120,80,40,.15);border-radius:10px;color:#6b451c;cursor:pointer;display:flex;font-size:14px;font-weight:600;padding:10px 12px;transition:all .3s ease}.section-header[data-v-960aff46]:hover{background:rgba(255,255,255,.7);border-color:rgba(120,80,40,.25)}.section-content[data-v-960aff46]{padding:16px 12px 8px}.subttl[data-v-960aff46]{color:#6b451c;font-size:14px;font-weight:600}.row[data-v-960aff46]{align-items:center;display:flex;gap:12px;margin:12px 0}.row label[data-v-960aff46]{color:#6b451c;font-size:13px;font-weight:500;width:140px}.row input[type=range][data-v-960aff46]{-webkit-appearance:none;background:rgba(120,80,40,.15);border-radius:3px;flex:1;height:6px;outline:none}.row input[type=range][data-v-960aff46]::-webkit-slider-thumb{-webkit-appearance:none;background:#f6d4a6;border:2px solid #8b5a2b;border-radius:50%;box-shadow:0 2px 6px rgba(60,30,0,.2);cursor:pointer;height:20px;width:20px}.row input[type=checkbox][data-v-960aff46]{background:#f6d4a6;border:2px solid #8b5a2b;border-radius:4px;cursor:pointer;height:18px;width:18px}.row .val[data-v-960aff46]{color:#5a3a16;font-size:13px;font-variant-numeric:tabular-nums;font-weight:500;text-align:right;width:70px}.btnRow[data-v-960aff46]{display:flex;gap:10px;margin-top:16px}button[data-v-960aff46]{background:linear-gradient(135deg,#f6d4a6,#e8c28c);border:1px solid rgba(120,80,40,.25);border-radius:12px;box-shadow:0 4px 12px rgba(60,30,0,.1);color:#5a3a16;cursor:pointer;font-size:14px;font-weight:500;margin-top:10px;padding:12px 16px;transition:all .3s ease;width:100%}button[data-v-960aff46]:hover{box-shadow:0 6px 16px rgba(60,30,0,.15);transform:translateY(-2px)}button.preset[data-v-960aff46],button.secondary[data-v-960aff46]{background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.7))}button.preset[data-v-960aff46]{font-size:13px;margin-top:0;padding:10px 12px}.panel-toolbar[data-v-960aff46]{border-bottom:1px solid rgba(120,80,40,.15);margin-bottom:20px;padding-bottom:16px}.panel-toolbar-buttons[data-v-960aff46]{display:flex;gap:12px}.panel-toolbar-btn[data-v-960aff46]{align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.85),rgba(255,255,255,.7));border:1px solid rgba(120,80,40,.25);border-radius:12px;box-shadow:0 4px 12px rgba(60,30,0,.1);color:#5a3a16;cursor:pointer;display:flex;flex:1;flex-direction:column;font-size:20px;justify-content:center;padding:12px 8px;transition:all .3s ease}.panel-toolbar-btn[data-v-960aff46]:hover{background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.8));box-shadow:0 6px 16px rgba(60,30,0,.15);transform:translateY(-2px)}.panel-toolbar-btn.primary[data-v-960aff46]{background:linear-gradient(135deg,#8b5a2b,#5a3a16);border:none;color:#fff}.panel-toolbar-btn.primary[data-v-960aff46]:hover{background:linear-gradient(135deg,#9b6a3b,#6a4a26)}.panel-toolbar-label[data-v-960aff46]{font-size:12px;font-weight:500;margin-top:6px}@media(min-width:768px){.app[data-v-960aff46]{flex-direction:row;gap:32px;padding:24px}.settings-panel[data-v-960aff46]{max-height:calc(100vh - 48px);padding:20px;transition:transform .3s ease,opacity .3s ease;width:420px}.settings-panel[data-v-960aff46]:not([style*="display: none"]){opacity:1;transform:translate(0)}.panel-header h3[data-v-960aff46]{font-size:20px}.section-header[data-v-960aff46]{font-size:15px;padding:12px 16px}.subttl[data-v-960aff46]{font-size:15px}.row label[data-v-960aff46]{font-size:14px;width:160px}.row .val[data-v-960aff46]{font-size:14px;width:80px}.canvas-container[data-v-960aff46]{flex:1;height:calc(100vh - 48px);padding:20px;transition:margin-left .3s ease}.canvas-container[data-v-960aff46]:after,.canvas-container[data-v-960aff46]:before{border-radius:24px;top:20px;right:20px;bottom:20px;left:20px}.canvas-container[data-v-960aff46]:after{background-size:5% 6.25%}.mobile-bottom-settings[data-v-960aff46],.mobile-toolbar[data-v-960aff46]{display:none}.hint[data-v-960aff46]{font-size:13px;padding:16px}}@media(max-width:767px){.app[data-v-960aff46]{gap:12px;padding:12px}.settings-panel[data-v-960aff46]{border-radius:20px 20px 0 0;bottom:80px;box-shadow:0 -10px 40px rgba(60,30,0,.2);display:flex;flex-direction:column;left:12px;max-height:70vh;opacity:0;position:fixed;right:12px;transform:translateY(100%);transition:transform .3s ease,opacity .3s ease;z-index:99}.settings-panel.mobile-visible[data-v-960aff46]{opacity:1;transform:translateY(0)}.panel-content[data-v-960aff46]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}.panel-content[data-v-960aff46]::-webkit-scrollbar{width:4px}.panel-content[data-v-960aff46]::-webkit-scrollbar-track{background:rgba(120,80,40,.1);border-radius:2px}.panel-content[data-v-960aff46]::-webkit-scrollbar-thumb{background:rgba(120,80,40,.3);border-radius:2px}.row[data-v-960aff46]{flex-wrap:wrap}.row label[data-v-960aff46]{margin-bottom:4px;width:100%}.row .val[data-v-960aff46]{width:50px}.canvas-container[data-v-960aff46]{margin-bottom:60px;min-height:300px}}.hint[data-v-960aff46]{background:rgba(139,90,43,.08);border:1px solid rgba(139,90,43,.15);border-radius:10px;color:rgba(90,58,22,.85);font-size:12.5px;line-height:1.5;margin-top:20px;padding:14px}.hr[data-v-960aff46]{background:linear-gradient(90deg,transparent,rgba(120,80,40,.2) 50%,transparent);height:1px;margin:20px 0}.canvas-container[data-v-960aff46]{backdrop-filter:blur(8px);background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.3));border:1px solid rgba(120,80,40,.25);border-radius:24px;box-shadow:0 16px 40px rgba(60,30,0,.15);flex:1;min-height:400px;padding:16px;position:relative}.canvas-container[data-v-960aff46]:before{border:1px solid rgba(170,90,50,.2)}.canvas-container[data-v-960aff46]:after,.canvas-container[data-v-960aff46]:before{border-radius:20px;content:"";top:16px;right:16px;bottom:16px;left:16px;pointer-events:none;position:absolute}.canvas-container[data-v-960aff46]:after{background-image:linear-gradient(rgba(170,90,50,.12) 1px,transparent 0),linear-gradient(90deg,rgba(170,90,50,.12) 1px,transparent 0);background-size:6.25% 8.33333%}