:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;color:#1a1a2e;background:#f0f2f5}*{box-sizing:border-box}body{margin:0}#root{min-height:100vh}.app-header{background:#16213e;color:#fff;padding:12px 24px;display:flex;align-items:center;gap:16px}.app-header h1{margin:0;font-size:1.25rem;font-weight:600}.tabs{display:flex;gap:4px;margin-left:auto}.tab{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.875rem}.tab.active{background:#e94560;border-color:#e94560}.tab:disabled{opacity:.4;cursor:not-allowed}.main-layout{display:grid;grid-template-columns:1fr 320px;gap:0;height:calc(100vh - 52px)}.sidebar{background:#fff;border-left:1px solid #dde1e7;overflow-y:auto;padding:16px}.viewer-pane{overflow:auto;padding:24px;background:#e8eaed}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;align-items:center}.toolbar label,.toolbar button,.toolbar select{font-size:.875rem}.toolbar button{background:#16213e;color:#fff;border:none;padding:8px 14px;border-radius:6px;cursor:pointer}.toolbar button:hover{background:#1a2744}.toolbar button.primary{background:#e94560}.toolbar button.primary:hover{background:#d63851}.template-label{font-size:.85rem;font-weight:600;color:#1a2744;padding:.35rem .65rem;background:#eef2ff;border-radius:999px}.field-box{width:100%;height:100%;border:2px dashed #e94560;background:#e945601f;display:flex;align-items:center;justify-content:center;font-size:11px;color:#e94560;overflow:hidden;cursor:move}.field-box.type-image,.field-box.type-signature{align-items:flex-start;justify-content:flex-start;padding:4px}.field-box.selected{border-style:solid;background:#e9456038;box-shadow:0 0 0 2px #e9456059}.field-box.type-checkbox,.field-box.type-radio{border-radius:3px}.field-hit-area{width:100%;height:100%;position:relative;cursor:move}.field-hit-area.field-hit-small{display:flex;align-items:flex-start;gap:4px}.field-hit-area.field-hit-small:not(.selected){outline:1px dashed rgba(233,69,96,.25);outline-offset:0}.field-hit-area.field-hit-small.selected{outline:1px dashed rgba(233,69,96,.5);outline-offset:2px}.field-drag-label{flex:1;min-width:0;align-self:flex-start;margin-top:1px;padding:2px 6px;border-radius:4px;background:#16213e;color:#fff;font-size:10px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:move;-webkit-user-select:none;user-select:none}.field-list-panel{border-bottom:1px solid #dde1e7;padding-bottom:12px}.field-list{list-style:none;margin:0;padding:0;max-height:180px;overflow-y:auto}.field-list-item{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;margin-bottom:4px;border:1px solid #dde1e7;border-radius:6px;background:#fff;cursor:pointer;text-align:left}.field-list-item:hover{border-color:#e94560;background:#fff8f9}.field-list-item.active{border-color:#e94560;background:#e945601a;box-shadow:inset 0 0 0 1px #e9456040}.field-list-item.other-page{opacity:.85}.field-list-name{font-size:.85rem;font-weight:600;color:#1a1a2e}.field-list-meta{font-size:.75rem;color:#777}.form-row-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.page-container{position:relative;margin:0 auto 24px;box-shadow:0 2px 12px #00000026;background:#fff}.page-canvas{display:block}.filled-preview-page{position:relative}.filled-value-overlay{position:absolute;top:0;left:0;pointer-events:none}.filled-value-text{position:absolute;overflow:hidden;color:#111;font-family:Helvetica,Arial,sans-serif;white-space:nowrap;text-overflow:ellipsis;padding:0 1px;box-sizing:border-box}.overlay-layer{position:absolute;top:0;left:0;pointer-events:none}.overlay-layer .react-draggable{pointer-events:auto}.overlay-layer .react-resizable-handle{pointer-events:auto;width:10px;height:10px;background:#e94560;border:1px solid #fff;border-radius:2px}.panel-section{margin-bottom:20px}.panel-section h3{margin:0 0 10px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;color:#666}.form-row{margin-bottom:10px}.form-row label{display:block;font-size:.8rem;color:#555;margin-bottom:4px}.form-row input,.form-row select,.form-row textarea{width:100%;padding:6px 8px;border:1px solid #ccc;border-radius:4px;font-size:.875rem}.error{color:#c0392b;font-size:.85rem;margin-top:8px}.success{color:#27ae60;font-size:.85rem;margin-top:8px}.mapping-table{width:100%;border-collapse:collapse;font-size:.8rem}.mapping-table th,.mapping-table td{border:1px solid #dde1e7;padding:6px 8px;text-align:left}.mapping-table th{background:#f8f9fa}.summary-box{background:#f8f9fa;border:1px solid #dde1e7;border-radius:6px;padding:12px;font-size:.8rem;margin-top:12px}.summary-box ul{margin:4px 0;padding-left:18px}.preview-frame{width:100%;height:500px;border:1px solid #dde1e7;border-radius:6px;margin-top:12px}.preview-frame-main{width:100%;height:calc(100vh - 180px);min-height:480px;border:1px solid #dde1e7;border-radius:6px;background:#fff}.preview-download-link{font-size:.85rem;color:#16213e;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;font-family:inherit}.empty-state{text-align:center;padding:60px 20px;color:#888}