:root{font-family:Manrope,Segoe UI,sans-serif;color:#f4efe8;background:radial-gradient(circle at top left,rgba(247,177,100,.22),transparent 34%),radial-gradient(circle at top right,rgba(81,161,148,.25),transparent 28%),linear-gradient(145deg,#191919,#0f1418 55%,#111718);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--panel: rgba(18, 24, 28, .78);--panel-border: rgba(255, 255, 255, .08);--text-soft: rgba(244, 239, 232, .72);--accent: #f0a14f;--secondary: #66c3b0;--shadow: 0 24px 80px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:32px}.hero{display:grid;gap:24px;align-items:stretch;margin-bottom:24px}.hero-compact{grid-template-columns:minmax(0,1.7fr) minmax(280px,420px)}.eyebrow{display:inline-flex;margin-bottom:14px;padding:8px 12px;border-radius:999px;background:#ffffff0f;color:var(--secondary);letter-spacing:.12em;font-size:.78rem;text-transform:uppercase}.hero h1{margin:0;max-width:14ch;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.96}.hero p{max-width:66ch;color:var(--text-soft);font-size:1.02rem;line-height:1.7}.panel,.upload-card{background:var(--panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--panel-border);box-shadow:var(--shadow)}.hero-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero-side-3{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-stat{display:grid;place-content:center;min-height:160px;border-radius:24px;text-align:center}.hero-stat strong{font-size:clamp(2rem,4vw,3rem)}.hero-stat span{color:var(--text-soft)}.stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:14px;margin-bottom:24px;border-radius:26px}.stepper-4{grid-template-columns:repeat(4,minmax(0,1fr))}.stepper-5{grid-template-columns:repeat(5,minmax(0,1fr))}.step-card{display:grid;gap:8px;padding:18px;border:0;border-radius:20px;background:#ffffff08;color:inherit;text-align:left}.step-card.active{background:linear-gradient(135deg,#f0a14f38,#66c3b029)}.step-card.disabled{opacity:.45}.step-index{display:inline-flex;width:fit-content;padding:6px 10px;border-radius:999px;background:#ffffff14;color:var(--secondary);font-size:.76rem;font-weight:800;letter-spacing:.08em}.step-card small,.panel-head p,.upload-card small,.hint-card p,.summary-card span,.field-card small,.status-row,.ncm-card span,.ncm-card small,.ncm-row small{color:var(--text-soft)}.upload-stage-card,.panel{border-radius:26px}.upload-stage-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:24px;padding:24px}.upload-stage-double{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-stage-single{grid-template-columns:1fr}.upload-stage-setup{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.upload-card{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:24px;border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(145deg,#f0a14f1f,#66c3b014),var(--panel)}.upload-card-large{min-height:340px}.upload-card-secondary{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent),linear-gradient(145deg,#66c3b01f,#f0a14f14),var(--panel)}.upload-card input{display:none}.upload-card span,.actions button,.inline-button{display:inline-flex;width:fit-content;padding:10px 14px;border-radius:999px;background:var(--accent);color:#20160a;font-weight:800;border:0}.upload-card strong{font-size:1.2rem}.upload-hints{display:grid;gap:14px}.upload-hints-wide{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 24px 24px}.upload-hints-stack{padding:0}.hint-card{padding:18px;border-radius:18px;background:#ffffff0a}.hint-card strong{display:block;margin-bottom:8px}.workspace{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:24px}.ncm-workspace{grid-template-columns:minmax(300px,360px) minmax(0,1fr)}.sidebar,.editor-zone{min-height:70vh}.editor-zone{display:grid;gap:24px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 0}.panel-head h2{margin:0;font-size:1.05rem}.search-input,.field-card input{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:#ffffff0d;color:inherit;outline:none}.search-input{max-width:220px;padding:12px 14px}.tree-view{padding:20px 18px 24px;overflow:auto;max-height:calc(70vh - 80px)}.tree-folder,.tree-children,.ncm-list{display:grid;gap:8px}.classification-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px 0}.classification-filters{padding:16px 18px 0}.classification-tab{display:grid;gap:6px;padding:14px;border:0;border-radius:16px;background:#ffffff0a;color:inherit;text-align:left}.classification-tab.active{background:linear-gradient(135deg,#f0a14f3d,#66c3b033)}.tree-children{margin-left:18px}.tree-folder-toggle,.tree-file,.ncm-card{display:flex;align-items:center;gap:10px;padding:11px 12px;border:0;border-radius:16px;background:#ffffff08;color:inherit;text-align:left}.tree-file.active,.ncm-card.active{background:linear-gradient(135deg,#f0a14f3d,#66c3b033)}.tree-icon{padding:5px 8px;border-radius:999px;background:#ffffff14;font-size:.72rem;font-weight:800;letter-spacing:.08em}.ncm-card{flex-direction:column;align-items:flex-start}.summary-panel,.form-panel,.raw-panel,.ncm-detail-panel{overflow:hidden}.status-row{display:flex;justify-content:space-between;gap:16px;padding:18px 24px 0;font-size:.92rem}.status-row strong{color:#ffb6a5}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;padding:22px 24px 24px}.summary-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,#ffffff12,#ffffff05)}.summary-card span{display:block;margin-bottom:10px;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.summary-card strong,.ncm-row strong{font-size:.98rem;line-height:1.45;word-break:break-word}.actions{display:flex;gap:10px}.actions button.secondary,.inline-button.secondary{background:#ffffff14;color:inherit}.actions button:disabled{opacity:.45;cursor:not-allowed}.editor-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:24px}.field-grid{display:grid;gap:14px;padding:20px 24px 24px;max-height:58vh;overflow:auto}.field-card{display:grid;gap:8px;padding:16px;border-radius:18px;background:#ffffff08}.field-card span{font-weight:700}.field-card input{padding:12px 14px}.xml-preview{margin:0;padding:20px 24px 24px;max-height:58vh;overflow:auto;color:#d7f7f0;font-family:IBM Plex Mono,Consolas,monospace;font-size:.88rem;line-height:1.65}.ncm-table{display:grid;gap:14px;padding:20px 24px 24px;max-height:58vh;overflow:auto}.ncm-row{display:grid;grid-template-columns:minmax(160px,.9fr) minmax(280px,1.4fr) minmax(260px,1.3fr) minmax(140px,.7fr);gap:20px;padding:22px 20px;border-radius:18px;background:#ffffff08;align-items:start}.ncm-row-label{display:block;margin-bottom:8px;color:var(--text-soft);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.ncm-row>div{min-width:0}.ncm-row-title{display:block;margin-bottom:8px;font-size:1.05rem;line-height:1.4}.ncm-row-meta,.ncm-row-path{display:block;line-height:1.55}.ncm-row-meta{font-size:.92rem}.ncm-row-path{font-size:.9rem;word-break:break-all}.ncm-row-actions{display:grid;align-content:start;justify-items:start}.ncm-row-classification{grid-template-columns:minmax(150px,.75fr) minmax(230px,1fr) minmax(240px,1fr) minmax(120px,.45fr) minmax(240px,.95fr) minmax(140px,.55fr)}.empty-state{display:grid;place-items:center;gap:8px;min-height:180px;padding:24px;text-align:center;color:var(--text-soft)}.empty-state.compact{min-height:120px}@media(max-width:1180px){.hero-compact,.stepper,.upload-stage-body,.upload-hints-wide,.workspace,.editor-layout,.ncm-row{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.hero-side-3,.stepper-4,.stepper-5{grid-template-columns:1fr}.search-input{max-width:none}.tree-view,.field-grid,.xml-preview,.ncm-table{max-height:none}}@media(max-width:720px){.app-shell{padding:18px}.hero-side,.classification-tabs{grid-template-columns:1fr}.panel-head,.status-row,.actions{flex-direction:column;align-items:stretch}}
