body:has([data-tool-workspace]) main.shell{width:100%;max-width:1600px;padding-inline:40px}.tool-workspace{width:100%;min-width:0;padding:32px 0 56px}.tool-workspace-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.tool-workspace-heading p{color:var(--muted);letter-spacing:.12em;margin:0 0 8px;font-size:11px}.tool-workspace-heading h1{font:800 clamp(28px,3vw,38px)/1.2 var(--display-font);letter-spacing:-.035em;color:var(--ink);margin:0}.tool-workspace-description{color:var(--muted);margin-top:10px;font-size:14px;line-height:1.7}ottlog-tools{min-width:0;min-height:320px;display:block}@media (max-width:899px){body:has([data-tool-workspace]) main.shell{padding-inline:20px}.tool-workspace{padding-top:22px}.tool-workspace-heading{margin-bottom:18px}}@media (max-width:520px){body:has([data-tool-workspace]) main.shell{padding-inline:16px}.tool-workspace-heading h1{font-size:28px}}@media (min-width:0){body:has([data-tool-layout=viewport]){flex-direction:column;height:100dvh;display:flex;overflow:hidden}body:has([data-tool-layout=viewport])>header{flex:none}body:has([data-tool-layout=viewport])>main.shell{flex:1;width:100%;min-height:0;margin:0 auto;padding:0 32px 16px;overflow:hidden}body:has([data-tool-layout=viewport])>footer{display:none}.tool-workspace[data-tool-layout=viewport]{grid-template-rows:minmax(0,1fr);gap:0;height:100%;min-height:0;padding:8px 0 0;display:grid}[data-tool-layout=viewport] .tool-workspace-heading{min-height:44px;margin:0}[data-tool-layout=viewport] .tool-workspace-heading>div{align-items:baseline;gap:18px;min-width:0;display:flex}[data-tool-layout=viewport] .tool-workspace-heading p{display:none}[data-tool-layout=viewport] .tool-workspace-heading h1{white-space:nowrap;font-size:28px;line-height:1.3}[data-tool-layout=viewport] .tool-workspace-description{margin:0;font-size:13px}[data-tool-layout=viewport] ottlog-tools{height:100%;min-height:0}[data-tool-layout=viewport] .tool-app-root{height:100%;min-height:0;padding:0}[data-tool-layout=viewport] .shared-app-content{height:100%;min-height:0}}@media (max-width:899px){body:has([data-tool-layout=viewport])>main.shell{padding:0 12px 8px}[data-tool-layout=viewport] .tool-app-root .page-scroll{height:100%;min-height:0;overflow-y:auto}[data-tool-layout=viewport] .tool-app-root .tool-page.core-page{height:var(--app-page-height);padding:0}[data-tool-layout=viewport] .tool-app-root .core-screen{height:var(--app-page-height);min-height:0;padding:0}[data-tool-layout=viewport] .tool-app-root .core-screen>.core-content{flex:1;height:0;min-height:0}}