#direction-sample{margin:24px 0 36px;padding:24px;border:1px solid #30465b;border-radius:12px;background:#0b1c2e;color:#edf3fa;font:16px/1.6 'Segoe UI',Tahoma,Arial,sans-serif}#direction-sample h2{font-size:25px;margin:0 0 8px}#direction-sample p{margin:8px 0}#direction-sample .ds-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}#direction-sample label{display:grid;gap:6px;font-size:14px}#direction-sample select,#direction-sample button{font:inherit;min-height:44px;border:1px solid #547084;border-radius:6px;padding:9px 14px;color:#edf3fa;background:#142b3d;cursor:pointer}#direction-sample .ds-action{background:#05bffc;color:#041827;font-weight:600}#direction-sample :focus-visible{outline:3px solid #ffd18f;outline-offset:3px}#direction-sample .ds-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}#direction-sample .ds-panel{min-width:0;background:#f4f8fa;color:#19364b;border-radius:8px;padding:20px}#direction-sample h3{font-size:14px;color:#526b80;margin:0 0 16px}#direction-sample h4{font-size:22px;line-height:1.5;margin:0 0 16px}#direction-sample .ds-content{white-space:pre-wrap;overflow-wrap:anywhere;min-height:170px;text-align:start}#direction-sample .ds-note{font-size:13px;color:#afc0d0}#direction-sample .ds-status{color:#85dfc5}#direction-sample .ds-artboard{position:relative;height:300px;overflow:hidden;background:#e5f0f5;border-radius:6px;padding:0}#direction-sample .ds-title,#direction-sample .ds-body{position:absolute;left:6%;width:70%;margin:0}#direction-sample .ds-title{top:20px;font-size:21px}#direction-sample .ds-body{top:105px}#direction-sample .ds-arrow{position:absolute;left:6%;top:175px;font-size:34px}#direction-sample .ds-footer{position:absolute;left:6%;bottom:15px;max-width:65%;font-size:13px}#direction-sample .ds-number{position:absolute;right:6%;bottom:15px}#direction-sample .ds-mirrored .ds-title,#direction-sample .ds-mirrored .ds-body{left:24%}#direction-sample .ds-mirrored .ds-arrow{left:auto;right:6%}#direction-sample .ds-mirrored .ds-footer{left:auto;right:6%}#direction-sample .ds-mirrored .ds-number{right:auto;left:6%}@media(max-width:700px){#direction-sample{padding:16px}#direction-sample .ds-panels{grid-template-columns:1fr}#direction-sample .ds-panel{padding:14px}#direction-sample .ds-toolbar{align-items:stretch;flex-direction:column}#direction-sample select{width:100%}}