.app{display:grid;grid-template-columns:320px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.app__header{grid-column:1 / -1;background:linear-gradient(135deg,#1a365d,#2c5282);color:#fff;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app__header-left{flex:1;min-width:200px}.app__header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.app__edit-badge{background:#fff3;padding:.35rem .65rem;border-radius:20px;font-size:.8rem}.app__user{font-size:.8rem;opacity:.85;padding:0 .35rem}.header-btn{padding:.45rem .85rem;border-radius:6px;border:1px solid rgba(255,255,255,.4);background:#ffffff1f;color:#fff;font-size:.85rem;cursor:pointer;white-space:nowrap}.header-btn:hover:not(:disabled){background:#ffffff38}.header-btn:disabled{opacity:.45;cursor:not-allowed}.header-btn--primary{background:#48bb78;border-color:#48bb78;font-weight:600}.header-btn--primary:hover:not(:disabled){background:#38a169}.header-btn--ghost{background:transparent;border-color:#ffffff40}.app__header h1{margin:0 0 .25rem;font-size:1.5rem;font-weight:600}.app__subtitle{margin:0;opacity:.85;font-size:.9rem}.app__sidebar{background:#fff;border-right:1px solid #e2e8f0;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.app__main{padding:1rem;overflow:auto}.panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.875rem}.panel h2{margin:0 0 .75rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.panel__meta{margin:.5rem 0 0;font-size:.8rem;color:#475569;word-break:break-all}.panel__meta--mode{color:#2b6cb0;font-weight:500}.panel__help{margin:0 0 .75rem;font-size:.78rem;color:#64748b;line-height:1.4}.btn--active{background:#ebf8ff;border-color:#3182ce;color:#2c5282}.panel--fields{flex:1;min-height:0}.btn{display:block;width:100%;padding:.55rem .75rem;margin-bottom:.5rem;border:1px solid #cbd5e1;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer;text-align:center;transition:background .15s}.btn:hover:not(:disabled){background:#f1f5f9}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:#2b6cb0;border-color:#2b6cb0;color:#fff}.btn--primary:hover:not(:disabled){background:#2c5282}.btn--secondary{background:#edf2f7}.btn--success{background:#276749;border-color:#276749;color:#fff}.btn--success:hover:not(:disabled){background:#22543d}.file-label{cursor:pointer}.select{width:100%;padding:.5rem;margin-bottom:.5rem;border:1px solid #cbd5e1;border-radius:6px;font-size:.875rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#475569}.field-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto}.field-list li{margin-bottom:.5rem}.field-list label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.2rem}.field-list input{width:100%;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem}.toast{margin:0;padding:.6rem .75rem;border-radius:6px;font-size:.8rem}.toast--info{background:#ebf8ff;color:#2c5282;border:1px solid #bee3f8}.toast--error{background:#fff5f5;color:#c53030;border:1px solid #fed7d7}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;background:#fff;border-radius:12px;border:2px dashed #cbd5e1;text-align:center;padding:2rem}.empty-state h2{margin:0 0 .5rem}.empty-state p{color:#64748b;max-width:400px;margin:0 0 1.5rem}.pdf-viewer__toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem;flex-wrap:wrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem}.pdf-viewer__toolbar-left,.pdf-viewer__toolbar-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pdf-viewer__toolbar-left button{width:32px;height:32px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;cursor:pointer;font-size:1.1rem}.pdf-viewer__edit-count{font-size:.8rem;font-weight:600;color:#2b6cb0;background:#ebf8ff;padding:.3rem .65rem;border-radius:20px}.toolbar-btn{padding:.4rem .85rem;border-radius:6px;font-size:.82rem;font-weight:500;cursor:pointer;border:1px solid #cbd5e1;white-space:nowrap}.toolbar-btn:disabled{opacity:.45;cursor:not-allowed}.toolbar-btn--muted{background:#fff;color:#64748b}.toolbar-btn--muted:hover:not(:disabled){background:#f8fafc;color:#334155}.toolbar-btn--download{background:#276749;border-color:#276749;color:#fff}.toolbar-btn--download:hover:not(:disabled){background:#22543d}.pdf-viewer__container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;padding:1rem;min-height:500px}.pdf-viewer__status{padding:2rem;text-align:center;color:#64748b}.pdf-viewer__status--error{color:#c53030}.pdf-viewer__page{position:relative;display:inline-block;margin:0 auto}.pdf-viewer__page--select-mode{cursor:crosshair;-webkit-user-select:none;user-select:none}.pdf-viewer__selection{position:absolute;border:2px dashed #3182ce;background:#3182ce1f;pointer-events:none;z-index:20}.pdf-viewer__hint{font-size:.8rem;color:#475569;margin-left:.25rem}.pdf-viewer__canvas{display:block;border:1px solid #e2e8f0}.pdf-viewer__overlay-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.field-wrap{position:absolute;pointer-events:auto;background:#fff;border:1px solid #e2e8f0;border-radius:2px;display:flex;align-items:stretch;box-shadow:0 0 0 1px #ffffffe6}.field-wrap:hover{border-color:#90cdf4}.field-wrap--active{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce4d;z-index:10}.field-input{flex:1;min-width:0;border:none;background:#fff;padding:0 3px;margin:0;outline:none;font-family:Helvetica,Arial,sans-serif;color:#000}.field-remove{flex-shrink:0;width:18px;border:none;background:#f8fafc;color:#94a3b8;cursor:pointer;font-size:14px;line-height:1;padding:0}.field-remove:hover{background:#fee2e2;color:#dc2626}.field-wrap--multiline{align-items:flex-start}.field-input--textarea{resize:vertical;min-height:100%}.field-font-size{width:36px;flex-shrink:0;border:none;border-left:1px solid #e2e8f0;background:#f8fafc;font-size:10px;text-align:center;padding:0 2px}.field-meta{color:#94a3b8;font-weight:400}.field-size-row{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.field-size-row label{font-size:.7rem;color:#94a3b8}.field-size-row input{width:52px;padding:.2rem .35rem;font-size:.75rem;border:1px solid #cbd5e1;border-radius:4px}.field-list textarea{width:100%;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.8rem;font-family:inherit;resize:vertical}.panel__changes{margin:0 0 .6rem;padding:.5rem .6rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:6px;font-size:.8rem;color:#92400e;font-weight:500}.panel__help--small{margin:.5rem 0 0;font-size:.72rem}.field-wrap--modified{border-color:#68d391;box-shadow:0 0 0 1px #c6f6d5}.field-clear{flex-shrink:0;width:22px;border:none;background:#f8fafc;color:#64748b;cursor:pointer;font-size:12px;padding:0;border-left:1px solid #e2e8f0}.field-clear:hover{background:#fff7ed;color:#c2410c}.toast-popup{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:.75rem;max-width:420px;padding:.85rem 1rem;border-radius:10px;box-shadow:0 8px 24px #00000026;font-size:.9rem;animation:toast-in .25s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-popup--success{background:#f0fff4;border:1px solid #68d391;color:#22543d}.toast-popup--info{background:#ebf8ff;border:1px solid #63b3ed;color:#2c5282}.toast-popup--error{background:#fff5f5;border:1px solid #fc8181;color:#c53030}.toast-popup__close{flex-shrink:0;border:none;background:transparent;font-size:1.2rem;cursor:pointer;opacity:.6;line-height:1;padding:0}.toast-popup__close:hover{opacity:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:440px;box-shadow:0 20px 50px #00000040}.modal__title{margin:0 0 .35rem;font-size:1.2rem}.modal__hint{margin:0 0 1rem;font-size:.82rem;color:#64748b}.modal__label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.35rem}.modal__original{margin-bottom:1rem}.modal__original-value{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.6rem .75rem;font-size:.95rem;white-space:pre-wrap;word-break:break-word}.modal__input{width:100%;padding:.6rem .75rem;border:2px solid #cbd5e1;border-radius:8px;font-size:1rem;margin-bottom:1.25rem;font-family:inherit}.modal__input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.modal__actions{display:flex;gap:.5rem;justify-content:flex-end}.modal__actions .btn{width:auto;margin:0;padding:.55rem 1.1rem}.field-preview{position:absolute;pointer-events:auto;border:1px solid #86efac;background:#fff;border-radius:2px;padding:1px 4px;margin:0;text-align:left;cursor:pointer;color:#000;box-shadow:0 0 0 1px #ffffffe6;overflow:hidden}.field-preview:hover{border-color:#3182ce;box-shadow:0 0 0 2px #3182ce40}.field-preview__line{display:block;white-space:nowrap}.edit-list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.edit-list__item{display:block;width:100%;text-align:left;padding:.5rem;margin-bottom:.35rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;cursor:pointer;font-size:.78rem}.edit-list__item:hover{background:#f0f9ff;border-color:#90cdf4}.edit-list__from{color:#94a3b8;text-decoration:line-through}.edit-list__arrow{margin:0 .35rem;color:#64748b}.edit-list__to{color:#166534;font-weight:500}@media(max-width:900px){.app{grid-template-columns:1fr}.app__sidebar{border-right:none;border-bottom:1px solid #e2e8f0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a365d,#2c5282,#1a365d);padding:1.5rem}.login-card{background:#fff;border-radius:16px;padding:2rem;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d}.login-card h1{margin:0 0 .35rem;font-size:1.5rem;color:#1a365d}.login-card__sub{margin:0 0 1.5rem;color:#64748b;font-size:.9rem}.login-card label{display:block;font-size:.8rem;font-weight:500;color:#475569;margin-bottom:.35rem}.login-card input{width:100%;padding:.65rem .75rem;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;margin-bottom:1rem}.login-card input:focus{outline:none;border-color:#3182ce;box-shadow:0 0 0 3px #3182ce33}.login-card__error{color:#c53030;font-size:.85rem;margin:0 0 1rem}.login-card__submit{width:100%;padding:.75rem;background:#2b6cb0;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer}.login-card__submit:hover:not(:disabled){background:#2c5282}.login-card__submit:disabled{opacity:.7}.login-card__demo{margin:1.25rem 0 0;font-size:.78rem;color:#94a3b8;text-align:center}.login-card__demo code{background:#f1f5f9;padding:.1rem .35rem;border-radius:4px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e}#root{min-height:100vh}