:root{color:#173b46;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-main:#173b46;--text-soft:#5a6d71;--line:#173b4624;--accent:#0f6c61;background:radial-gradient(circle at 12% 0,#d9ed9f57,#0000 28rem),radial-gradient(circle at 100% 6%,#0f6c6114,#0000 24rem),linear-gradient(#f4f7f0 0%,#edf2ea 100%);font-family:Avenir Next,Segoe UI,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}body,button,input,textarea,select{font:inherit}h1,h2,h3,h4{color:var(--text-main);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif}button:focus-visible,label:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #0f6c6173}a{color:inherit}code,pre{font-family:SF Mono,IBM Plex Mono,Cascadia Code,Consolas,monospace}#root{min-height:100vh}.app-shell{width:min(1380px,100% - 2rem);min-height:100vh;margin:0 auto;padding:1.5rem;position:relative}.app-shell-dragging{overflow:hidden}.drag-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#edf4eac2;place-items:center;padding:2rem;display:grid;position:fixed;inset:0}.drag-overlay-card{text-align:center;background:#fffefaf5;border:2px dashed #0f6c6159;border-radius:28px;width:min(32rem,100%);padding:2rem;box-shadow:0 30px 70px #173b461f}.drag-overlay-card p{color:var(--text-main);margin:0;font-size:1.15rem;font-weight:700}.workspace-grid{grid-template-columns:minmax(20rem,24rem) minmax(0,1fr);align-items:start;gap:1.25rem;display:grid}.control-panel,.preview-column{flex-direction:column;gap:1rem;min-width:0;display:flex}.control-panel{align-self:start;position:sticky;top:1.5rem}.panel-card,.preview-toolbar,.preview-frame-shell,.empty-paper,.xml-debug{border:1px solid var(--line);background:#fffefad6;border-radius:24px;box-shadow:0 24px 60px #173b4614}.panel-card{padding:1.25rem}.masthead-card h1,.panel-card h2,.preview-toolbar h2,.empty-paper h2{margin:0}.masthead-card{text-align:center}.masthead-card h1{white-space:nowrap;margin-top:.45rem;font-size:clamp(1.85rem,2.25vw,2.35rem);line-height:1}.company-credit{color:var(--text-soft)}.eyebrow,.preview-label{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.77rem}.panel-copy,.status,.empty-paper p{color:var(--text-soft)}.panel-copy{margin-bottom:0}.file-input-hidden{display:none}.action-row,.action-column{gap:.75rem;margin-top:1rem;display:flex}.action-row{flex-wrap:wrap}.action-column{flex-direction:column}.primary-button,.secondary-button{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-weight:700;transition:transform .18s,box-shadow .18s,border-color .18s,background-color .18s;display:inline-flex}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.primary-button{color:#14353d;background:linear-gradient(135deg,#d9ed9f,#c9e58a);box-shadow:0 16px 40px #0f6c6129}.secondary-button{color:var(--text-main);background:#fffefae0;border-color:#173b4624}.action-button-icon{font-size:1rem;line-height:1}.status{margin:1rem 0 0;font-size:.95rem}.status.error{color:#a22a1c}.status.success{color:#2f6a4f}.status code{font-size:.88rem}.metric-list{gap:.85rem;margin:1rem 0 0;display:grid}.metric-list div{justify-content:space-between;gap:1rem;display:flex}.metric-list dt{color:var(--text-soft)}.metric-list dd{color:var(--text-main);text-align:right;word-break:break-word;margin:0;font-weight:700}.signature-status.is-valid{color:#2f6a4f}.signature-status.is-invalid{color:#a22a1c}.signature-status.is-pending{color:#8b4d21}.signature-actions{justify-content:flex-end;margin-top:1rem;display:flex}.signature-trace-button{text-align:center;justify-content:center;min-width:10rem}.ca-trace-badge{color:#2f6a4f;background:#2f6a4f1f;border-radius:999px;justify-content:center;align-items:center;min-width:7rem;padding:.85rem 1rem;font-weight:700;display:inline-flex}.warning-block{border-top:1px solid #173b461f;margin-top:1.2rem;padding-top:1rem}.warning-block h3{margin:0 0 .5rem;font-size:.96rem}.warning-block p{color:#8b4d21;margin:0}.hint-card ul{color:var(--text-soft);gap:.7rem;margin:1rem 0 0;padding-left:1.2rem;display:grid}.preview-toolbar{z-index:5;box-shadow:none;background:0 0;border:0;padding:0;display:block;position:sticky;top:1.5rem}.preview-toolbar p{margin-bottom:.35rem}.toolbar-actions{flex-wrap:wrap;justify-content:start;align-items:center;gap:.5rem;display:flex}.orientation-switch{background:#fffefae0;border:1px solid #173b4624;border-radius:999px;padding:.2rem;display:inline-flex}.switch-button,.toolbar-button{appearance:none;font:inherit;cursor:pointer;border:0}.switch-button{color:var(--text-soft);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.45rem .8rem;transition:background-color .16s,color .16s;display:inline-flex}.switch-button.active{color:var(--text-main);background:#0f6c611f;font-weight:700}.toolbar-button{color:var(--text-main);background:#fffefae0;border:1px solid #173b4624;border-radius:999px;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.92rem;transition:transform .16s,box-shadow .16s,opacity .16s;display:inline-flex}.toolbar-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #173b4614}.toolbar-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.toolbar-button-icon{flex:none;font-size:1.4rem;line-height:1}.switch-button-icon{flex:none;font-size:1.1rem;line-height:1}.preview-frame-shell{box-shadow:none;background:0 0;border:0;padding:0;overflow:visible}.preview-frame-shell[data-orientation=portrait]{--sheet-width:920px}.preview-frame-shell[data-orientation=landscape]{--sheet-width:1240px}.preview-stage{width:min(100%, var(--sheet-width));margin:0 auto}.preview-frame{width:100%;min-height:20rem;box-shadow:none;background:#fff;border:0;border-radius:0;display:block}.empty-preview{min-height:0;display:block}.empty-paper{text-align:center;width:min(100%,52rem);margin-top:0;padding:2.5rem 3rem}.empty-actions{justify-content:center;align-items:center;display:flex}.empty-upload-button{text-align:center;width:min(100%,34rem);min-height:3.5rem;padding-inline:1.35rem;font-size:1rem}.modal-overlay{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141c1e6b;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);background:#fffefafa;border-radius:24px;width:min(36rem,100%);padding:1.25rem;box-shadow:0 28px 70px #173b4629}.modal-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{appearance:none;color:var(--text-main);font:inherit;cursor:pointer;background:#173b4614;border:0;border-radius:999px;padding:.5rem .8rem}.modal-copy{color:var(--text-soft);white-space:pre-wrap;margin:1rem 0 0}@media (width<=1080px){.workspace-grid{grid-template-columns:1fr}.control-panel,.preview-toolbar{position:static}.preview-frame{min-height:18rem}}@media (width<=720px){.app-shell{padding:1rem}.panel-card,.preview-toolbar,.preview-frame-shell,.empty-paper{border-radius:20px}.empty-paper{padding:1.5rem}.preview-frame-shell{-webkit-overflow-scrolling:touch;overflow:auto visible}.preview-stage{width:var(--sheet-width);min-width:var(--sheet-width);margin:0}.action-row,.preview-toolbar{flex-direction:column}.signature-actions{justify-content:stretch}.signature-trace-button,.ca-trace-badge{width:100%}}