.sco-mask .modal{max-width:1060px;width:calc(100% - 24px)}.sco-root{min-width:0}.sco-status{padding:11px 14px;border-radius:12px;background:#EDF8E8;color:#345E40;font-size:13px;line-height:1.75;margin:0 0 14px;overflow-wrap:anywhere}.sco-note{font-size:12.5px;line-height:1.85;color:#52675E;margin:10px 0 14px}.sco-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:16px 0}.sco-compare figure{margin:0;min-width:0}.sco-compare figcaption{font-size:13px;font-weight:650;color:#16483F;margin:0 0 8px}.sco-frame{height:320px;display:flex;align-items:center;justify-content:center;border:1px solid #DCEAE3;border-radius:13px;overflow:hidden;background:#F5F7F4}.sco-frame img,.sco-frame canvas{display:block;max-width:100%;max-height:100%;object-fit:contain;width:auto;height:auto}.sco-frame canvas{cursor:crosshair;touch-action:none}.sco-checker{background-image:conic-gradient(#DFE6E0 25%,#fff 0 50%,#DFE6E0 0 75%,#fff 0);background-size:18px 18px}.sco-light{background:#FFF9EE}.sco-dark{background:#24392F}.sco-controls{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin:15px 0;font-size:12px;color:#35564A}.sco-controls>label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}.sco-controls select{padding:7px;border:1px solid #DCEAE3;border-radius:8px;max-width:100%;background:#fff;color:#16483F}.sco-controls input[type=range]{width:130px;max-width:100%}.sco-controls input[type=color]{width:38px;height:28px;padding:1px;border:1px solid #C8DBCF;border-radius:6px;background:#fff}.sco-controls output{font-variant-numeric:tabular-nums;min-width:20px}.sco-backgrounds{display:flex;gap:5px;flex-wrap:wrap}.sco-backgrounds button[aria-pressed=true]{outline:2px solid #007A67;outline-offset:1px}.sco-confirm{display:flex;align-items:flex-start;gap:6px;color:#35564A;font-size:12px;line-height:1.8}.sco-confirm input{margin-top:4px}.sco-actions{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}.sco-actions .btn{font-size:12px;min-height:38px;text-decoration:none}.sco-root :is(button,a,input,select):focus-visible{outline:3px solid #007A67;outline-offset:2px}
.sco-mask .modal{max-height:calc(100dvh - 24px);display:flex;flex-direction:column}.sco-mask .m-head{flex:none}.sco-mask .m-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:600px){.sco-mask .modal{width:calc(100% - 16px)}.sco-mask .m-body{padding:14px}.sco-compare{gap:10px}.sco-frame{height:210px}.sco-compare figcaption{font-size:11.5px}.sco-controls{gap:11px}.sco-controls input[type=range]{width:105px}.sco-actions .btn{padding:8px 10px}.sco-note,.sco-status{font-size:12px}}