.tl-head{padding:clamp(24px,3vw,40px) 0 clamp(24px,2.4vw,32px)}.tl-head-index{padding-top:clamp(32px,4vw,56px)}.tl-back{min-height:44px;color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:17px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.tl-back:hover{color:var(--text)}.tl-back .ico{width:20px;height:20px}.tl-head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.tl-head h1{letter-spacing:-.05em;margin:0;font-size:clamp(40px,4.6vw,68px);font-weight:900;line-height:.98}.tl-head-index h1{font-size:clamp(44px,5.4vw,80px)}.tl-lead{max-width:36em;color:var(--muted);margin:16px 0 0;font-size:18px;line-height:1.5}.tl-head-side{flex-wrap:wrap;align-items:center;gap:16px 28px;display:flex}.tl-private{max-width:24em;color:var(--muted);align-items:center;gap:12px;margin:0;font-size:17px;line-height:1.45;display:flex}.tl-private .ico{width:26px;height:26px;color:var(--lav);flex:none}.tl-private b{color:var(--text);font-weight:700}.tl-shop{min-height:44px;color:var(--lav);align-items:center;gap:10px;font-size:17px;font-weight:700;text-decoration:none;display:inline-flex}.tl-shop:hover{color:var(--text)}.tl-shop .ico{width:22px;height:22px}.tl-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,20px);display:grid}.tl-more .tl-nav{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(28px,3vw,40px)}.tl-tile{border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel);color:inherit;transition:border-color .3s, transform .4s var(--ease-out);align-content:start;gap:12px;padding:clamp(22px,2.2vw,30px);text-decoration:none;display:grid}a.tl-tile:hover{border-color:var(--line-strong);transform:translateY(-3px)}a.tl-tile:focus-visible{outline:2px solid var(--lav);outline-offset:4px}.tl-tile .ico{width:36px;height:36px;color:var(--lav)}.tl-tile h2{letter-spacing:-.03em;font-size:clamp(22px,1.8vw,26px);font-weight:900;line-height:1.1}.tl-tile p{color:var(--muted);margin:0;font-size:17px;line-height:1.5}.tl-tile.is-soon{cursor:not-allowed;background:0 0;border-style:dashed}.tl-tile.is-soon .ico,.tl-tile.is-soon h2{color:var(--dim)}.tl-go{color:var(--lav);align-items:center;gap:8px;margin-top:8px;font-size:17px;font-weight:700;display:inline-flex}.tl-go .ico{width:20px;height:20px;transition:transform .3s var(--ease-out)}a.tl-tile:hover .tl-go .ico{transform:translate(4px)}.tl-tool{scroll-margin-top:96px}.tl-work{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:clamp(24px,3vw,48px);display:grid}.tl-stage-wrap{gap:16px;min-width:0;display:grid}.tl-stage{aspect-ratio:1;border-radius:var(--r-lg);border:1px solid var(--line-soft);background:#05030b;place-items:center;width:100%;max-width:640px;transition:border-color .2s,background-color .3s;display:grid;position:relative;overflow:hidden}.tl-stage[data-bg=light]{background:#fafafa}.tl-stage[data-bg=grid]{background-color:#1a1328;background-image:linear-gradient(45deg,#241b35 25%,#0000 25% 75%,#241b35 75%),linear-gradient(45deg,#241b35 25%,#0000 25% 75%,#241b35 75%);background-position:0 0,16px 16px;background-size:32px 32px}.tl-stage.is-over{border-color:var(--lav)}.tl-drop{border-radius:calc(var(--r-lg) - 12px);border:2px dashed var(--line);text-align:center;cursor:pointer;place-content:center;justify-items:center;gap:12px;padding:24px;transition:border-color .2s,background-color .2s;display:grid;position:absolute;inset:16px}.tl-drop:hover,.tl-stage.is-over .tl-drop{border-color:var(--lav);background:#cb89ff0d}.tl-drop:focus-within{outline:2px solid var(--lav);outline-offset:4px}.tl-drop>.ico{width:48px;height:48px;color:var(--lav)}.tl-drop-title{letter-spacing:-.03em;font-size:clamp(22px,2vw,28px);font-weight:900}.tl-drop-sub{color:var(--muted);font-size:17px}.tl-drop .btn{pointer-events:none;margin-top:8px}.tl-player{position:absolute;inset:6%}.tl-player svg{display:block;width:100%!important;height:100%!important}.tl-stage-bar{justify-content:space-between;align-items:center;gap:12px;max-width:640px;display:flex}.tl-stage-bar .eco-chips{min-width:0}.tl-icon-btn{border:1px solid var(--line);width:56px;height:56px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;transition:border-color .2s,background-color .2s;display:grid}.tl-icon-btn:hover{border-color:var(--line-strong);background:#cb89ff14}.tl-icon-btn:focus-visible{outline:2px solid var(--lav);outline-offset:3px}.tl-side{align-content:start;gap:24px;min-width:0;display:grid}.tl-side>div{align-content:start;gap:16px;display:grid}.tl-h3{letter-spacing:-.025em;font-size:22px;font-weight:900;line-height:1.2;display:block}.tl-p{color:var(--muted);margin:0;font-size:17px;line-height:1.5}.tl-btns{flex-wrap:wrap;gap:12px;display:flex}.tl-side .tl-btns .btn{flex:200px}.tl-error{border-radius:var(--r-sm);background:#ef89ef14;border:1px solid #ef89ef80;margin:0;padding:18px 20px;font-size:17px;line-height:1.5}.tl-file{overflow-wrap:anywhere;color:var(--muted);margin:0;font-size:17px;font-weight:600}.tl-verdict{letter-spacing:-.035em;margin:-8px 0 0;font-size:clamp(24px,2vw,30px);font-weight:900;line-height:1.15}.tl-verdict.is-ok{color:var(--lav)}.tl-verdict.is-warn{color:#ffd28a}.tl-verdict.is-bad{color:var(--pink)}.tl-checks{border-top:1px solid var(--line-soft);gap:0;margin:0;padding:0;list-style:none;display:grid}.tl-checks li{border-bottom:1px solid var(--line-soft);align-items:flex-start;gap:14px;padding:14px 0;font-size:17px;line-height:1.45;display:flex}.tl-checks .ico{flex:none;width:24px;height:24px;margin-top:1px}.tl-checks b{margin-right:6px;font-weight:700}.tl-checks span{color:var(--muted);overflow-wrap:anywhere}.tl-checks b{color:var(--text)}.tl-checks em{color:var(--dim);font-size:16px;font-style:normal;display:block}.tl-checks .is-ok .ico{color:var(--lav)}.tl-checks .is-bad .ico{color:var(--pink)}.tl-checks .is-warn .ico{color:#ffd28a}.tl-recolor{border-radius:var(--r-md);border:1px solid var(--line-soft);background:var(--panel);padding:24px}.tl-hue-row{align-items:center;gap:16px;display:flex}.tl-hue-row output{text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:3.2em;font-size:18px;font-weight:700}.tl-hue-row input[type=range]{cursor:pointer;-webkit-appearance:none;appearance:none;background:0 0;flex:1;min-width:0;height:56px;margin:0}.tl-hue-row input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#ec5151,#ecec51,#30e830,#30e8e8,#6363ee,#ee63ee,#ec5151);border-radius:6px;height:12px}.tl-hue-row input[type=range]::-moz-range-track{background:linear-gradient(90deg,#ec5151,#ecec51,#30e830,#30e8e8,#6363ee,#ee63ee,#ec5151);border-radius:6px;height:12px}.tl-hue-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border:3px solid #0c061b;border-radius:50%;width:32px;height:32px;margin-top:-10px;box-shadow:0 0 0 2px #fff}.tl-hue-row input[type=range]::-moz-range-thumb{background:#fff;border:3px solid #0c061b;border-radius:50%;width:26px;height:26px;box-shadow:0 0 0 2px #fff}.tl-hue-row input[type=range]:focus-visible{outline:2px solid var(--lav);outline-offset:2px;border-radius:8px}.tl-link{cursor:pointer;min-height:44px;font:inherit;color:var(--lav);text-underline-offset:4px;background:0 0;border:0;justify-self:start;padding:0;font-size:17px;font-weight:600;text-decoration:underline}.tl-link:hover{color:var(--text)}.tl-source{max-width:60em;color:var(--dim);margin:28px 0 0;font-size:16px;line-height:1.55}.tl-source a{color:var(--lav);text-underline-offset:3px;text-decoration:underline}.tl-plate-stage{aspect-ratio:16/10;padding:clamp(20px,4vw,56px)}.tl-plate-stage canvas{max-width:100%;height:auto;display:block}.tl-plate-stage canvas[data-fmt=emoji]{width:min(60%,260px)}.tl-size{color:var(--dim);margin:0;font-size:16px}.tl-form{gap:28px}.tl-field{gap:12px;display:grid}.tl-input{border:1px solid var(--line);background:var(--bg);width:100%;min-height:56px;font:inherit;color:var(--text);border-radius:16px;padding:0 20px;font-size:18px;transition:border-color .2s}.tl-input:hover{border-color:var(--line-strong)}.tl-input:focus{border-color:var(--lav);outline:none}.tl-color{cursor:pointer;align-items:center;gap:14px;min-height:56px;font-size:17px;font-weight:600;display:inline-flex}.tl-color input{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:16px;width:56px;height:56px;padding:0}.tl-color input::-webkit-color-swatch-wrapper{padding:6px}.tl-color input::-webkit-color-swatch{border:0;border-radius:10px}.tl-form .tl-btns .btn{width:100%}.tl-cta{margin-top:clamp(56px,7vw,104px)}.tl-head-index+.tl-nav+.tl-cta{margin-top:clamp(40px,5vw,72px)}.tl-faq{margin-bottom:clamp(72px,9vw,136px)}@media (width<=1100px){.tl-nav,.tl-more .tl-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.tl-work{grid-template-columns:minmax(0,1fr)}.tl-stage,.tl-stage-bar{max-width:none}.tl-stage:not(.tl-plate-stage){max-width:560px}}@media (width<=720px){.tl-page .eco-chips{flex-wrap:wrap;margin:0;padding:0;overflow:visible}}@media (width<=560px){.tl-nav,.tl-more .tl-nav{grid-template-columns:1fr}.tl-stage{border-radius:var(--r-md)}.tl-drop{border-radius:calc(var(--r-md) - 8px);inset:10px}.tl-drop-sub{font-size:16px}.tl-recolor{padding:20px}.tl-side .tl-btns .btn{flex-basis:100%}.tl-stage-bar{align-items:flex-start}.tl-side .btn{white-space:normal;text-align:center;padding:12px 20px;line-height:1.25}}@media (prefers-reduced-motion:reduce){.tl-tile,.tl-stage,.tl-drop{transition:none}a.tl-tile:hover,a.tl-tile:hover .tl-go .ico{transform:none}}@media (width<=400px){.tl-head-index h1{font-size:11.4vw}}