.tl-focus-launch,.tl-focus-bar,.tl-focus-image-launch{display:none}
@media(max-width:700px){
 .tl-focus-launch{display:block;grid-area:auto;grid-column:1;min-height:48px;padding:12px 16px;border:0;border-radius:14px;background:var(--dl-cobalt,#2d55f2);color:white;font:700 16px/1.3 system-ui;cursor:pointer}
 .tl:has(.tl-focus-launch){grid-template-areas:"head" "launch" "stage" "panel"}
 .tl-focus-launch{grid-area:launch}
 body.tl-focus-open{overflow:hidden}
 main.tl.tl-focus{position:fixed;inset:0;z-index:10000;max-width:none;width:100%;height:100vh;height:100dvh;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);background:var(--dl-paper,#f6f3ec);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:44px auto minmax(0,1fr);grid-template-areas:"focusbar" "stage" "panel";gap:4px;overflow:hidden;align-items:stretch}
 .tl-focus> :not(.tl-focus-bar):not(.tl-stagecol):not(.tl-panel){display:none!important}
 .tl-focus .tl-focus-bar{grid-area:focusbar;display:flex;align-items:center;justify-content:space-between;padding:0 8px;gap:8px;font:600 13px/1.3 system-ui}
 .tl-focus-bar button{min-width:60px;min-height:44px;border:1px solid var(--dl-line,#bbb);border-radius:12px;background:white;color:var(--dl-ink,#151a2d);font:700 15px system-ui}
 .tl-focus .tl-stagecol{position:static;min-height:0;width:100%;height:100%;max-width:none;display:flex;align-items:center;justify-content:center;overflow:hidden}
 .tl-focus .tl-stage{width:100%;max-width:100%;height:auto;aspect-ratio:1080/900;padding-bottom:28px;box-sizing:border-box;flex:none;border-radius:14px;box-shadow:none}
 .tl-focus .tl-canvas{width:100%;height:100%;aspect-ratio:auto}
 .tl-focus .tl-caption{display:none}
 .tl-focus .tl-tag{max-width:calc(100% - 12px);left:6px;white-space:normal;font-size:8px;letter-spacing:.04em;bottom:4px}
 .tl-focus .tl-stage::after{bottom:28px}
 .tl-focus .tl-panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 8px 12px;gap:8px;scroll-padding:12px}
 .tl-focus .tl-panel> :not(.tl-step){display:none!important}
 .tl-focus .tl-step:has(#step-see),.tl-focus .tl-step>h2,.tl-focus .tl-explain{display:none!important}
 .tl-focus .tl-knob{padding:6px 10px;border-radius:10px}
 .tl-focus .tl-knob-value{font-size:20px}
 .tl-focus .tl-knob-label{font-size:11px;letter-spacing:.06em}
 .tl-focus input[type=range]{touch-action:pan-y;margin:18px 0 12px}
 .tl-focus .tl-knob-ends{display:none}
 .tl-focus .tl-controls{gap:6px}
 .tl-focus .tl-presets{gap:6px}
 .tl-focus .dl-chip{min-height:40px}
}
@media(max-width:700px) and (orientation:landscape){
 main.tl.tl-focus{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:44px minmax(0,1fr);grid-template-areas:"focusbar focusbar" "stage panel"}
}

@media(max-width:700px){.tl-focus input[type=range]::-webkit-slider-thumb{width:44px;height:44px}.tl-focus input[type=range]::-moz-range-thumb{width:44px;height:44px}}

@media(max-width:700px){
 .tl-stage{position:relative}
 .tl-focus-image-launch{display:block;position:absolute;inset:0;z-index:3;width:100%;border:0;border-radius:inherit;background:transparent;cursor:pointer}
 .tl-focus-image-launch span{position:absolute;top:10px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:8px 14px;border-radius:999px;background:#fff;color:#151a2d;box-shadow:0 2px 12px #0005;font:700 14px/1.4 system-ui}
 .tl-focus .tl-focus-image-launch{display:none}
}
@media(max-width:700px) and (orientation:landscape){.tl-focus .tl-stage{height:100%;width:100%;aspect-ratio:auto}}