.lab-intro{display:grid;grid-template-columns:1fr 170px;gap:40px;align-items:center;padding:16px 0 40px}.lab-intro h1{font-size:clamp(36px,4.6vw,59px);font-weight:550;line-height:1.16;letter-spacing:-2px;margin:18px 0}.lab-intro h1 span{color:var(--accent)}.lab-intro p{font-size:17px;line-height:1.85;color:var(--muted);max-width:710px}.lab-intro-icon{width:125px;height:140px;display:grid;place-items:center;border:1px solid var(--line);border-radius:26px;background:linear-gradient(140deg,#8db8ff22,#597ad305);box-shadow:15px 15px 0 -2px #8db8ff08;transform:rotate(-9deg);justify-self:center}.lab-intro-icon .icon{width:54px;height:54px;color:var(--accent);stroke-width:1}.lab-workspace,.pdf-workspace{border:1px solid var(--line);border-radius:20px;background:var(--surface);overflow:hidden}.lab-tabs{display:flex;gap:6px;padding:17px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--page) 45%,transparent)}.lab-tabs button{padding:12px 18px;border-radius:9px;background:transparent;color:var(--muted);font-size:15px}.lab-tabs button[aria-selected=true]{color:var(--text);background:var(--soft)}.lab-layout{display:grid;grid-template-columns:330px minmax(0,1fr)}.lab-controls{padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:stretch;gap:22px}.lab-upload{padding:25px 18px;border:1px dashed var(--line);border-radius:13px;text-align:center;background:var(--page);transition:background .2s,border-color .2s}.lab-upload.dragover{background:#91b9ff17;border-color:var(--accent)}.lab-upload>.icon{width:28px;height:28px;color:var(--accent);margin-bottom:14px}.lab-upload h2{font-size:17px;font-weight:550;line-height:1.5;margin:0 0 10px}.lab-upload p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:18px}.lab-upload small{font-size:12px;line-height:1.85;color:var(--muted);display:block;margin-top:17px}.lab-file{position:relative;cursor:pointer;font-size:14px;min-height:43px}.lab-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.lab-file:focus-within{outline:2px solid var(--accent);outline-offset:3px}.lab-fields{display:grid;gap:18px}.lab-fields label,.pdf-setting-grid label{display:grid;gap:9px;font-size:14px;color:var(--muted);line-height:1.7}.lab-fields select,.pdf-setting-grid select,.pdf-setting-grid input{width:100%;min-width:0;height:46px;padding:0 12px;background:var(--page);border:1px solid var(--line);border-radius:9px;color:var(--text);font:inherit;font-size:14px}.lab-fields .tool-note{font-size:13px;line-height:1.85;margin:0}.lab-stage{padding:27px;display:flex;flex-direction:column;gap:25px;min-height:490px;background:radial-gradient(ellipse at 60% 20%,#7099ed08,transparent 65%)}.lab-preview-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:13px}.lab-preview-head h2{font-size:17px;font-weight:550}.lab-preview-head span{font-size:13px;color:var(--muted);overflow-wrap:anywhere;line-height:1.8}.lab-checker{border:1px solid var(--line);border-radius:12px;background-color:#dbe2f0;background-image:linear-gradient(45deg,#bfc9dd 25%,transparent 25%),linear-gradient(-45deg,#bfc9dd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#bfc9dd 75%),linear-gradient(-45deg,transparent 75%,#bfc9dd 75%);background-size:22px 22px;background-position:0 0,0 11px,11px -11px,-11px 0;overflow:hidden;display:grid;place-items:center;min-height:180px}.lab-checker img{display:block;width:100%;max-height:400px;object-fit:contain}.lab-image-panel>.button{margin-top:18px;min-height:45px}.lab-empty-art{flex:1;display:grid;place-content:center;text-align:center;color:var(--muted);font-size:14px;gap:22px;min-height:200px}.lab-stage:has(.lab-image-panel:not([hidden])) .lab-empty-art{display:none}.lab-grid-art{display:grid;place-items:center;aspect-ratio:1;width:125px;justify-self:center;border:1px solid var(--line);border-radius:25px;transform:rotate(-9deg);background:linear-gradient(45deg,transparent 49.7%,#8bb5ff14 50%,transparent 50.3%),radial-gradient(ellipse,#86b3ff16,transparent 75%)}.lab-grid-art .icon{width:50px;height:50px;stroke-width:1;color:var(--accent)}.lab-progress{border-top:1px solid var(--line);padding:23px;display:flex;align-items:center;gap:14px;font-size:14px;line-height:1.8}.lab-progress strong{font-weight:500;overflow-wrap:anywhere}.lab-progress time{margin-left:auto;white-space:nowrap;color:var(--muted)}.lab-bottom-notes{display:flex;gap:40px;justify-content:space-between;margin:25px 0 0}.lab-bottom-notes p,.responsible-use{font-size:14px;color:var(--muted);line-height:1.85;max-width:650px}.lab-bottom-notes a,.responsible-use a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.responsible-use{margin-top:18px}.lab-controls>.text-link{align-self:center;font-size:14px}.pdf-workspace{padding:30px}.pdf-workspace>.lab-upload{padding:34px}.pdf-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:26px 0}.pdf-setting-grid small{font-size:12px}.pdf-file-list{display:grid;gap:10px;margin-top:26px}.pdf-file-row{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0;font-size:14px;line-height:1.8}.pdf-file-row>span{flex:1;overflow-wrap:anywhere}.pdf-file-row .text-link{font-size:13px;white-space:nowrap}.pdf-result{margin-top:26px;padding:22px;border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--page)}.pdf-result h2{font-size:19px;font-weight:550;margin-bottom:9px}.pdf-result p{font-size:14px;color:var(--muted);line-height:1.8}#pdf-status{margin-top:20px}.lab-workspace [hidden],.pdf-workspace [hidden]{display:none!important}.lab-main button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:900px){.lab-layout{grid-template-columns:290px 1fr}.lab-controls,.lab-stage{padding:20px}.lab-intro{grid-template-columns:1fr 110px}.lab-intro-icon{width:95px;height:115px}.pdf-setting-grid{grid-template-columns:1fr 1fr}.pdf-setting-grid>label:last-child{grid-column:1/-1}}
@media(max-width:640px){.lab-intro{display:block;padding-top:5px}.lab-intro-icon{display:none}.lab-intro h1{font-size:39px;letter-spacing:-1.5px}.lab-intro p{font-size:16px}.lab-layout{grid-template-columns:1fr}.lab-controls{border-right:0;border-bottom:1px solid var(--line)}.lab-stage{min-height:240px}.lab-tabs{padding:13px;gap:4px}.lab-tabs button{flex:1;font-size:14px;padding:10px}.lab-bottom-notes{display:block}.lab-bottom-notes p+p{margin-top:12px}.lab-progress{flex-wrap:wrap;padding:20px}.lab-progress time{margin-left:0}.pdf-workspace{padding:20px}.pdf-setting-grid{grid-template-columns:1fr;gap:20px}.pdf-file-row{flex-wrap:wrap}.pdf-file-row>span{flex-basis:100%}.pdf-result{align-items:stretch;flex-direction:column}.lab-checker img{max-height:330px}}