.experience-content{max-width:1440px;width:100%;margin:0 auto;min-width:0}
.experience-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:start}
.exp-card{background:#fff;border:1px solid var(--line,#e6e8ec);border-radius:14px;padding:20px;min-width:0;box-shadow:0 2px 10px rgba(15,23,42,.03)}
.exp-card h2{font-size:16px;margin:0 0 16px}.exp-card h3{font-size:14px;margin:18px 0 10px}
.exp-form{display:grid;gap:14px}.exp-field{display:grid;gap:7px;min-width:0}.exp-field label{font-size:13px;font-weight:600;color:#344054}
.exp-field input,.exp-field select,.exp-field textarea{width:100%;max-width:100%;box-sizing:border-box;border:1px solid #d8dce5;border-radius:9px;padding:10px 12px;background:#fff;color:#172033;font:inherit;outline:none}
.exp-field textarea{resize:vertical;min-height:92px}.exp-field input:focus,.exp-field select:focus,.exp-field textarea:focus{border-color:#6c63ff;box-shadow:0 0 0 3px rgba(108,99,255,.1)}
.exp-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.exp-row.three{grid-template-columns:repeat(3,1fr)}
.exp-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#f2f4f7;border-radius:10px;gap:4px}
.exp-switch button{border:0;background:transparent;padding:9px;border-radius:7px;color:#667085;cursor:pointer}.exp-switch button.active{background:#fff;color:#4038c8;box-shadow:0 1px 4px rgba(0,0,0,.1)}
.exp-actions{display:flex;gap:10px;flex-wrap:wrap}.exp-btn{border:0;border-radius:9px;padding:11px 16px;font-weight:650;cursor:pointer;text-decoration:none;text-align:center}
.exp-btn.primary{background:#5b55e7;color:#fff;flex:1}.exp-btn.secondary{background:#f1f0ff;color:#4c46cc}.exp-btn[disabled]{opacity:.55;cursor:not-allowed}
.exp-preview{min-height:360px;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8f9fc,#f1f0ff);border:1px dashed #cfd3df;border-radius:12px;overflow:hidden;position:relative;min-width:0}
.exp-preview img,.exp-preview video{display:block;max-width:100%;width:100%;max-height:520px;object-fit:contain}.exp-preview audio{width:calc(100% - 32px)}
.exp-empty{text-align:center;color:#7b8496;padding:30px}.exp-empty .icon{font-size:36px;margin-bottom:10px}
.exp-result-actions{display:flex;justify-content:flex-end;margin-top:12px}.exp-result-actions[hidden]{display:none}
.exp-history{display:grid;gap:8px;max-height:260px;overflow:auto}.exp-history-item{border:1px solid #e7e9ef;border-radius:9px;padding:10px 12px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#667085;min-width:0}.exp-history-item strong{color:#253047;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.exp-progress{height:9px;background:#e9ebf2;border-radius:99px;overflow:hidden;margin-top:12px}.exp-progress>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#625cf0,#8b5cf6);transition:width .35s}.exp-progress-label{font-size:12px;color:#667085;margin-top:7px}
.upload-box{border:1px dashed #bfc5d2;border-radius:10px;padding:18px;text-align:center;background:#fafbfc;overflow:hidden}.upload-box input{padding:0;border:0}.upload-name{font-size:12px;color:#667085;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.range-line{display:flex;align-items:center;gap:10px}.range-line input{padding:0;min-width:0}.range-value{font-size:12px;color:#5b55e7;min-width:42px;text-align:right}
.exp-note{font-size:12px;color:#667085;line-height:1.55}.mock-badge{position:absolute;top:12px;right:12px;background:rgba(30,32,50,.78);color:#fff;padding:5px 9px;border-radius:99px;font-size:11px;z-index:2}
@media(max-width:980px){.experience-grid{grid-template-columns:1fr}.exp-preview{min-height:300px}}
@media(max-width:640px){.exp-card{padding:14px;border-radius:11px}.exp-row,.exp-row.three{grid-template-columns:1fr}.experience-grid{gap:12px}.exp-preview{min-height:230px}.exp-actions{flex-direction:column}.exp-btn{width:100%}.exp-history-item{align-items:flex-start}.topbar{min-width:0}.topbar-right{flex-shrink:0}}