@charset "UTF-8";html,body{margin:0;padding:0;height:100%;font-family:Arial,sans-serif}button{cursor:pointer}:root{--zoom-val: 1}.spiral-cell{width:calc(var(--zoom-val) * 20px);height:calc(var(--zoom-val) * 20px);line-height:calc(var(--zoom-val) * 50px);text-shadow:1px 1px 3px #000;display:flex;align-items:center;justify-content:center;background:#fff;cursor:pointer;color:#fff;border:none;outline:none;transition:transform .2s ease,box-shadow .2s ease}.spiral-cell:hover{box-shadow:0 0 20px #000;transform:scale(1.2)}#spiral-container{border:1px solid #667;padding:10px;background:#222;overflow:auto;width:100%;max-height:calc(100vh - 200px)}label{cursor:pointer}input[type=checkbox]{cursor:pointer;min-width:20px;min-height:20px}.zoom-button{font-size:1.2rem;padding:.2rem .8rem}#zoom-display{position:absolute;top:35px}#zoom-controls{display:flex;gap:.5rem;margin-bottom:1rem;position:absolute;top:0;right:0}#container{min-height:100vh;background:#444;color:#eee;display:flex;flex-direction:column;align-items:center;padding:1rem}#title{font-size:2.25rem;font-weight:800;margin-bottom:1rem}form{display:flex;flex-direction:column;gap:1rem;flex-wrap:wrap;justify-content:center;margin-bottom:1.5rem;width:100vw;max-width:1200px}.cellDetails{display:flex;flex-direction:column;padding:1rem}.number-with-copy{cursor:pointer;color:#007bff}.list-style-none{list-style:none}.with-sketch-picker-menu-button{width:20px;height:20px;display:inline-block;margin-left:.5rem;border-radius:4px;border:1px solid #ccc}#form-content{display:flex;flex-direction:row;justify-content:space-between}.form-button-with-padding{padding:.2rem .4rem}.form-button-with-mt{margin-top:.25rem}button[type=submit]{background:#007bff;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:1rem;transition:background .2s ease}button[type=submit]:hover{background:#0056b3}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.flex{display:flex}.color-mod-n-equals-item{display:flex;flex-direction:column;margin-bottom:.5rem;border:1px solid #ccc;padding:.5rem;border-radius:4px}.color-mod-n-equals-item-content{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.color-mod-n-equals-item-content2{display:flex;flex-direction:column;gap:10px}#spiral{display:grid;justify-content:center}.szh-menu{margin:0;padding:0;list-style:none;box-sizing:border-box;width:max-content;z-index:100;border:1px solid rgba(0,0,0,.1);background-color:#fff}.szh-menu:focus{outline:none}.szh-menu__arrow{box-sizing:border-box;width:.75rem;height:.75rem;background-color:#fff;border:1px solid transparent;border-left-color:#0000001a;border-top-color:#0000001a;z-index:-1}.szh-menu__arrow--dir-left{right:-.375rem;transform:translateY(-50%) rotate(135deg)}.szh-menu__arrow--dir-right{left:-.375rem;transform:translateY(-50%) rotate(-45deg)}.szh-menu__arrow--dir-top{bottom:-.375rem;transform:translate(-50%) rotate(-135deg)}.szh-menu__arrow--dir-bottom{top:-.375rem;transform:translate(-50%) rotate(45deg)}.szh-menu__item{cursor:pointer}.szh-menu__item:focus{outline:none}.szh-menu__item--hover{background-color:#ebebeb}.szh-menu__item--focusable{cursor:default;background-color:inherit}.szh-menu__item--disabled{cursor:default;color:#aaa}.szh-menu__group{box-sizing:border-box}.szh-menu__radio-group{margin:0;padding:0;list-style:none}.szh-menu__divider{height:1px;margin:.5rem 0;background-color:#0000001f}.szh-menu-button{box-sizing:border-box}.szh-menu{-webkit-user-select:none;user-select:none;color:#212529;border:none;border-radius:.25rem;box-shadow:0 3px 7px #0002,0 .6px 2px #0000001a;min-width:10rem;padding:.5rem 0}.szh-menu__item{display:flex;align-items:center;position:relative;padding:.375rem 1.5rem}.szh-menu-container--itemTransition .szh-menu__item{transition-property:background-color,color;transition-duration:.15s;transition-timing-function:ease-in-out}.szh-menu__item--type-radio{padding-left:2.2rem}.szh-menu__item--type-radio:before{content:"○";position:absolute;left:.8rem;top:.55rem;font-size:.8rem}.szh-menu__item--type-radio.szh-menu__item--checked:before{content:"●"}.szh-menu__item--type-checkbox{padding-left:2.2rem}.szh-menu__item--type-checkbox:before{position:absolute;left:.8rem}.szh-menu__item--type-checkbox.szh-menu__item--checked:before{content:"✔"}.szh-menu__submenu>.szh-menu__item{padding-right:2.5rem}.szh-menu__submenu>.szh-menu__item:after{content:"❯";position:absolute;right:1rem}.szh-menu__header{color:#888;font-size:.8rem;padding:.2rem 1.5rem;text-transform:uppercase}@keyframes szh-menu-show-zoom{0%{opacity:.1;transform:scale(.95)}}@keyframes szh-menu-hide-zoom{to{opacity:.1;transform:scale(.95)}}.szh-menu--state-opening{animation:szh-menu-show-zoom .125s ease-out}.szh-menu--state-closing{animation:szh-menu-hide-zoom .125s ease-in forwards}.szh-menu--dir-left.szh-menu--align-start{transform-origin:right top}.szh-menu--dir-left.szh-menu--align-center{transform-origin:right center}.szh-menu--dir-left.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-right.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-right.szh-menu--align-center{transform-origin:left center}.szh-menu--dir-right.szh-menu--align-end,.szh-menu--dir-top.szh-menu--align-start{transform-origin:left bottom}.szh-menu--dir-top.szh-menu--align-center{transform-origin:center bottom}.szh-menu--dir-top.szh-menu--align-end{transform-origin:right bottom}.szh-menu--dir-bottom.szh-menu--align-start{transform-origin:left top}.szh-menu--dir-bottom.szh-menu--align-center{transform-origin:center top}.szh-menu--dir-bottom.szh-menu--align-end{transform-origin:right top}