.brush-lab{--lab-bg:#e8e3d6;--lab-line:#c6bdab;--lab-ink:#202a25;--lab-red:#a64937;background:var(--lab-bg);min-height:100dvh;color:var(--lab-ink);font-family:Hiragino Kaku Gothic ProN,Noto Sans SC,sans-serif}.lab-header{border-bottom:1px solid var(--lab-line);justify-content:space-between;align-items:center;gap:18px;height:70px;padding:0 clamp(20px,4vw,64px);display:flex}.lab-brand{letter-spacing:.1em;white-space:nowrap;align-items:center;gap:12px;font-family:Georgia,serif;font-size:19px;font-weight:700;display:flex}.lab-brand small{color:#777d73;letter-spacing:.07em;font-family:Courier New,monospace;font-size:10px;font-weight:400}.lab-brand-mark{background:var(--lab-red);color:#f5eee0;place-items:center;width:34px;height:34px;font-family:Yu Mincho,serif;font-size:22px;display:grid}.lab-back{color:#535e55;border-bottom:1px solid #889087;padding-bottom:4px;font-size:12px}.lab-back:hover{color:var(--lab-red)}.lab-intro{justify-content:space-between;align-items:center;gap:40px;max-width:1580px;min-height:220px;margin:auto;padding:42px clamp(20px,4vw,64px) 39px;display:flex}.lab-kicker,.lab-index{letter-spacing:.12em;color:var(--lab-red);font-family:Courier New,monospace;font-size:10px;font-weight:700}.lab-intro h1{letter-spacing:.05em;margin:13px 0;font-family:Yu Mincho,Songti SC,serif;font-size:clamp(38px,4.4vw,65px);font-weight:500;line-height:1.1}.lab-intro h1 span{color:var(--lab-red)}.lab-intro p{color:#61685f;max-width:650px;margin:0;font-size:13px;line-height:1.9}.lab-intro-stamp{border:2px solid var(--lab-red);width:110px;height:110px;color:var(--lab-red);flex:none;grid-template-columns:1fr 1fr;align-content:center;justify-items:center;display:grid;transform:rotate(-6deg)}.lab-intro-stamp span{font:36px/1 Yu Mincho,Songti SC,serif}.lab-intro-stamp small{letter-spacing:.2em;grid-column:1/-1;margin-top:6px;font-size:9px}.lab-layout{grid-template-columns:minmax(0,1fr) 328px;align-items:start;gap:20px;max-width:1580px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 56px;display:grid}.lab-main{gap:20px;min-width:0;display:grid}.lab-panel{border:1px solid var(--lab-line);background:#f2eee3;min-width:0}.lab-panel-head{justify-content:space-between;align-items:center;gap:15px;min-height:86px;padding:18px 24px;display:flex}.lab-panel-head h2,.lab-controls-heading h2{margin:5px 0 0;font-family:Yu Mincho,Songti SC,serif;font-size:21px;font-weight:600}.lab-live{color:#5b7763;white-space:nowrap;font:11px Courier New,monospace}.lab-live i{vertical-align:1px;background:#6d9a73;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block;box-shadow:0 0 0 4px #6d9a7328}.lab-preview-wrap{background:#1a211e;height:420px;position:relative;overflow:hidden}.lab-preview-wrap canvas{width:100%;height:100%;display:block}.lab-view-labels{pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.lab-view-labels span{color:#e7dcc7;border-right:1px solid #ffffff20;align-self:start;padding:16px 19px;font-size:12px;font-weight:600}.lab-view-labels span:last-child{border:0}.lab-view-labels small{color:#9caa9f;letter-spacing:.1em;margin-top:4px;font:9px Courier New,monospace;display:block}.lab-webgl-error{color:#f0e7d7;text-align:center;font-size:13px;position:absolute;inset:35% 10% auto}.lab-metrics{color:#e9e4d8;background:#26312b;grid-template-columns:repeat(6,1fr);display:grid}.lab-metrics>div{border-right:1px solid #ffffff19;min-width:0;padding:14px 12px}.lab-metrics>div:last-child{border-right:0}.lab-metrics span{color:#a9b3a7;white-space:nowrap;font-size:10px;display:block}.lab-metrics strong{white-space:nowrap;margin-top:9px;font:500 16px Courier New,monospace;display:block}.lab-input-source{color:#687366;white-space:nowrap;font-size:10px}.lab-paper{aspect-ratio:1000/620;background-color:#f0e8d9;background-image:repeating-linear-gradient(0deg,#0000 0 16px,#7c694b06 17px 18px),repeating-linear-gradient(96deg,#0000 0 22px,#7c694b05 23px 24px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;margin:0 24px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #d3c6af,0 10px 28px #423c2b12}.lab-paper:before{content:"";pointer-events:none;border:1px solid #9a6f4a23;position:absolute;inset:7%}.lab-paper:after{content:"";pointer-events:none;border-left:1px dashed #9a6f4a13;height:100%;position:absolute;top:0;left:50%}.lab-paper canvas{cursor:crosshair;touch-action:none;width:100%;height:100%;display:block;position:relative}.lab-paper-guide{color:#968c7b;pointer-events:none;justify-content:space-between;font:10px Courier New,monospace;display:flex;position:absolute;inset:15px 20px auto}.lab-paper-actions{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px 20px;display:flex}.lab-paper-actions>span{color:#7b8177;font-size:11px;line-height:1.5}.lab-paper-actions>div{flex-wrap:wrap;flex:none;gap:8px;display:flex}.lab-paper-actions button,.lab-save-row button{color:#3e5044;background:#f8f4e9;border:1px solid #b8b4a6;padding:8px 11px;font-size:11px}.lab-paper-actions button:hover,.lab-save-row button:hover{background:#e0e9dc}.lab-test-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:0 24px 24px;display:grid}.lab-test-grid button{text-align:left;background:#e7e1d2;border-top:2px solid #a9aa99;flex-direction:column;min-height:118px;padding:14px 12px 11px;transition:background .2s,border-color .2s;display:flex}.lab-test-grid button:hover,.lab-test-grid button.is-running{background:#dce5d9;border-color:#577760}.lab-test-grid strong{font-size:12px;font-weight:700}.lab-test-grid small{color:#697166;margin-top:9px;font-size:10px;line-height:1.45}.lab-test-grid button>span{color:var(--lab-red);margin-top:auto;padding-top:10px;font-size:10px}.lab-controls{border:1px solid var(--lab-line);background:#e9e4d7}.lab-controls-heading{color:#edeade;background:#29352d;padding:25px 24px 22px}.lab-controls-heading .lab-index{color:#d69d79}.lab-controls-heading h2{margin-top:10px;font-size:27px}.lab-controls-heading p{color:#b6c0b1;margin:7px 0 0;font-size:11px}.lab-control-group{border-bottom:1px solid var(--lab-line);padding:21px 22px 17px}.lab-control-group h3{margin:0 0 17px;font-family:Yu Mincho,Songti SC,serif;font-size:15px}.lab-preset-row{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.lab-preset-row button{color:#526058;background:#f3eee2;border:1px solid #bdb7aa;min-height:38px;font-size:12px}.lab-preset-row button.selected{color:#f5f0e5;background:#465c4b;border-color:#465c4b}.lab-preset-detail{color:#5d655a;background:#f3eee3;border-left:2px solid #a64937;margin:11px 0 0;padding:11px 12px;font-size:10px;line-height:1.6}.lab-preset-detail strong{color:#38483b;margin-bottom:2px;font-family:Yu Mincho,Songti SC,serif;font-size:14px;display:block}.lab-preset-detail span{display:block}.lab-hint{color:#7a8176;margin:11px 0 0;font-size:10px;line-height:1.6}.lab-slider{margin:0 0 19px;display:block}.lab-slider:last-child{margin-bottom:4px}.lab-slider>span{color:#566158;justify-content:space-between;align-items:baseline;gap:10px;font-size:11px;display:flex}.lab-slider strong{color:#283a2d;white-space:nowrap;font:700 13px Courier New,monospace}.lab-slider input{appearance:none;width:100%;height:3px;accent-color:var(--lab-red);background:#b7b9a9;border-radius:0;margin:12px 0 0}.lab-slider input::-webkit-slider-thumb{appearance:none;background:var(--lab-red);border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 3px #a6493726}.lab-slider input::-moz-range-thumb{background:var(--lab-red);border:0;border-radius:50%;width:12px;height:12px}.lab-save-row{grid-template-columns:repeat(3,1fr);gap:5px;padding:18px 20px;display:grid}.lab-save-row button{padding:8px 4px}.lab-message{color:#3f624c;margin:0 20px 20px;font-size:11px;line-height:1.6}.lab-footer{color:#7c8278;letter-spacing:.07em;justify-content:space-between;gap:10px;max-width:1580px;margin:0 auto;padding:0 clamp(20px,4vw,64px) 30px;font:10px Courier New,monospace;display:flex}@media (width<=1180px){.lab-layout{grid-template-columns:1fr}.lab-controls{grid-template-columns:repeat(2,1fr);display:grid}.lab-controls-heading{grid-column:1/-1}.lab-control-group{border-right:1px solid var(--lab-line)}.lab-save-row{grid-column:1/-1}}@media (width<=700px){.lab-header{height:60px}.lab-brand{font-size:15px}.lab-brand small{display:none}.lab-intro{min-height:0;padding-top:33px;padding-bottom:30px}.lab-intro-stamp{display:none}.lab-intro p{font-size:12px}.lab-layout{gap:14px;padding-bottom:28px}.lab-main{gap:14px}.lab-panel-head{min-height:70px;padding:14px 16px}.lab-preview-wrap{height:660px}.lab-view-labels{grid-template-rows:repeat(3,1fr);grid-template-columns:1fr}.lab-view-labels span{border-bottom:1px solid #ffffff20;border-right:0;padding:12px 15px}.lab-metrics{grid-template-columns:repeat(3,1fr)}.lab-metrics>div:nth-child(-n+3){border-bottom:1px solid #ffffff19}.lab-metrics strong{font-size:13px}.lab-paper{min-height:290px;margin:0 12px}.lab-paper-actions{padding:13px 14px;display:block}.lab-paper-actions>div{margin-top:11px}.lab-test-grid{grid-template-columns:repeat(2,1fr);padding:0 14px 14px}.lab-test-grid button{min-height:94px}.lab-controls{display:block}.lab-control-group{border-right:0}.lab-footer{line-height:1.8;display:block}.lab-footer span{display:block}}