:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:#edf4f9;background:#0c151d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #3b5669;background:#183344;color:#e3f4ff;border-radius:8px;padding:10px 13px;font-weight:700}button:hover{filter:brightness(1.2)}button:disabled{opacity:.45;cursor:not-allowed}.app{min-height:100vh}header{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#101f29;border-bottom:1px solid #314351;padding:17px clamp(15px,3vw,36px)}.brand{display:flex;align-items:center;gap:14px}.diamond{background:linear-gradient(140deg,#b68d42,#f4d982);color:#131d22;border:2px solid #f8dd96;padding:14px 9px;font-size:16px;font-weight:1000;border-radius:9px}.brand h1{margin:0;color:#f5d88f;letter-spacing:2px;font-size:1.25rem}.brand p{margin:4px 0 0;color:#b3cad4;font-size:.9rem}.privacy{font-size:.75rem;color:#9de4ca;max-width:250px;text-align:right}main{display:grid;grid-template-columns:minmax(285px,350px) minmax(0,1fr);gap:20px;padding:20px clamp(12px,3vw,36px);max-width:1800px;margin:auto}.sidebar,.content{min-width:0}.sidebar{height:fit-content;background:#13242f;border:1px solid #2d4553;border-radius:14px;padding:18px;position:sticky;top:14px}.sidebar h2{color:#efcc7e;font-size:1.04rem;margin:17px 0 10px}.sidebar h2:first-child{margin-top:0}.sidebar>label, .itemfields>label,details label{display:flex;flex-direction:column;gap:5px;margin:10px 0;color:#cfdfeb;font-size:.87rem}.sidebar input[type=file]{width:100%;font-size:.88rem}.sidebar input[type=file]::file-selector-button{margin:4px 8px 4px 0;background:#295164;border:0;color:white;border-radius:7px;padding:9px}.small{font-size:.82rem;color:#a9beca;line-height:1.48}.numbergrid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.number{display:flex;flex-direction:column;gap:4px;font-size:.75rem;color:#bed5e1}.number input{width:100%}.gridbuttons{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.gridbuttons button{font-size:.7rem;padding:7px 8px}.chosen{background:#16788b!important}.ghost{background:#1f3945}.checkopt{display:flex!important;flex-direction:row!important;align-items:center;gap:8px!important;line-height:1.2}.checkopt input{width:auto;accent-color:#dfb959}input[type=number],input[type=text],textarea,select{background:#0b1923;color:#ecf4fb;border:1px solid #50616b;border-radius:7px;padding:9px;outline:none;width:100%;min-width:0}input:focus,select:focus,textarea:focus{border-color:#63c2d9;box-shadow:0 0 0 2px #3f7d8a88}textarea{resize:vertical}.primary{display:block;width:100%;background:linear-gradient(100deg,#b48a3d,#f0c46b);color:#1d252a;border:0;margin:14px 0;font-size:1.06rem}.status{border-left:3px solid #e0b960;padding:9px 10px;background:#0c1e2a;border-radius:4px;font-size:.82rem;line-height:1.5;overflow-wrap:anywhere}.content{display:flex;flex-direction:column;gap:20px}.preview,.empty,.help,.results{background:#13232d;border:1px solid #2c4251;border-radius:13px;padding:14px}.preview{overflow:auto;max-height:80vh;text-align:center;background:#09151b}.preview canvas{width:100%;max-width:1400px;height:auto;user-select:none;touch-action:none;border-radius:8px;display:block;margin:auto}.empty{min-height:350px;display:flex;align-items:center;justify-content:center;color:#9db2c0;text-align:center}.help h2{color:#eec97a}.help{color:#c2d1da;line-height:1.5}.resulthead{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.resulthead h2{color:#eec97a;font-size:1.1rem}.actions{display:flex;gap:10px}.items{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:12px}.item{padding:13px;border:1px solid #3b5361;border-radius:10px;background:#0e1d26}.itemhead{display:flex;justify-content:space-between;align-items:center;gap:7px;font-size:.82rem;font-weight:700}.itemhead label{display:flex;align-items:center;gap:5px}.itemhead input{accent-color:#d6ae63}.itemfields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.itemfields>label:first-child{grid-column:span 2}.itemfields input,.itemfields select{margin-top:4px}.itemfields>label{font-size:.78rem}.itemfields>label:last-child:nth-child(4){grid-column:span 2}.warn{color:#ffca83;font-size:.74rem;white-space:nowrap}.good{color:#9bdfc1;font-size:.74rem;white-space:nowrap}details{margin-top:10px;font-size:.8rem;color:#bdcfda;border-top:1px solid #334e5e;padding-top:12px}summary{cursor:pointer;color:#8cdaee;font-weight:600}.detailText{margin:10px 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;word-wrap:break-word;background:#09151d;padding:10px;border-radius:6px;color:#c4d9dc;max-height:200px;overflow:auto}footer{text-align:center;padding:18px;color:#819bab;font-size:.76rem;border-top:1px solid #273e4c}@media(max-width:850px){main{grid-template-columns:1fr}.sidebar{position:static}.privacy{display:none}}@media(max-width:520px){.brand h1{font-size:1rem}.resulthead{display:block}.items{grid-template-columns:1fr}.sidebar{padding:14px}main{padding:10px}} 
.skillBox{margin:12px 0;border:1px solid #314e5e;border-radius:7px;padding:10px;font-size:.8rem;display:flex;flex-direction:column;gap:7px}.skillRow{display:grid;grid-template-columns:1fr 62px;gap:7px}.skillRow input{width:100%}.skillBox>button{align-self:flex-start;font-size:.75rem;padding:6px 8px}

.backlink{color:#f2d484;text-decoration:none;font-weight:750;font-size:.78rem;flex-shrink:0}.backlink:hover{text-decoration:underline}.confirmReview{display:flex;align-items:center;gap:9px;padding:12px 0;font-weight:700;color:#f1d18f;line-height:1.35}.confirmReview input{width:20px;height:20px;accent-color:#dfba68;flex-shrink:0}@media(max-width:850px){.app header{flex-wrap:wrap}.backlink{width:100%}}
