:root{--gap:8px;--panel-bg:#f5f5f5;--border:#ddd }html,body,#root{height:100%;margin:0;font-family:Arial,Helvetica,sans-serif}.app{display:flex;flex-direction:column;height:100%}.topbar{padding:8px;background:var(--panel-bg);border-bottom:1px solid var(--border)}.main{display:flex;flex:1;gap:var(--gap);padding:8px}.left{width:300px;background:#fff;border:1px solid var(--border);padding:8px;overflow:auto}.center{flex:1;border:1px solid var(--border);padding:8px;display:flex;flex-direction:column}.bottom{height:150px;border-top:1px solid var(--border);padding:8px;overflow:auto;background:#fff}.button{padding:6px 10px;border:1px solid var(--border);background:#eee;cursor:pointer}.input-row{display:flex;flex-direction:column;margin-bottom:8px}.label{font-size:12px;color:#333;margin-bottom:4px}.progress{height:16px;background:#eee;border-radius:4px;overflow:hidden}.progress>i{display:block;height:100%;background:#3b82f6}.preview{flex:1;display:flex;align-items:center;justify-content:center;background:#fafafa;border:1px dashed #ddd}.preview img.fixed-preview{width:5cm;height:5cm;object-fit:contain}.log{font-family:monospace;font-size:12px;white-space:pre-wrap}.small{font-size:12px}select,input[type=number]{padding:6px;border:1px solid var(--border)}.table-small{font-size:12px}.processed-table-wrap{max-height:220px;overflow:auto;border:1px solid #eee;background:#fff}.processed-table{border-collapse:collapse;width:100%}.processed-table thead{position:sticky;top:0;background:#fafafa;z-index:1}.processed-table th,.processed-table td{padding:4px 6px;border-bottom:1px solid #eee}.processed-table th{font-weight:600}.processed-table tbody tr:hover{background:#fafafa}body{background:radial-gradient(1200px 600px at 10% -10%,#e0e7ff 0,transparent 60%),radial-gradient(900px 500px at 100% 0,#fce7f3 0,transparent 55%),#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif}.impose-layout{padding:16px;align-items:flex-start}.impose-card{background:#fffc;backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.18);border-radius:16px;padding:20px;box-shadow:0 10px 30px #4f46e51a;transition:box-shadow .2s}.impose-card:hover{box-shadow:0 14px 38px #4f46e529}.impose-preview{flex:1}.impose-title{margin:0 0 14px;font-size:22px;background:linear-gradient(90deg,#6366f1,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent}.impose-card hr{border:0;height:1px;background:linear-gradient(90deg,transparent,#c7d2fe,transparent);margin:16px 0}.impose-card label{font-size:13px;font-weight:600;color:#475569;margin-right:6px}.impose-card input[type=number],.impose-card select{border-radius:8px;border:1px solid #cbd5e1;background:#fff;padding:6px 8px;margin:2px 0;transition:border-color .15s,box-shadow .15s}.impose-card input[type=number]{width:90px}.impose-card input[type=number]:focus,.impose-card select:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.impose-card input[type=file]{display:block;margin:6px 0;font-size:13px}.impose-card input[type=file]::file-selector-button{border:0;border-radius:8px;padding:6px 12px;margin-right:10px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.impose-card input[type=radio],.impose-card input[type=checkbox]{accent-color:#6366f1}.impose-card button{border:0;border-radius:10px;padding:8px 14px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 4px 12px #6366f14d;transition:transform .12s,box-shadow .12s,opacity .12s}.impose-card button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #6366f166}.impose-card button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.app{overflow:hidden}.impose-preview{display:flex;flex-direction:column;min-width:0;max-height:100%;box-sizing:border-box}.impose-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.impose-preview-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.impose-preview-body{flex:1;min-height:0;overflow:auto}@media (max-width:768px){.app{overflow:auto;height:auto;min-height:100%}.topbar{flex-wrap:wrap;gap:8px}.main{padding:8px!important;flex-direction:column}.impose-layout{flex-direction:column!important;height:auto!important;padding:0;gap:12px!important}.impose-card{min-width:0!important;width:100%;max-height:none!important;overflow:visible!important;padding:14px;box-sizing:border-box}.impose-card button{padding:10px 14px;min-height:40px;margin:4px 4px 4px 0!important}.impose-card input[type=number],.impose-card select{font-size:16px;min-height:38px}.impose-card label{display:inline-block;margin-top:6px}.impose-preview{max-height:none}.impose-preview-body{max-height:70vh}.impose-preview-controls{margin-left:0;flex-wrap:wrap}.impose-preview-controls input[type=range]{width:120px}}.topbar{background:linear-gradient(90deg,#6366f1,#ec4899);color:#fff;border:0;padding:12px 16px;box-shadow:0 4px 16px #6366f14d}.topbar .button{border:0;border-radius:10px;padding:8px 14px;font-weight:600;color:#4f46e5;background:#fff;transition:transform .12s,box-shadow .12s}.topbar .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 14px #0003}.topbar .button:disabled{background:#ffffff59;color:#fff;cursor:default}.left,.center,.bottom{background:#fffc;backdrop-filter:blur(8px);border:1px solid rgba(99,102,241,.18);border-radius:16px;box-shadow:0 10px 30px #4f46e51a;padding:16px;box-sizing:border-box}.bottom{margin:0 8px 8px}.left .label{font-weight:600;color:#475569;font-size:13px}.left input[type=number],.left select{border-radius:8px;border:1px solid #cbd5e1;padding:6px 8px;transition:border-color .15s,box-shadow .15s}.left input[type=number]:focus,.left select:focus{outline:0;border-color:#6366f1;box-shadow:0 0 0 3px #6366f140}.left input[type=file]::file-selector-button{border:0;border-radius:8px;padding:6px 12px;margin-right:10px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.left input[type=range]{accent-color:#6366f1}.left .button{border:0;border-radius:10px;padding:8px 14px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#ec4899);box-shadow:0 4px 12px #6366f14d;transition:transform .12s,box-shadow .12s,opacity .12s}.left .button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 18px #6366f166}.left .button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.progress{height:14px;border-radius:999px;background:#e0e7ff}.progress>i{background:linear-gradient(90deg,#6366f1,#ec4899);border-radius:999px;transition:width .3s}.preview{border:2px dashed #c7d2fe;border-radius:14px;background:linear-gradient(135deg,#eef2ff,#fdf2f8);min-height:180px}.preview img.fixed-preview{border-radius:10px;box-shadow:0 6px 18px #00000026}.center-body{flex:1;display:flex;gap:12px;min-height:0}.center-main{flex:1;min-width:0}.stats-card{width:240px;flex-shrink:0;background:#f5f3ff;border-radius:12px;padding:12px;box-sizing:border-box}.processed-table-wrap{border-radius:10px;border-color:#e0e7ff}.processed-table thead{background:#eef2ff}.processed-table tbody tr:hover{background:#f5f3ff}.main{min-height:0}.left{flex-shrink:0}.center{min-width:0;overflow:auto}@media (max-width:768px){.main{flex-direction:column}.left{width:100%}.center{overflow:visible}.center-body{flex-direction:column}.stats-card{width:100%}.bottom{height:auto;max-height:160px}.left .button{min-height:40px}.left input[type=number],.left select{font-size:16px;min-height:38px}.left input[type=file],.preview img.fixed-preview{max-width:100%}.processed-table-wrap{overflow-x:auto}}