.t4-container{display:flex;gap:16px}.t4-controls{width:220px;background:#f8f9fa;border:1px solid #ddd;border-radius:8px;padding:12px;font-size:12px;flex-shrink:0;position:sticky;top:16px;height:fit-content}.t4-controls-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #ddd}.t4-controls-title{font-weight:700;font-size:13px}.t4-reset-btn{background:#dc3545;color:white;border:none;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer}.t4-reset-btn:hover{background:#c82333}.t4-position-controls{display:flex;flex-direction:column;gap:8px}.t4-control-label{font-size:12px;font-weight:700;color:#0066cc;background:#e8f4fc;padding:4px 8px;border-radius:4px;margin-bottom:4px}.t4-control-hint-small{font-size:10px;color:#888;font-style:italic}.t4-control-row{display:flex;align-items:center;gap:6px}.t4-control-row label{font-size:11px;color:#666;min-width:16px}.t4-control-row input[type=number]{width:50px}.t4-control-row input[type=number],.t4-control-row select{padding:4px;border:1px solid #ccc;border-radius:4px;font-size:11px}.t4-control-row select{flex:1}.t4-control-hint{color:#888;font-style:italic;text-align:center;padding:16px 0}.t4-keyboard-hint{font-size:10px;color:#666;background:#f0f0f0;padding:6px;border-radius:4px;text-align:center;margin-top:4px}.t4-form-wrapper{position:relative;width:700px;flex-shrink:0;user-select:none}.t4-background{width:100%;height:auto;display:block;pointer-events:none}.t4-fields-layer{position:absolute;top:0;left:0;width:100%;height:100%}.t4-field-preview{background:transparent;border:1px solid transparent;box-sizing:border-box;display:flex;align-items:center;position:relative;transition:border-color .15s,background-color .15s}.t4-field-preview:hover{background:rgba(255,255,200,.4);border-color:rgba(0,0,0,.2)}.t4-field-preview.selected{background:rgba(200,220,255,.6);border:2px solid #0066cc;box-shadow:0 0 0 3px rgba(0,102,204,.25);z-index:100}.t4-field-preview.editing{background:rgba(255,255,255,.98);border:2px solid #00aa44;box-shadow:0 0 0 3px rgba(0,170,68,.3);z-index:200;cursor:text}.t4-field-preview.dragging{background:rgba(180,210,255,.8);border:2px solid #0044aa;box-shadow:0 4px 12px rgba(0,102,204,.4);z-index:1000}.t4-field-label{position:absolute;bottom:100%;left:0;background:#0066cc;color:white;font-size:10px;font-weight:700;padding:2px 6px;border-radius:3px 3px 0 0;white-space:nowrap;z-index:101;pointer-events:none;box-shadow:0 -2px 4px rgba(0,0,0,.15)}.t4-field-preview input[type=number]::-webkit-inner-spin-button,.t4-field-preview input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.t4-field-preview input[type=number]{-moz-appearance:textfield}.t4-field-preview input{outline:none;cursor:move}.t4-field-final,.t4-field-preview input{font-family:Arial,Helvetica,sans-serif;color:#000;font-weight:700}.t4-field-final{padding:1px 3px;box-sizing:border-box;display:flex;align-items:center;letter-spacing:.3px}.t4-field-display{font-weight:700}@media print{.t4-container{display:block}.t4-controls{display:none!important}.t4-form-wrapper{width:100%;max-width:8in}.t4-field-label,.t4-field-preview{display:none!important}.t4-field-final{background:transparent!important;display:block!important;font-weight:700;color:#000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}}