:root{--color-main:hsl(208,56%,64%);--color-toolbox-focus:hsl(24,64%,56%);--color-toolbox-input-border:hsl(208,8%,88%);--color-toolbox-input-hover:hsl(208,16%,80%);--color-toolbox-input-hover-focus:hsl(24,60%,44%);--color-toolbox-result:hsl(40,80%,96%);--size-toolbox-input-round:8px;--size-toolbox-input-border:2px;}body{background:var(--color-main);min-height:100vh;display:flex;flex-direction:column;}input[type='text'],input[type='email'],input[type='number'],input[type='url'],textarea,input[type='datetime-local'],input[type='date']{font-size:var(--nurume-size-24);}#toolbox{flex:1;}#toolbox .nurume-app-header{background:var(--color-main);}#toolbox .subhead{text-align:center;color:#fff;}#toolbox .subhead h2{font-weight:normal;font-size:var(--nurume-size-16);padding:4px 32px;background:hsl(213,48%,56%);--fuchi-color:hsl(213,40%,40%);}#toolbox .subhead p{font-size:var(--nurume-size-12);padding:4px 32px;background:hsl(213,32%,48%);}#toolbox main{width:100%;margin:auto;padding:clamp(16px,4vw,32px);}#toolbox.index{background:#f2f2f2;}body:has(#toolbox.index) #nurume-common-footer{background:#f2f2f2;}#toolbox.basement{background:#fff;}body:has(#toolbox.basement) #nurume-common-footer{background:#fff;}#toolbox.basement main{max-width:800px;text-align:center;}#toolbox.index main ul{display:grid;grid-gap:8px;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));list-style:none;}#toolbox.index main li{border-radius:8px;background:#fff;overflow:hidden;height:96px;}#toolbox.index main li a{padding:8px;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}#toolbox.index main li a:hover{color:#fff;background:var(--color-main);}#toolbox.index main li a span{font-size:var(--nurume-size-16);display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;text-align:center;}#toolbox.basement section{margin-bottom:clamp(24px,4vw,48px);display:flex;flex-direction:column;align-items:center;}#toolbox.basement section:last-child{margin-bottom:0;}#toolbox.basement section h3{margin-bottom:16px;font-size:var(--nurume-size-20);display:inline-flex;align-items:center;justify-content:center;padding:0 16px;height:40px;color:#fff;border-radius:20px;background:var(--color-main);min-width:160px;filter:saturate(80%) brightness(96%);line-height:1;font-weight:normal;}#toolbox.basement section#result h3{filter:hue-rotate(-90deg) saturate(80%) brightness(96%);margin-bottom:32px;}#toolbox.basement input[type="text"],#toolbox.basement input[type="number"],#toolbox.basement textarea{border-color:var(--color-toolbox-input-border);border-width:var(--size-toolbox-input-border);border-radius:var(--size-toolbox-input-round);}#toolbox.basement input[type="text"]:focus,#toolbox.basement input[type="number"]:focus,#toolbox.basement textarea:focus{border-color:var(--color-toolbox-focus);}#toolbox.basement input[type="number"]{text-align:right;}#toolbox.basement .labels{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;}#toolbox.basement label:has(input){display:inline-flex;align-items:center;height:44px;padding:0 16px 0 8px;border-radius:var(--size-toolbox-input-round);background:#fff;font-size:var(--nurume-size-16);border:var(--size-toolbox-input-border) solid var(--color-toolbox-input-border);cursor:pointer;white-space:nowrap;}#toolbox.basement label:has(input:checked){color:#fff;background:var(--color-toolbox-focus);border-color:var(--color-toolbox-focus);}#toolbox.basement label input{width:0;appearance:none;}#toolbox.basement label:has(input):not(.disabled):hover{border-color:var(--color-toolbox-input-hover);}#toolbox.basement label:has(input:checked):not(.disabled):hover{border-color:var(--color-toolbox-input-hover-focus);}#toolbox.basement label:has(input):before{display:inline-flex;align-items:center;font-family:'Material Symbols Outlined';font-size:var(--nurume-size-24);line-height:1;width:24px;margin-right:4px;}#toolbox.basement label:has(input[type='checkbox']):before{content:'check_box_outline_blank';}#toolbox.basement label:has(input[type='checkbox']:checked):before{content:'check_box';color:#fff;}#toolbox.basement label:has(input[type='radio']):before{content:'radio_button_unchecked';}#toolbox.basement label:has(input[type='radio']:checked):before{content:'radio_button_checked';color:#fff;}#toolbox.basement label.disabled{cursor:default;pointer-events:none;filter:saturate(25%) brightness(120%);}#toolbox.basement #btn-run{background:var(--color-main);color:#fff;font-size:var(--nurume-size-18);height:48px;min-width:200px;padding:0 16px;border:none;filter:hue-rotate(-15deg);}#toolbox.basement #btn-run:hover{filter:hue-rotate(-30deg) brightness(110%);}#toolbox.basement #result{display:none;padding-top:clamp(24px,4vw,48px);}#toolbox.basement .copyable{pointer-events:none;position:relative;overflow:hidden;background:var(--color-toolbox-result);}@keyframes flash{0%{filter:hue-rotate(90deg);backdrop-filter:hue-rotate(90deg);}100%{filter:none;backdrop-filter:none;}}#toolbox.basement .copyable.flash{animation:flash 0.75s ease;}#toolbox.basement .copyable::after{font-family:'Material Symbols Outlined';content:'content_paste';position:absolute;inset:0;background:rgba(0,0,0,0.25);pointer-events:auto;top:0;right:0;left:auto;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:var(--nurume-size-12);color:#fff;cursor:pointer;border-radius:0 0 0 4px;}#toolbox.basement .copyable.hover::after{background:var(--nurume-color-link-hover);}#toolbox.basement #additional-info{padding-top:clamp(24px,4vw,48px);}#toolbox.basement #additional-info p.note{font-size:var(--nurume-size-12);color:rgba(0,0,0,0.75);}#toolbox.basement #additional-info table.reference{box-shadow:0 0 0 2px var(--color-main);margin:auto;}#toolbox.basement #additional-info table.reference th,table.reference td{border:1px solid #d2d2d2;padding:8px;font-size:var(--nurume-size-14);}#toolbox.basement #additional-info table.reference thead th{background:rgba(0,0,0,0.05);}#toolbox.basement #additional-info table.reference tbody th{text-align:left;}#toolbox.basement #additional-info table.reference caption{caption-side:bottom;margin-top:8px;color:rgba(0,0,0,0.75);font-size:var(--nurume-size-12);}