.ct-layout{grid-template-columns:minmax(300px,420px) minmax(0,1fr);align-items:start;gap:clamp(14px,2vw,24px);display:grid}.ct-side{position:sticky;top:88px}.ct-preview{border-radius:var(--r-md);box-shadow:0 0 0 1px var(--line), 0 24px 60px #00000073;overflow:hidden}.ct-layout.is-portrait .ct-preview{justify-self:center;width:min(100%,620px)}.ct-svg{width:100%;height:auto;display:block}.ct-print{display:none}.ct-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ct-themes button{border-radius:var(--r-sm);cursor:pointer;text-align:left;border:2px solid;align-items:flex-end;gap:4px;min-height:64px;padding:8px;display:flex;position:relative}.ct-themes i{border-radius:50%;width:14px;height:14px;position:absolute;top:8px}.ct-themes i:first-child{left:8px}.ct-themes i:nth-child(2){left:26px}.ct-themes span{font-size:.76rem;font-weight:700}.ct-pad{justify-items:start;gap:6px;display:grid}.ct-pad canvas{aspect-ratio:540/190;border:1px dashed var(--line-strong);border-radius:var(--r-sm);touch-action:none;cursor:crosshair;background:#fbf7ef;width:100%;max-width:360px}@media (max-width:1080px){.ct-layout{grid-template-columns:1fr}.ct-side{order:-1;position:static}}@media print{.ct-layout{display:block}.ct-side{position:static}.ct-print{display:block}.ct-page{page-break-after:always;break-after:page;place-items:center;width:100vw;height:100vh;display:grid}.ct-page .ct-svg{width:100%;height:100%}}