:root{--z-black:#000;--z-gray:#dcdcdc;--z-soft:#f7f7f7;--z-text:#000}
*{box-sizing:border-box}
.u-hide{display:none!important}
.zcv-app{font-family:"input-mono", monospace !important;color:var(--z-text);text-transform:uppercase;font-weight:200}
.zcv-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);opacity:0;visibility:hidden;transition:opacity .22s ease;z-index:9998}
.zcv-overlay.open{opacity:1;visibility:visible}
.zcv-drawer{position:fixed;top:0;bottom:0;right:0;left:auto;width:468px;max-width:min(92vw,504px);background:#fff;z-index:9999;display:flex;flex-direction:column;border-left:0;transform:translateX(100%);transition:transform .22s ease}
.zcv-overlay.open .zcv-drawer{transform:translateX(0)}
.zcv-head,.zcv-foot{position:relative;display:flex;align-items:center;justify-content:center;padding:24px 20px;border:0}
.zcv-head h2{display:none}
.zcv-head .zcv-head-title{flex:1;text-align:center;line-height:1.1;display:flex;justify-content:center;margin-top:10px}
.zcv-head .zcv-head-lockup{display:inline-block;text-align:center}
.zcv-head .zcv-head-title .zcv-brand{font-size:18px;display:block;word-spacing:-4px;text-align:center}
.zcv-head .zcv-head-title .zcv-sub{font-size:8px;display:block;text-transform:uppercase;margin-top:6px;line-height:1.4;word-spacing:-4px;text-align:center;letter-spacing:1px}
.zcv-icon{position:absolute;top:6px;width:40px;height:40px;display:grid;place-items:center;background:#fff;border:none;cursor:pointer}
.zcv-head .zcv-icon[aria-label="Back"]{left:12px}
.zcv-head .zcv-icon[aria-label="Close"]{right:12px}
.zcv-icon:hover{font-weight:400}
.zcv-body{flex:1;overflow:auto;padding:18px}
.zcv-title{font-size:18px;font-weight:200;margin:0px 0 20px;letter-spacing:0}
.zcv-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0px 0 20px}
.zcv-row{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}
.zcv-col{flex:1;min-width:200px}
.zcv-group{margin-bottom:40px}
.zcv-label{font-size:12px}
.zcv-label-head{display:flex;align-items:center;gap:5px;margin:10px 0 0px;justify-content:space-between;font-size:14px}
.zcv-optional{font-size:8px;color:#000}
.zcv-input{-webkit-appearance:none!important;appearance:none!important;border-radius:0!important;width:100%!important;height:40px!important;padding:6px 2px!important;border:0!important;border-top:0!important;border-left:0!important;border-right:0!important;border-bottom:.5px solid #000!important;background:transparent!important;outline:none!important;box-shadow:none!important;text-transform:uppercase!important}
.zcv-error{color:#c00;font-size:10px;margin-top:4px}
.zcv-units{display:flex;gap:10px}
.zcv-unit{background:none;border:none;padding:0;font-weight:200;cursor:pointer;opacity:.85;border-bottom:1px solid transparent;font-size:12px;color:#000;line-height:1}
.zcv-unit[aria-pressed="true"]{opacity:1;border-bottom:1px solid #000;font-weight:400}
.zcv-unit:hover{font-weight:400;border-bottom:1px solid #000;opacity:1}
.zcv-slider{--pos:50%;position:relative;width:100%;min-height:30px;padding-top:24px}
.zcv-slider::before{content:"";position:absolute;left:0;right:0;top:28px;height:.5px;background:#000}
.zcv-cap{position:absolute;top:22px;width:.5px;height:12px;background:#000}
.zcv-cap.left{left:0}
.zcv-cap.right{right:0}
.zcv-thumb{position:absolute;left:var(--pos);top:18px;width:.5px;height:18px;background:#000;transform:translateX(-50%);transform-origin:center}
.zcv-thumb::before,.zcv-thumb::after{left:50%;transform:translateX(-50%);width:6px;height:.5px;background:#000;position:absolute;content:""}
.zcv-thumb::before{top:0}
.zcv-thumb::after{bottom:0}
.zcv-bubble{position:absolute;left:var(--pos);top:0;transform:translate(-50%,-10px);font-size:8px;padding:16px 2px;color:#000;white-space:nowrap;font-weight:600;letter-spacing:0}
.zcv-bubble .num{display:inline-block}
.zcv-bubble .unit{display:inline-block;position:relative;top:0;margin-left:0;font-size:8px;color:#000}
.zcv-range{-webkit-appearance:none;appearance:none;position:absolute;inset:0;opacity:0.01;cursor:ew-resize}
.zcv-scale{display:flex;justify-content:space-between;margin:10px 0 50px;font-size:10px}
.zcv-scale span{transition:font-weight .1s linear;font-weight:200}
.zcv-scale span:first-child{text-align:left;padding-left:0px}
.zcv-scale span:nth-child(2){text-align:center}
.zcv-scale span:last-child{text-align:right;padding-right:0px}
.zcv-btn,.zcv-btn-ghost{min-width:160px;height:38px;padding:0 22px;border:.5px solid #000;background:#fff;color:#000;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:200}
.zcv-btn:hover,.zcv-btn-ghost:hover{font-weight:400}
.zcv-btn:hover{background:#000;color:#fff}
.zcv-btn-ghost{opacity:.9}
.zcv-btn-ghost:hover{opacity:1}
.zcv-linkbtn{background:none;border:0;display:block;padding:8px 12px;width:auto;text-align:center;font-size:12px;font-weight:200;position:relative}
.zcv-linkbtn::before,.zcv-linkbtn::after{position:static;opacity:0;transition:opacity .15s}
.zcv-linkbtn::before{content:"「 "}
.zcv-linkbtn::after{content:" 」"}
.zcv-linkbtn:hover{font-weight:600}
.zcv-linkbtn:hover::before{opacity:1}
.zcv-linkbtn:hover::after{opacity:1}
.zcv-result{text-align:center}
.zcv-result .prod img{width:100%;max-width:400px;max-height:620px;object-fit:contain;display:block;margin:0 auto;border:0}
.zcv-result .headline{font-size:18px}
.zcv-result .meta{font-size:10px}
.zcv-result .meta + .meta{margin-top:14px}
.zcv-result .meta:first-of-type{margin-top:28px}
select.zcv-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:right .25rem center;background-size:16px 16px;padding-right:24px!important}
.zcv-select-wrap{position:relative}
.zcv-select-wrap > select.zcv-input{background-image:none!important;padding-right:28px!important}
.zcv-select-wrap::after{content:"";position:absolute;right:6px;top:50%;transform:translateY(-50%);width:16px;height:16px;background-repeat:no-repeat;background-position:center;background-size:16px 16px;pointer-events:none;background-image:url("data:image/svg+xml;utf8,")}