*{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6,label,span{margin:0;padding:0}html{height:100vh;overflow:hidden;font-size:70%;background:#2e2e2e;color:#e8e8e8}body{font-family:Datatype,system-ui,sans-serif;font-size:1rem;margin:0;padding:1rem;height:100vh;overflow:hidden;display:flex;flex-direction:column;background:#2e2e2e;color:#e8e8e8}body,body p,body label,body h1,body h2,.overview,.companion-label,.preview-label,.preview-hint,.grid-label,.layout-header,.layout-footer,.layout-page-list{font-size:1rem}select{font:inherit;font-size:1rem;color:#e8e8e8;background:none;border:none;border-bottom:1px solid #ccc;margin:0;padding:0;cursor:pointer}a{color:#e8e8e8;text-decoration:underline}a:hover{text-decoration:none}a:visited{color:#e8e8e8}button{background:none;border:none;margin:0;padding:0;font:inherit;color:#e8e8e8;text-decoration:underline;cursor:pointer}button:hover{text-decoration:none}button.active{color:#e8e8e8}.export-popup{position:fixed;bottom:1rem;right:1rem;margin:0;padding:.5rem 1rem;list-style:none;border:1px solid #ccc;background:#2e2e2e;color:#e8e8e8;z-index:10}.export-popup li{margin:0;padding:0;list-style:none}.export-popup li+li{margin-top:.5rem}.export-popup button:disabled{cursor:not-allowed;pointer-events:none;opacity:.45;text-decoration:none}.top-right{position:fixed;top:3.5rem;right:3.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:1rem;z-index:10}.preview-random{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;background:#fff;border:1px solid #ccc;padding:1.25rem}.preview-random .preview-glyph{font-size:min(210px,17.5vh);line-height:1;color:#e8e8e8}.companion{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.companion .char-d{display:inline-block;transform:translateY(20%)}.companion-glyph{font-size:84px;line-height:1;color:#e8e8e8}.companion-actions{display:flex;align-items:center;gap:.5rem}header{margin-bottom:.25rem;padding:.25rem 1rem;flex-shrink:0;display:flex;justify-content:space-between;align-items:center}footter{padding:1rem}.overview{color:#e8e8e8;margin-bottom:1.5rem}main{width:100%;max-width:none;flex:1;min-height:0;overflow:auto}main>.overview{margin-bottom:.75rem}main>.view-tabs{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #ccc}main>section{margin-top:1rem;padding-top:1rem;border-top:1px solid #ccc}main>section:first-of-type{margin-top:0;padding-top:0;border-top:none}.hidden{display:none!important}.control-group{margin-bottom:.5rem}.control-group label{display:block}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;margin:1rem 0;width:100%}.preview-cell{display:flex;flex-direction:column;gap:.25rem;align-items:center}.preview-glyph{font-size:min(98px,8.4vh);line-height:1}.preview-glyph .char-d{display:inline-block;transform:translateY(8.25%)}.grid-section{margin-bottom:1rem}.grid-row{display:flex;flex-wrap:wrap;gap:1rem}.grid-cell{display:flex;flex-direction:column;align-items:center;gap:.25rem}.grid-glyph{font-size:min(34px,3.5vh);line-height:1}.grid-glyph .char-d{display:inline-block;transform:translateY(20%)}.btn-sep{margin:0;color:#e8e8e8}.view-tabs{margin-bottom:.5rem}.view-tabs button,.preset-btns .btn-sep{margin:0}body.app-page{padding:0;min-height:0}body.app-page .layout-workspace>main{flex:1;min-width:0;min-height:0}body.testing-page .layout-workspace>main{overflow:auto}.layout-workspace{display:flex;flex-direction:row;flex:1;min-height:0;min-width:0;align-items:stretch}.layout-sidebar{display:grid;grid-template-columns:minmax(9rem,1fr) minmax(11rem,1.1fr);flex:0 0 auto;width:min(42vw,34rem);max-width:100%;min-height:0;align-self:stretch;border-right:1px solid #ccc;overflow:hidden}.layout-sidebar-col{display:flex;flex-direction:column;min-height:0;min-width:0;padding:.5rem;overflow-y:auto}.layout-sidebar-col--pages{border-right:1px solid #ccc}.layout-sidebar-fill{flex:1 1 auto;min-height:.5rem}.layout-sidebar-sep{flex-shrink:0;border-top:1px solid #ccc;margin:1.5rem 0}.layout-page-list{flex-shrink:0}.layout-page-list ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}.layout-header{display:flex;flex-direction:column;gap:.5rem;align-items:end}.layout-header-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;width:100%}.layout-palette-topright{margin-left:0;margin-top:0}body.layout-page .layout-palette-panel.layout-palette{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-top:0;max-width:100%}body.layout-page .layout-palette-list{list-style:disc;margin:0;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:stretch;gap:1.5rem;max-width:100%;padding:0}body.layout-page .layout-palette-line{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem}body.layout-page .layout-palette-line .layout-palette-label{margin:0}body.layout-page .layout-palette-line--buttons{flex-direction:column;align-items:flex-start;gap:.25rem}body.layout-page .layout-palette-line--buttons button{margin:0}body.layout-page .layout-palette-panel .layout-palette-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}body.layout-page .layout-palette-panel .layout-palette-swatches .layout-palette-swatch{display:inline-flex;margin:0}.layout-poster-inputs{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.layout-poster-inputs label{display:flex;align-items:center;gap:.25rem}.layout-poster-inputs label #poster-feature{width:100%}.layout-poster-inputs input[type=text]{width:50%;text-align:center;font:inherit}.layout-poster-inputs input[type=range]{width:100%;font:inherit}.layout-palette{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem}.layout-palette .layout-palette-label{margin:0}.layout-palette .layout-palette-sep{margin:0;color:#e8e8e8}.layout-palette .layout-palette-swatches{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:space-evenly}.layout-palette .layout-palette-swatch{display:flex;align-items:center;gap:2px}.layout-palette .layout-palette-swatch input[type=color]{width:24px;height:24px;padding:0;border:1px solid #ccc;cursor:pointer}.layout-palette .layout-palette-swatch input[type=text]{width:4.5em;font:inherit;font-size:.8rem}.layout-footer{margin-top:auto;padding:.5rem 1rem;flex-shrink:0}.layout-layer-preview-toggles{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.layout-footer-buttons{margin-bottom:.25rem}.layout-footer-buttons .btn-sep{margin:0;color:#e8e8e8}body.layout-page .layout-footer-buttons{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}body.layout-page .layout-footer-buttons .btn-sep{display:none}body.layout-page .layout-footer-buttons label:has(input[type=radio]){cursor:pointer;font:inherit;color:#e8e8e8;text-decoration:underline}body.layout-page .layout-footer-buttons label:has(input[type=radio]):hover{text-decoration:none}body.layout-page .layout-footer-buttons label:has(input[type=radio]) input[type=radio]{margin-right:.25rem}.layout-css-row{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;width:100%}.layout-css-col{flex:0 0 auto;width:100%;min-width:0;padding-top:1rem}.layout-css-col pre{margin:0;font-size:.75rem;white-space:pre-wrap;word-break:break-all;overflow:hidden;padding:1rem 0}body.layout-page main.layout-main-two{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;justify-content:stretch;align-items:stretch;gap:1rem;padding:.5rem;overflow:hidden}#layout-canvas,#poster-canvas{position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;border:1px solid #0066cc;background:#fff}#layout-canvas .layout-wrapper,#layout-canvas .poster-wrapper,#poster-canvas .layout-wrapper,#poster-canvas .poster-wrapper{flex-shrink:0}#layout-canvas .layout-shapes-view svg,#layout-canvas .layout-cutout-view svg,#layout-canvas .poster-shapes-view svg,#layout-canvas .poster-cutout-view svg,#poster-canvas .layout-shapes-view svg,#poster-canvas .layout-cutout-view svg,#poster-canvas .poster-shapes-view svg,#poster-canvas .poster-cutout-view svg{display:block;width:100%;height:100%}#layout-canvas{flex:1 1 50%;min-width:0;min-height:0;height:50%;align-self:stretch;padding:1rem}#layout-canvas .layout-wrapper{transform-origin:center center}.layout-poster-pane{flex:1 1 50%;min-height:0;min-width:0;container-type:size;display:flex;justify-content:center;align-items:center;overflow:hidden}#poster-canvas{flex:0 0 auto;aspect-ratio:595/842;width:min(100cqw,70.6650831354cqh);height:auto;max-width:100%;max-height:100%;min-width:180px;align-self:center}#poster-canvas .poster-wrapper{position:relative;transform-origin:center center}body.testing-page .testing-sidebar-title{flex-shrink:0;margin:.25rem 0 0}body.testing-page .testing-sidebar-stack{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}body.testing-page .testing-sidebar-stack .overview{margin-bottom:0}body.testing-page .testing-sidebar-stack #viewCss{margin:0;padding:0;border:none}body.testing-page .testing-sidebar-stack .css-output label{display:block;margin-bottom:.25rem}body.testing-page .preview-random{align-items:flex-start;align-self:stretch}body.testing-page .view-tabs{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;margin-bottom:0;padding-bottom:0;border-bottom:none}body.testing-page .view-tabs .btn-sep{display:none}body.testing-page #viewControls{margin:0;padding:0;border:none}body.testing-page .preset-btns{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}body.testing-page .preset-btns .btn-sep{display:none}.layout-tex-subsection{margin-top:1rem;padding:.5rem 0 .5rem 1rem;border-left:3px solid #ccc}.layout-tex-subsection-title{margin:0 0 .5rem;font-size:.82em;font-weight:600;color:#e8e8e8;opacity:.92}.layout-tex-subsection[hidden]{display:none!important}@media(max-width:1440px){body.layout-page main.layout-main-two{gap:.5rem;padding:.25rem}}.forum-sidebar-hint{flex-shrink:0;margin:0}body.forum-page .forum-palette.layout-palette{display:block;margin:0}body.forum-page .forum-palette .layout-palette-list{list-style:disc;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem}body.forum-page .layout-palette-line{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:.25rem}body.forum-page .layout-palette-line--buttons{flex-direction:column;align-items:flex-start;gap:.25rem}body.forum-page .forum-controls{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}body.forum-page .forum-controls label:not(.forum-toggle-a4){display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}body.forum-page .forum-controls label.forum-toggle-a4{display:flex;flex-direction:row;align-items:center;gap:.25rem}body.forum-page .layout-workspace>main{flex:1;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}#forum-canvas{display:flex;justify-content:center;align-items:center;height:100%;max-width:100%;aspect-ratio:1/1.414;overflow:hidden;border:1px solid #0066cc}#forum-canvas canvas{display:block;width:100%;height:100%;object-fit:contain}#forum-canvas.forum-full-width{aspect-ratio:auto;max-width:none;width:100%}#forum-canvas.forum-full-width canvas{object-fit:fill}.sound-waves-hint,.sound-waves-mode,.sound-waves-status{flex-shrink:0;margin:0}.sound-waves-tools{gap:1rem}.sound-waves-controls{display:flex;flex-direction:column;gap:1rem;flex-shrink:0}.sound-waves-label{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.sound-waves-bertin-hint{flex-shrink:0;margin:0}body.sound-waves-page .layout-workspace>main{flex:1;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}#sound-waves-canvas{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}#sound-waves-canvas canvas{display:block;max-width:100%;max-height:100%}