.structure-bar{align-items:center;gap:var(--dlab-space-5) var(--dlab-space-15);padding:var(--dlab-space-5) var(--dlab-space-10);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);background:var(--dlab-color-bg-subtle);font-size:var(--dlab-font-size-p2);word-break:keep-all;flex-wrap:wrap;line-height:1.5;display:flex}.structure-bar-marks{flex:auto;gap:2px;min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.structure-bar-marks li{flex-basis:0;min-width:max-content;display:flex}.structure-bar-mark{width:100%;min-height:44px;padding:0 var(--dlab-space-5) var(--dlab-space-5);color:var(--dlab-color-text-secondary);font:inherit;font-size:var(--dlab-font-size-p2);font-weight:var(--dlab-font-weight-bold);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:relative}.structure-bar-mark:hover:not(:disabled){color:var(--dlab-color-text-default);background:var(--dlab-color-bg-default)}.structure-bar-mark:disabled{cursor:default}.structure-bar-mark.is-waiting{outline:var(--dlab-border-width-regular) dashed var(--dlab-color-border-accent);outline-offset:calc(var(--dlab-border-width-regular) * -1)}.structure-bar-mark:focus-visible{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-accent);outline-offset:calc(var(--dlab-border-width-regular) * -1)}.structure-bar-marks li.is-done .structure-bar-mark{color:var(--dlab-color-text-default)}.structure-bar-marks li.is-now .structure-bar-mark{background:var(--dlab-color-bg-default);color:var(--dlab-color-text-accent)}.structure-bar-parts{gap:2px;height:4px;display:flex;position:absolute;bottom:0;left:0;right:0}.structure-bar-piece{background:var(--dlab-color-bg-muted);flex-basis:0;min-width:2px;position:relative;overflow:hidden}.structure-bar-piece>span{background:var(--dlab-color-bg-accent);position:absolute;top:0;bottom:0;left:0}.structure-bar-marks li.is-done .structure-bar-piece{background:var(--dlab-color-bg-inverse)}.structure-bar-marks li.is-done .structure-bar-piece>span{display:none}.structure-bar-side{align-items:center;gap:var(--dlab-space-10);flex:none;margin-left:auto;display:flex}.structure-bar-phase{color:var(--dlab-color-text-secondary);font-weight:var(--dlab-font-weight-bold)}.structure-bar-time{min-width:3.2em;color:var(--dlab-color-text-default);font-size:var(--dlab-font-size-h4-ko);font-weight:var(--dlab-font-weight-bold);font-variant-numeric:tabular-nums;text-align:right;line-height:1.2}.structure-bar-time.is-ending{color:var(--dlab-color-text-accent)}.structure-bar-lead{padding:0 var(--dlab-space-5);background:var(--dlab-color-bg-muted);color:var(--dlab-color-text-default);font-size:var(--dlab-font-size-label);font-weight:var(--dlab-font-weight-bold);line-height:2}.structure-bar-note{color:var(--dlab-color-text-negative);flex:100%}.structure-bar-note.is-status{color:var(--dlab-color-text-secondary)}.room-clock .structure-bar-marks{flex-basis:100%}.structure-bar-now{align-items:center;gap:var(--dlab-space-5) var(--dlab-space-10);flex-wrap:wrap;flex:180px;min-width:0;display:flex}.structure-bar-title{color:var(--dlab-color-text-default);font-size:var(--dlab-font-size-p1);font-weight:var(--dlab-font-weight-bold)}@media (width<=719px){.structure-bar{padding:var(--dlab-space-5)}}.preview-panel .preview-lead{flex-direction:column;flex:1;min-height:240px;display:flex}.structure-panel{border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);background:var(--dlab-color-bg-default);flex-direction:column;flex:1;min-height:0;display:flex}.structure-panel-bar{align-items:center;gap:var(--dlab-space-5) var(--dlab-space-10);padding:var(--dlab-space-5) var(--dlab-space-10);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);word-break:keep-all;flex-wrap:wrap;display:flex}.structure-panel-title{color:var(--dlab-color-text-default);font-size:var(--dlab-font-size-p1);font-weight:var(--dlab-font-weight-bold)}.structure-panel-note{min-width:0;color:var(--dlab-color-text-secondary);flex:auto}.structure-panel-page{background:var(--dlab-color-bg-default);border:0;flex:1;width:100%;min-height:0}.structure-panel-page:focus{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-strong);outline-offset:calc(var(--dlab-border-width-regular) * -1)}.structure-control{align-items:center;gap:var(--dlab-space-10) var(--dlab-space-20);padding-top:var(--dlab-space-15);border-top:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-wrap:wrap;flex:100%;display:flex}.structure-control-way{align-items:center;gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.structure-control-switch{width:240px}.structure-control-steps{gap:var(--dlab-space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.structure-control-steps li{align-items:baseline;gap:var(--dlab-space-5);padding:var(--dlab-space-5) var(--dlab-space-10);border-bottom:var(--dlab-border-width-regular) solid transparent;background:var(--dlab-color-bg-default);font-size:var(--dlab-font-size-p2);display:flex}.structure-control-steps li span{color:var(--dlab-color-text-secondary);font-variant-numeric:tabular-nums}.structure-control-steps li.is-now{border-bottom-color:var(--dlab-color-border-accent)}.structure-control-steps li.is-now b{color:var(--dlab-color-text-accent)}.structure-control-actions{align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;margin-left:auto;display:flex}.structure-control-note{color:var(--dlab-color-text-secondary);flex:100%}.structure-control-now{color:var(--dlab-color-text-default);font-size:var(--dlab-font-size-p2);word-break:keep-all;flex:100%;margin:0}.structure-control-time{font-weight:var(--dlab-font-weight-bold);font-variant-numeric:tabular-nums}.structure-explain{z-index:2000;background:var(--dlab-color-bg-default);flex-direction:column;display:flex;position:fixed;inset:0}.structure-explain:focus{outline:none}.structure-explain-bar{justify-content:space-between;align-items:center;gap:var(--dlab-space-10) var(--dlab-space-20);padding:var(--dlab-space-10) var(--dlab-space-20);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);background:var(--dlab-color-bg-default);color:var(--dlab-color-text-default);flex-wrap:wrap;display:flex}.structure-explain-title{flex-direction:column;min-width:0;display:flex}.structure-explain-name{color:var(--dlab-color-text-secondary);font-size:var(--dlab-font-size-label);font-weight:var(--dlab-font-weight-bold)}.structure-explain-now{margin:0}.structure-explain-slides{flex-wrap:wrap;gap:2px;display:flex}.structure-explain-slide{min-width:40px;min-height:36px;padding:0 var(--dlab-space-10);background:var(--dlab-color-bg-subtle);color:var(--dlab-color-text-default);font:inherit;font-weight:var(--dlab-font-weight-bold);cursor:pointer;border:0}.structure-explain-slide:hover{background:var(--dlab-color-bg-muted)}.structure-explain-slide[aria-current=step]{background:var(--dlab-color-bg-inverse);color:var(--dlab-color-text-inverse)}.structure-explain-slide:focus-visible{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-accent);outline-offset:var(--dlab-border-width-regular)}.structure-explain-actions{align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;display:flex}.structure-explain-page{background:var(--dlab-color-bg-default);border:0;flex:1;width:100%;min-height:0}