:root{--od: #2f3b24;--od-deep: #1a2114;--od-mid: #3d4a2e;--sand: #c5b896;--sand-bright: #e2d4b0;--ink: #161a12;--ink-muted: #5c6454;--surface: rgba(245, 241, 232, .94);--line: rgba(47, 59, 36, .16);--accent: #4a5c32;--accent-strong: #2f3b24;--accent-soft: #d8dec8;--danger: #8a3b2e;--rok-red: #c8102e;--us-blue: #002868;--shadow: 0 22px 48px rgba(12, 16, 8, .28);--radius: 12px;--font: "IBM Plex Sans KR", sans-serif;--display: "Oswald", "IBM Plex Sans KR", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--ink);font-family:var(--font);background:var(--od-deep);background-attachment:fixed}.hero-plane{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,rgba(200,16,46,.12) 0%,transparent 18%,transparent 82%,rgba(0,40,104,.14) 100%),radial-gradient(ellipse 90% 55% at 50% -15%,#5a6b3e 0%,transparent 58%),linear-gradient(168deg,#12180f 0%,var(--od) 48%,#24301c 100%);animation:plane-shift 14s ease-in-out infinite alternate}.hero-plane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.11;background-image:repeating-linear-gradient(0deg,transparent,transparent 47px,rgba(197,184,150,.35) 47px,rgba(197,184,150,.35) 48px),repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(197,184,150,.28) 47px,rgba(197,184,150,.28) 48px);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 70%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 70%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{position:relative;z-index:1;width:min(1040px,calc(100% - 2rem));margin:0 auto;padding:2.75rem 0 3rem;min-height:100vh;display:flex;flex-direction:column}.hero{color:#f3efe4;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(197,184,150,.28);animation:rise .75s ease both}.brand{margin:0 0 .55rem;font-family:var(--display);font-size:clamp(3.4rem,11vw,5.6rem);font-weight:700;letter-spacing:.06em;line-height:.92;text-transform:uppercase;color:var(--sand-bright);text-shadow:0 2px 0 rgba(0,0,0,.25)}.headline{margin:0 0 .7rem;font-family:var(--display);font-size:clamp(1.45rem,3.2vw,1.9rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#f7f3e8}.lede{margin:0;max-width:34rem;font-size:1.02rem;line-height:1.65;color:#f3efe4c7;animation:rise .85s ease .06s both}.main{display:flex;flex-direction:column;gap:1.15rem;flex:1;animation:rise .9s ease .1s both}.file-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.file-panel,.ops-panel,.result-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.3rem 1.35rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.panel-title{margin:0 0 1rem;font-family:var(--display);font-size:.95rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong)}.dropzone{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;min-height:8.5rem;padding:1.1rem 1.15rem;border:1.5px dashed rgba(47,59,36,.35);border-radius:10px;background:linear-gradient(180deg,#e2d4b038,#f5f1e859);transition:border-color .2s ease,background .2s ease,transform .2s ease}.dropzone.is-dragging{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.dropzone.has-file{border-style:solid;border-color:#2f3b2438}.dropzone-text{margin:0;color:var(--ink-muted);line-height:1.5;font-size:.95rem}.file-name{margin:0;font-weight:600;word-break:break-all}.field-grid{display:grid;gap:.75rem;margin-top:1rem}.field{display:grid;gap:.35rem}.field span{font-size:.82rem;color:var(--ink-muted);font-weight:500}.field select,.field input[type=text]{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font:inherit}.check-field{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--ink-muted)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.25rem}.mode-btn{display:grid;gap:.25rem;text-align:left;padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font:inherit;transition:border-color .2s ease,background .2s ease,transform .2s ease}.mode-btn:hover{border-color:#2f3b2466}.mode-btn.is-active{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.mode-label{font-weight:600;color:var(--ink)}.mode-hint{font-size:.82rem;color:var(--ink-muted);line-height:1.4}.annotate-options{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.annotate-hint{grid-column:1 / -1;margin:0;font-size:.88rem;color:var(--ink-muted);line-height:1.5}.field-label{margin:0 0 .45rem;font-size:.82rem;color:var(--ink-muted);font-weight:500}.sheet-block{margin-top:1rem}.sheet-chips{display:flex;flex-wrap:wrap;gap:.45rem}.sheet-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border:1px solid var(--line);border-radius:6px;background:#fff;font-size:.88rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.sheet-chip input{margin:0}.sheet-chip.is-on{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.preview-wrap{margin-top:1rem}.preview-label{margin:0 0 .4rem;font-size:.8rem;font-weight:600;letter-spacing:.04em;color:var(--ink-muted);text-transform:uppercase}.preview-scroll{overflow:auto;max-width:100%;border:1px solid var(--line);border-radius:8px;background:#fff}.preview-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.82rem}.preview-table th,.preview-table td{padding:.4rem .55rem;border-bottom:1px solid var(--line);border-right:1px solid var(--line);white-space:nowrap;max-width:10rem;overflow:hidden;text-overflow:ellipsis}.preview-table th{background:#ebe6d8;position:static}.preview-empty{margin:.75rem 0 0;font-size:.88rem;color:var(--ink-muted)}.annotate-note{margin:0 0 1rem;font-size:.9rem;color:var(--ink-muted);line-height:1.5}.result-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.result-summary{margin:-.35rem 0 0;color:var(--ink-muted);font-size:.95rem}.result-summary strong{color:var(--accent-strong);font-size:1.15rem}.result-actions{display:flex;flex-wrap:wrap;gap:.5rem}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:8px;padding:.55rem .95rem;font:inherit;font-weight:600;font-size:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--od);color:var(--sand-bright)}.btn-primary:hover:not(:disabled){background:var(--od-deep)}.btn-secondary{background:#fff;border-color:var(--line);color:var(--ink)}.btn-secondary:hover:not(:disabled){border-color:#2f3b2473}.btn-ghost{background:transparent;border-color:#2f3b2447;color:var(--accent-strong);padding:.4rem .7rem}.btn:hover:not(:disabled){transform:translateY(-1px)}.table-wrap{max-height:28rem;overflow:auto;border:1px solid var(--line);border-radius:10px;background:#fff}table{width:100%;border-collapse:collapse;font-size:.95rem}th,td{padding:.65rem .9rem;text-align:left;border-bottom:1px solid var(--line)}th{position:sticky;top:0;background:#ebe6d8;font-weight:600;color:var(--accent-strong);z-index:1}.col-index{width:3.5rem;color:var(--ink-muted);font-variant-numeric:tabular-nums}.empty-result,.hint-block,.error-text{margin:0;line-height:1.55}.hint-block{padding:1.15rem 1.25rem;color:#f3efe4d1;border:1px dashed rgba(197,184,150,.35);border-radius:var(--radius);background:#ffffff0d}.error-text{margin-top:.75rem;color:var(--danger);font-size:.9rem}.empty-result{color:var(--ink-muted)}.mark-yes{color:var(--accent-strong);font-weight:600}.mark-no{color:var(--danger);font-weight:600}.site-footer{margin-top:2rem;padding-top:1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;font-family:var(--display);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:#c5b896b8;animation:rise 1s ease .16s both}.footer-sep{width:1px;height:.85rem;background:#c5b89666}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes plane-shift{0%{filter:saturate(1) brightness(1)}to{filter:saturate(1.08) brightness(1.04)}}@media (max-width: 800px){.file-row,.annotate-options,.mode-grid{grid-template-columns:1fr}.result-header{flex-direction:column}.app{width:min(100% - 1.25rem,1040px);padding-top:1.75rem}.brand{font-size:clamp(2.6rem,14vw,3.8rem)}.site-footer{letter-spacing:.08em}}