.tc{aspect-ratio:16/9;background-color:var(--hover);isolation:isolate;background-position:50%;background-size:cover;border-radius:10px;width:100%;display:block;position:relative;overflow:hidden}.tc:after{content:"";z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 8%, transparent);pointer-events:none;position:absolute;inset:0}.tc-mark{color:var(--muted);place-items:center;display:grid}.tc-img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.tc-page{background:linear-gradient(160deg,#efefef,#e4e4e4)}:root[data-theme=dark] .tc-page{background:linear-gradient(160deg,#2a2a2d,#1d1d20)}.tc-page-img{width:42%;height:auto;transition:transform var(--ui-med,.18s) var(--ui-ease,ease);border-radius:3px;position:absolute;top:9%;left:50%;transform:translate(-50%);box-shadow:0 14px 28px -14px #00000059,0 0 0 1px #0000000f}.tc-fit-img{width:auto;max-width:86%;height:auto;max-height:82%;transition:transform var(--ui-med,.18s) var(--ui-ease,ease);border-radius:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 14px 28px -14px #00000059,0 0 0 1px #0000000f}.tc:is(.tc-frame-page,.tc-frame-square,.tc-frame-sheet,.tc-frame-form){background:linear-gradient(160deg, color-mix(in srgb, var(--c-a) 22%, #f6f6f6), color-mix(in srgb, var(--c-a) 9%, #ededed))}:root[data-theme=dark] .tc:is(.tc-frame-page,.tc-frame-square,.tc-frame-sheet,.tc-frame-form){background:linear-gradient(160deg, color-mix(in srgb, var(--c-a) 30%, #1d1d20), color-mix(in srgb, var(--c-a) 12%, #141416))}.tc:is(.tc-frame-page,.tc-frame-square,.tc-frame-sheet,.tc-frame-form) .tc-art{transition:transform var(--ui-med,.18s) var(--ui-ease,ease);border-radius:4px;bottom:auto;right:auto;box-shadow:0 14px 28px -14px #00000059,0 0 0 1px #0000000f}.tc-frame-page .tc-art{aspect-ratio:3/4;width:42%;top:11%;left:29%}.tc-frame-square .tc-art{aspect-ratio:1;width:45%;top:9%;left:27.5%}.tc-frame-sheet .tc-art{aspect-ratio:16/9;width:82%;top:12%;left:9%}.tc-frame-form .tc-art{aspect-ratio:4/5;border-radius:7px;width:42%;top:11%;left:29%}.tpl-sketch{color:#17181c;transition:transform var(--ui-med,.18s) var(--ui-ease,ease);background:#fff;border-radius:4px;flex-direction:column;gap:4px;padding:9px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 12px 24px -12px #00000059,0 0 0 1px #0000000d}.tpl-sketch b{letter-spacing:-.1px;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;font-size:8.5px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.tpl-sketch i{background:#e8e9ec;border-radius:2px;flex-shrink:0;height:3px;display:block}.tpl-sketch:is(.is-page,.is-slide,.is-invoice):before{content:"";background:var(--tpl-c);border-radius:2px;flex-shrink:0;width:34%;height:3px;margin-bottom:2px}.tpl-sketch.is-page{aspect-ratio:3/4;width:40%;top:56%}.tpl-sketch.is-page i:nth-of-type(2){width:90%}.tpl-sketch.is-page i:nth-of-type(3){width:96%}.tpl-sketch.is-page i:nth-of-type(4){width:58%}.tpl-sketch.is-slide{aspect-ratio:16/9;justify-content:center;gap:5px;width:72%;padding:10px 12px}.tpl-sketch.is-slide b{letter-spacing:-.2px;max-width:70%;font-size:10.5px}.tpl-sketch.is-slide i{width:46%}.tpl-sketch.is-slide i:nth-of-type(2){width:30%}.tpl-sketch.is-slide:after{content:"";aspect-ratio:1;background:color-mix(in srgb, var(--tpl-c) 22%, #fff);border-radius:50%;width:24%;position:absolute;bottom:10px;right:10px}.tpl-sketch.is-sheet{aspect-ratio:3/2;background-image:linear-gradient(#eceef1 1px,#0000 1px),linear-gradient(90deg,#eceef1 1px,#0000 1px);background-size:100% 11px,25% 100%;gap:0;width:76%;padding:0}.tpl-sketch.is-sheet b{background:color-mix(in srgb, var(--tpl-c) 16%, #fff);-webkit-line-clamp:1;padding:6px 8px;font-size:8px}.tpl-sketch.is-sheet i{display:none}.tpl-sketch.is-form{aspect-ratio:4/5;gap:5px;width:40%;top:56%}.tpl-sketch.is-form i{background:#fff;border:1px solid #e3e5e9;border-radius:3px;height:9px}.tpl-sketch.is-form i:last-of-type{background:var(--tpl-c);border:0;border-radius:99px;width:46%;height:8px;margin-top:2px}.tpl-sketch.is-invoice{aspect-ratio:3/4;width:40%;top:56%}.tpl-sketch.is-invoice i{background:#f1f2f4;border-radius:1px;height:5px}.tpl-sketch.is-invoice i:last-of-type{background:color-mix(in srgb, var(--tpl-c) 55%, #fff);align-self:flex-end;width:45%;margin-top:auto}.tpl-sketch.is-board{aspect-ratio:8/5;background:#f6f6f6 radial-gradient(#d6d7dc .8px,#0000 1px) 0 0/8px 8px;width:76%;padding:0}.tpl-sketch.is-board i{aspect-ratio:1;background:color-mix(in srgb, var(--tpl-c) 32%, #fff);border-radius:2px;width:22%;height:auto;position:absolute;box-shadow:0 2px 4px #0000001a}.tpl-sketch.is-board i:first-of-type{top:14%;left:8%;transform:rotate(-4deg)}.tpl-sketch.is-board i:nth-of-type(2){background:#ffe58a;top:9%;left:38%;transform:rotate(3deg)}.tpl-sketch.is-board i:nth-of-type(3){background:#b9efcb;top:17%;left:69%;transform:rotate(-2deg)}.tpl-sketch.is-board i:nth-of-type(4){background:#c4ddff;top:55%;left:20%;transform:rotate(2deg)}.tpl-sketch.is-board i:nth-of-type(5){top:52%;left:52%;transform:rotate(-3deg)}