hh-designer-mode{display:block;max-width:1800px;margin:0 auto 16px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink)}
.hhd-mode-heading{margin:0 0 10px;font-weight:700;font-size:18px}
.hhd-mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
hh-designer-mode button{min-height:48px;padding:12px;border:1px solid var(--accent);border-radius:10px;background:var(--paper);color:var(--ink);font:600 15px/1.3 Arial,sans-serif;cursor:pointer;overflow-wrap:anywhere}
hh-designer-mode button[aria-pressed=true]{background:var(--accent);color:#fff}
hh-designer-mode button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
hh-designer-mode [hidden]{display:none!important}
.hhd-mode-note{font-size:13px;line-height:1.5;margin:10px 0}
.hhd-mode-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.hhd-mode-summary strong{font-size:20px}
.hh-designer[data-designer-mode=mobile]{padding-inline:12px!important}
.hh-designer[data-designer-mode=mobile] hh-designer-mode{max-width:640px}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace{width:100%;max-width:640px;margin-inline:auto;height:auto!important;min-height:0!important;overflow:visible!important;border:1px solid var(--line);border-radius:14px}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-layout{display:flex!important;flex-direction:column!important;height:auto!important;min-height:0!important;overflow:visible!important}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-preview{display:flex!important;flex-direction:column;position:relative!important;top:auto!important;order:0!important;flex:none!important;align-self:stretch!important;height:auto!important;min-height:0!important;max-height:none!important;padding:10px!important;background:var(--paper)}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-board{display:flex;flex-direction:column;flex:none!important;height:auto!important;min-height:0!important;padding:4px!important}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-stage{display:block;width:100%!important;height:clamp(170px,28svh,260px)!important;min-height:0!important;max-height:none!important;flex:none!important;margin-inline:auto}
.hh-designer[data-designer-mode=mobile][data-mobile-preview=large].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-stage{height:clamp(250px,50svh,480px)!important}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-controls{display:flex!important;flex-direction:column;position:relative!important;inset:auto!important;transform:none!important;order:2!important;width:100%!important;min-width:0!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;border-inline:0;border-radius:0 0 14px 14px}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-control-scroll{display:block!important;flex:none!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:14px!important}
.hh-designer[data-designer-mode=mobile] .hhd-flow{gap:4px;padding:8px;overflow:visible}
.hh-designer[data-designer-mode=mobile] .hhd-flow button{min-width:0;min-height:48px;font-size:12px;padding:8px 3px;white-space:normal}
.hh-designer[data-designer-mode=mobile] .hhd-studio-toolbar{flex-wrap:wrap;gap:6px;padding:8px}
.hh-designer[data-designer-mode=mobile] .hhd-studio-toolbar button{min-width:0;min-height:48px;flex:1 1 90px;font-size:14px}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-tabs{display:flex!important;flex-wrap:wrap;position:static!important;padding:8px;gap:6px}
.hh-designer[data-designer-mode=mobile] .hhd-flow-footer{position:sticky;bottom:0;z-index:4;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:0 -3px 12px #493c3610}
.hh-designer[data-designer-mode=mobile] .hhd-flow-footer button{min-height:48px;white-space:normal}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-blank-choices{grid-template-columns:1fr!important;gap:8px}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-blank-choice{display:grid!important;grid-template-columns:70px minmax(0,1fr);align-content:center;column-gap:12px;row-gap:3px;min-height:100px!important;text-align:left;padding:10px!important}
.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-blank-choice>img,.hh-designer[data-designer-mode=mobile].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-blank-choice>svg{grid-column:1;grid-row:1/5;width:70px!important;height:80px!important;max-height:80px!important;object-fit:contain}
.hh-designer[data-designer-mode=mobile] .hhd-blank-choice>strong,.hh-designer[data-designer-mode=mobile] .hhd-blank-choice>span{grid-column:2}
.hh-designer[data-designer-mode=mobile] .hhd-blank-choice strong{font:600 15px/1.35 Arial,sans-serif!important}
.hh-designer[data-designer-mode=mobile] .hhd-control-scroll input:not([type=checkbox]):not([type=radio]),.hh-designer[data-designer-mode=mobile] .hhd-control-scroll select,.hh-designer[data-designer-mode=mobile] .hhd-control-scroll textarea{font-size:16px!important;min-height:48px;max-width:100%;min-width:0}
.hh-designer[data-designer-mode=mobile] .hhd-control-scroll button{min-height:44px;white-space:normal}
.hh-designer[data-designer-mode=mobile] .hhd-two{grid-template-columns:1fr!important}
.hh-designer[data-designer-mode=mobile] .hhd-flow-preview-toggle,.hh-designer[data-designer-mode=mobile] .hhd-mobile-sheet-heading{display:none!important}
.hh-designer[data-designer-mode=mobile][data-mode-typing] .hhd-flow-footer{position:static}
.hh-designer[data-designer-mode=mobile][data-mode-typing].hhd-clear-flow[data-flow-step] .hhd-workspace .hhd-stage{height:170px!important}
@media(max-width:380px){.hh-designer[data-designer-mode=mobile]{padding-inline:6px!important}hh-designer-mode{padding:12px}.hhd-mode-options{gap:6px}hh-designer-mode button{font-size:14px;padding:10px 6px}}

.hh-designer[data-designer-mode=mobile] .hhd-intro{padding-block:12px;margin-bottom:10px}
.hh-designer[data-designer-mode=mobile] .hhd-intro h1{font-size:26px;margin:4px 0 8px}
.hh-designer[data-designer-mode=mobile] .hhd-intro p{font-size:14px;line-height:1.45;margin-block:6px}
.hh-designer[data-designer-mode=mobile] hh-designer-mode{padding:10px;margin-bottom:10px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-heading{font-size:14px;margin-bottom:6px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-note{margin-block:6px;font-size:12px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-summary{gap:6px;font-size:13px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-summary strong{font-size:16px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-summary button{padding:6px 10px;min-height:44px;font-size:12px}
.hh-designer[data-designer-mode=mobile] .hhd-mode-options button{padding:8px;min-height:44px}
.hh-designer[data-designer-mode=mobile] .hhd-preview-heading p{display:none}
.hh-designer[data-designer-mode=mobile] .hhd-preview-only-label{display:block;padding:5px;border:1px solid var(--line);font-size:12px;font-style:normal}