*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#18181b,#020617 55%);color:#f9fafb}.app-root{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at top left,#111827,#020617 60%);color:#f9fafb}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.75rem;border-bottom:1px solid rgba(148,163,184,.24);background:linear-gradient(to right,#020617,#020617e6)}.app-header-left{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.app-logo{width:32px;height:32px;border-radius:.9rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 0%,#38bdf8,#1d4ed8);color:#e5f6ff;font-weight:600;font-size:.8rem}.app-title-block{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-width:0;flex:1}.app-header-title-row{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.85rem}.app-header-tour-btn{flex-shrink:0;width:auto;min-width:unset;padding:.22rem .75rem;font-size:.72rem}.app-title-main{font-size:1rem;font-weight:600;line-height:1.2;white-space:nowrap;letter-spacing:-.01em}.app-title-sub{font-size:.78rem;line-height:1.35;color:#9ca3af;max-width:42rem}.app-header-right{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#9ca3af;flex-wrap:nowrap}.badge-pill{border-radius:999px;border:1px solid rgba(148,163,184,.4);padding:.16rem .6rem;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.app-main{flex:1;display:flex;flex-direction:column;padding:1rem 1.75rem 1.25rem}.app-layout{flex:1;display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:1.25rem;margin-top:.75rem}.panel{border-radius:.9rem;background:radial-gradient(circle at top left,#020617,#020617f5 60%);border:1px solid rgba(55,65,81,.8);box-shadow:0 18px 40px #0f172ad9;overflow:hidden}.panel-body{padding:.9rem 1rem 1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem .25rem}.panel-title{font-size:.85rem;font-weight:600}.panel-subtitle{font-size:.7rem;color:#9ca3af}.pill-muted{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border-radius:999px;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);padding:.18rem .55rem;font-size:.68rem;color:#9ca3af}.pill-muted:hover{border-color:#94a3b8cc;color:#e5e7eb}.toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin-bottom:.6rem}.toolbar-button{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;width:100%;border-radius:999px;padding:.28rem .65rem;background:#0f172ae6;border:1px solid rgba(55,65,81,.95);color:#e5e7eb;font-size:.7rem;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform 80ms ease}.toolbar-button:disabled{opacity:.4;cursor:default}.toolbar-button:not(:disabled):hover{background:#0f172af7;border-color:#94a3b8cc}.toolbar-button-primary{background:linear-gradient(to right,#0f172a,#1d4ed8);border-color:#38bdf899}.toolbar-button-primary:not(:disabled):hover{background:linear-gradient(to right,#1e293b,#2563eb)}.columns-list{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.7rem;max-height:380px;overflow:auto}.column-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;padding:.45rem .6rem;border-radius:.6rem;background:#0f172ae6;border:1px solid rgba(55,65,81,.9);cursor:grab}.column-item-disabled{opacity:.45}.column-label{display:flex;flex-direction:column}.column-name{font-size:.8rem;font-weight:500}.column-meta{font-size:.65rem;color:#9ca3af}.column-actions{display:flex;align-items:center;gap:.3rem}.muted-icon-button{width:22px;height:22px;border-radius:999px;border:1px solid rgba(55,65,81,.9);background:#0f172af2;color:#9ca3af;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem}.muted-icon-button:hover{border-color:#94a3b8e6;color:#e5e7eb}.add-column-button{width:100%;margin-top:.35rem;border-radius:.7rem;border:1px dashed rgba(75,85,99,.9);padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;gap:.4rem;background:#0f172abf;color:#e5e7eb;font-size:.78rem;cursor:pointer}.add-column-button:hover{border-color:#94a3b8e6}.dropzone-wrapper{flex:1;display:flex;align-items:center;justify-content:center}.dropzone-wrapper-column{flex-direction:column;align-items:center;justify-content:flex-start;width:100%}.upload-header-row{width:min(520px,100%);margin-bottom:.25rem;padding:.85rem 1rem;border-radius:.75rem;border:1px solid rgba(55,65,81,.85);background:#0f172a8c}.upload-header-row-label{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;font-size:.82rem;color:#e5e7eb;font-weight:500}.upload-header-row-input{width:4.25rem;padding:.28rem .45rem;border-radius:.4rem;border:1px solid rgba(75,85,99,.9);background:#020617e6;color:#f9fafb;font-size:.85rem}.upload-header-row-input:focus{outline:none;border-color:#38bdf88c}.upload-header-row-hint{margin:.55rem 0 0;font-size:.72rem;line-height:1.45;color:#9ca3af}.dropzone{width:min(520px,100%);border-radius:1rem;border:1px dashed rgba(75,85,99,.9);padding:2.5rem 1.75rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;background:radial-gradient(circle at top,#020617,#020617f2 60%);color:#e5e7eb;cursor:pointer;transition:border-color .12s ease,background .12s ease,transform 80ms ease}.dropzone.drag-active{border-color:#38bdf8f2;background:radial-gradient(circle at top,#020617,#020617cc 60%);transform:translateY(-1px)}.dropzone-icon-circle{width:40px;height:40px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 10% 0%,#1d4ed8,#38bdf8);color:#e5f6ff}.dropzone-title{font-size:.9rem;font-weight:500}.dropzone-subtitle{font-size:.78rem;color:#9ca3af}.dropzone-hint{font-size:.7rem;color:#6b7280}.upload-template-zone{margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(55,65,81,.85)}.upload-template-dropzone{border-radius:.75rem;border:1px dashed rgba(75,85,99,.85);padding:1rem 1.25rem;text-align:center;cursor:pointer;background:#0f172a80;transition:border-color .12s ease,background .12s ease}.upload-template-dropzone:hover,.upload-template-dropzone.drag-active{border-color:#38bdf88c;background:#0f172abf}.upload-template-title{font-size:.82rem;font-weight:500;margin-bottom:.25rem}.upload-template-sub{font-size:.72rem;color:#9ca3af}.preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.preview-tabs{display:inline-flex;border-radius:999px;border:1px solid rgba(55,65,81,.95);background:#0f172af2;padding:.1rem}.preview-tab{border-radius:999px;padding:.2rem .75rem;font-size:.78rem;cursor:pointer;border:none;background:transparent;color:#9ca3af}.preview-tab-active{background:linear-gradient(to right,#1e293b,#1d4ed8);color:#e5e7eb}.preview-meta{display:flex;align-items:center;gap:.65rem;font-size:.72rem;color:#9ca3af}.preview-table-wrapper{border-radius:.7rem;border:1px solid rgba(55,65,81,.95);background:radial-gradient(circle at top,#020617,#020617ef 60%);overflow:hidden;max-height:420px;display:flex;flex-direction:column}.preview-table-scroll{overflow:auto}table.preview-table{width:100%;border-collapse:collapse;font-size:.76rem}table.preview-table thead{background:#0f172af2}table.preview-table th,table.preview-table td{padding:.4rem .7rem;border-bottom:1px solid rgba(31,41,55,.9);white-space:nowrap}table.preview-table th{text-align:left;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}table.preview-table tbody tr:nth-child(2n){background:#0f172ad9}.footer-bar{margin-top:.7rem;display:flex;justify-content:flex-end;font-size:.7rem;color:#6b7280}.footer-pill{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;border:1px solid rgba(55,65,81,.9);padding:.2rem .6rem;background:#0f172af2}.checkbox{width:14px;height:14px}@media (max-width: 900px){.app-layout{grid-template-columns:1fr}}