*{box-sizing:border-box}body{margin:0;background:#f4f5ef;color:#293d32;font-family:'Microsoft YaHei',system-ui,sans-serif;line-height:1.7}button,input,select{font:inherit}button,a,select{touch-action:manipulation}button,a{cursor:pointer}a{color:#35634b;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #d9974a;outline-offset:3px}.lab-header{min-height:68px;display:flex;gap:25px;align-items:center;justify-content:space-between;padding:15px 32px;border-bottom:1px solid #d6dfcf;background:#fffdf8}.lab-header>a:first-child{font-size:23px;font-weight:700}.lab-header>span,.lab-header>a:last-child{font-size:13px;color:#71806b}.lab-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:35px;max-width:1380px;margin:auto;padding:30px}.lab-controls{background:#fffdf8;border:1px solid #d6dfcf;padding:26px;border-radius:25px;align-self:start}.lab-kicker{font-size:10px;letter-spacing:2px;color:#719077}.lab-controls h1{font-size:25px;line-height:1.5;margin:13px 0}.lab-description{font-size:13px;color:#74816d;margin-bottom:23px}.lab-controls>label{display:block;font-size:13px;margin:18px 0 8px}select,input[type=number]{width:100%;min-height:43px;border:1px solid #d5dfce;border-radius:10px;background:#f9faf5;color:#344c3c;padding:9px;font-size:13px;min-width:0}.lab-dimensions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.lab-dimensions label{font-size:12px;color:#71806b}.lab-dimensions input{margin-top:6px}button,.lab-actions a{min-height:43px;background:#edf2e6;color:#355641;border:1px solid #d5dfce;border-radius:10px;padding:8px 12px;font-size:13px}.lab-controls>button{width:100%;margin-bottom:8px}.lab-controls .primary{background:#3d654b;color:white;border-color:#3d654b}.lab-controls .lab-toggle{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.6;margin:15px 0}.lab-toggle input{width:18px;height:18px;flex-shrink:0;accent-color:#3d654b}.lab-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #e2e7dc;padding-top:18px;margin-top:20px}.lab-actions a{display:flex;align-items:center}.lab-controls details{font-size:12px;color:#77846f;margin-top:20px}.lab-controls summary{cursor:pointer;color:#45684c}.lab-controls details p{line-height:1.9}.lab-controls #labStatus{font-size:12px;line-height:1.8;color:#6c7c62;overflow-wrap:anywhere}.lab-preview{min-width:0}.lab-preview-head{display:flex;justify-content:space-between;gap:15px;font-size:13px;max-width:750px;margin:0 auto 10px;color:#64775f}.lab-data-notice{max-width:750px;margin:0 auto 15px;background:#e5eddd;border:1px solid #d2dfc9;border-radius:12px;padding:12px 16px;font-size:12px;color:#52694b}.lab-data-notice[data-live=true]{background:#fff0df;border-color:#ead9c1;color:#855e35}.lab-stage{display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(ellipse at 45% 35%,#d9e6d2,#ebeee5 72%);border:1px solid #d9e2d1;border-radius:28px;padding:24px;overflow:hidden;min-height:360px}.phone-shell{border:9px solid #26382d;background:#101c17;border-radius:38px;overflow:hidden;box-shadow:0 20px 50px #254e3426;transform-origin:top left;display:flex;flex-direction:column}.phone-status,.phone-address,.phone-bottom{flex-shrink:0;background:#e9eee5;color:#3c4e3b}.phone-status{height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-size:10px;position:relative}.phone-status>i{width:8px;height:8px;background:#1b271f;border-radius:50%;position:absolute;left:calc(50% - 4px)}.phone-address{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #d5dfce;font-size:12px}.phone-bottom{height:24px;display:flex;align-items:center;justify-content:center}.phone-bottom>i{display:block;width:110px;height:4px;border-radius:10px;background:#52604d}.phone-shell.no-chrome>.phone-status,.phone-shell.no-chrome>.phone-address,.phone-shell.no-chrome>.phone-bottom{display:none}.phone-shell iframe{width:100%;flex:1;min-height:0;display:block;border:0;background:#faf8f2}.lab-diagnostics{display:flex;justify-content:center;gap:10px 20px;flex-wrap:wrap;font-size:12px;color:#6c7d63;margin:17px 0}.lab-diagnostics [data-bad=true]{color:#ad4e42}.lab-hint{font-size:12px;line-height:1.9;color:#78866f;max-width:740px;margin:12px auto 25px}@media(max-width:900px){.lab-layout{grid-template-columns:1fr;padding:18px;gap:25px}.lab-controls{width:100%;max-width:740px;justify-self:center}.lab-stage{padding:18px 10px}.lab-header{padding:15px 18px;gap:15px;flex-wrap:wrap}.lab-header>span{order:3;width:100%;font-size:12px}.lab-controls h1 br{display:none}.lab-dimensions{max-width:360px}.lab-preview-head{font-size:12px}.lab-controls details{max-width:600px}}