@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap";:root{--bg-page:#070707;--bg-panel:#121212;--text-primary:#fff;--text-secondary:#888;--border-color:#2a2a2a;--line-color:#2a2a2a;--color-yellow:#f6d665;--color-yellow-text:#4a3a00;--color-salmon:#eca384;--color-salmon-text:#5a2a18;--color-cream:#f5eed0;--color-cream-text:#4a4630;--color-green:#bee3a6;--color-green-text:#1a2e14;--input-bg:#ffffff08;--upload-bg:#00000008;--upload-border:#00000026;--file-item-bg:#ffffff4d;--file-item-border:#fff3;--file-item-shadow:0 2px 10px #00000005;--icon-bg:#ffffff0d;--btn-pill-text:var(--text-secondary);--btn-pill-border:var(--border-color);--btn-pill-hover-text:var(--text-primary);--btn-pill-hover-border:#ffffff4d;--lang-active-bg:#fff;--lang-active-text:#000;--bg-pattern-color:#ffffff08;--card-indicator-bg:#ffffff26;--card-indicator-bg-colored:#00000026;--card-yellow-pattern:#00000008;--radius-huge:32px;--radius-pill:100px;--radius-input:20px;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--highlight-bg:#3b82f626;--highlight-border:#3b82f6}body.light-mode{--bg-page:#f9f9fa;--bg-panel:#fff;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--line-color:#e5e7eb;--color-yellow:#fdf8e1;--color-yellow-text:#8c6a1d;--color-salmon:#ede8f4;--color-salmon-text:#373373;--color-cream:#faf9f4;--color-cream-text:#4a4630;--color-green:#ddf6e4;--color-green-text:#0f5a31;--input-bg:#fff;--upload-bg:transparent;--upload-border:#0000001a;--file-item-bg:#fff;--file-item-border:#0000000d;--file-item-shadow:0 4px 15px #00000008;--icon-bg:#00000008;--btn-pill-text:var(--text-secondary);--btn-pill-border:var(--border-color);--btn-pill-hover-text:var(--text-primary);--btn-pill-hover-border:#00000026;--lang-active-bg:#111827;--lang-active-text:#fff;--bg-pattern-color:#00000005;--card-indicator-bg:#00000014;--card-indicator-bg-colored:#00000014;--card-yellow-pattern:#00000004;--highlight-bg:#e8f4fd;--highlight-border:#3b82f6}.text-primary-var{color:var(--text-primary)}.text-secondary-var{color:var(--text-secondary)}.bg-panel-var{background-color:var(--bg-panel)}.border-var{border-color:var(--border-color)}.bg-icon-var{background-color:var(--icon-bg)}.bg-page-var{background-color:var(--bg-page)}.bg-input-var{background-color:var(--input-bg)}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle, var(--bg-pattern-color) 1px, transparent 1px);background-size:12px 12px;justify-content:center;min-height:100vh;margin:0;transition:background-color .3s,color .3s;display:flex;overflow-x:hidden}#root{width:100%}.app-container{flex-direction:column;gap:32px;width:100%;max-width:1600px;margin:40px auto;padding:0 40px 40px;display:flex}@media (width<=768px){body{justify-content:flex-start;width:100%;max-width:100vw;display:block}#root{max-width:100vw}.app-container{box-sizing:border-box;width:100%;max-width:100vw;margin:16px auto 24px;padding:0 12px 24px}.card{border-radius:24px}.card-yellow,.card-salmon,.card-cream,.card-dark{padding:20px}#resultArea{flex-direction:column;max-height:85vh;display:flex;overflow:hidden;height:auto!important}#resultArea #previewContainer{flex:1;min-height:0;overflow:hidden}#resultArea .preview-scroll-area{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}#resultArea .preview-scroll-area::-webkit-scrollbar{width:8px}#resultArea .preview-scroll-area::-webkit-scrollbar-thumb{background:#00000040;border-radius:4px}#smartEditPanel{min-height:420px}}h1,.font-display{font-family:var(--font-display)}.card{border-radius:var(--radius-huge);flex-direction:column;transition:background-color .3s,color .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.card-dark{background:var(--bg-panel);border:1px solid var(--border-color);padding:32px}.card-yellow{background-color:var(--color-yellow);color:var(--color-yellow-text);background-image:repeating-radial-gradient(circle at 0 0, transparent 0, transparent 20px, var(--card-yellow-pattern) 20px, var(--card-yellow-pattern) 21px);padding:32px}.card-salmon{background-color:var(--color-salmon);color:var(--color-salmon-text);padding:32px}.card-cream{background-color:var(--color-cream);color:var(--color-cream-text);padding:40px}.card-green{background-color:var(--color-green);color:var(--color-green-text)}.card-indicator{background:var(--card-indicator-bg-colored);border-radius:2px;width:24px;height:3px;margin:0 auto 24px;transition:background-color .3s}.card-dark .card-indicator{background:var(--card-indicator-bg)}.card-icon-tr{opacity:.15;border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;top:28px;right:28px}.pill-btn{border:1px solid var(--btn-pill-border);color:var(--btn-pill-text);border-radius:var(--radius-pill);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.pill-btn:hover{border-color:var(--btn-pill-hover-border);color:var(--btn-pill-hover-text)}.btn-primary{background:var(--text-primary);color:var(--bg-page);border-radius:var(--radius-pill);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.lang-active{background-color:var(--lang-active-bg);color:var(--lang-active-text)}.lang-inactive{color:var(--text-secondary);background:0 0}.lang-inactive:hover{color:var(--text-primary)}.input-dark{background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-input);color:var(--text-primary);outline:none;width:100%;padding:16px 20px;font-size:15px;transition:all .2s}.input-dark:focus{border-color:var(--text-secondary);background:var(--bg-page)}::-webkit-scrollbar{width:6px;height:6px}select option{background-color:var(--bg-panel);color:var(--text-primary);font-family:var(--font-ui)}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8888884d;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#88888880}.upload-zone{border:2px dashed var(--upload-border);background:var(--upload-bg);cursor:pointer;border-radius:24px;transition:all .2s}.upload-zone:hover,.upload-zone.dragover{background:#00000005;border-color:#0003}.file-item{background:var(--file-item-bg);box-shadow:var(--file-item-shadow);border:1px solid var(--file-item-border);border-radius:16px;padding:12px 16px;transition:all .3s}.status-badge{border-radius:100px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.status-success{color:inherit;background:#0000001a}.status-loading{color:inherit;background:#fff6;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.spin-anim{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.doc-container{color:#1a1a1a;background:#fff;border:1px solid #0000000d;border-radius:24px;transition:padding-bottom .4s ease-in-out;position:relative;box-shadow:0 10px 40px #0000000d}#previewContainer{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.preview-scroll-area{flex:1;min-height:0;overflow-y:auto}.main-grid-layout--sync{align-items:start}.gen-btn{transition:transform .2s,box-shadow .2s,background-color .3s,color .3s;position:relative;overflow:hidden}.gen-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000000d}.gen-btn:active{transform:translateY(1px)}.doc-container.editing-mode p,.doc-container.editing-mode h4{cursor:pointer;border:2px dashed #0000;border-radius:8px;margin-left:-8px;margin-right:-8px;padding:4px 8px;transition:all .2s;position:relative}.doc-container.editing-mode p:hover,.doc-container.editing-mode h4:hover{border-color:var(--highlight-border);background-color:#3b82f614}.doc-container.editing-mode .selected-node{background-color:var(--highlight-bg)!important;border-left:3px solid var(--highlight-border)!important;border-radius:0 8px 8px 0!important}.main-grid-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:24px;min-height:calc(100vh - 180px);transition:grid-template-columns .4s cubic-bezier(.4,0,.2,1),gap .4s ease-in-out;display:grid}@media (width<=1024px){.main-grid-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){html{width:100%;max-width:100vw;overflow-x:hidden}body{overflow-x:hidden}.main-grid-layout{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:auto}.main-grid-layout>*{box-sizing:border-box;min-width:0;max-width:100%}.left-col-wrapper{box-sizing:border-box;border-radius:0;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.left-content-full,.card,.card-yellow,.card-salmon,.card-dark{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.left-content-full>.grid{box-sizing:border-box;width:100%;min-width:0;max-width:100%;grid-template-columns:minmax(0,1fr)!important}.card .upload-zone,.card .file-item,.card .status-badge,.card .input-dark,.card select{box-sizing:border-box;max-width:100%}.card h2,.card p,.card button{word-wrap:break-word;overflow-wrap:break-word}}.main-grid-layout.edit-mode{grid-template-columns:80px minmax(0,1.3fr) minmax(320px,400px);gap:16px}.left-col-wrapper{border-radius:var(--radius-huge);flex-direction:column;transition:all .4s ease-in-out;display:flex;position:relative;overflow:hidden}.left-content-full{transform-origin:0 0;flex-direction:column;gap:24px;width:100%;transition:opacity .3s ease-out,transform .4s ease-in-out;display:flex}@media (width>=769px){.left-content-full{min-width:450px}}.main-grid-layout.edit-mode .left-content-full{opacity:0;pointer-events:none;height:100%;position:absolute;transform:translate(-40px)}.mini-sidebar{opacity:0;pointer-events:none;z-index:10;flex-direction:column;align-items:center;width:80px;height:100%;transition:opacity .3s ease-in,transform .4s ease-in-out;display:flex;position:absolute;top:0;left:0;transform:translate(20px)}.main-grid-layout.edit-mode .mini-sidebar{opacity:1;pointer-events:auto;transition:opacity .4s ease-in .1s,transform .4s ease-in-out;transform:translate(0)}#resultArea{transition:all .4s ease-in-out}#smartEditPanel{opacity:0;transition:opacity .4s,transform .4s cubic-bezier(.4,0,.2,1);transform:translate(20px)}.main-grid-layout.edit-mode #smartEditPanel{opacity:1;transform:translate(0)}@media (width<=768px){.main-grid-layout.edit-mode{grid-template-columns:1fr;align-items:stretch;gap:16px}.main-grid-layout.edit-mode .left-col-wrapper{border-radius:0;height:auto;min-height:auto;position:static;overflow:visible}.main-grid-layout.edit-mode .mini-sidebar{flex-direction:row;justify-content:flex-start;align-items:center;gap:12px;width:100%;height:auto;padding:8px 0 0;position:static;transform:none}.main-grid-layout.edit-mode .mini-sidebar .mt-8{margin-top:0}.main-grid-layout.edit-mode .mini-sidebar .flex-col{flex-direction:row}.main-grid-layout.edit-mode #resultArea{flex-direction:column;min-height:0;max-height:95vh;display:flex;overflow:hidden;height:auto!important}.main-grid-layout.edit-mode #resultArea #previewContainer{flex:1;min-height:0;overflow:hidden}.main-grid-layout.edit-mode #resultArea .preview-scroll-area{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.main-grid-layout.edit-mode #resultArea .preview-scroll-area::-webkit-scrollbar{width:8px}.main-grid-layout.edit-mode #resultArea .preview-scroll-area::-webkit-scrollbar-thumb{background:#ffffff59;border-radius:4px}.main-grid-layout.edit-mode #smartEditPanel{height:auto;min-height:520px;max-height:none}}