.public-canvas{color:#383e32;margin:16px 0 24px}.public-canvas>header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.public-canvas>header h2{letter-spacing:-.35px;margin:0 0 5px;font-size:18px;font-weight:620;line-height:1.5}.public-canvas>header p{color:#87867b;max-width:900px;margin:0;font-size:12px;line-height:1.65}.canvas-readonly{color:#8c887a;border:1px solid #e5dfd3;border-radius:5px;flex:none;margin-top:3px;padding:4px 7px;font-size:10px}.public-canvas .canvas-hint{color:#96958c;margin:12px 0;font-size:11px;line-height:1.7}.canvas-frame{position:relative}body.public-process .public-canvas .canvas-viewport{scrollbar-width:thin;scrollbar-color:#d5cebd transparent;cursor:grab;touch-action:pan-x pan-y;background:#faf9f6 radial-gradient(#d6d3c9 .55px,#0000 .65px) 0 0/18px 18px;border:1px solid #e6e0d5;border-radius:9px;max-width:100%;height:calc(100dvh - 265px);min-height:360px;overflow:auto}.canvas-viewport.dragging{cursor:grabbing}.canvas-size{position:relative}.canvas-scene{transform-origin:0 0;position:relative}.canvas-scene>svg{pointer-events:none;position:absolute;overflow:visible}.public-canvas .canvas-scene path{stroke:#ada797;stroke-width:1px;fill:none}body.public-process .public-canvas .canvas-card{box-sizing:border-box;overflow-wrap:anywhere;color:#383e32;background:#fffefb;border:1px solid #e6e0d5;border-radius:9px;width:302px;padding:10px 10px 12px;position:absolute;box-shadow:0 1px 2px #48402b06,0 7px 22px #48402b09}.public-canvas .canvas-card:hover{border-color:#d7ccba;box-shadow:0 2px 4px #48402b08,0 9px 25px #48402b0d}.public-canvas .canvas-card h3{letter-spacing:-.28px;margin:10px 3px 8px;font-size:16px;font-weight:620;line-height:1.5}.public-canvas .canvas-card p,.public-canvas .canvas-reading p{color:#87867b;white-space:pre-wrap;margin:0 3px 10px;font-size:13px;line-height:1.75}.public-canvas .canvas-card a,.public-canvas .canvas-reading a{color:#927742;margin:0 3px;font-size:11px;line-height:1.6}.canvas-card-kind{color:#8c8168;background:#f3f0e5;border-radius:12px;margin:6px 3px 0;padding:3px 8px;font-size:10px;line-height:1.5;display:inline-block}.canvas-card-kind.has-media{color:#718361;background:#e5ecdc}.canvas-image{cursor:zoom-in;background:#eeeade;border:0;border-radius:5px;width:100%;padding:0;display:block;overflow:hidden}.canvas-card .canvas-image img{object-fit:contain;width:100%;height:174px;max-height:none;margin:0;display:block}.canvas-video{gap:8px;margin-bottom:8px;display:grid}.canvas-video iframe{aspect-ratio:16/9;border:0;border-radius:5px;width:100%}.canvas-video button,.image-close{color:#6d7463;font:inherit;cursor:pointer;background:#fcfbf8;border:1px solid #ded9cf;border-radius:6px;padding:8px 12px;font-size:12px;line-height:1.5}.canvas-tools{z-index:2;background:#fffefb;border:1px solid #e3ddd0;border-radius:7px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #50472f09}.canvas-tools button{color:#787b6d;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:32px;height:30px;padding:0;font-size:18px;line-height:1;display:grid}.canvas-tools button:hover{background:#f1ede4}.canvas-tools button svg{width:17px;height:17px}.canvas-tools i{border-left:1px solid #e3ddd0;height:18px;margin:0 3px}.canvas-tools select{color:#898577;background:#fffefb;border:0;border-radius:4px;max-width:85px;padding:6px 4px;font-size:11px}.canvas-control-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.public-canvas button:focus-visible,.public-canvas select:focus-visible,.public-canvas summary:focus-visible,.canvas-viewport:focus-visible{outline-offset:3px;outline:2px solid #9a7953}.canvas-reading{color:#7b7e70;margin-top:14px;font-size:12px}.canvas-reading summary{cursor:pointer}.canvas-reading article{border-bottom:1px solid #e6e0d5;padding:18px 0}.canvas-reading h3{color:#4d5843;margin:8px 3px;font-size:15px}.canvas-image-dialog{color:#383e32;background:#fcfbf7;border:1px solid #e1dacb;border-radius:12px;max-width:92vw;max-height:90dvh;padding:18px;box-shadow:0 22px 65px #2e2b2030}.canvas-image-dialog::backdrop{background:#292c245c}.canvas-image-dialog img{object-fit:contain;max-width:85vw;max-height:75dvh;margin-top:12px;display:block}body.public-process{color:#383e32;background:#faf9f6}.public-process .process-page{max-width:1800px;padding:22px 28px}.public-process .process-page>nav{color:#96958c;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;font-size:12px;display:flex}.public-process .process-page>nav a{color:#8e7c6b}.public-process .process-page>header{margin:18px 0 14px}.public-process .process-page>header p{color:#a09888;letter-spacing:.1em;margin:0 0 5px;font-size:10px}.public-process .process-page h1{letter-spacing:-.85px;margin:0;font-size:30px;font-weight:710;line-height:1.45}.public-process .canvas-picker{color:#7b7e70;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.public-process .canvas-picker select{color:#75776c;background:#fffefb;border:1px solid #ded9cf;border-radius:6px;max-width:75%;padding:8px 10px;font-size:12px}@media (width<=700px){.public-process .process-page{padding:20px 14px}.public-process .process-page h1{font-size:25px}.public-canvas>header h2{font-size:17px}.public-canvas>header p{font-size:11px}.canvas-readonly{font-size:9px}.canvas-tools{bottom:13px}body.public-process .public-canvas .canvas-viewport{height:calc(100dvh - 290px)}body.public-process .public-canvas .canvas-card{width:280px}.canvas-image-dialog{padding:12px}}