:root{--ink:#0f172a;--muted:#6d5a72;--paper:#fff0f7;--paper-2:#fff8fc;--accent:#ff2f92;--accent-2:#ff5db6;--accent-3:#ff87ca;--card-bg:#ffffffc7;--stroke:#ff2f9229;--stroke-strong:#ff2f9252;--shadow:0 18px 60px #0f172a14;--shadow-soft:0 10px 30px #0f172a0f;--mono:"IBM Plex Mono", "Cascadia Mono", Consolas, monospace;--sans:"Manrope", "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 14% 16%,#ff2f922e,#0000 30%),radial-gradient(circle at 86% 14%,#ff6dbc29,#0000 28%),radial-gradient(circle at 82% 82%,#ff87ca24,#0000 30%),linear-gradient(145deg,#fff9fc 0%,#fff0f7 52%,#ffe7f3 100%);min-height:100vh;margin:0}#root{min-height:100vh}h1{margin:0;font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2}p{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s,opacity .16s}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #ff2f9247}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{gap:1.2rem;width:min(1220px,100vw - 2rem);margin:0 auto;padding:1.25rem 0 3rem;display:grid}.section-card,.hero-shell,.stats-grid{animation:.42s both float-in}.hero-shell{border:1px solid var(--stroke);box-shadow:var(--shadow);background:linear-gradient(135deg,#ffffffd9,#ffffffad),radial-gradient(circle at 0 0,#ff2f9224,#0000 32%),radial-gradient(circle at 100% 100%,#ff87ca24,#0000 34%);border-radius:28px;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:1rem;padding:1.35rem;display:grid}.hero-copy{align-content:start;gap:1rem;padding:.4rem;display:grid}.hero-copy h1{letter-spacing:-.05em;text-wrap:balance;max-width:11ch;font-size:clamp(2.4rem,4.7vw,4.8rem);line-height:.96}.hero-text{max-width:62ch;color:var(--muted);font-size:1.02rem}.pill-row{flex-wrap:wrap;gap:.55rem;display:flex}.pill{border:1px solid var(--stroke);color:var(--ink);background:#ffffffb8;border-radius:999px;padding:.45rem .8rem;font-size:.84rem;font-weight:700}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.primary-btn,.secondary-btn,.ghost-btn,.sample-chip,.download-btn{border:1px solid #0000;border-radius:14px;min-height:44px;padding:.78rem 1rem;font-weight:700}.icon-btn{min-width:44px;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:inline-grid}.icon-btn svg{fill:currentColor;width:15px;height:15px}.icon-btn--primary{color:var(--accent)}.icon-btn.danger{color:#a61b2b}.icon-button__inner{place-items:center;display:inline-grid}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.primary-btn,.download-btn{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 16px 32px #ff2f9247}.primary-btn:hover,.download-btn:hover:not(:disabled){transform:translateY(-1px)}.secondary-btn,.ghost-btn,.sample-chip{color:var(--ink);border-color:var(--stroke);background:#ffffffd1}.ghost-btn{place-items:center;width:44px;padding:0;display:inline-grid}.secondary-btn:hover,.ghost-btn:hover,.sample-chip:hover{border-color:var(--stroke-strong);transform:translateY(-1px)}.hero-panel{gap:.8rem;display:grid}.hero-panel-card{border:1px solid var(--stroke);box-shadow:var(--shadow-soft);background:#fffc;border-radius:22px;align-content:start;gap:.45rem;min-height:150px;padding:1rem;display:grid}.hero-panel-card strong,.stat-card strong,.workflow-card span{letter-spacing:-.03em}.hero-kicker{color:var(--accent);text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800}.accent-card{background:linear-gradient(145deg,#ff2f9224,#ffffffeb)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stat-card{border:1px solid var(--stroke);box-shadow:var(--shadow-soft);background:#ffffffc7;border-radius:22px;gap:.25rem;padding:1rem 1.1rem;display:grid}.stat-card strong{font-size:clamp(1.5rem,3vw,2.25rem)}.stat-card span,.feature-card p,.workflow-card p,.hero-panel-card p,.hero-copy p,.subtitle,.inline-stats span,.error-message{color:var(--muted)}.section-card{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft);background:#ffffffc2;border-radius:28px;padding:1.25rem}.section-heading{gap:.35rem;margin-bottom:1rem;display:grid}.section-heading h2{letter-spacing:-.04em;font-size:clamp(1.45rem,2.7vw,2.1rem)}.feature-grid,.workflow-grid{gap:.95rem;display:grid}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-card,.workflow-card{border:1px solid var(--stroke);background:#ffffffd1;border-radius:20px;padding:1rem}.feature-card h3,.workflow-card h3{margin-bottom:.4rem;font-size:1rem}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-card span{width:fit-content;color:var(--accent);background:#ff2f921a;border-radius:999px;margin-bottom:.65rem;padding:.3rem .55rem;font-weight:800;display:inline-flex}.workspace-card{gap:1rem;display:grid}.workspace-shell{grid-template-columns:minmax(0,1fr);gap:1rem;min-height:calc(100vh - 2.5rem);display:grid}.workspace-main{background:#fff;border:1px solid #dfe3e8;border-radius:10px;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:.9rem;display:grid}.workspace-main--full{width:100%}.workspace-topbar{border-bottom:1px solid #eceff3;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:.7rem;display:flex}.workspace-topbar h2{letter-spacing:-.01em;margin:0;font-size:clamp(1.05rem,2vw,1.25rem);font-weight:700}.workspace-actions,.doc-controls{flex-wrap:wrap;align-items:end;gap:.55rem;display:flex}.doc-select,.doc-name-input{color:#1f2937;background:#fff;border:1px solid #d9e0e7;border-radius:8px;min-height:40px;padding:.56rem .72rem}.doc-select{min-width:180px}.doc-name-input{min-width:220px}.workspace-pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;min-height:0;display:grid}.workspace-meta{color:#708093;margin:0;font-size:.82rem}.workspace-new-btn{min-height:34px;box-shadow:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .85rem;display:inline-flex}.workspace-new-btn__icon{font-size:1rem;font-weight:800;line-height:1}.workspace-nuke-btn{z-index:40;color:#a61b2b;background:#a61b2b14;border:1px solid #a61b2b2e;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;font-weight:700;display:inline-grid;position:fixed;bottom:1rem;right:1rem}.workspace-nuke-btn:hover{background:#a61b2b1f}.workspace-nuke-btn__icon{place-items:center;display:inline-grid}.workspace-nuke-btn__icon svg{fill:currentColor;width:18px;height:18px}.toast{z-index:50;color:#7b1f56;background:#ff2f921f;border:1px solid #ff2f922e;border-radius:999px;align-items:center;gap:.45rem;padding:.6rem .85rem;font-size:.82rem;font-weight:700;animation:.16s ease-out toast-in;display:inline-flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 14px 30px #ff2f921f}.toast__tick{color:#16a34a;place-items:center;width:18px;height:18px;display:inline-grid}.toast__tick svg{fill:currentColor;width:18px;height:18px}.workspace-page,.editor-page{box-shadow:var(--shadow-soft);background:#fff;border:1px solid #dfe3e8;border-radius:14px;padding:1rem}.workspace-page{gap:.75rem;display:grid}.workspace-page__header{border-bottom:1px solid #eceff3;justify-content:space-between;align-items:end;gap:1rem;padding-bottom:.5rem;display:flex}.workspace-page__header h2{letter-spacing:-.02em;margin:0;font-size:1rem}.workspace-page__list{gap:.7rem;display:grid}.document-card{border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:.5rem;min-width:0;padding:.5rem .65rem;display:flex}.document-card.is-active{background:#fff;border-color:#e2e8f0}.document-card__main{cursor:pointer;flex:auto;align-items:center;min-width:0;display:flex}.document-card__name-text{letter-spacing:-.01em;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.84rem;font-weight:700;overflow:hidden}.document-card__actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:.45rem;display:flex}.document-card__actions .icon-btn{color:#475569;background:#fff;border:1px solid #e1e7ef;border-radius:8px;width:30px;min-width:30px;min-height:30px}.document-card__actions .icon-btn:hover{color:#334155;border-color:#cdd8e5}.ghost-btn.danger{color:#a61b2b;border-color:#f1c4cc}.editor-page{box-shadow:none;background:0 0;border:0;gap:.65rem;padding:0;display:grid}.editor-page__header{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:end;gap:1rem;padding:0 0 .65rem;display:flex}.editor-page__title{gap:.25rem;display:grid}.editor-page__title h2{margin:0}.editor-page__controls{flex-wrap:wrap;align-items:end;gap:.4rem;display:flex}.editor-page__controls .format-picker{align-items:center;gap:.4rem;display:inline-flex}.editor-page__controls .doc-name-input{min-width:200px;min-height:36px;padding:.45rem .7rem;font-size:.88rem}.editor-page__controls .format-select{min-width:150px;min-height:36px;padding:.48rem .7rem;font-size:.86rem}.editor-page__controls .format-label{margin:0;font-size:.68rem}.editor-text-btn{color:#334155;background:#fff;border:1px solid #dde4ee;border-radius:8px;min-height:34px;padding:.4rem .72rem;font-size:.82rem;font-weight:600}.editor-text-btn:hover:not(:disabled){background:#f8fbff;border-color:#cad6e3}.editor-text-btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border-color:#0000}.editor-page__pane{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.75rem;display:grid}.editor-page .panel{min-height:calc(100vh - 13.5rem);box-shadow:none;background:#ffffffd6;border:1px solid #e6ebf2;border-radius:12px;padding:.85rem}.editor-page .panel-title{letter-spacing:.12em;font-size:.68rem}.editor-page textarea{background:#fff;border-color:#e4eaf1;border-radius:10px;padding:.85rem;font-size:.94rem;line-height:1.6}.editor-page .preview{background:#ffffffe6;border:1px solid #e9edf3;border-radius:10px;padding:.95rem}.editor-page .preview pre{background:#f7f9fc;border-radius:10px}.editor-page .preview table th,.editor-page .preview table td{padding:.4rem}.page-footer-actions{flex-wrap:wrap;gap:.55rem;display:flex}.library-shell{gap:.9rem;min-height:100%;padding:.9rem;display:grid}.library-header{border-bottom:1px solid #e5eaf0;justify-content:space-between;align-items:end;gap:.8rem;padding-bottom:.6rem;display:flex}.library-header h3{letter-spacing:0;color:#364152;margin:0;font-size:.95rem}.library-body{gap:.9rem;display:grid}.file-list{gap:.55rem;max-height:320px;padding-right:.25rem;display:grid;overflow:auto}.file-chip{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e8ed;border-radius:8px;gap:.15rem;width:100%;padding:.62rem .72rem;display:grid}.file-chip span{color:#1f2937;font-weight:600}.file-chip small{color:#7a8696}.file-chip.is-active{box-shadow:none;background:#eefaf1;border-color:#7ac98b}.library-editor{background:#fff;border:1px solid #e4e8ed;border-radius:8px;align-content:start;gap:.7rem;padding:.9rem;display:grid}.library-field{gap:.45rem;display:grid}.library-field span{text-transform:uppercase;letter-spacing:.12em;color:#6d7888;font-size:.74rem;font-weight:700}.library-field input{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #d6dde5;border-radius:8px;padding:.75rem .9rem}.library-field input::placeholder{color:#8a93a8}.library-actions{flex-wrap:wrap;gap:.55rem;display:flex}.workspace-heading{justify-content:space-between;align-items:end;gap:1rem;display:flex}.inline-stats{display:none}.workspace-toolbar,.export-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.sample-row,.toolbar-actions,.format-picker{flex-wrap:wrap;gap:.5rem;display:flex}.sample-chip,.ghost-btn,.format-select{min-height:44px}.sample-chip{cursor:pointer}.toolbar-actions{justify-content:flex-end}.workspace-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.panel{background:#fff;border:1px solid #e5e9ef;border-radius:8px;grid-template-rows:auto 1fr;gap:.8rem;min-height:65vh;padding:1rem;display:grid}.panel-title,.format-label{text-transform:uppercase;letter-spacing:.1em;color:#6d7888;font-size:.72rem;font-weight:700}textarea,.preview,.format-select{background:#fff;border:1px solid #d9e0e7;border-radius:8px}textarea{resize:none;width:100%;min-height:100%;color:var(--ink);line-height:1.65;font:500 .98rem/1.7 var(--mono);padding:1rem}textarea::placeholder{color:#8a93a8}.preview-panel{overflow:hidden}.preview{color:#1f2937;height:100%;padding:1.2rem;line-height:1.65;overflow:auto}.preview h1,.preview h2,.preview h3{color:#111827;line-height:1.15}.preview pre{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.95rem;overflow:auto}.preview table{border-collapse:collapse;width:100%}.preview th,.preview td{text-align:left;border:1px solid #d8deea;padding:.45rem}.format-picker{align-items:end}.format-select{min-width:180px;color:var(--ink);padding:.78rem .95rem;font-weight:600}.download-btn{cursor:pointer;color:#fff;min-height:44px;box-shadow:none;background:#14854f;border:1px solid #14854f;border-radius:8px}.download-btn:hover:not(:disabled){background:#106f42;border-color:#106f42;transform:none}.ghost-btn,.sample-chip,.primary-btn,.secondary-btn{box-shadow:none;border-radius:8px}.download-btn:disabled{cursor:not-allowed;opacity:.72}.error-message{color:#a61b2b;margin:0;font-weight:700}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);margin:0;font-size:.74rem;font-weight:800}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)scale(.98)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}@media (width<=1100px){.hero-shell,.workspace-grid,.feature-grid,.workflow-grid,.workspace-pane{grid-template-columns:1fr 1fr}.hero-shell{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr 1fr}}@media (width<=860px){.page{width:min(100vw - 1rem,1220px);padding-top:.6rem}.stats-grid,.feature-grid,.workflow-grid,.workspace-grid,.workspace-pane,.workspace-shell{grid-template-columns:1fr}.workspace-shell{min-height:auto}.workspace-main{grid-template-rows:auto auto auto auto}.workspace-heading,.workspace-toolbar,.export-bar,.workspace-topbar,.workspace-page__header,.editor-page__header{flex-direction:column;align-items:start}.doc-controls,.workspace-actions,.workspace-page__actions,.editor-page__controls,.document-card__actions{width:100%}.document-card,.editor-page__pane{grid-template-columns:1fr}.document-card{align-items:stretch}.inline-stats{grid-template-columns:repeat(2,auto);justify-content:start}.sample-row,.toolbar-actions,.format-picker,.hero-actions,.primary-btn,.secondary-btn,.ghost-btn,.nav-btn,.sample-chip,.download-btn,.format-select,.file-chip,.library-field input,.doc-select,.doc-name-input,.document-card__name input{width:100%}.panel{min-height:50vh}}