.formatter-hero{background:var(--body-background);color:#fff;padding:9rem 0 6rem;text-align:center}.formatter-hero__inner{margin:0 auto;max-width:90%;width:var(--container-width)}.formatter-hero h1{color:#fff;font-size:var(--font-p-heading);margin-bottom:1rem}.formatter-hero__subtitle{color:hsla(0,0%,100%,.88);font-size:1.05rem;line-height:1.65;margin:0 auto;max-width:900px}.formatter-features-row{grid-template-columns:repeat(4,1fr);margin:3rem auto 0;width:90%}.formatter-tool{margin:-2rem auto 0;max-width:var(--container-width);padding:0 1.5rem 3rem;position:relative;z-index:1}.formatter-tool__inner{align-items:start;display:grid;gap:1.5rem;grid-template-columns:1.4fr 1fr}.formatter-tool__panel{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.92);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.06);padding:1.75rem}.formatter-tool__panel--essay{align-self:start;position:sticky;top:5rem}.formatter-tool__panel-title{align-items:center;color:var(--text-color);display:flex;font-size:var(--font-p-heading4);gap:.5rem;margin-bottom:1rem}.formatter-tool__panel-title svg{color:var(--accent-color2);flex-shrink:0}.formatter-tool__textarea-wrap{position:relative}.formatter-tool__textarea{background:#f7f8fb;border:1px solid #dbe2ea;border-radius:8px;color:var(--text-color);font-family:"Poppins",var(--font-main),sans-serif;font-size:.92rem;line-height:1.8;min-height:300px;padding:1rem;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.formatter-tool__textarea:focus{background:#fff;border-color:var(--accent-color2);box-shadow:0 0 0 3px rgba(16,65,137,.1);outline:none}.formatter-tool__clear-btn{align-items:center;background:hsla(0,0%,100%,.85);border:1px solid #dbe2ea;border-radius:6px;color:#8896a6;cursor:pointer;display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.72rem;font-weight:500;gap:.3rem;padding:.3rem .6rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease;z-index:2}.formatter-tool__clear-btn:hover{background:rgba(192,57,43,.06);border-color:#c0392b;color:#c0392b}.formatter-tool__upload-row{margin-top:.65rem}.formatter-tool__file-input{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}.formatter-tool__upload-label{align-items:center;background:var(--accent-color);border:1px dashed #b8c6d6;border-radius:8px;color:var(--accent-color2);cursor:pointer;display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.82rem;font-weight:500;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.formatter-tool__upload-label:hover{background:var(--accent-color-hover);border-color:var(--accent-color2);border-style:solid}.formatter-tool__section{margin-bottom:1.5rem}.formatter-tool__section:last-child{margin-bottom:0}.formatter-tool__section-title{align-items:center;color:var(--text-color);display:flex;font-size:.92rem;font-weight:600;gap:.45rem;margin-bottom:.6rem}.formatter-tool__section-title svg{color:var(--accent-color2);flex-shrink:0}.formatter-tool__hint{color:#6b7a8d;font-size:.82rem;line-height:1.5;margin-bottom:.6rem}.formatter-tool__label{color:var(--text-color);display:block;font-size:.88rem;font-weight:600;margin-bottom:.45rem}.formatter-tool__select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#f7f8fb;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23243142' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:12px;border:1px solid #dbe2ea;border-radius:8px;color:var(--text-color);cursor:pointer;font-family:"Poppins",var(--font-main),sans-serif;font-size:.88rem;padding:.55rem 2rem .55rem .85rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.formatter-tool__select:focus{background:#fff;border-color:var(--accent-color2);box-shadow:0 0 0 3px rgba(16,65,137,.08);outline:none}.formatter-tool__input{background:#f7f8fb;border:1px solid #dbe2ea;border-radius:8px;color:var(--text-color);font-family:"Poppins",var(--font-main),sans-serif;font-size:.86rem;margin-bottom:.5rem;padding:.5rem .75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.formatter-tool__input:focus{background:#fff;border-color:var(--accent-color2);box-shadow:0 0 0 3px rgba(16,65,137,.08);outline:none}.formatter-tool__input::-moz-placeholder{color:#9ca8b7}.formatter-tool__input::placeholder{color:#9ca8b7}.formatter-tool__fields{display:flex;flex-direction:column}.formatter-tool__fields-row{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.formatter-tool__lookup-row{display:flex;gap:.5rem}.formatter-tool__lookup-row .formatter-tool__input{flex:1;margin-bottom:0}.formatter-tool__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.84rem;font-weight:600;gap:.4rem;justify-content:center;padding:.55rem 1rem;transition:all .2s ease}.formatter-tool__btn--secondary{background:var(--accent-color);border:1px solid var(--border-color);color:var(--accent-color2)}.formatter-tool__btn--secondary:hover{background:var(--accent-color-hover);border-color:var(--accent-color2)}.formatter-tool__source-list{list-style:none;margin:0;max-height:180px;overflow-y:auto;padding:0}.formatter-tool__source-list li{align-items:flex-start;border-bottom:1px solid var(--border-color);color:var(--text-color-light);display:flex;font-size:.82rem;gap:.5rem;justify-content:space-between;line-height:1.45;margin-bottom:0;padding:.6rem .75rem}.formatter-tool__source-list li:last-child{border-bottom:none}.formatter-tool__source-list .source-remove{background:none;border:none;border-radius:4px;color:#c0392b;cursor:pointer;flex-shrink:0;font-size:.75rem;padding:2px 6px;transition:background .15s ease}.formatter-tool__source-list .source-remove:hover{background:rgba(192,57,43,.08)}.formatter-tool__section--download{border-top:1px solid var(--border-color);padding-top:1rem;text-align:center}.formatter-tool__download{justify-content:center;width:100%}.formatter-tool__privacy{align-items:center;color:#6b7a8d;display:flex;font-size:.78rem;gap:.35rem;justify-content:center;margin-top:.75rem}.formatter-tool__privacy svg{color:#27ae60;flex-shrink:0}.formatter-content{margin:0 auto;max-width:800px;padding:3rem 1.5rem 4rem}.formatter-content__inner h2{margin-bottom:.75rem;margin-top:2.5rem}.formatter-content__inner h2:first-child{margin-top:0}.formatter-content__inner p{color:var(--text-color-light2);line-height:1.7}.formatter-spoke-section{background:#f8fafc;border-bottom:1px solid var(--border-color);border-top:1px solid var(--border-color);padding:4rem 0;width:100%}.formatter-spoke-section .hp-content-section{background:transparent;padding-top:2rem}.formatter-spoke-section .title-navigator{max-width:1000px}@media (max-width:900px){.formatter-tool__inner{grid-template-columns:1fr}.formatter-tool__textarea{min-height:280px}.formatter-features-row{grid-template-columns:repeat(2,1fr);width:100%}.formatter-tool__panel--essay{position:static}}@media (max-width:480px){.formatter-tool__panel{border-radius:var(--radius-md);padding:1.25rem}.formatter-tool__fields-row{grid-template-columns:1fr}.formatter-hero__subtitle{font-size:.95rem}.formatter-features-row{gap:.5rem;grid-template-columns:repeat(2,1fr)}}.source-text{max-width:calc(100% - 2.5rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.formatter-toast{border-radius:var(--radius-sm);bottom:1.5rem;box-shadow:0 6px 24px rgba(0,0,0,.15);color:#fff;font-family:var(--font-main);font-size:.85rem;font-weight:500;left:50%;opacity:0;padding:.7rem 1.25rem;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(1rem);transition:opacity .3s ease,transform .3s ease;z-index:9999}.formatter-toast--visible{opacity:1;transform:translateX(-50%) translateY(0)}.formatter-toast--success{background:#27ae60}.formatter-toast--error{background:#c0392b}.formatter-toast--info{background:var(--accent-color2)}.hidden{display:none!important}.preview-dashboard{margin:2rem auto;max-width:var(--container-width);padding:0 1.5rem}.preview-dashboard__bar{align-items:center;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:hsla(0,0%,100%,.92);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:0 4px 20px rgba(0,0,0,.06);display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;position:sticky;top:4.5rem;z-index:50}.preview-dashboard__back{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-color);cursor:pointer;display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;transition:background .2s ease,border-color .2s ease}.preview-dashboard__back:hover{background:var(--bg-light);border-color:var(--accent-color2)}.preview-dashboard__stats{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.preview-dashboard__stat{align-items:center;color:var(--text-color-secondary,#555);display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.82rem;gap:.3rem}.preview-dashboard__stat strong{color:var(--text-color,#1a1a2e);font-size:1.05rem;font-weight:700}.preview-dashboard__check{color:#27ae60;font-size:1rem;font-weight:700}.preview-dashboard__download{align-items:center;background:#27ae60;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.9rem;font-weight:600;gap:.5rem;padding:.6rem 1.5rem;transition:background .2s ease,transform .15s ease}.preview-dashboard__download:hover{background:#219a52;transform:translateY(-1px)}.preview-dashboard__warning{align-items:flex-start;background:#fff8e1;border:1px solid #ffe082;border-radius:var(--radius-sm);color:#6d4c00;display:flex;font-family:"Poppins",var(--font-main),sans-serif;font-size:.85rem;gap:.75rem;line-height:1.5;margin-top:1rem;padding:.85rem 1.25rem}.preview-dashboard__warning svg{color:#f9a825;flex-shrink:0;margin-top:.1rem}.preview-dashboard__warning a{color:var(--accent-color2);font-weight:600;text-decoration:underline}.preview-disclaimer{color:#6c757d;font-family:"Poppins",var(--font-main),sans-serif;font-size:.78rem;font-style:italic;line-height:1.5;margin:.75rem 0 0;text-align:center}.preview-dashboard__iframe{background:#f8f9fa;border:none;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.1);display:block;height:calc(100vh - 200px);margin-top:.75rem;min-height:600px;width:100%}@media (max-width:768px){.preview-dashboard__bar{align-items:stretch;flex-direction:column;gap:.75rem;position:static}.preview-dashboard__stats{justify-content:center}.preview-dashboard__download{justify-content:center;width:100%}.preview-dashboard__iframe{height:70vh;min-height:400px}}