.period-field select{border:1px solid #d9d1ca;background:#fff;padding:10px 34px 10px 12px;color:var(--ink);min-width:270px}.period-field select:disabled{color:#8b949d;background:#f3f1ef}.period-field small{font-size:11px;color:#7b8793}@media(max-width:760px){.period-field select{width:100%}}
:root { --orange:#e87722; --pale:#fff1e8; --ink:#15263c; --muted:#6c7784; --line:#e5dfda; --paper:#fffdfb; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:#f5f1ed; font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif; }
button,input,textarea { font:inherit; }
.shell { width:min(1180px,calc(100% - 40px)); margin:0 auto 80px; }
.hero { padding:58px 0 44px; border-bottom:1px solid #d9d1ca; }
.eyebrow { font-size:12px; letter-spacing:.14em; font-weight:800; display:flex; align-items:center; gap:9px; color:#4c5968; }.eyebrow span{width:28px;height:3px;background:var(--orange);display:inline-block}
.hero-grid { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-top:22px; }.hero h1{font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:850}.hero h1 em{color:var(--orange);font-style:normal}.hero p{font-size:17px;line-height:1.65;max-width:540px;margin:22px 0 0;color:#455466}.hero-note{display:flex;gap:14px;align-items:flex-start;min-width:235px;padding:12px 0}.hero-note strong{color:var(--orange);font-size:46px;line-height:.75;letter-spacing:-.08em}.hero-note span{font-size:14px;line-height:1.55;font-weight:700;color:#4d5a68}
.workspace{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.input-panel,.skill-panel{background:var(--paper);border:1px solid var(--line);padding:26px}.section-head{display:flex;gap:14px;align-items:flex-start}.step{font-family:Georgia,serif;color:var(--orange);font-size:21px;font-weight:bold}.section-head h2{margin:0;font-size:20px;letter-spacing:-.04em}.section-head p{margin:5px 0 0;font-size:13px;color:var(--muted);line-height:1.5}.dropzone{width:100%;min-height:175px;margin-top:24px;border:1.5px dashed #e6a16f;background:#fffaf6;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.2s}.dropzone:hover,.dropzone.dragging{background:var(--pale);border-color:var(--orange);transform:translateY(-2px)}.drop-icon{font-size:30px;color:var(--orange);line-height:1}.dropzone strong{font-size:16px}.dropzone small{color:var(--muted)}.formats{margin-top:7px;font-size:10px;letter-spacing:.08em;color:#8b725f;font-weight:bold}.file-list{display:grid;gap:8px;margin-top:12px}.file-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#f8f6f3;font-size:13px}.file-item div{display:flex;gap:9px;align-items:center;min-width:0}.file-badge{color:var(--orange);font-weight:800;font-size:10px}.file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file{border:0;background:transparent;color:#8e969f;cursor:pointer;font-size:18px}.privacy{font-size:11px;color:#89919a;margin:13px 0 0}.skill-status{display:flex;gap:8px;align-items:center;margin:19px 0 9px;font-size:12px;color:#5a6775;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}textarea{width:100%;height:180px;padding:14px;border:1px solid #e1dad3;background:#fcfbfa;color:#344354;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.55}.skill-actions{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:11px;color:#85909a}.text-button{border:0;padding:0;background:transparent;color:var(--orange);cursor:pointer;font-weight:700}.action-row{display:flex;align-items:end;justify-content:space-between;padding:26px 0}.period-field{display:grid;gap:8px}.period-field label{font-size:12px;font-weight:800;color:#596575}.period-field input{border:1px solid #d9d1ca;background:#fff;padding:10px 12px;color:var(--ink)}.generate{border:0;background:var(--orange);color:white;padding:15px 20px;min-width:230px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:800;box-shadow:4px 4px 0 #c85d12;transition:.2s}.generate:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 #c85d12}.generate b{font-size:22px}.empty-state{border-top:1px solid #d9d1ca;border-bottom:1px solid #d9d1ca;min-height:190px;display:flex;gap:18px;align-items:center;justify-content:center;text-align:left;color:#65717e}.empty-mark{font-size:50px;color:#d9a67f}.empty-state h2{margin:0 0 6px;color:var(--ink);font-size:19px}.empty-state p{margin:0;font-size:14px}.hidden{display:none}.report{background:var(--paper);border:1px solid var(--line);padding:34px;margin-top:12px}.report-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;padding-bottom:25px;border-bottom:2px solid var(--ink)}.report-label{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.12em}.report-top h2{margin:7px 0;font-size:31px;letter-spacing:-.055em}.report-top p{margin:0;color:var(--muted);font-size:13px}.report-actions{display:flex;gap:8px;flex-wrap:wrap}.report-actions button{border:1px solid var(--ink);background:white;color:var(--ink);padding:9px 11px;cursor:pointer;font-size:12px;font-weight:700}.report-actions .outline{border-color:#d7d0c9;color:#65717e}.report-body{padding-top:28px}.report-section{margin-bottom:32px}.report-section h3{font-size:17px;margin:0 0 12px;padding-left:12px;border-left:4px solid var(--orange)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:var(--pale);padding:15px}.metric-label{font-size:12px;color:#65717e}.metric-value{font-size:26px;font-weight:850;letter-spacing:-.06em;margin-top:5px}.metric-note{font-size:11px;color:#727f8b;margin-top:5px}.data-table{overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{background:var(--orange);color:white;text-align:left;padding:10px;white-space:nowrap}.data-table td{border:1px solid #eee5dd;padding:9px;color:#405063}.data-table tr:nth-child(even) td{background:#fff9f5}.number{text-align:right}.bars{display:grid;gap:8px}.bar-row{display:grid;grid-template-columns:minmax(70px,160px) 1fr 70px;align-items:center;gap:10px;font-size:12px}.track{height:12px;background:#f0e8e2}.bar{height:100%;background:var(--orange)}.issue-list{margin:0;padding-left:20px;color:#405063;line-height:1.75;font-size:14px}.insight{padding:13px 15px;background:#f7f8f9;border-left:3px solid #94a1ad;font-size:13px;line-height:1.65;color:#4c5d6c}.no-data{padding:24px;background:#f7f8f9;color:#667483;text-align:center}.skill-note{font-size:12px;color:#6f7d8b;margin:0 0 12px}@media(max-width:760px){.shell{width:min(100% - 24px,1180px)}.hero{padding-top:35px}.hero-grid,.report-top{display:block}.hero-note{margin-top:26px}.workspace{grid-template-columns:1fr}.input-panel,.skill-panel,.report{padding:20px}.action-row{align-items:stretch;gap:18px;flex-direction:column}.generate{width:100%}.metric-grid{grid-template-columns:1fr}.report-actions{margin-top:20px}.bar-row{grid-template-columns:85px 1fr 56px}}@media print{body{background:#fff}.shell{width:100%;margin:0}.hero,.workspace,.action-row,.empty-state,.report-actions{display:none}.report{display:block!important;border:0;margin:0;padding:0}.report-top{padding-top:0}}