:root{color:#1b2735;background:#eef1f5;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}.visually-hidden{border:0;clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button,input,select,textarea{font:inherit}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:100vh;overflow:hidden;position:relative}.app-header{align-items:center;background:#101b2b;color:#fff;display:grid;gap:14px;grid-template-columns:auto 1fr auto;min-height:60px;padding:8px 16px}.app-header div,.app-header nav{align-items:center;display:flex;gap:12px}.app-header .brand-logo{align-items:center;background:#fff;border:0;border-radius:8px;color:#101b2b;display:inline-flex;font-weight:700;height:28px;justify-content:center;padding:0;width:28px}.app-header .brand-logo:hover{background:#e8eef6}.app-header button{background:transparent;border:0;border-bottom:2px solid transparent;color:#d8e0eb;cursor:pointer;padding:8px 4px}.app-header button.active{border-color:#94c8ff;color:#fff}.app-header #article-header-actions,.app-header #cards-header-actions{justify-content:center;min-width:0}.card-header-model{align-items:center;background:#1b2b40;border:1px solid #40526a;border-radius:7px;display:flex;gap:8px;padding:7px 11px;white-space:nowrap}.card-header-model span{color:#aebdd0;font-size:12px}.card-header-model strong{color:#fff;font-size:13px}.app-header .article-actions{flex-wrap:nowrap;gap:8px}.app-header .article-actions button{background:#1b2b40;border:1px solid #40526a;border-radius:7px;color:#f5f8fc;padding:7px 11px;white-space:nowrap}.app-header .article-actions button:hover:not(:disabled){background:#263a54;border-color:#6d829c}.app-header .article-actions button:disabled{cursor:not-allowed;opacity:.5}.app-body{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:0;overflow:hidden}.app-main{min-width:0;min-height:0;overflow:hidden}.desktop-sidebar{background:#f5f7fa;border-right:1px solid #d8e0e9;display:flex;flex-direction:column;gap:10px;padding:28px 18px}.desktop-sidebar button{background:#fff;border:1px solid #c9d2de;border-radius:10px;color:#263b55;cursor:pointer;font-size:16px;padding:12px 14px;text-align:left;transition:background .15s,border-color .15s,color .15s}.desktop-sidebar button:hover{background:#eaf2fb;border-color:#8fb2d8}.desktop-sidebar button.active{background:#dcecff;border-color:#5c8fc8;color:#174f88;font-weight:700}@media(min-width:901px){.app-header .workbench-nav-button{display:none}}.ai-timer{color:#aebbd0;font-variant-numeric:tabular-nums;min-width:132px;white-space:nowrap}.ai-timer.running{color:#67e8b6}.ai-timer.running:before{animation:ai-pulse 1s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";display:inline-block;height:7px;margin-right:7px;width:7px}.ai-connection-status{border-radius:999px;font-size:13px;font-variant-numeric:tabular-nums;padding:6px 10px;white-space:nowrap}.ai-connection-status.checking{background:#334155;color:#dbe7f5}.ai-connection-status.connected{background:#123c35;color:#67e8b6}.ai-connection-status.failed{background:#4a2028;color:#fda4af}@keyframes ai-pulse{50%{opacity:.25}}.workbench{display:grid;gap:16px;grid-template-columns:minmax(320px,.62fr) minmax(0,1fr);height:100%;margin:0 auto;max-width:1600px;min-height:0;overflow:hidden;padding:16px;width:100%}.workbench-section{display:contents}.mobile-section-toggle,.mobile-ai-status{display:none}.editor-pane{background:#fff;border-radius:12px;box-shadow:0 6px 24px #14223c12;display:flex;flex-direction:column;gap:8px;min-height:0;overflow:hidden;padding:16px}.editor-pane input,.editor-pane select,.editor-pane textarea{border:1px solid #c9d2de;border-radius:8px;padding:10px}.editor-pane textarea{flex:1;min-height:0;overflow:auto;resize:none}.editor-pane p{color:#607086;font-size:13px;margin:0}.markdown-heading-row{align-items:center;display:flex;justify-content:space-between}.markdown-heading-row button{background:#fff;border:1px solid #c9d2de;border-radius:7px;cursor:pointer;padding:6px 10px}.editor-action-row{display:flex;gap:8px;flex-wrap:wrap}.editor-action-row button{background:#fff;border:1px solid #aebaca;border-radius:8px;cursor:pointer;padding:8px 12px}.editor-action-row .article-writing-button{background:#fff4df;border-color:#f0c77b;color:#9a5b00}.editor-action-row .ai-typeset-button{background:#e7f7ef;border-color:#9bd8b8;color:#177245}.editor-action-row .clear-draft-button{color:#607086;font-size:13px;padding:6px 9px}.editor-action-row button:disabled{cursor:not-allowed;opacity:.5}.preview-pane{background:#dce3ec;border-radius:12px;min-height:0;overflow:auto;padding:16px}.preview-pane .render-sheet{margin:0 auto;max-width:720px;transform-origin:top center}.support-card{margin:24px auto 0;max-width:720px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;padding:18px 20px;color:#526174}.support-card p{margin:0;font-size:14px;line-height:1.75}.support-card p+p{margin-top:8px}.support-card .support-closing{color:#253247;font-weight:600;margin-top:14px}.support-emphasis{color:#7138a8;font-weight:700}.project-attribution{color:#718096;font-size:12px;margin:14px auto 0;max-width:720px;text-align:center}.project-attribution strong{color:#526174;font-weight:700}.card-preview .render-sheet{display:flex;flex-direction:column;gap:18px}.card-workbench{grid-template-columns:minmax(340px,.58fr) minmax(0,1fr)}.card-editor-pane{gap:9px}.card-editor-heading{align-items:center;display:flex;justify-content:space-between}.card-editor-heading>div{align-items:center;display:flex;gap:8px}.card-editor-heading span{color:#607086;font-size:12px}.card-markdown-heading{align-items:center;display:flex;justify-content:space-between}.card-markdown-heading label{margin:0}.card-markdown-heading button{padding:7px 12px}.card-timer{color:#607086;font-variant-numeric:tabular-nums;white-space:nowrap}.card-timer.running{color:#13805e}.card-action-row{display:grid;gap:7px;grid-template-columns:1fr 1fr auto}.card-action-row button,.card-result-toolbar button,.card-result button{background:#fff;border:1px solid #aebaca;border-radius:8px;cursor:pointer;padding:8px 11px}.card-action-row button:first-child{background:#1768c3;border-color:#1768c3;color:#fff}.card-action-row button:disabled,.card-result-toolbar button:disabled{cursor:not-allowed;opacity:.5}.card-status{border-left:3px solid #7890aa;line-height:1.55;padding-left:9px}.card-result-pane{display:flex;flex-direction:column;gap:12px}.card-result-toolbar{align-items:center;display:flex;justify-content:space-between}.card-result-toolbar>div{display:flex;gap:8px}.desktop-card-download{display:inline-block}.mobile-card-download,.mobile-single-download{display:none}.card-result-empty{align-items:center;color:#607086;display:flex;flex:1;justify-content:center;min-height:240px;text-align:center}.card-result-list{display:flex;flex-direction:column;gap:20px;list-style:none;margin:0;padding:0}.card-result{margin:0 auto;max-width:720px;width:100%}.card-result img{background:#fff;box-shadow:0 4px 18px #14223c24;display:block;height:auto;width:100%}.card-result>div{align-items:center;color:#607086;display:flex;font-size:13px;justify-content:space-between;padding:8px 2px 0}.consent-gate,.consent-blocked{align-items:center;background:#101b2b;display:flex;justify-content:center;min-height:100vh;padding:24px}.consent-dialog,.consent-blocked section{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0005;max-width:760px;padding:32px}.consent-dialog{max-height:calc(100vh - 48px);overflow-y:auto}.consent-dialog h1,.consent-blocked h1{margin-top:0}.consent-dialog h2{color:#17243a;font-size:18px;margin:24px 0 8px}.consent-dialog p{color:#405169;line-height:1.7}.consent-dialog .consent-keyword{color:#7138a8;font-weight:700}.consent-dialog .consent-warning{color:#c62f3e;font-weight:700}.consent-dialog .consent-confirmation{border-top:1px solid #dce2ea;color:#17243a;font-weight:600;margin-top:24px;padding-top:18px}.consent-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:28px}.consent-actions button{background:#fff;border:1px solid #aebaca;border-radius:8px;cursor:pointer;padding:10px 16px}.consent-actions .primary{background:#1768c3;border-color:#1768c3;color:#fff}.article-actions,.modal-actions{display:flex;gap:8px;flex-wrap:wrap}.article-actions button,.modal-actions button,.administrator-page button{border:1px solid #aebaca;border-radius:8px;background:#fff;cursor:pointer;padding:9px 13px}.modal-backdrop{position:fixed;inset:0;z-index:20;background:#0008;display:grid;place-items:center;padding:20px}.modal-card{width:min(600px,100%);background:#fff;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:10px}.modal-card input,.modal-card select{padding:10px;border:1px solid #c9d2de;border-radius:8px}.modal-card label{display:flex;flex-direction:column;gap:6px}.typeset-history-dialog{max-height:min(720px,calc(100vh - 32px));overflow:auto;width:min(760px,100%)}.typeset-history-heading{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.typeset-history-heading h2,.typeset-history-heading p{margin:0 0 6px}.typeset-history-heading p,.typeset-history-summary span,.typeset-history-empty{color:#607086;font-size:13px}.typeset-history-heading button{background:#fff;border:1px solid #aebaca;border-radius:8px;cursor:pointer;padding:7px 11px}.typeset-history-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:8px 0;padding:0}.typeset-history-list li{align-items:center;border:1px solid #d7dee8;border-radius:10px;display:flex;gap:12px;justify-content:space-between;padding:12px}.typeset-history-summary{display:flex;flex-direction:column;gap:5px;min-width:0}.typeset-history-summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.typeset-history-actions{display:flex;gap:6px}.typeset-history-actions button{background:#fff;border:1px solid #aebaca;border-radius:7px;cursor:pointer;padding:7px 10px}.typeset-history-actions .danger{color:brown}.typeset-history-footer{border-top:1px solid #e5eaf0;justify-content:flex-end;padding-top:12px}.account-summary{background:#edf5ff;border-radius:8px;color:#324a67;padding:10px 12px}.markdown-guide-backdrop{position:fixed;inset:0;z-index:30;background:#0008;display:grid;place-items:center;padding:20px}.markdown-guide-backdrop>section{width:min(760px,100%);max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:14px;padding:26px}.markdown-guide-backdrop h2{margin-top:0}.markdown-guide-table{border:1px solid #d8e0e9;border-radius:10px;overflow:hidden;margin:18px 0}.markdown-guide-head,.markdown-guide-row{display:grid;grid-template-columns:100px minmax(230px,1fr) minmax(150px,1fr);gap:12px;padding:11px 14px;align-items:center}.markdown-guide-head{background:#edf2f7}.markdown-guide-row+.markdown-guide-row{border-top:1px solid #e4e9ef}.markdown-guide-row code{color:#7138a8;white-space:pre-wrap}.administrator-page{min-height:100vh;display:grid;place-items:center;padding:24px}.administrator-page form,.administrator-modal form{width:min(420px,100%);background:#fff;padding:28px;border-radius:14px;display:flex;flex-direction:column;gap:14px}.administrator-page label,.administrator-modal label{display:flex;flex-direction:column;gap:6px}.administrator-page input,.administrator-modal input{padding:10px;border:1px solid #c9d2de;border-radius:8px}.administrator-modal{position:fixed;inset:0;z-index:30;background:#0008;display:grid;place-items:center;padding:24px}.administrator-actions{display:flex;gap:10px}.account-modal{background:#0008;display:grid;left:14px;position:absolute;top:294px;z-index:30}.account-modal form{background:#fff;border-radius:14px;box-shadow:0 16px 40px #14223c30;display:flex;flex-direction:column;gap:12px;padding:20px;width:280px}.account-modal h1{font-size:20px;margin:0}.account-modal label{display:flex;flex-direction:column;gap:6px}.account-modal input{border:1px solid #c9d2de;border-radius:8px;padding:9px}.account-actions{display:flex;flex-wrap:wrap;gap:8px}.account-actions button{background:#fff;border:1px solid #aebaca;border-radius:8px;cursor:pointer;padding:8px 11px}.account-actions button[type=submit]{background:#1768c3;border-color:#1768c3;color:#fff}.account-modal p{color:brown;font-size:13px;margin:0}@media(max-width:1100px){.app-header{grid-template-columns:auto 1fr}.app-header #article-header-actions,.app-header #cards-header-actions{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto}}@media(max-width:720px){.typeset-history-dialog{max-height:calc(100vh - 20px);padding:16px}.typeset-history-list li{align-items:stretch;flex-direction:column}.typeset-history-actions{display:grid;grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.app-shell{display:block;height:auto;min-height:100vh;overflow:visible}body{overflow:auto}.app-body{display:block;overflow:visible}.app-main{overflow:visible}.desktop-sidebar{display:none}.account-modal{align-items:center;background:#0008;display:grid;inset:0;justify-items:center;padding:20px;position:fixed}.account-modal form{width:min(420px,100%)}.app-header{gap:8px 10px;grid-template-columns:minmax(0,1fr) auto;padding:8px 12px}.app-header .app-brand{gap:8px;min-width:0}.app-header .app-brand>span{font-size:14px;white-space:nowrap}.app-header nav{gap:4px;min-width:0}.app-header nav button{font-size:13px;padding:6px 2px;white-space:nowrap}.app-header #article-header-actions{display:block;overflow-x:visible;width:100%}.app-header .article-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.app-header .article-actions button{min-width:0;text-align:center;width:100%}.app-header .article-actions .ai-connection-status{align-items:center;border-radius:10px;display:flex;grid-column:1 / -1;grid-row:2;justify-content:flex-start;min-height:38px;text-align:left;white-space:normal;width:100%}.workbench{display:flex;flex-direction:column;height:auto;margin:0;min-height:0;overflow:visible;padding:12px}.workbench-section{display:block}.mobile-section-toggle{align-items:center;background:#fff;border:0;border-radius:12px;box-shadow:0 4px 16px #14223c12;color:#17243a;display:flex;font-weight:700;justify-content:space-between;padding:14px 16px;width:100%}.workbench-section .editor-pane,.workbench-section .preview-pane{margin-top:8px}.workbench-section.collapsed .editor-pane,.workbench-section.collapsed .preview-pane{display:none}.mobile-ai-status{align-items:center;background:#15243a;border-radius:10px;color:#dbe7f5;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.mobile-ai-status .ai-timer{min-width:auto}.app-header .article-actions .ai-timer{display:none}.ai-connection-status{font-size:12px}.editor-pane,.preview-pane{min-height:auto;overflow:visible}.editor-pane textarea{min-height:280px;overflow:auto;resize:vertical}.card-workbench{display:flex}.card-editor-pane textarea{min-height:42vh}.card-action-row{grid-template-columns:1fr 1fr}.card-action-row .clear-draft-button{grid-column:1 / -1}.desktop-card-download{display:none}.mobile-card-download,.mobile-single-download.visible{display:inline-block}.card-result-pane{padding:10px}.card-result-toolbar{align-items:stretch;flex-direction:column;gap:8px}.card-result-toolbar button{width:100%}.card-result-list{gap:14px}}@media(max-width:620px){.markdown-guide-head,.markdown-guide-row{grid-template-columns:74px 1fr}.markdown-guide-head strong:last-child,.markdown-guide-row span{grid-column:2}}
