:root{--ash-950:#242424;--ash-900:#2f302d;--ash-700:#5e605a;--ash-500:#90938a;--ash-200:#ddd9cf;--ash-100:#efebe2;--paper:#faf7f0;--yellow-500:#f3c84b;--yellow-400:#f7d86f;--yellow-200:#fff0b9;--white:#fffdf8;--marquee-height:42px;color:var(--ash-950);background:linear-gradient(#f2eee5 0%,#ebe7de 100%);font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:inherit;min-height:100vh;margin:0}button,input,textarea{font:inherit}.app-shell{min-height:100vh}.brand-marquee{background:linear-gradient(90deg,#f3c84b38,#fffdf8eb,#dfd9cf73);border-top:1px solid #2f302d14;border-bottom:1px solid #2f302d14;width:100%;overflow:hidden}.brand-marquee-top{z-index:11;min-height:var(--marquee-height);position:sticky;top:0}.brand-marquee-bottom{margin-top:18px}.brand-marquee-track{gap:28px;width:max-content;padding:10px 0;animation:40s linear infinite marquee-slide;display:flex}.brand-marquee-item{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:var(--ash-900);font-size:clamp(.8rem,1vw,.96rem);font-weight:900}.topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#faf7f0e6;border-bottom:1px solid #2f302d1f;justify-content:space-between;align-items:center;padding:18px 28px;transition:top .2s;display:flex;position:sticky;top:0}.landing-mode .topbar{top:var(--marquee-height)}.has-doc .topbar{top:0}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-button{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.brand-mark{background:linear-gradient(135deg, var(--yellow-500), #d2a62e);border-radius:12px;flex:0 0 44px;width:44px;height:44px;box-shadow:inset 0 0 0 2px #24242414}.brand-copy{min-width:0}.brand-company{letter-spacing:-.04em;color:var(--ash-950);font-size:clamp(1.45rem,2.6vw,2.4rem);font-weight:900;line-height:.95}.brand-title{white-space:nowrap;margin-top:2px;font-size:clamp(.82rem,1.1vw,1.02rem);font-weight:800}.brand-subtitle{color:var(--ash-700);margin-top:2px;font-size:clamp(.76rem,.95vw,.88rem)}.hero-brand{letter-spacing:-.05em;color:var(--ash-950);margin:10px 0 8px;font-size:clamp(2.3rem,6vw,5.2rem);font-weight:900;line-height:.92}.topbar-actions,.hero-actions,.editor-actions{flex-wrap:wrap;gap:12px;display:flex}.primary-btn,.ghost-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.primary-btn{background:linear-gradient(135deg, var(--yellow-500), var(--yellow-400));color:var(--ash-950);font-weight:800;box-shadow:0 10px 20px #f3c84b47}.primary-btn.large{padding:14px 20px;font-size:1rem}.ghost-btn{color:var(--ash-900);background:#fffdf8cc;border:1px solid #2f302d1f}.primary-btn:hover,.ghost-btn:hover,.page-chip:hover,.ocr-region:hover,.brand-button:hover{transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.brand-button:focus-visible,.ghost-btn:focus-visible,.primary-btn:focus-visible{outline-offset:3px;outline:2px solid #f3c84bf2}.landing{padding:42px 28px 56px}.hero-panel{grid-template-columns:1.3fr .9fr;gap:28px;max-width:1180px;margin:0 auto;display:grid}.hero-copy,.hero-card,.doc-card,.summary-card,.panel-card,.sidebar,.editor-panel,.canvas-column{background:#fffdf8c7;border:1px solid #2f302d14;border-radius:28px;box-shadow:0 20px 45px #4d493d14}.hero-copy{padding:38px}.hero-copy h1{margin:10px 0 16px;font-size:clamp(2.4rem,5vw,4.6rem);line-height:.98}.hero-copy p,.doc-card p,.panel-card p{color:var(--ash-700);line-height:1.65}.hero-card{align-self:start;padding:28px}.eyebrow{background:var(--yellow-200);color:var(--ash-900);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:.76rem;font-weight:800;display:inline-block}.field-label{color:var(--ash-700);margin-bottom:8px;font-size:.85rem;font-weight:700;display:block}.text-field,.text-area{background:var(--white);width:100%;color:var(--ash-950);border:1px solid #2f302d24;border-radius:18px;padding:14px 16px}.text-area{resize:vertical;min-height:118px}.text-area.muted{color:var(--ash-700);background:#f3efe6}.status-card{color:var(--ash-900);background:linear-gradient(135deg,#f3c84b2e,#efebe2b8);border-radius:18px;align-items:flex-start;gap:10px;margin-top:18px;padding:14px 16px;display:flex}.workspace{grid-template-columns:280px minmax(0,1fr) 360px;align-items:start;gap:18px;padding:22px;display:grid}.sidebar,.editor-panel,.canvas-column{padding:18px}.sidebar,.editor-panel{position:sticky;top:94px}.doc-card{margin-bottom:14px;padding:18px}.doc-card h2,.panel-card h3{margin:10px 0 8px}.summary-card{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px;padding:16px 18px;display:grid}.metric{font-size:1.8rem;font-weight:800;display:block}.metric-label{color:var(--ash-700);font-size:.82rem}.page-list{flex-direction:column;gap:10px;display:flex}.page-chip{background:var(--white);text-align:left;cursor:pointer;border:1px solid #2f302d14;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:14px;display:flex}.page-chip.active{background:linear-gradient(135deg,#f3c84b2e,#fffdf8f5);border-color:#f3c84bcc}.page-chip strong,.page-chip span{display:block}.page-chip span{color:var(--ash-700);margin-top:4px;font-size:.8rem}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.mode-btn.mode-active{color:var(--ash-950);background:linear-gradient(135deg,#f3c84b42,#fffdf8f5);border-color:#f3c84bb3}.toolbar-status{color:var(--ash-700);text-align:right;flex:1;font-size:.9rem}.page-stage{background-color:#f1ede4;background-image:radial-gradient(#2f302d14 1.5px,#0000 1.5px),radial-gradient(#2f302d14 1.5px,#0000 1.5px);background-position:0 0,12px 12px;background-size:24px 24px;border:1px solid #2f302d14;border-radius:28px;justify-content:center;align-items:center;min-height:75vh;padding:32px 18px;display:flex;box-shadow:inset 0 10px 30px #00000008}.page-wrapper{border-radius:20px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 18px 38px #29292924}.page-wrapper.manual-mode{cursor:crosshair}.page-wrapper.format-painter-mode,.page-wrapper.format-painter-mode .ocr-region{cursor:copy!important}.page-image{background:#fff;display:block}.ocr-region{color:#1c1c1c1f;text-align:left;cursor:pointer;opacity:.28;background:#f3c84b05;border:1px dashed #4141411a;border-radius:10px;padding:0;position:absolute;overflow:hidden}.ocr-region-outline{opacity:0;padding:3px 6px;font-size:.92rem;line-height:1.1;display:block}.ocr-region.active{color:#1c1c1c94;opacity:1;background:#f3c84b1f;border-color:#f3c84bf2;box-shadow:0 0 0 2px #f3c84b33}.ocr-region.active .ocr-region-outline,.ocr-region:hover .ocr-region-outline{opacity:.32}.ocr-region:hover{opacity:.62}.ocr-region.rendered{opacity:1;background:0 0;border-color:#0000}.ocr-region.rendered:hover{border-color:#f3c84b80}.ocr-region.rendered.active{border-color:#f3c84bf2}.ocr-region-preview{white-space:nowrap;align-items:center;padding:2px 4px;display:flex;position:absolute;inset:0;overflow:hidden}.panel-card{padding:18px}.format-card{background:#fffdf8e0;border:1px solid #2f302d14;border-radius:18px;gap:14px;margin:14px 0 16px;padding:14px 16px;display:grid}.format-row{flex-direction:column;align-items:stretch;gap:6px;display:flex}.format-row-inline{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.segmented-control{background:#2f302d0f;border-radius:12px;width:100%;padding:3px;display:flex}.segmented-control .format-btn{color:var(--ash-700);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:9px;flex:1;justify-content:center;align-items:center;min-width:0;padding:8px 6px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex;overflow:hidden}.segmented-control .format-btn.mode-active{background:var(--white);color:var(--ash-950);box-shadow:0 2px 6px #0000000f}.format-actions{align-items:center;gap:8px;display:flex}.format-btn-circle{background:var(--white);cursor:pointer;width:32px;height:32px;color:var(--ash-900);border:1px solid #2f302d1f;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;transition:all .15s;display:inline-flex}.format-btn-circle:hover{background:#2f302d0a}.format-value{color:var(--ash-900);font-size:.9rem;font-weight:700}.color-label{margin-bottom:0}.color-picker{background:var(--white);cursor:pointer;border:1px solid #2f302d1f;border-radius:8px;width:44px;height:32px;padding:3px}.review-card{background:linear-gradient(135deg,#f3c84b29,#f3efe6cc);border:1px solid #2f302d14;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 16px;padding:14px 16px;display:flex}.review-card strong{color:var(--ash-900);display:block}.review-badge{white-space:nowrap;border-radius:999px;padding:8px 10px;font-size:.78rem;font-weight:800}.review-badge.pending{color:var(--ash-950);background:#f3c84b3d}.review-badge.synced{color:var(--ash-700);background:#5e605a1f}.center-loader{min-height:240px;color:var(--ash-700);justify-content:center;align-items:center;display:flex}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=1180px){.workspace{grid-template-columns:1fr}.sidebar,.editor-panel{position:static}.hero-panel{grid-template-columns:1fr}}@media (width<=900px){.topbar{flex-direction:column;align-items:flex-start;gap:16px}.topbar-actions{width:100%}.brand-marquee-track{gap:18px;padding:8px 0;animation-duration:30s}}@media (width<=640px){.topbar{padding:16px 18px}.landing,.workspace{padding:18px}.brand{align-items:flex-start;width:100%}.brand-title{white-space:normal}.topbar-actions{gap:10px}.topbar-actions .ghost-btn,.topbar-actions .primary-btn{flex:160px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-status{text-align:left}.format-row{flex-direction:column;align-items:stretch}}.format-col{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.format-toolbar-row{background:#2f302d0f;border-radius:12px;align-items:center;gap:4px;height:38px;padding:3px;display:flex}.format-btn-icon{cursor:pointer;width:32px;height:32px;color:var(--ash-700);background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.format-btn-icon:hover{color:var(--ash-950);background:#2f302d0d}.format-btn-icon.active{background:var(--white);color:var(--ash-950);box-shadow:0 2px 6px #0000000f}.toolbar-divider{background:#2f302d1f;width:1px;height:20px;margin:0 4px}.color-picker-modern{cursor:pointer;background:0 0;border:none;outline:none;width:32px;height:32px;padding:0}.color-picker-modern::-webkit-color-swatch-wrapper{padding:0}.color-picker-modern::-webkit-color-swatch{border:1px solid #2f302d1f;border-radius:8px}.format-reset-btn{background:var(--white);height:32px;color:var(--ash-700);cursor:pointer;border:1px solid #2f302d1f;border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:.8rem;font-weight:700;transition:all .15s;display:inline-flex}.format-reset-btn:hover{color:var(--ash-950);background:#2f302d0a}.page-chip{transition:background .2s,border-color .2s,transform .1s}.page-chip:active{transform:scale(.98)}@media (width<=768px){.mobile-mode .topbar{z-index:100;flex-direction:row;justify-content:space-between;align-items:center;height:auto;padding:12px 16px;position:sticky;top:0}.mobile-mode .brand-title,.mobile-mode .brand-subtitle{display:none}.mobile-mode .brand-company{font-size:1.1rem;font-weight:800}.mobile-workspace{flex-direction:column;gap:12px;min-height:calc(100vh - 120px);margin:0;display:flex;padding:12px 12px 88px!important}.mobile-sidebar,.mobile-canvas-column,.mobile-editor-panel{width:100%!important;max-width:100%!important;padding:14px!important;position:static!important;box-shadow:0 8px 30px #4d493d0d!important}.mobile-toolbar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.mobile-toolbar-actions{gap:6px;width:100%;display:flex}.mobile-toolbar-actions .mode-btn{padding:6px 12px;font-size:.8rem}.mobile-nav-bar{-webkit-backdrop-filter:blur(12px);z-index:999;background:#fffdf8e0;border-top:1px solid #2f302d14;justify-content:space-around;align-items:center;height:64px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #00000008}.mobile-nav-item{color:var(--ash-500);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:.72rem;font-weight:700;transition:color .15s;display:flex;position:relative}.mobile-nav-item:active{transform:scale(.95)}.mobile-nav-item.active{color:var(--ash-950)}.mobile-nav-item.active:after{content:"";background:var(--yellow-400);border-radius:999px;width:24px;height:3px;position:absolute;top:0}.tab-badge-dot{background:#ff4d4d;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:32%;box-shadow:0 0 6px #ff4d4d}}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body,#root{min-height:100vh}