:root{color-scheme:light dark;--hd-bg:#f4f7fb;--hd-card:#fff;--hd-text:#172033;--hd-muted:#64748b;--hd-border:#d8e0ec;--hd-accent:#3156d3;--hd-soft:#edf2ff;--hd-bad:#b42318;--hd-warn:#9a6700}*{box-sizing:border-box}body{margin:0;background:var(--hd-bg);color:var(--hd-text);font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif}.hd-page{max-width:1180px;margin:auto;padding:28px 18px 70px}.hd-back{color:inherit;text-decoration:none}.hd-hero{padding:24px 0 16px}.hd-hero h1{font-size:clamp(2rem,4vw,3.2rem);margin:.2em 0}.hd-hero p{font-size:1.08rem;color:var(--hd-muted);max-width:820px}.hd-badges{display:flex;gap:8px;flex-wrap:wrap}.hd-badge{padding:6px 10px;border:1px solid var(--hd-border);border-radius:999px;background:var(--hd-card);font-size:.88rem}.hd-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);gap:16px}.hd-card{background:var(--hd-card);border:1px solid var(--hd-border);border-radius:16px;padding:18px;margin:0 0 16px}.hd-card h2{margin-top:0}.hd-drop{display:flex;min-height:150px;border:2px dashed var(--hd-border);border-radius:14px;align-items:center;justify-content:center;text-align:center;padding:24px;cursor:pointer;background:rgba(49,86,211,.03)}.hd-drop.drag{border-color:var(--hd-accent);background:var(--hd-soft)}.hd-drop input{position:absolute;opacity:0;pointer-events:none}.hd-file{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--hd-border)}.hd-file button{min-width:34px}.muted,small{color:var(--hd-muted)}.hd-actions{display:flex;gap:10px;flex-wrap:wrap}.hd-btn,button{border:1px solid var(--hd-border);border-radius:10px;padding:10px 14px;background:var(--hd-card);color:inherit;cursor:pointer;text-decoration:none;font-weight:650}.hd-btn.primary,button.primary{background:var(--hd-accent);border-color:var(--hd-accent);color:#fff}button:disabled{opacity:.45;cursor:not-allowed}progress{width:100%;height:14px}.bad{color:var(--hd-bad)!important}.warn{color:var(--hd-warn)}.hd-result{margin-top:14px}.hd-preview-wrap{overflow:auto;max-height:75vh;background:#cbd5e1;padding:16px;border-radius:12px;text-align:center}.hd-preview-wrap img{display:block;max-width:none;margin:0 auto;box-shadow:0 5px 24px rgba(0,0,0,.18)}.hd-toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:12px}.hd-toolbar input[type="search"],.hd-toolbar input[type="text"]{min-width:180px;flex:1}.hd-toolbar input,.hd-toolbar select,.hd-edit-block textarea{border:1px solid var(--hd-border);border-radius:9px;padding:9px;background:var(--hd-card);color:inherit}.hd-edit-block{display:block;margin:0 0 14px}.hd-edit-block span{display:block;font-size:.82rem;color:var(--hd-muted);margin-bottom:4px}.hd-edit-block textarea{width:100%;resize:vertical;line-height:1.55}.hd-marker{padding:9px 12px;border-radius:9px;background:var(--hd-soft);margin:10px 0;color:var(--hd-muted)}#editor{max-height:62vh;overflow:auto;padding-right:5px}table{border-collapse:collapse;width:100%;margin:12px 0}th,td{border:1px solid var(--hd-border);padding:8px;text-align:left}th{background:var(--hd-soft)}@media(max-width:850px){.hd-grid{grid-template-columns:1fr}.hd-preview-wrap{max-height:60vh}}@media(prefers-color-scheme:dark){:root{--hd-bg:#0e1420;--hd-card:#151d2a;--hd-text:#e7edf6;--hd-muted:#9fb0c6;--hd-border:#2a394c;--hd-soft:#1c2b46;--hd-accent:#6f8fff}}