@charset "UTF-8";@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/PatrickHand-Regular-CSwCMKTb.woff2) format("woff2"),url(/assets/PatrickHand-Regular-Oke4spkc.ttf) format("truetype")}#app{max-width:1280px;margin:0 auto}.image-link{position:relative}.image-preview{display:none;position:absolute;left:0;top:100%;max-width:50vw;overflow:scroll}.image-link:hover .image-preview{display:block}input.cartoon-input{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background:#fff8dc;border:2px solid #333;border-radius:8px;padding:10px;box-shadow:2px 2px #333,4px 4px #666;outline:none;transition:box-shadow .2s ease-in-out}input.cartoon-input:focus{box-shadow:1px 1px #333,2px 2px #666;background:#fffacd}textarea.cartoon-input{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background:#fff8dc;border:2px solid #333;border-radius:8px;padding:10px;box-shadow:2px 2px #333,4px 4px #666;outline:none;resize:none;transition:box-shadow .2s ease-in-out}input[type=checkbox].cartoon-checkbox,input[type=radio].cartoon-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:tomato;width:1.5em;height:1.5em;border:2px solid #333;border-radius:4px;display:grid;place-content:center;box-shadow:2px 2px #333,4px 4px #666;cursor:pointer;transition:box-shadow .2s ease-in-out}input[type=checkbox].cartoon-checkbox:before,input[type=radio].cartoon-radio:before{content:"";width:.8em;height:.8em;transform:scale(0);box-shadow:inset 1em 1em tomato;transition:transform .12s ease-in-out;transform-origin:bottom left;clip-path:polygon(14% 44%,0 65%,50% 100%,100% 15%,80% 0%,43% 62%)}input[type=checkbox].cartoon-checkbox:checked:before{transform:scale(1)}input[type=radio].cartoon-radio{border-radius:50%}input[type=radio].cartoon-radio:before{border-radius:50%}input[type=checkbox].cartoon-checkbox:focus,input[type=radio].cartoon-radio:focus{box-shadow:1px 1px #333,2px 2px #666}select.cartoon-select{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background-color:#fff8dc;border:2px solid #333;border-radius:8px;padding:10px;box-shadow:2px 2px #333,4px 4px #666;cursor:pointer;transition:box-shadow .2s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="black"><polygon points="0,0 16,0 8,10"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:12px}select.cartoon-select:focus{box-shadow:1px 1px #333,2px 2px #666}textarea.cartoon-input:focus{box-shadow:1px 1px #333,2px 2px #666;background:#fffacd}div.cartoon-box{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background-color:#fff8dc;border:2px solid #333;border-radius:8px;padding:20px;box-shadow:4px 4px #333,8px 8px #666;transition:box-shadow .2s ease-in-out}div.cartoon-box-url-wrapper{width:100%;max-width:660px}@media only screen and (max-width: 1294px){div.cartoon-box-url-wrapper{width:100%;max-width:100%}}a.cartoon-link{font-family:Patrick Hand,cursive;color:tomato;text-decoration:none;border-bottom:2px solid #333;transition:color .2s ease-in-out,border-color .2s ease-in-out}a.cartoon-link:hover{color:#ff4500;border-color:#ff4500}h1.cartoon-heading,h2.cartoon-heading,h3.cartoon-heading{font-family:Patrick Hand,cursive;font-weight:700;color:tomato;text-shadow:2px 2px 0 #333,2px 2px 0 #666}h1.cartoon-heading{font-size:2em;text-align:center;margin:0}h2.cartoon-heading{font-size:1.5em;text-align:center;margin:0}h3.cartoon-heading{font-size:1.3em;text-align:center;margin:0}div.cartoon-box:hover{box-shadow:2px 2px #333,4px 4px #666}div.cartoon-card{font-family:Patrick Hand,cursive;background-color:#fff8dc;border:2px solid #333;border-radius:12px;padding:20px;box-shadow:4px 4px #333,8px 8px #666;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}div.cartoon-card:hover{transform:translate(-2px,-2px);box-shadow:2px 2px #333,4px 4px #666}input[type=range].cartoon-slider{-webkit-appearance:none;width:100%;height:12px;background:#fff8dc;border:2px solid #333;border-radius:12px;box-shadow:2px 2px #333,4px 4px #666;outline:none;transition:box-shadow .2s ease-in-out}input[type=range].cartoon-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:tomato;border:2px solid #333;border-radius:50%;box-shadow:2px 2px #333,4px 4px #666;cursor:pointer;transition:box-shadow .2s ease-in-out}input[type=range].cartoon-slider::-webkit-slider-thumb:hover{box-shadow:1px 1px #333,2px 2px #666}label.cartoon-toggle{display:inline-block;width:60px;height:34px;position:relative}label.cartoon-toggle input{display:none}span.cartoon-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff8dc;border:2px solid #333;border-radius:34px;box-shadow:2px 2px #333,4px 4px #666;transition:background-color .2s ease-in-out,box-shadow .2s ease-in-out}span.cartoon-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:tomato;border:2px solid #333;border-radius:50%;box-shadow:2px 2px #333,4px 4px #666;transition:transform .2s ease-in-out}input:checked+span.cartoon-slider{background-color:#ff4500}input:checked+span.cartoon-slider:before{transform:translate(26px)}span.cartoon-slider:hover{box-shadow:1px 1px #333,2px 2px #666}div.cartoon-toast{font-family:Patrick Hand,cursive;position:fixed;bottom:20px;right:20px;background-color:#ffebcd;color:#333;padding:16px;border:2px solid #333;border-radius:8px;box-shadow:4px 4px #333,8px 8px #666;z-index:1000;transition:transform .3s ease-in-out,opacity .3s ease-in-out;display:flex;align-items:center}div.cartoon-toast.show{transform:translateY(0);opacity:1}div.cartoon-toast.hide{transform:translateY(20px);opacity:0}progress.cartoon-progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;background-color:#fff8dc;border:2px solid #333;border-radius:12px;box-shadow:2px 2px #333,4px 4px #666}progress.cartoon-progress-bar::-webkit-progress-bar{background-color:#fff8dc;border-radius:12px}progress.cartoon-progress-bar::-webkit-progress-value{background-color:tomato;border-radius:12px;box-shadow:inset 2px 2px #333}progress.cartoon-progress-bar::-moz-progress-bar{background-color:tomato;border-radius:12px;box-shadow:inset 2px 2px #333}button.cartoon-close{font-family:Patrick Hand,cursive;background-color:tomato;color:#fff;border:2px solid #333;border-radius:8px;padding:5px 10px;cursor:pointer;box-shadow:2px 2px #333,4px 4px #666;transition:background-color .2s ease-in-out}button.cartoon-close:hover{background-color:#ff4500}input[type=text].cartoon-text-input{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background-color:#fff8dc;border:2px solid #333;border-radius:8px;padding:10px;box-shadow:2px 2px #333,4px 4px #666;outline:none;transition:box-shadow .2s ease-in-out}input[type=text].cartoon-text-input:focus{box-shadow:1px 1px #333,2px 2px #666;background-color:#fffacd}.cartoon-json-tree{font-family:Patrick Hand,cursive;font-size:1.2em;color:#333;background-color:#fff8dc;border:2px solid #333;border-radius:8px;padding:20px;box-shadow:4px 4px #333,8px 8px #666;max-width:600px;overflow:auto;line-height:1.5}.cartoon-json-tree ul{list-style-type:none;padding-left:20px}.cartoon-json-tree li{position:relative;padding-left:20px;margin:5px 0}.cartoon-json-tree li:before{content:"";position:absolute;left:0;top:.7em;width:10px;height:2px;background-color:#333}.cartoon-json-tree .json-key{font-weight:700;color:tomato}.cartoon-json-tree .json-value{color:#333}.cartoon-json-tree .json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.cartoon-json-tree .json-toggle:before{content:"▶";display:inline-block;margin-right:5px;transition:transform .3s ease-in-out}.cartoon-json-tree .json-toggle.expanded:before{transform:rotate(90deg)}.cartoon-json-tree .json-children{display:none}.cartoon-json-tree .json-children.expanded{display:block}