/* Unified chrome, forms and dialogs. Colors follow the existing light/dark theme. */
:root{--mw-control-height:40px;--mw-dialog-radius:18px}
html.mw-mobile-app .mw-mobile-action-grid #btnTutorial{display:block!important}
button,input,textarea,select{font-family:inherit}button{touch-action:manipulation}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent,#6d5dfc);outline-offset:3px}
.mw-workspace-header{box-shadow:0 1px 0 var(--border);gap:16px}.mw-workspace-brand small{letter-spacing:1px}.mw-workspace-nav{border-color:transparent}.mw-workspace-nav button{transition:background .15s,color .15s}.mw-workspace-account>.btn{min-height:38px}.mw-workspace-ready .toolbar{background:var(--bg-primary);border-color:var(--border)}
.mw-workspace-account #btnTutorial{display:inline-flex!important}.mw-workspace-ready .mw-ui-menu>div{box-shadow:var(--mw-shadow)}.mw-workspace-ready .mw-ui-menu select{background:var(--bg-tertiary);border:1px solid var(--border)!important}.mw-workspace-ready .status-bar{font-size:11px;color:var(--text-secondary);gap:12px}.mw-workspace-ready .status-bar>*{white-space:nowrap}
.mw-dialog-open{overflow:hidden!important}.modal,.mw-pro-modal,.mw-novel-overlay,.mw-short-overlay,.mw-ui-overlay,.mw-learn-overlay{overscroll-behavior:contain;backdrop-filter:blur(5px)}
.mw-workspace-ready .modal{padding:24px}.mw-workspace-ready .modal-content{max-height:calc(100dvh - 48px);width:min(100%,600px);border-radius:var(--mw-dialog-radius);box-shadow:var(--mw-shadow);background:var(--bg-secondary)}.mw-workspace-ready .modal-large{max-width:960px}.mw-workspace-ready .modal-small{max-width:440px}.mw-workspace-ready .modal-editor{max-width:1020px}
.mw-workspace-ready :is(.modal-header,.modal-body,.modal-footer){background:var(--bg-secondary)!important}.mw-workspace-ready .modal-header{gap:12px;flex-shrink:0;padding:18px 24px}.mw-workspace-ready .modal-header h3{font-size:17px;line-height:1.5}.mw-workspace-ready .modal-body{min-height:0;padding:22px 24px;overscroll-behavior:contain}.mw-workspace-ready .modal-footer{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px}.mw-workspace-ready .modal-footer .btn{min-height:40px}.mw-workspace-ready .btn-close{background:var(--bg-tertiary);min-width:38px;min-height:38px;font-size:22px;color:var(--text-secondary)}
.mw-workspace-ready .form-group{margin-bottom:18px}.mw-workspace-ready .form-group input:not([type=checkbox]):not([type=radio]),.mw-workspace-ready .form-group select,.mw-workspace-ready .form-group textarea{border-radius:9px;min-height:42px;background:var(--bg-primary);border:1px solid var(--border);padding:10px 12px;color:var(--text-primary);font-size:14px}.mw-workspace-ready .form-group label{color:var(--text-secondary);font-weight:500}.mw-workspace-ready .editor-content{line-height:1.9;padding:22px;min-height:220px}.mw-workspace-ready .editor-toolbar{flex-wrap:wrap;gap:4px;padding:10px 16px}.mw-workspace-ready .editor-toolbar button{min-height:34px}
.mw-workspace-ready .ai-panel,.mw-workspace-ready .editor-panel,.mw-workspace-ready .outline-panel{border:1px solid var(--border);box-shadow:var(--mw-shadow);border-radius:14px;overflow:hidden}.mw-workspace-ready .panel-header{min-height:52px;padding:12px 16px}.mw-workspace-ready .chat-message{line-height:1.75}.mw-workspace-ready .editor-ai-result{max-width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 64px);box-shadow:var(--mw-shadow);background:var(--bg-secondary);border-radius:18px}.mw-workspace-ready .editor-ai-result-body{line-height:1.8;overscroll-behavior:contain}.mw-workspace-ready .editor-ai-result-header,.mw-workspace-ready .editor-ai-result-footer{padding:16px 20px;background:var(--bg-secondary)}
.mw-workspace-ready .mw-pro-modal-card{max-height:calc(100dvh - 48px);border-radius:18px;box-shadow:var(--mw-shadow)}.mw-workspace-ready .mw-novel-dialog,.mw-workspace-ready .mw-short-dialog{border-radius:20px;max-height:calc(100dvh - 40px)}
#mf_overlay{padding:24px!important;overflow:auto!important;background:rgba(4,8,20,.78)!important}#mf_box{width:min(100%,640px)!important;max-height:calc(100dvh - 48px)!important;overflow:auto!important;border-radius:20px!important;box-shadow:0 24px 90px #0007!important}#mf_box button,#mf_box input,#mf_box select{min-height:44px!important;border-radius:10px!important}#mf_account_panel{border-radius:14px!important}#mf_box input:focus{outline:2px solid #9386ff!important;outline-offset:2px}#mf_account_panel .mf_btn{font-size:15px!important}
.mw-ui-overlay,.mw-learn-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:rgba(4,8,20,.68);z-index:22000;color:var(--text-primary,#172033)}
.mw-action-card{width:min(100%,460px);max-height:calc(100dvh - 48px);overflow:auto;padding:26px;border-radius:20px;border:1px solid var(--border,#d6dbe6);background:var(--bg-secondary,#fff);box-shadow:var(--mw-shadow,0 24px 90px #0004)}.mw-action-kicker{display:block;color:var(--accent,#6d5dfc);font-size:10px;font-weight:700;letter-spacing:1.8px}.mw-action-head h2{font-size:20px;line-height:1.5;margin:8px 0 12px}.mw-action-message{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:var(--text-secondary,#526078);line-height:1.8;margin:0 0 20px}.mw-action-field{display:grid;gap:8px;font-size:13px;color:var(--text-secondary,#526078)}.mw-action-field input,.mw-action-field textarea{width:100%;padding:12px;border:1px solid var(--border,#d6dbe6);border-radius:10px;background:var(--bg-primary,#f3f6fb);color:var(--text-primary,#172033);font-size:16px;line-height:1.6;box-sizing:border-box}.mw-action-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.mw-action-footer button{min-height:42px;padding:9px 16px}.mw-ui-btn.danger{background:var(--error,#d83e50);color:#fff;border-color:transparent}.mw-field-error{min-height:18px;color:var(--error,#d83e50);font-size:12px;line-height:1.6}
.mw-toast-rack{position:fixed;right:20px;bottom:54px;width:min(380px,calc(100vw - 32px));display:grid;gap:8px;z-index:90000;pointer-events:none}.mw-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--bg-secondary,#fff);border:1px solid var(--border,#d6dbe6);border-left:3px solid var(--success,#0eaa76);border-radius:12px;box-shadow:var(--mw-shadow);color:var(--text-primary,#172033);font-size:13px;line-height:1.7;overflow-wrap:anywhere}.mw-toast.error{border-left-color:var(--error)}.mw-toast button{border:0;background:transparent;color:inherit;font-size:20px;margin-left:auto;cursor:pointer}
.mw-learn-card{display:flex;flex-direction:column;width:min(1100px,100%);height:min(760px,calc(100dvh - 48px));background:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--mw-shadow)}.mw-learn-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:24px 28px;border-bottom:1px solid var(--border)}.mw-learn-head h1{font-size:24px;margin:7px 0}.mw-learn-head p{font-size:12px;color:var(--text-secondary);margin:0}.mw-learn-head button{min-height:42px}.mw-learn-layout{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:0;flex:1}.mw-learn-sidebar{padding:20px 16px;border-right:1px solid var(--border);overflow:auto;background:var(--bg-primary)}.mw-learn-search{display:grid;gap:6px;margin-bottom:12px;font-size:11px;color:var(--text-secondary)}.mw-learn-search input,.mw-learn-search select{padding:10px;min-width:0;border:1px solid var(--border);border-radius:9px;background:var(--bg-secondary);color:var(--text-primary);font-size:13px}.mw-learn-sidebar nav{display:grid;gap:5px}.mw-learn-sidebar nav button{display:grid;gap:5px;text-align:left;padding:12px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-primary);cursor:pointer}.mw-learn-sidebar nav button small{font-size:10px;color:var(--text-secondary)}.mw-learn-sidebar nav button strong{font-size:12px;font-weight:500;line-height:1.5}.mw-learn-sidebar nav button.active{background:var(--accent-light);border-color:var(--border);color:var(--accent)}.mw-learn-content{padding:28px 32px;overflow:auto;min-width:0;overscroll-behavior:contain}.mw-learn-path{font-size:11px;color:var(--accent);letter-spacing:.5px}.mw-learn-content h2{margin:14px 0 8px;font-size:25px;line-height:1.45}.mw-learn-summary{font-size:13px;color:var(--text-secondary);line-height:1.7}.mw-learn-progress{display:flex;list-style:none;margin:24px 0;padding:0;gap:8px;flex-wrap:wrap}.mw-learn-progress li{flex:1;min-width:115px}.mw-learn-progress button{display:flex;gap:8px;align-items:center;width:100%;height:100%;text-align:left;min-height:44px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-secondary);border-radius:9px;padding:10px;font-size:11px;cursor:pointer}.mw-learn-progress button[aria-current]{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.mw-learn-progress span{font-variant-numeric:tabular-nums}.mw-learn-step{padding:24px;border:1px solid var(--border);border-radius:14px;background:var(--bg-primary);margin:16px 0}.mw-learn-step>span{font-size:10px;color:var(--accent);letter-spacing:2px}.mw-learn-step h3{font-size:18px;margin:12px 0}.mw-learn-step p{font-size:14px;color:var(--text-secondary);line-height:1.95;min-height:70px}.mw-learn-tip,.mw-learn-empty{font-size:12px;line-height:1.8;color:var(--text-secondary)}.mw-learn-footer{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.mw-learn-footer button{min-height:42px}.mw-learn-footer button:last-child{margin-left:auto}
@media(max-width:760px){.mw-workspace-account{gap:5px}.mw-workspace-account .btn{padding:7px 9px;font-size:12px}.mw-workspace-brand small{display:none}.mw-workspace-ready .modal{padding:10px}.mw-workspace-ready .modal-content{max-height:calc(100dvh - 20px);width:100%!important}.mw-workspace-ready .modal-header,.mw-workspace-ready .modal-footer{padding:12px 16px}.mw-workspace-ready .modal-body{padding:16px}.mw-workspace-ready .modal-header h3{font-size:16px}.mw-workspace-ready .modal-footer>.btn{flex:1}.mw-workspace-ready .form-group input:not([type=checkbox]):not([type=radio]),.mw-workspace-ready .form-group textarea,.mw-workspace-ready .form-group select{font-size:16px}.mw-workspace-ready .modal-body[style*="display:flex"]{flex-direction:column}.mw-workspace-ready .editor-content{padding:12px}.mw-ui-overlay,.mw-learn-overlay{padding:10px}.mw-action-card{padding:22px;max-height:calc(100dvh - 20px)}#mf_overlay{padding:10px!important}#mf_box{max-height:calc(100dvh - 20px)!important}.mw-learn-card{height:calc(100dvh - 20px);border-radius:14px}.mw-learn-head{padding:18px 16px;align-items:flex-start}.mw-learn-head h1{font-size:21px}.mw-learn-head p{max-width:190px;line-height:1.6}.mw-learn-layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}.mw-learn-sidebar{padding:12px 16px;max-height:190px;border-right:0;border-bottom:1px solid var(--border)}.mw-learn-search{display:inline-grid;width:calc(50% - 7px);margin-right:6px}.mw-learn-search input,.mw-learn-search select{font-size:16px;width:100%;box-sizing:border-box}.mw-learn-sidebar nav{display:flex;overflow:auto}.mw-learn-sidebar nav button{flex:0 0 170px}.mw-learn-content{padding:20px 16px}.mw-learn-content h2{font-size:22px}.mw-learn-progress{gap:6px;margin:16px 0}.mw-learn-progress li{min-width:calc(50% - 6px)}.mw-learn-step{padding:18px}.mw-learn-footer button{flex:1}.mw-learn-footer button:last-child{margin-left:0;flex-basis:100%}.mw-toast-rack{right:16px;bottom:116px}html.mw-mobile-app .mw-workspace-account #btnTutorial{display:none!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
