:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:480px;min-height:100vh}h1{font-size:2em;line-height:1;text-align:center;margin:5px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@font-face{font-family:JF Dot milkjf16;src:url(/fonts/JF-Dot-milkjf16.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JF-Dot-MPlus12;src:url(/fonts/JF-Dot-MPlus12.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--trl-scale: .4}html,body,#root{margin:0;padding:0;width:100%;min-height:100%;background:#111!important}body{overscroll-behavior:none}.trl-page{width:100%;min-height:100vh;background:#111;color:#111;display:flex;justify-content:center;align-items:flex-start;font-family:system-ui,sans-serif}.trl-inner{width:calc(1080px * var(--trl-scale));min-height:100vh;margin:0 auto;padding:0;background-image:url(/ui/PaperTile.png);background-repeat:repeat-y;background-position:top center;background-size:calc(1080px * var(--trl-scale)) auto;overflow:hidden}.trl-header{display:block;width:calc(1080px * var(--trl-scale));height:auto;margin:0 auto;image-rendering:pixelated}.trl-title{display:block;width:calc(744px * var(--trl-scale));height:auto;margin:calc(42px * var(--trl-scale)) auto calc(54px * var(--trl-scale));image-rendering:pixelated}.trl-caution{position:relative;width:calc(1032px * var(--trl-scale));height:calc(216px * var(--trl-scale));margin:0 auto calc(30px * var(--trl-scale))}.trl-caution-bg{position:absolute;inset:0;width:calc(1032px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-caution-text{position:absolute;left:calc(180px * var(--trl-scale));top:calc(30px * var(--trl-scale));right:calc(36px * var(--trl-scale));font-size:calc(30px * var(--trl-scale));line-height:1.45;text-align:left}.trl-caution-text p{margin:0 0 calc(6px * var(--trl-scale))}.trl-connect{position:relative;width:calc(1032px * var(--trl-scale));height:calc(96px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(48px * var(--trl-scale))}.trl-connect-bg{position:absolute;inset:0;width:calc(1032px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-connect-text{position:absolute;left:calc(72px * var(--trl-scale));top:calc(24px * var(--trl-scale));width:calc(900px * var(--trl-scale));height:calc(48px * var(--trl-scale));display:flex;align-items:center;gap:calc(16px * var(--trl-scale));color:#fff;font-size:calc(38px * var(--trl-scale));font-weight:700}.trl-dot{width:calc(36px * var(--trl-scale));height:calc(24px * var(--trl-scale));display:inline-block;border:calc(3px * var(--trl-scale)) solid white;background:#444}.trl-dot.on{background:#16a000}.trl-printer-name{margin-left:calc(36px * var(--trl-scale))}.trl-connect-button{margin-left:auto;margin-right:calc(24px * var(--trl-scale));height:calc(38px * var(--trl-scale));padding:0 calc(16px * var(--trl-scale));border:0;background:#fff;color:#000;font-size:calc(20px * var(--trl-scale));font-weight:700;cursor:pointer}.trl-menu-list{display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--trl-scale))}.trl-menu-button{position:relative;width:calc(810px * var(--trl-scale));height:calc(168px * var(--trl-scale));margin-bottom:0;border:0;padding:0;background:transparent;cursor:pointer;image-rendering:pixelated;transition:transform 80ms ease}.trl-menu-button:before{content:"";display:block;width:calc(810px * var(--trl-scale));height:calc(168px * var(--trl-scale));background-image:url(/ui/ContentsButton.png);background-size:100% 100%;background-repeat:no-repeat;image-rendering:pixelated}.trl-menu-button:hover{transform:translate(calc(6px * var(--trl-scale)))}.trl-menu-button:active{transform:translate(calc(12px * var(--trl-scale)))}.trl-menu-icon{position:absolute;left:calc(36px * var(--trl-scale));top:calc(36px * var(--trl-scale));width:calc(96px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-menu-label{position:absolute;left:calc(174px * var(--trl-scale));top:calc(54px * var(--trl-scale));width:calc(504px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-menu-arrow{display:none}.trl-divider{display:block;width:calc(1032px * var(--trl-scale));height:auto;margin:calc(24px * var(--trl-scale)) auto calc(36px * var(--trl-scale));image-rendering:pixelated}.trl-credit{display:block;width:calc(360px * var(--trl-scale));height:auto;margin:0 auto calc(48px * var(--trl-scale));image-rendering:pixelated}h1{display:none}.trl-tool-page{width:calc(1032px * var(--trl-scale));margin:0 auto;padding-bottom:calc(72px * var(--trl-scale))}.trl-back-button,.trl-tool-buttons button{border:0;padding:0;background:transparent;cursor:pointer}.trl-back-button img{width:calc(252px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-tool-headline{display:block;width:calc(606px * var(--trl-scale));height:auto;margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale));image-rendering:pixelated}.trl-tool-illust{display:block;width:calc(384px * var(--trl-scale));height:auto;margin:0 auto calc(36px * var(--trl-scale));image-rendering:pixelated}.trl-tool-control{display:flex;align-items:center;gap:calc(24px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale));width:calc(720px * var(--trl-scale))}.trl-tool-control img{width:calc(96px * var(--trl-scale));height:auto;image-rendering:pixelated}.trl-tool-control select,.trl-tool-control input{font-size:calc(28px * var(--trl-scale))}.trl-photolog-frame-area{position:relative;width:calc(924px * var(--trl-scale));height:calc(636px * var(--trl-scale));margin:calc(36px * var(--trl-scale)) auto}.trl-photolog-frame-area>img{position:absolute;inset:0;width:calc(924px * var(--trl-scale));height:calc(636px * var(--trl-scale));image-rendering:pixelated}.trl-photolog-canvas{position:absolute;left:calc(66px * var(--trl-scale));top:calc(54px * var(--trl-scale));width:calc(792px * var(--trl-scale));height:auto;background:#fff}.trl-tool-buttons{display:flex;justify-content:center;gap:calc(36px * var(--trl-scale));margin:calc(36px * var(--trl-scale)) auto}.trl-tool-buttons img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}.trl-back-bottom{display:block;margin:calc(48px * var(--trl-scale)) auto 0}.trl-tool-message{text-align:center;font-size:calc(24px * var(--trl-scale))}.trl-photolog-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-photolog-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-photolog-title-stack{display:flex;flex-direction:column;align-items:center}.trl-photolog-title-stack .trl-tool-headline{width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale));image-rendering:pixelated}.trl-photolog-title-stack .trl-tool-illust{width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto;image-rendering:pixelated}.trl-photolog-controls{width:calc(760px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(24px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(360px * var(--trl-scale));grid-template-rows:auto auto;column-gap:calc(40px * var(--trl-scale));row-gap:calc(24px * var(--trl-scale));align-items:end}.trl-photolog-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-photolog-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-frame-control{grid-column:1;grid-row:1}.trl-tone-control{grid-column:2;grid-row:1}.trl-photo-control{grid-column:1;grid-row:2}.trl-photo-input{width:calc(620px * var(--trl-scale))}.trl-inner img,.trl-inner canvas{image-rendering:auto}.trl-driver-select{max-width:calc(300px * var(--trl-scale));height:calc(44px * var(--trl-scale));font-size:12px;font-weight:700}.trl-driver-select option{font-size:14px}.trl-numberplace-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-numberplace-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-numberplace-title-stack{display:flex;flex-direction:column;align-items:center}.trl-numberplace-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-numberplace-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-numberplace-controls{width:calc(720px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(300px * var(--trl-scale)) calc(348px * var(--trl-scale));column-gap:calc(36px * var(--trl-scale));row-gap:calc(18px * var(--trl-scale));align-items:center}.trl-numberplace-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-numberplace-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-numberplace-difficulty-box{position:relative;width:calc(204px * var(--trl-scale));height:calc(96px * var(--trl-scale));display:flex;align-items:center;justify-content:center;background-image:url(/ui/BalloonDifficulty.png);background-size:100% 100%;background-repeat:no-repeat}.trl-numberplace-difficulty-box select{width:calc(160px * var(--trl-scale));height:calc(48px * var(--trl-scale));font-size:calc(24px * var(--trl-scale));background:#fff}.trl-numberplace-create-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-numberplace-create-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-numberplace-tone-control{grid-column:1 / 3;justify-content:center}.trl-numberplace-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-numberplace-canvas{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box}.trl-browser-notice{width:calc(960px * var(--trl-scale));margin:0 auto calc(30px * var(--trl-scale));padding:calc(24px * var(--trl-scale)) calc(30px * var(--trl-scale));border:calc(6px * var(--trl-scale)) solid #111;background:#fff7c8;box-sizing:border-box;text-align:left;font-size:calc(24px * var(--trl-scale));line-height:1.45}.trl-browser-notice p{margin:0 0 calc(6px * var(--trl-scale))}.trl-browser-notice p:last-child{margin-bottom:0}.trl-omikuji-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-omikuji-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-omikuji-title-stack{display:flex;flex-direction:column;align-items:center}.trl-omikuji-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-omikuji-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-omikuji-panel{display:flex;flex-direction:column;align-items:center;gap:calc(24px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(36px * var(--trl-scale))}.trl-omikuji-tone-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-omikuji-tone-control img{width:calc(72px * var(--trl-scale))}.trl-omikuji-draw-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-omikuji-draw-button:disabled{cursor:default}.trl-omikuji-draw-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-omikuji-note{margin:0;text-align:center;font-size:calc(26px * var(--trl-scale));font-weight:700}.trl-papertools-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-papertools-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-papertools-title-stack{display:flex;flex-direction:column;align-items:center}.trl-papertools-headline{display:block;width:calc(504px * var(--trl-scale));height:calc(60px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-papertools-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-papertools-controls{width:calc(760px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(360px * var(--trl-scale));column-gap:calc(40px * var(--trl-scale));align-items:center}.trl-papertools-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-papertools-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-papertools-controls select{font-size:calc(26px * var(--trl-scale))}.trl-papertools-description{width:calc(760px * var(--trl-scale));margin:calc(18px * var(--trl-scale)) auto calc(18px * var(--trl-scale));text-align:center;font-size:calc(24px * var(--trl-scale));line-height:1.55}.trl-papertools-description h2{display:block;margin:0 0 calc(12px * var(--trl-scale));font-size:calc(34px * var(--trl-scale));line-height:1.2}.trl-papertools-description p{margin:0 0 calc(6px * var(--trl-scale))}.trl-papertools-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-papertools-canvas{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box}.trl-booklog-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-booklog-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-booklog-title-stack{display:flex;flex-direction:column;align-items:center}.trl-booklog-headline{display:block;width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-booklog-illust{display:block;width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto}.trl-booklog-controls{width:calc(760px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(18px * var(--trl-scale));display:grid;grid-template-columns:calc(360px * var(--trl-scale)) calc(348px * var(--trl-scale));grid-template-rows:auto auto;column-gap:calc(40px * var(--trl-scale));row-gap:calc(18px * var(--trl-scale));align-items:center}.trl-booklog-controls .trl-tool-control{width:auto;margin:0;gap:calc(18px * var(--trl-scale))}.trl-booklog-controls .trl-tool-control img{width:calc(72px * var(--trl-scale))}.trl-booklog-isbn-input{width:calc(250px * var(--trl-scale));height:calc(48px * var(--trl-scale));font-size:calc(24px * var(--trl-scale));box-sizing:border-box;border:calc(3px * var(--trl-scale)) solid #111;background:#fff;color:#111}.trl-booklog-fetch-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-booklog-fetch-button:disabled{cursor:default}.trl-booklog-fetch-button img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale))}.trl-booklog-tone-control{grid-column:1 / 3;justify-content:center}.trl-booklog-canvas-area{display:flex;justify-content:center;margin:calc(18px * var(--trl-scale)) auto calc(30px * var(--trl-scale))}.trl-booklog-canvas{width:calc(576px * var(--trl-scale));height:calc(1152px * var(--trl-scale));background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box;image-rendering:pixelated}.trl-umaphoto-headline{width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-illust{width:calc(480px * var(--trl-scale));height:calc(480px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-preview{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-draw-button img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}.trl-umaphoto-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-umaphoto-back{position:absolute;left:0;top:calc(444px * var(--trl-scale))}.trl-umaphoto-title-stack{display:flex;flex-direction:column;align-items:center}.trl-umaphoto-draw-button{border:0;padding:0;background:transparent;cursor:pointer}.trl-umaphoto-draw-button:disabled{cursor:default}.trl-umaphoto-rules-button{border:0;padding:0;background:transparent;cursor:default}.trl-umaphoto-rules-button img{width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}.trl-info-buttons{display:flex;flex-direction:column;align-items:center;gap:calc(36px * var(--trl-scale));margin:calc(34px * var(--trl-scale)) auto calc(112px * var(--trl-scale))}.trl-info-image-button{display:block;width:calc(810px * var(--trl-scale));padding:0;border:0;background:transparent;line-height:0;cursor:pointer}.trl-info-image-button img{display:block;width:100%;height:auto;image-rendering:pixelated}.trl-info-image-button:hover{transform:translate(calc(6px * var(--trl-scale)))}.trl-info-image-button:active{transform:translate(calc(12px * var(--trl-scale)))}.trl-info-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px;background:#000000b8}.trl-info-modal{position:relative;width:min(86vw,720px);max-height:min(78vh,680px);overflow-y:auto;box-sizing:border-box;border:3px solid #fff;background:#111;color:#fff;padding:40px 48px;font-family:JF Dot milkjf16,monospace;text-align:center;box-shadow:0 0 0 3px #111,0 16px 40px #0000008c}.trl-info-modal-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#fff;font:inherit;font-size:28px;line-height:1;cursor:pointer}.trl-info-modal-content h2{margin:0 0 34px;font-size:24px;line-height:1.4}.trl-info-modal-content p,.trl-info-modal-content li{font-size:20px;line-height:1.7}.trl-info-modal-content p{margin:0 0 22px}.trl-info-modal-content ul{display:inline-block;margin:6px auto 24px;padding-left:1.2em;text-align:left}.trl-info-modal-en{margin-top:34px!important}@media (max-width: 640px){.trl-info-modal{width:92vw;padding:34px 24px}.trl-info-modal-content h2{font-size:20px}.trl-info-modal-content p,.trl-info-modal-content li{font-size:16px}}.trl-page{display:block;width:100vw;min-height:100vh}.trl-inner{margin-left:calc(50vw - (1080px * var(--trl-scale) / 2));margin-right:0}.trl-info-modal-links{display:flex;flex-direction:column;align-items:center;gap:12px;margin:18px 0 30px}.trl-info-modal-links a{color:#fff;font-size:20px;line-height:1.6;text-decoration:underline;text-underline-offset:4px}.trl-info-modal-links a:hover{opacity:.72}.trl-info-modal-inline-link{display:inline;padding:0;border:0;background:transparent;color:#fff;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.trl-info-modal-inline-link:hover{opacity:.72}.trl-info-modal-content{text-align:left}.trl-info-modal-content h2,.trl-info-modal-links,.trl-info-modal-en{text-align:center}.trl-info-modal-content h2{font-size:20px}.trl-info-modal-content p,.trl-info-modal-content li,.trl-info-modal-links a{font-size:15px}.trl-info-modal-en{margin-top:44px!important;padding-top:28px;border-top:1px solid rgba(255,255,255,.36);text-align:left}.trl-info-modal-en p{margin:0 0 18px}.trl-info-modal-en p:last-child{margin-bottom:0}.trl-sketch-title-row{position:relative;width:calc(1032px * var(--trl-scale));margin:0 auto calc(24px * var(--trl-scale))}.trl-sketch-back{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-sketch-title-stack{display:flex;flex-direction:column;align-items:center}.trl-sketch-workbench{width:calc(900px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(36px * var(--trl-scale));display:grid;grid-template-columns:calc(150px * var(--trl-scale)) calc(384px * var(--trl-scale));column-gap:calc(72px * var(--trl-scale));justify-content:center;align-items:start}.trl-sketch-toolbar{display:flex;flex-direction:column;gap:calc(18px * var(--trl-scale));align-items:center;padding-top:calc(132px * var(--trl-scale))}.trl-sketch-tool-button,.trl-sketch-palette-button{border:0;padding:0;background:transparent;line-height:0;cursor:pointer}.trl-sketch-tool-button img{display:block;width:calc(114px * var(--trl-scale));height:calc(114px * var(--trl-scale));image-rendering:pixelated}.trl-sketch-palette{position:relative;width:calc(342px * var(--trl-scale));height:calc(114px * var(--trl-scale));margin:0 auto calc(18px * var(--trl-scale))}.trl-sketch-palette-frame{position:absolute;inset:0;display:block;width:calc(342px * var(--trl-scale));height:calc(114px * var(--trl-scale));image-rendering:pixelated}.trl-sketch-palette-tones{position:absolute;left:calc(24px * var(--trl-scale));top:calc(24px * var(--trl-scale));display:flex;gap:calc(12px * var(--trl-scale))}.trl-sketch-palette-button img{display:block;width:calc(66px * var(--trl-scale));height:calc(66px * var(--trl-scale));image-rendering:pixelated}.trl-sketch-board-frame{width:calc(384px * var(--trl-scale));height:calc(576px * var(--trl-scale));border:calc(4px * var(--trl-scale)) solid #111;background:#fff;box-sizing:border-box}.trl-sketch-board-preview{display:block;width:calc(384px * var(--trl-scale));height:calc(576px * var(--trl-scale));image-rendering:pixelated}.trl-sketch-workbench{width:calc(900px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(36px * var(--trl-scale));display:flex;flex-direction:column;align-items:center}.trl-sketch-toolbar{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:calc(12px * var(--trl-scale));padding-top:0;margin:0 auto calc(18px * var(--trl-scale))}.trl-sketch-board-area{display:flex;flex-direction:column;align-items:center}.trl-sketch-palette{flex:0 0 auto;width:calc(342px * var(--trl-scale));height:calc(114px * var(--trl-scale));margin:0}.trl-sketch-workbench{width:calc(1032px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(36px * var(--trl-scale));display:flex;flex-direction:column;align-items:center}.trl-sketch-toolbar{width:calc(924px * var(--trl-scale));display:grid;grid-template-columns:calc(114px * var(--trl-scale)) calc(114px * var(--trl-scale)) calc(114px * var(--trl-scale)) calc(114px * var(--trl-scale)) calc(342px * var(--trl-scale)) calc(114px * var(--trl-scale));column-gap:calc(18px * var(--trl-scale));justify-content:center;align-items:center;padding-top:0;margin:0 auto calc(24px * var(--trl-scale))}.trl-sketch-clear-button{justify-self:end}.trl-sketch-board-frame{width:calc(768px * var(--trl-scale));height:calc(1152px * var(--trl-scale));border:calc(4px * var(--trl-scale)) solid #111;background:#fff;box-sizing:border-box}.trl-sketch-board-preview{display:block;width:calc(768px * var(--trl-scale));height:calc(1152px * var(--trl-scale));image-rendering:pixelated}.trl-sketch-board-frame{border:0;outline:calc(4px * var(--trl-scale)) solid #111;outline-offset:0}.trl-sketch-canvas{touch-action:none;user-select:none;-webkit-user-select:none}.trl-calendar-page .trl-back-button{position:absolute;left:0;top:calc(240px * var(--trl-scale))}.trl-calendar-page .trl-connect-text{gap:calc(12px * var(--trl-scale));font-size:calc(30px * var(--trl-scale))}.trl-calendar-page .trl-connect-text select{max-width:calc(250px * var(--trl-scale));height:calc(38px * var(--trl-scale));font-size:calc(18px * var(--trl-scale));font-weight:700}.trl-calendar-page .trl-connect-button{height:calc(38px * var(--trl-scale));font-size:calc(18px * var(--trl-scale))}.trl-calendar-page .trl-printer-name{min-width:calc(190px * var(--trl-scale));margin-left:calc(18px * var(--trl-scale));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trl-calendar-page .trl-photolog-title-stack .trl-photolog-headline{width:calc(606px * var(--trl-scale));height:calc(72px * var(--trl-scale));margin:calc(42px * var(--trl-scale)) auto calc(24px * var(--trl-scale));image-rendering:pixelated}.trl-calendar-page .trl-photolog-title-stack .trl-photolog-illust{width:calc(384px * var(--trl-scale));height:calc(192px * var(--trl-scale));margin:0 auto;image-rendering:pixelated}.trl-calendar-page .trl-tool-controls{width:calc(860px * var(--trl-scale));margin:calc(24px * var(--trl-scale)) auto calc(24px * var(--trl-scale));display:grid;grid-template-columns:repeat(2,calc(400px * var(--trl-scale)));column-gap:calc(36px * var(--trl-scale));row-gap:calc(18px * var(--trl-scale));justify-content:center;align-items:center}.trl-calendar-page .trl-tool-control{width:auto;margin:0;display:grid;grid-template-columns:calc(120px * var(--trl-scale)) 1fr;gap:calc(18px * var(--trl-scale));align-items:center}.trl-calendar-page .trl-tool-control span{font-size:calc(24px * var(--trl-scale));font-weight:700;text-align:right}.trl-calendar-page .trl-tool-control select,.trl-calendar-page .trl-tool-control input{width:100%;height:calc(48px * var(--trl-scale));box-sizing:border-box;border:calc(3px * var(--trl-scale)) solid #111;background:#fff;color:#111;font-size:calc(22px * var(--trl-scale));font-weight:700}.trl-calendar-preview-wrap{display:flex;justify-content:center;align-items:center;margin:calc(24px * var(--trl-scale)) auto calc(30px * var(--trl-scale));min-height:calc(864px * var(--trl-scale))}.trl-calendar-preview{display:block;background:#fff;border:calc(4px * var(--trl-scale)) solid #111;box-sizing:border-box;image-rendering:pixelated}.trl-calendar-preview-tall{width:calc(576px * var(--trl-scale));height:calc(864px * var(--trl-scale))}.trl-calendar-preview-wide{width:calc(864px * var(--trl-scale));height:calc(576px * var(--trl-scale))}.trl-calendar-page .trl-tool-actions{display:flex;justify-content:center;gap:calc(36px * var(--trl-scale));margin:calc(30px * var(--trl-scale)) auto calc(24px * var(--trl-scale))}.trl-calendar-page .trl-tool-actions button{border:0;padding:0;background:transparent;cursor:pointer}.trl-calendar-page .trl-tool-actions button:disabled{cursor:default;opacity:.45}.trl-calendar-page .trl-tool-actions img{display:block;width:calc(348px * var(--trl-scale));height:calc(108px * var(--trl-scale));image-rendering:pixelated}