.kdh{min-height:calc(100svh + 1px)}.kdh-sheet{display:flex;flex-direction:column}.kdh .kdh-sheet__compare{order:-1;width:100%;aspect-ratio:4 / 3}.kdh-sheet__waiting{background-color:var(--kd-paper)}.kdh-block,.kdh-rev{margin:16px var(--kdh-margin) 0}@media (min-width: 768px){.kdh .kdh-sheet__compare{aspect-ratio:3 / 2}.kdh-block,.kdh-rev{margin-top:24px}}@media (min-width: 1024px){.kdh-sheet{--kdh-pitch: calc((100% - 2 * var(--kdh-margin) - 11 * var(--kdh-gutter)) / 12 + var(--kdh-gutter));--kdh-block-w: max(536px, calc(6 * var(--kdh-pitch)));position:relative;display:grid;grid-template-columns:var(--kdh-inset) var(--kdh-block-w) minmax(0,1fr) var(--kdh-inset);grid-template-rows:minmax(calc(var(--kdh-inset) + 76px),1fr) auto var(--kdh-inset);min-height:min(calc(100svh - var(--kdh-header) - 1px),calc(100vw / 1.5))}.kdh .kdh-sheet__compare{position:absolute;inset:0;z-index:0;height:100%;aspect-ratio:auto}.kdh-block,.kdh-rev{position:relative;z-index:1;grid-row:2;align-self:end;margin:0}.kdh-block{grid-column:2}.kdh-rev{grid-column:3;background-color:var(--kd-paper);border:2px solid var(--kd-ink);border-left:0}.kdh-tag--before{margin:calc(var(--kdh-inset) - 16px) 0 0 calc(var(--kdh-inset) - 16px)}.kdh-tag--after{margin:calc(var(--kdh-inset) - 16px) calc(var(--kdh-inset) - 16px) 0 0}}@media (min-width: 1280px){.kdh-sheet{--kdh-block-w: calc(6 * var(--kdh-pitch))}}@media (min-width: 1680px){.kdh-sheet{--kdh-block-w: calc(5 * var(--kdh-pitch))}}.kdh-drawing{position:absolute;inset:0;overflow:hidden;background-color:var(--kd-paper);container-type:size}.kdh-drawing__frame{position:absolute;left:50%;top:50%;width:max(100cqw,calc(100cqh * 2528 / 1696));aspect-ratio:2528 / 1696;transform:translate(-50%,-50%)}.kdh-drawing__frame>img{position:absolute;inset:0;display:block;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;-webkit-user-select:none;-moz-user-select:none;user-select:none}.kdh-drawing__photo{opacity:.18}.kdh-drawing__lines{position:absolute;inset:0}.kdh-drawing__lines[data-reveal=waiting]{visibility:hidden}@media (prefers-reduced-motion: no-preference){.kdh-drawing__lines[data-reveal=draw]{animation:kdh-trace-draw var(--kd-duration-settle) linear backwards}.kdh-drawing__lines[data-reveal=fade]{animation:kdh-trace-fade var(--kd-duration-state) var(--kd-ease) backwards}}@keyframes kdh-trace-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 calc(100% - var(--kdh-line)) 0 0)}}@keyframes kdh-trace-fade{0%{opacity:0}}.kdh-wide-only{display:none}.kdh-sheet-no:before{content:attr(data-sheet-short)}@media (min-width: 640px){.kdh-wide-only{display:inline}.kdh-sheet-no:before{content:attr(data-sheet)}}.kdh-h1__label{display:flex;align-items:center;justify-content:space-between;gap:16px;height:40px;margin:-20px -14px 20px;padding-inline:14px;white-space:nowrap;border-bottom:1px solid var(--kd-ink)}@media (min-width: 640px){.kdh-h1__label{margin:-24px -22px 24px;padding-inline:22px}}.kdh-pause{opacity:0}.kdh-lead{max-width:520px;margin-top:12px}.kdh-sentences>span{display:inline-block}.kdh-actions{flex:1 1 100%;min-width:0;container:kdh-actions / inline-size}.kdh-actions__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.kdh-notice{width:100%}.kdh-actions .kdh-notice{margin-top:12px}.kdh-drop{display:none}@media (hover: hover) and (pointer: fine){.kdh-drop{display:inline-flex;align-items:center;gap:10px;height:48px;margin-left:auto;padding-inline:13px;font-size:15px;font-weight:600;line-height:20px;color:var(--kd-text-2);white-space:nowrap;border:1px dashed var(--kd-line-strong);border-radius:var(--kd-radius-md);cursor:pointer;transition:border-color var(--kd-duration-state) var(--kd-ease),color var(--kd-duration-state) var(--kd-ease)}.kdh-drop[data-state=dragover]{color:var(--kd-ink);border-color:var(--kd-redline)}.kdh-drop[data-state=dragover] svg{color:var(--kd-redline)}}@container kdh-actions (max-width: 539px){.kdh-drop{display:none}}.kdh-sample{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:8px;font-size:14px;font-weight:500;line-height:20px;color:var(--kd-ink);text-align:left;text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:4px;border-radius:var(--kd-radius-xs)}.kdh-sample img{flex:none;width:66px;height:44px;-o-object-fit:cover;object-fit:cover}.kdh-sample[aria-busy]{cursor:progress}@media (hover: hover){.kdh-sample:hover{text-decoration-thickness:2px}}.kdh-audiences{display:grid;grid-template-columns:repeat(2,max-content);-moz-column-gap:16px;column-gap:16px;margin-top:8px}.kdh-audience{display:flex;align-items:center;gap:8px;height:44px;font-size:14px;font-weight:500;line-height:20px;color:var(--kd-ink);white-space:nowrap;text-decoration-line:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;border-radius:var(--kd-radius-xs);transition:text-decoration-color var(--kd-duration-press) var(--kd-ease)}@media (hover: hover){.kdh-audience:hover{text-decoration-color:currentColor}}.kdh-phone{position:relative}.kdh-phone__dialog{position:absolute;left:0;bottom:calc(100% + 12px);z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;width:488px;padding:16px;background-color:var(--kd-paper);border-radius:var(--kd-radius-lg);box-shadow:var(--kd-shadow-float)}.kdh-phone__qr{display:block;width:185px;height:185px}.kdh-phone__text{padding-top:8px}.kdh-phone__address{margin-top:16px;font-size:15px;font-weight:600;line-height:20px;color:var(--kd-ink);-webkit-user-select:all;-moz-user-select:all;user-select:all}.kdh-phone__close{margin:-8px -8px 0 0}.kdh-rev{container:kdh-rev / inline-size}.kdh-rev__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label all" "chips chips";align-items:center}.kdh-rev__label{grid-area:label}.kdh-rev__all{grid-area:all;display:flex;align-items:center;justify-content:flex-end}.kdh-rev__chips{grid-area:chips;display:flex;gap:8px;padding-block:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none}.kdh-rev__chips::-webkit-scrollbar{display:none}.kdh-rev__chips>*{scroll-snap-align:start}@media (max-width: 1023px){.kdh-rev__chips{margin-inline:calc(-1 * var(--kdh-margin));padding-inline:var(--kdh-margin);scroll-padding-inline:var(--kdh-margin)}}@container kdh-rev (min-width: 640px){.kdh-rev__grid{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"label chips all";-moz-column-gap:16px;column-gap:16px}.kdh-rev__chips{margin-inline:0;padding-inline:0;overflow:visible}}@media (min-width: 1024px){.kdh-rev__label,.kdh-rev__all{height:40px;border-bottom:1px solid var(--kd-ink)}.kdh-rev__label{display:flex;align-items:center;padding-left:24px}.kdh-rev__all{padding-right:20px}.kdh-rev__chips{padding:8px 20px 8px 24px}@container kdh-rev (min-width: 640px){.kdh-rev__grid{padding-inline:24px 20px}.kdh-rev__label,.kdh-rev__all{height:auto;padding:0;border-bottom:0}.kdh-rev__chips{padding:8px 0}}}.kdh-hero{position:relative}.kdh{padding-bottom:calc(77px + env(safe-area-inset-bottom))}:root:has(.kdh){scroll-padding-bottom:calc(77px + env(safe-area-inset-bottom))}@media (min-width: 768px){:root:has(.kdh){scroll-padding-top:73px;scroll-padding-bottom:0}}.kdh :is(a[href],button,input,select,textarea,[tabindex]){scroll-margin-block:8px}.kdh-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:12px var(--kdh-margin) calc(12px + env(safe-area-inset-bottom));background-color:var(--kd-paper);border-top:1px solid var(--kd-line)}@media (min-width: 768px){.kdh{padding-bottom:0}.kdh-bar{display:none}}.kdh-dragframe{position:fixed;inset:8px;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding-top:16px;pointer-events:none;border:2px dashed var(--kd-redline);border-radius:var(--kd-radius-lg)}
