*{box-sizing:border-box;margin:0;padding:0}li{margin-left:2em}body{position:relative}input[type=range]::-webkit-slider-thumb{width:35px;height:35px}dialog{position:fixed;position:-webkit-fixed;top:0}dialog::backdrop,dialog+.backdrop{background-color:#00000080;pointer-events:none}html,body{margin:0;padding:0}body{color:#333;background-color:#f0f0f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.centering{text-align:center}#main-view{max-width:414px;margin:0 auto;display:none}#main-view.open{display:block}.app{max-width:414px;margin:0 auto}h1 img{vertical-align:middle}h1{text-align:center;font-size:16px;line-height:1.5;margin:.5em}h2,h3{text-align:center;font-size:medium}p{margin:.5em;font-size:smaller}.image-trimmer{position:relative;overflow:hidden;margin:0 auto;background:linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%),linear-gradient(45deg,#ccc 25%,transparent 25%,transparent 75%,#ccc 75%);background-size:16px 16px;background-position:0 0,8px 8px;user-select:none}.image-trimmer-frame{position:absolute;display:block;user-select:none;pointer-events:none;outline:80px solid rgba(0,0,0,.5)}.image-trimmer-box{position:absolute;touch-action:none;cursor:move}.image-trimmer-box>img{width:100%}#result{width:100%;background-color:#666;image-rendering:auto}#trimmer{border:none;max-width:414px;width:100%;padding:8px;border-radius:8px}#zoom{box-sizing:border-box;display:block;width:100%;margin:0;padding:0}.hbox{margin:.5em;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.button-list{margin:.5em;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:.5em}.button-set{display:flex;flex-direction:row;justify-content:space-around;align-items:center;gap:.75em;padding:.5em}.button-set>*{display:inline-block;flex-grow:1;width:100%}.noshrink{flex-shrink:0;white-space:nowrap}.grow{flex-grow:1}.button-like{display:inline-flex;justify-content:center;align-items:center}button,.button-like{padding:.5em 1em;border-radius:8px;min-width:8em;min-height:3em;background-color:#f0f0f0;cursor:pointer;border:2px solid #333;color:#333;font-size:small;text-align:center;font-weight:700}button:active,.button-like:active{background-color:#333;color:#f0f0f0}.text-box{padding:.5em;display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.text-box span{display:block;white-space:nowrap;font-weight:700}.text-box input{width:100%;font-size:16px;padding:.25em}.text-box-multiline{padding:.5em;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch}.text-box-multiline span{font-weight:700}input[type=text]{font-family:DM Sans,sans-serif}textarea{font-family:DM Sans,sans-serif;resize:vertical;line-height:1.25;font-size:14px;margin:0;padding:4px}#loading-view{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.loading-icon{display:block;content:"";width:64px;height:64px;margin:1em;border-radius:50%;border:8px solid gray;border-top-color:transparent;animation:loading-animation 1s linear 0s infinite}@keyframes loading-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#error-view{display:none}#error-view.open{display:flex;width:100vw;height:100vh;flex-direction:column;justify-content:center;align-items:center;font-weight:700}.error{color:red}.footer{text-align:center;margin:.5em}