.tl-art{position:absolute;inset:0;display:block;overflow:hidden;container-type:inline-size;background:radial-gradient(60% 70% at 100% 0,color-mix(in srgb,var(--color-sky-1) 90%,transparent),transparent 70%),linear-gradient(150deg,var(--color-paper) 0,var(--color-accent-mist) 55%,var(--color-sky-2) 100%)}.tl-art-blob{position:absolute;border-radius:50%;filter:blur(6cqi)}.tl-art-blob--a{left:-14cqi;bottom:-22cqi;width:52cqi;height:44cqi;background:color-mix(in srgb,var(--color-sky-1) 80%,var(--color-ink-300));opacity:.9}.tl-art-blob--b{right:-12cqi;bottom:-20cqi;width:40cqi;height:36cqi;background:color-mix(in srgb,var(--color-accent) 70%,var(--color-accent-haze));opacity:.55}.tl-art-mark{position:absolute;left:3.4cqi;top:3.4cqi;width:7.4cqi;height:7.4cqi;border-radius:2.2cqi;display:grid;place-items:center;background:var(--color-accent);color:var(--color-ink-950);box-shadow:0 1.6cqi 3.4cqi -1.4cqi color-mix(in srgb,var(--color-accent) 80%,transparent)}.tl-art-mark svg{width:62%;height:62%}.tl-art-panel{position:absolute;left:12cqi;top:17cqi;width:44cqi;display:flex;flex-direction:column;gap:1.1cqi;padding:2.8cqi 3cqi 3.2cqi;border-radius:2.6cqi;background:linear-gradient(155deg,color-mix(in srgb,var(--color-white) 92%,transparent),color-mix(in srgb,var(--color-white) 72%,transparent));border:1px solid color-mix(in srgb,var(--color-white) 80%,transparent);box-shadow:0 4cqi 8cqi -4cqi color-mix(in srgb,var(--color-ink-900) 30%,transparent),inset 0 1px 0 var(--color-white);transform:rotate(-2deg);font-family:var(--font-sans);font-size:1.55cqi;line-height:1.35;color:var(--color-ink-700)}.tl-art-ttl{font-family:var(--font-display);font-weight:800;font-size:2.1cqi;letter-spacing:-.01em;color:var(--color-ink-900);margin-bottom:.6cqi}.tl-lab{font-size:1.3cqi;font-weight:600;color:var(--color-ink-500)}.tl-in{position:relative;display:block;padding:1.1cqi 1.4cqi;border-radius:1.2cqi;background:var(--color-white);border:1px solid var(--color-ink-200);color:var(--color-ink-900);white-space:nowrap;overflow:visible;text-overflow:ellipsis}.tl-mono{font-family:var(--font-mono);font-size:1.35cqi}.tl-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1.4cqi;padding:.9cqi 1.2cqi;border-radius:1.1cqi;background:color-mix(in srgb,var(--color-white) 70%,var(--color-paper));border:1px solid var(--color-ink-100)}.tl-row b{font-family:var(--font-mono);font-size:1.25cqi;font-weight:600;padding:.3cqi .9cqi;border-radius:.8cqi}.tl-ok{background:var(--color-accent-mist);color:var(--color-accent-text);border:1px solid var(--color-accent-haze)}.tl-no{background:var(--color-signal-soft);color:var(--color-signal-ink)}.tl-sk{display:block;height:1.2cqi;border-radius:1cqi;background:linear-gradient(90deg,var(--color-ink-200),var(--color-ink-100))}.tl-chips{display:flex;flex-wrap:wrap;gap:.8cqi}.tl-chip{position:relative;padding:.5cqi 1.1cqi;border-radius:1cqi;background:var(--color-accent-mist);border:1px solid var(--color-accent-haze);color:var(--color-accent-text);font-family:var(--font-mono);font-size:1.3cqi}.tl-chip--cut{background:var(--color-ink-100);border-color:var(--color-ink-200);color:var(--color-ink-500);text-decoration:line-through}.tl-drop{display:flex;flex-direction:column;align-items:center;gap:.6cqi;padding:1.6cqi;border-radius:1.4cqi;border:1px dashed var(--color-accent-haze);background:var(--color-accent-mist);font-size:1.25cqi;color:var(--color-ink-600)}.tl-file{font-family:var(--font-mono);font-size:1.4cqi;font-weight:600;color:var(--color-ink-900)}.tl-ringed{position:relative}.tl-ring{position:absolute;left:-6%;top:-34%;width:112%;height:168%;color:var(--color-accent);pointer-events:none;overflow:visible}.tl-art-sticker{position:absolute;right:5cqi;top:16cqi;max-width:44cqi;display:flex;flex-direction:column;padding:1.6cqi 2.4cqi 1.9cqi;background:var(--color-ink-950);border-radius:.8cqi;transform:rotate(2.5deg);box-shadow:0 3cqi 6cqi -3cqi color-mix(in srgb,var(--color-ink-950) 60%,transparent);font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:-.02em;line-height:.92}.tl-art-sticker span{color:var(--color-white);font-size:4.2cqi}.tl-art-sticker b{color:var(--color-accent);font-size:5.4cqi;font-weight:900}@media (prefers-reduced-motion:no-preference){.tl-art-panel{transition:transform .35s var(--ease-out-soft)}.tl-card:hover .tl-art-panel{transform:rotate(-1deg) translateY(-1cqi)}}.tl-art-frame{position:relative;display:block;width:100%;aspect-ratio:1200/670;overflow:hidden;background:var(--color-paper)}.tl-art-frame--hero,.tl-card{border-radius:1rem;border:1px solid var(--color-ink-200);box-shadow:0 24px 60px -30px color-mix(in srgb,var(--color-ink-900) 18%,transparent)}.tl-card{display:flex;height:100%;flex-direction:column;overflow:hidden;background:var(--color-white);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tl-card:hover{transform:translateY(-2px);border-color:var(--color-ink-300);box-shadow:0 28px 64px -28px color-mix(in srgb,var(--color-ink-900) 26%,transparent)}.tl-card-h{font-family:var(--font-display);font-weight:900;letter-spacing:-.02em;line-height:1.1}.tl-h1{font-size:clamp(38px,5.4vw,56px);line-height:1.02;letter-spacing:-.025em;text-wrap:balance}.tl-h1,.tl-h2{font-family:var(--font-display);font-weight:900;color:var(--color-ink-900)}.tl-h2{font-size:clamp(23px,2.6vw,26px);line-height:1.1;letter-spacing:-.02em}.tl-h2--sm{font-size:20px}.tl-crumbs a{display:inline-flex;min-height:44px;align-items:center}.tl-limits{position:relative;padding:22px 24px;border-radius:1rem;border:1px solid var(--color-accent-haze);background:linear-gradient(155deg,var(--color-accent-mist),var(--color-white))}.tl-h1--tool{font-size:clamp(34px,4.4vw,46px)}.tl-band{position:relative;overflow:hidden;border-radius:1rem;background:var(--color-ink-900);color:var(--color-white);box-shadow:0 24px 60px -30px color-mix(in srgb,var(--color-ink-900) 50%,transparent)}.tl-band:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(40% 80% at 95% 0,color-mix(in srgb,var(--color-accent) 26%,transparent),transparent 60%)}.tl-band>*{position:relative}@media (prefers-reduced-motion:reduce){.tl-art-panel,.tl-card{transition:none}.tl-card:hover{transform:none}}