.workspace.is-showcase{--chat-width:30%}.showcase-lesson{gap:var(--dlab-space-10);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.showcase-muted{color:var(--dlab-color-text-secondary)}.showcase-empty{padding:var(--dlab-space-20);color:var(--dlab-color-text-secondary);font-size:var(--dlab-font-size-p2);line-height:var(--dlab-font-line-height-base);margin:0}.showcase-empty svg,.showcase-empty .dlab-loading{vertical-align:middle}.showcase-message{flex:none}.showcase-steps{justify-content:space-between;align-items:center;gap:var(--dlab-space-10);padding:var(--dlab-space-10) var(--dlab-space-15);background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-wrap:wrap;flex:none;display:flex}.showcase-steps ol{gap:var(--dlab-space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.showcase-steps li{align-items:center;gap:var(--dlab-space-5);padding:var(--dlab-space-5) var(--dlab-space-10);color:var(--dlab-color-text-secondary);font-size:var(--dlab-font-size-p2);font-weight:var(--dlab-font-weight-medium);border-bottom:var(--dlab-border-width-regular) solid transparent;display:inline-flex}.showcase-steps li.is-now{color:var(--dlab-color-text-default);font-weight:var(--dlab-font-weight-bold);border-bottom-color:var(--dlab-color-border-accent)}.showcase-steps li.is-done{color:var(--dlab-color-text-default)}.showcase-step-no{width:20px;height:20px;font-size:var(--dlab-font-size-label);font-weight:var(--dlab-font-weight-bold);background:var(--dlab-color-bg-subtle);color:var(--dlab-color-text-default);justify-content:center;align-items:center;display:inline-flex}.showcase-steps li.is-now .showcase-step-no{background:var(--dlab-color-bg-accent);color:var(--dlab-color-text-inverse)}.showcase-steps li.is-done .showcase-step-no{background:var(--dlab-color-bg-inverse);color:var(--dlab-color-text-inverse)}.showcase-now{align-items:center;gap:var(--dlab-space-10);font-size:var(--dlab-font-size-p2);flex-wrap:wrap;margin:0;display:inline-flex}.showcase-now.is-mine{color:var(--dlab-color-text-accent);font-weight:var(--dlab-font-weight-bold)}.showcase-clock{align-items:center;gap:var(--dlab-space-5);font-family:var(--dlab-font-family-code);font-size:var(--dlab-font-size-p1);font-weight:var(--dlab-font-weight-bold);color:var(--dlab-color-text-default);display:inline-flex}.showcase-clock.is-over{color:var(--dlab-color-text-negative)}.showcase-picking{flex-direction:column;flex:auto;min-height:0;display:flex}.showcase-picking>.lab-lesson{flex:auto}.showcase-pick{overscroll-behavior:contain;gap:var(--dlab-space-20);min-height:0;padding:var(--dlab-space-20);background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-direction:column;flex:auto;display:flex;overflow:auto}.showcase-pick-head{gap:var(--dlab-space-10);display:grid}.showcase-pick-head h2,.showcase-pick-head p{margin:0}.showcase-hint{align-items:center;gap:var(--dlab-space-5);color:var(--dlab-color-text-accent);font-weight:var(--dlab-font-weight-bold);display:flex}.showcase-hint-choices{gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.showcase-pick-card{cursor:pointer;position:relative}.showcase-pick-open{max-width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;margin:0;padding:0;display:block;overflow:hidden}.showcase-pick-open:after{content:"";position:absolute;inset:0}.showcase-pick-open:focus,.showcase-pick-open:focus-visible{outline:none}.showcase-pick-open:focus-visible:after{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-accent);outline-offset:var(--dlab-border-width-regular)}.showcase-pick-open:disabled{cursor:progress;opacity:.4}.showcase-thumb{background:var(--dlab-color-bg-subtle);width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.showcase-thumb-fit{transform-origin:50%;pointer-events:none;position:absolute;top:50%;left:50%}.showcase-thumb-fit iframe{background:var(--dlab-color-bg-default);border:0;width:100%;height:100%;display:block}.showcase-thumb-kind{color:var(--dlab-color-text-muted);display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-thumb.is-record{justify-content:center;align-items:center;gap:var(--dlab-space-5);padding:var(--dlab-space-10);color:var(--dlab-color-text-secondary);text-align:center;flex-direction:column;display:flex}.showcase-thumb.is-record p{overflow-wrap:anywhere;margin:0}.showcase-other{gap:var(--dlab-space-15);display:grid}.showcase-other>summary{cursor:pointer;color:var(--dlab-color-text-secondary);font-size:var(--dlab-font-size-p2);font-weight:var(--dlab-font-weight-bold)}.showcase-body{gap:var(--dlab-space-10);flex:auto;grid-template-columns:minmax(0,1fr) clamp(300px,30%,360px);min-height:0;display:grid}.showcase-lesson.is-narrow .showcase-body{grid-template-columns:minmax(0,1fr)}.showcase-work{flex-direction:column;min-width:0;min-height:0;display:flex}.showcase-work>.lab-lesson{flex:1;min-height:0}.showcase-work[hidden],.showcase-rail[hidden]{display:none}.showcase-rail{background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-direction:column;min-width:0;min-height:0;display:flex}.showcase-rail-head{gap:var(--dlab-space-10);padding:var(--dlab-space-12) var(--dlab-space-15);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex:none;display:grid}.showcase-story{align-items:center;gap:var(--dlab-space-5);white-space:nowrap;text-overflow:ellipsis;margin:0;display:flex;overflow:hidden}.showcase-story b{color:var(--dlab-color-text-accent)}.showcase-rail-body{overscroll-behavior:contain;min-height:0;padding:var(--dlab-space-15);flex:auto;overflow:auto}.showcase-tabs{flex:none}.showcase-card,.showcase-friends,.showcase-received{gap:var(--dlab-space-15);flex-direction:column;display:flex}.showcase-card-progress{align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;margin:0;display:flex}.showcase-master{gap:var(--dlab-space-10);border:0;min-width:0;margin:0;padding:0;display:grid}.showcase-master>legend{margin-bottom:var(--dlab-space-10);padding:0}.showcase-tags{gap:var(--dlab-space-5);flex-wrap:wrap;display:flex}.showcase-fixed{gap:var(--dlab-space-5);padding:var(--dlab-space-12);background:var(--dlab-color-bg-subtle);margin:0;display:grid}.showcase-fixed h3,.showcase-fixed p{margin:0}.showcase-fixed ul{gap:var(--dlab-space-5);padding-left:var(--dlab-space-20);overflow-wrap:anywhere;margin:0;display:grid}.showcase-capture-slot{gap:var(--dlab-space-10);justify-items:start;display:grid}.showcase-capture-slot-head{justify-content:space-between;align-self:stretch;align-items:center;gap:var(--dlab-space-10);display:flex}.showcase-capture-slot-head h3{margin:0}.showcase-capture-view{border:var(--dlab-nested-border-width,var(--dlab-border-width-thin)) solid var(--dlab-color-border-subtle);justify-self:stretch;line-height:0;position:relative}.showcase-capture-view img{width:100%;height:auto;display:block}.showcase-past{gap:var(--dlab-space-10);padding:var(--dlab-space-10) var(--dlab-space-12);background:var(--dlab-color-bg-subtle);display:grid}.showcase-past>summary{cursor:pointer}.showcase-past .showcase-note{background:var(--dlab-color-bg-default)}.showcase-past-group{gap:var(--dlab-space-5);display:grid}.showcase-past-group h4{margin:0}.showcase-stars{color:var(--dlab-color-text-accent);white-space:nowrap}.showcase-publish{gap:var(--dlab-space-10);padding-top:var(--dlab-space-15);border-top:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);justify-items:start;display:grid}.showcase-publish h3,.showcase-publish p{margin:0}.showcase-publish-checks{gap:var(--dlab-space-5);font-size:var(--dlab-font-size-p2);margin:0;padding:0;list-style:none;display:grid}.showcase-publish-checks li{overflow-wrap:anywhere}.showcase-publish-checks li.is-ok b{color:var(--dlab-color-text-secondary)}.showcase-publish-checks li.is-found b{color:var(--dlab-color-text-negative)}.showcase-publish-actions{gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.showcase-mark{border:3px solid var(--dlab-color-border-accent);width:34px;height:34px;box-shadow:0 0 0 2px var(--dlab-color-bg-default);pointer-events:none;border-radius:50%;margin:-17px 0 0 -17px;position:absolute}.showcase-friend{gap:var(--dlab-space-12);display:grid}.showcase-friend header{justify-content:space-between;align-items:center;gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.showcase-friend h3{margin:0}.showcase-friend-shot{border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);width:100%;height:auto;display:block}.showcase-lines{gap:var(--dlab-space-10);margin:0;display:grid}.showcase-lines>div{gap:2px;display:grid}.showcase-lines dt{color:var(--dlab-color-text-secondary);font-size:var(--dlab-font-size-label);font-weight:var(--dlab-font-weight-bold)}.showcase-lines dd{font-size:var(--dlab-font-size-p2);line-height:var(--dlab-font-line-height-base);overflow-wrap:anywhere;margin:0}.showcase-lines.is-big{gap:var(--dlab-space-15)}.showcase-lines.is-big dt{font-size:var(--dlab-font-size-p1)}.showcase-lines.is-big dd{font-size:var(--dlab-font-size-h2-ko);font-weight:var(--dlab-font-weight-bold);line-height:1.4}.showcase-note-form{gap:var(--dlab-space-10);display:grid}.showcase-note-actions{justify-content:space-between;align-items:center;gap:var(--dlab-space-10);display:flex}.showcase-note-result{margin:0}.showcase-note-result.is-positive{color:var(--dlab-color-text-default)}.showcase-note-result.is-negative{color:var(--dlab-color-text-negative)}.showcase-sent{gap:var(--dlab-space-5);font-size:var(--dlab-font-size-p2);margin:0;padding:0;list-style:none;display:grid}.showcase-order{gap:var(--dlab-space-5);counter-reset:showcase;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.showcase-order li{align-items:center;gap:var(--dlab-space-5);padding:var(--dlab-space-5) var(--dlab-space-10);background:var(--dlab-color-bg-subtle);font-size:var(--dlab-font-size-label);counter-increment:showcase;display:inline-flex}.showcase-order li:before{content:counter(showcase);color:var(--dlab-color-text-secondary)}.showcase-order li.is-now{background:var(--dlab-color-bg-accent);color:var(--dlab-color-text-inverse);font-weight:var(--dlab-font-weight-bold)}.showcase-order li.is-now:before{color:var(--dlab-color-text-inverse)}.showcase-order li.is-done{color:var(--dlab-color-text-secondary)}.showcase-order li.is-me{font-weight:var(--dlab-font-weight-bold)}.showcase-received-title{align-items:center;gap:var(--dlab-space-5);margin:0 0 var(--dlab-space-10);display:flex}.showcase-notes{gap:var(--dlab-space-10);margin:0;padding:0;list-style:none;display:grid}.showcase-note{gap:var(--dlab-space-5);padding:var(--dlab-space-12);background:var(--dlab-color-bg-subtle);display:grid}.showcase-note p{overflow-wrap:anywhere;margin:0}.showcase-note.is-hidden{opacity:.4}.showcase-note-foot{justify-content:space-between;align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;display:flex}.showcase-year-slot{gap:var(--dlab-space-10);padding-top:var(--dlab-space-15);border-top:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);justify-items:start;display:grid}.showcase-year-slot h3,.showcase-year-slot p{margin:0}.showcase-capture,.showcase-layer{z-index:2100;padding:var(--dlab-space-20);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.showcase-capture:before,.showcase-layer:before{content:"";background:var(--dlab-color-black);opacity:.4;position:absolute;inset:0}.showcase-capture-panel{gap:var(--dlab-space-15);width:min(1080px,100%);max-height:100%;padding:var(--dlab-space-20);background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-default);box-shadow:var(--dlab-shadow-offset-md) var(--dlab-shadow-offset-md) 0 0 var(--dlab-color-border-default);flex-direction:column;display:flex;position:relative}.showcase-capture-panel:focus{outline:none}.showcase-capture-head{justify-content:space-between;align-items:flex-start;gap:var(--dlab-space-15);display:flex}.showcase-capture-head h2,.showcase-capture-head p{margin:0}.showcase-capture-body{flex:auto;min-height:0;display:flex}.showcase-capture-stage{aspect-ratio:16/10;background:var(--dlab-color-bg-subtle);flex:1;min-height:320px;max-height:62vh;position:relative;overflow:hidden}.showcase-capture-loading{margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showcase-capture-fit{transform-origin:50%;position:absolute;top:50%;left:50%}.showcase-capture-fit iframe{background:var(--dlab-color-bg-default);border:0;width:100%;height:100%;display:block}.showcase-capture-shot{max-height:62vh;margin:0 auto;line-height:0;position:relative}.showcase-capture-shot img{width:auto;max-width:100%;height:auto;max-height:62vh;display:block}.showcase-capture-shot.is-marking{cursor:crosshair}.showcase-capture-shot:focus-visible{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-accent);outline-offset:var(--dlab-border-width-regular)}.showcase-capture-actions{justify-content:flex-end;gap:var(--dlab-space-10);display:flex}.showcase-board-layer{z-index:2000;background:var(--dlab-color-bg-subtle);flex-direction:column;display:flex;position:fixed;inset:0}.showcase-board-layer:focus{outline:none}.showcase-board{gap:var(--dlab-space-15);min-height:0;padding:var(--dlab-space-20);flex-direction:column;flex:1;display:flex;overflow:auto}.showcase-board-head{justify-content:space-between;align-items:center;gap:var(--dlab-space-15);flex-wrap:wrap;flex:none;display:flex}.showcase-board-head h2,.showcase-board-head p{margin:0}.showcase-board-head-actions{align-items:center;gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.showcase-board-columns{gap:var(--dlab-space-15);flex:auto;grid-template-columns:minmax(260px,1fr) minmax(0,1.7fr) minmax(260px,1fr);min-height:0;display:grid}.showcase-board-column{background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-direction:column;min-width:0;min-height:0;display:flex}.showcase-board-column.is-now{border:var(--dlab-border-width-regular) solid var(--dlab-color-border-default)}.showcase-board-column-head{justify-content:space-between;align-items:center;gap:var(--dlab-space-10);min-height:50px;padding:0 var(--dlab-space-15);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-wrap:wrap;flex:none;display:flex}.showcase-board-column-head h3{margin:0}.showcase-board-seconds{min-width:130px}.showcase-board-order{min-height:0;padding:var(--dlab-space-5) 0;flex:auto;margin:0;list-style:none;overflow:auto}.showcase-board-order>li{gap:var(--dlab-space-5) var(--dlab-space-10);padding:var(--dlab-space-10) var(--dlab-space-15);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-faint);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.showcase-board-order>li.is-now{background:var(--dlab-color-bg-subtle);box-shadow:inset var(--dlab-border-width-regular) 0 0 0 var(--dlab-color-border-accent)}.showcase-board-order>li.is-done .showcase-board-kid>p:first-child{color:var(--dlab-color-text-secondary)}.showcase-board-no{background:var(--dlab-color-bg-subtle);width:22px;height:22px;font-size:var(--dlab-font-size-label);font-weight:var(--dlab-font-weight-bold);justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.showcase-board-order>li.is-now .showcase-board-no{background:var(--dlab-color-bg-accent);color:var(--dlab-color-text-inverse)}.showcase-board-kid{gap:2px;min-width:0;display:grid}.showcase-board-kid p{align-items:center;gap:var(--dlab-space-5);overflow-wrap:anywhere;flex-wrap:wrap;margin:0;display:flex}.showcase-board-row-actions{align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;grid-column:2;display:flex}.showcase-board-hint{padding:var(--dlab-space-15);margin:0}.showcase-board-away{padding:var(--dlab-space-10) var(--dlab-space-15);border-top:var(--dlab-border-width-thin) solid var(--dlab-color-border-faint);overflow-wrap:anywhere;flex:none;margin:0}.showcase-board-now{gap:var(--dlab-space-15);min-height:0;padding:var(--dlab-space-15);flex-direction:column;flex:auto;display:flex;overflow:auto}.showcase-board-clock{justify-content:space-between;align-items:center;gap:var(--dlab-space-10) var(--dlab-space-20);flex-wrap:wrap;display:flex}.showcase-board-controls{align-items:center;gap:var(--dlab-space-10);flex-wrap:wrap;display:flex}.showcase-board-presenter{gap:var(--dlab-space-15);display:grid}.showcase-board-screen{aspect-ratio:16/10;background:var(--dlab-color-bg-subtle);width:100%;position:relative}.showcase-board-screen>.work-screen,.showcase-stage-screen>.work-screen{width:100%;height:100%;position:absolute;top:0;left:0}.showcase-board-notes{gap:var(--dlab-space-15);min-height:0;padding:var(--dlab-space-15);flex-direction:column;flex:auto;display:flex;overflow:auto}.showcase-board-notes h4{margin:0}.showcase-blocked{padding-left:var(--dlab-space-20);margin:0}.showcase-timer{align-items:baseline;gap:var(--dlab-space-10);font-family:var(--dlab-font-family-code);font-size:var(--dlab-font-size-h1-ko);font-weight:var(--dlab-font-weight-bold);margin:0;line-height:1;display:flex}.showcase-timer.is-big{font-size:var(--dlab-font-size-headline-ko)}.showcase-timer small{font-family:var(--dlab-font-family-base);font-size:var(--dlab-font-size-p2);font-weight:var(--dlab-font-weight-medium);color:var(--dlab-color-text-secondary)}.showcase-timer.is-close{color:var(--dlab-color-text-accent)}.showcase-timer.is-over{color:var(--dlab-color-text-negative)}.showcase-timer-split{gap:var(--dlab-space-10);min-width:min(100%,360px);display:grid}.showcase-timer-part{font-family:var(--dlab-font-family-base);font-size:var(--dlab-font-size-h4-ko);font-weight:var(--dlab-font-weight-bold);align-self:center}.showcase-timer-parts{gap:var(--dlab-space-5);margin:0;padding:0;list-style:none;display:flex}.showcase-timer-parts li{min-width:0;padding:var(--dlab-space-5) var(--dlab-space-10) var(--dlab-space-10);background:var(--dlab-color-bg-subtle);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);color:var(--dlab-color-text-secondary);flex:1 1 0;position:relative}.showcase-timer-parts li.is-now{border-color:var(--dlab-color-border-accent);color:var(--dlab-color-text-default)}.showcase-timer-parts li.is-done{color:var(--dlab-color-text-default)}.showcase-timer-label{font-size:var(--dlab-font-size-p2);font-weight:var(--dlab-font-weight-bold);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.showcase-timer-split.is-big .showcase-timer-label{font-size:var(--dlab-font-size-p1)}.showcase-timer-fill{height:var(--dlab-space-5);background:var(--dlab-color-bg-accent);position:absolute;bottom:0;left:0}.showcase-family{justify-content:space-between;align-items:center;gap:var(--dlab-space-15);padding:var(--dlab-space-15);background:var(--dlab-color-bg-default);border:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);flex-wrap:wrap;flex:none;display:flex}.showcase-family-text{gap:var(--dlab-space-5);flex:320px;min-width:0;display:grid}.showcase-family-text h3,.showcase-family-text p{margin:0}.showcase-family-link{align-items:center;gap:var(--dlab-space-5);flex-wrap:wrap;display:flex}.showcase-family-link code{padding:var(--dlab-space-5) var(--dlab-space-10);background:var(--dlab-color-bg-subtle);font-family:var(--dlab-font-family-code);font-size:var(--dlab-font-size-label);overflow-wrap:anywhere}.showcase-qr{flex:none;width:96px;height:96px}.showcase-stage-layer{z-index:2200;background:var(--dlab-color-bg-default);display:flex;position:fixed;inset:0}.showcase-stage-page{background:var(--dlab-color-bg-default);min-height:100vh;display:flex}.showcase-stage{gap:var(--dlab-space-20);min-width:0;padding:var(--dlab-space-30) var(--dlab-space-40);flex-direction:column;flex:1;display:flex}.showcase-stage-head{justify-content:space-between;align-items:center;gap:var(--dlab-space-20);flex:none;display:flex}.showcase-stage-head p{margin:0}.showcase-stage-body{gap:var(--dlab-space-30);flex:auto;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);min-height:0;display:grid}.showcase-stage-screen{background:var(--dlab-color-bg-subtle);min-height:0;position:relative}.showcase-stage-card{gap:var(--dlab-space-15);flex-direction:column;min-width:0;display:flex;overflow:auto}.showcase-stage-card h2,.showcase-stage-card p{margin:0}.showcase-stage-foot{color:var(--dlab-color-text-secondary);flex:none;margin:0}.showcase-stage-wait{justify-content:center;align-items:center;gap:var(--dlab-space-30);text-align:center;flex-direction:column;flex:1;display:flex}.showcase-stage-wait h2{margin:0}.showcase-stage-order{justify-content:center;gap:var(--dlab-space-10) var(--dlab-space-20);max-width:960px;font-size:var(--dlab-font-size-p1);counter-reset:stage;flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.showcase-stage-order li{counter-increment:stage}.showcase-stage-order li:before{content:counter(stage) ". ";color:var(--dlab-color-text-secondary)}.showcase-stage-order li.is-done{color:var(--dlab-color-text-secondary)}.showcase-stage-qr{align-items:center;gap:var(--dlab-space-20);display:flex}.showcase-stage-qr img{width:180px;height:180px}.showcase-stage-qr p{margin:0}.showcase-credits{justify-content:center;align-items:center;gap:var(--dlab-space-20);text-align:center;flex-direction:column;flex:1;display:flex}.showcase-credits h2,.showcase-credits p{margin:0}.showcase-credits ul{justify-content:center;gap:var(--dlab-space-20) var(--dlab-space-30);flex-wrap:wrap;width:min(1200px,100%);margin:0;padding:0;list-style:none;display:flex}.showcase-credits li{gap:var(--dlab-space-5);width:240px;display:grid}.showcase-credits li span{color:var(--dlab-color-text-secondary)}.showcase-family-page{box-sizing:border-box;max-width:820px;min-height:100vh;padding:var(--dlab-space-20) var(--dlab-space-20) var(--dlab-space-60);gap:var(--dlab-space-20);background:var(--dlab-color-bg-default);flex-direction:column;margin:0 auto;display:flex}.showcase-family-head{align-items:center;display:flex}.showcase-family-title{gap:var(--dlab-space-10);display:grid}.showcase-family-title h1,.showcase-family-title p{margin:0}.showcase-family-now{color:var(--dlab-color-text-accent);margin:0}.showcase-family-list{gap:var(--dlab-space-20);display:grid}.showcase-family-item.is-now{outline:var(--dlab-border-width-regular) solid var(--dlab-color-border-accent);outline-offset:-1px}.showcase-family-no{min-width:28px;height:28px;margin-right:var(--dlab-space-5);background:var(--dlab-color-bg-inverse);color:var(--dlab-color-text-inverse);font-size:var(--dlab-font-size-p2);justify-content:center;align-items:center;display:inline-flex}.showcase-family-body{gap:var(--dlab-space-15);justify-items:start;display:grid}.showcase-family-shot{border:var(--dlab-nested-border-width,var(--dlab-border-width-thin)) solid var(--dlab-color-border-subtle);width:100%;height:auto;display:block}.showcase-family-work{aspect-ratio:16/10;border:var(--dlab-nested-border-width,var(--dlab-border-width-thin)) solid var(--dlab-color-border-subtle);justify-self:stretch}.showcase-family-work iframe{border:0;width:100%;height:100%;display:block}.showcase-family-body .showcase-lines{justify-self:stretch}.showcase-family-cheer{gap:var(--dlab-space-10);justify-self:stretch;justify-items:start;display:grid}.showcase-family-cheer .dlab-field{justify-self:stretch}.showcase-family-foot{margin:0}.showcase-year-panel{width:min(960px,100%);max-height:100%;position:relative;overflow:auto}.showcase-year-panel:focus{outline:none}.showcase-year-panel>.showcase-year-close{top:var(--dlab-space-10);right:var(--dlab-space-10);z-index:1;background:var(--dlab-color-bg-default);position:absolute}.showcase-year-inner{gap:var(--dlab-space-30);flex-direction:column;display:flex}.showcase-year-hero{gap:var(--dlab-space-10);margin-top:calc(-1 * (var(--_inset) - var(--_border)));padding:calc(var(--_inset) - var(--_border));background:var(--dlab-gradient-brand);color:var(--dlab-color-text-inverse);display:grid}.showcase-year-hero h1,.showcase-year-hero h2,.showcase-year-hero h3,.showcase-year-hero p{margin:0}.showcase-year-hero-top{justify-content:space-between;align-items:center;gap:var(--dlab-space-10);display:flex}.showcase-year-panel .showcase-year-hero-top{padding-right:var(--dlab-space-40)}.showcase-year-part{gap:var(--dlab-space-10);display:grid}.showcase-year-part>h2,.showcase-year-part>h3,.showcase-year-part>h4,.showcase-year-part>p{margin:0}.showcase-year-scroll{overflow-x:auto}.showcase-year-grid{border-collapse:collapse;width:100%;min-width:560px}.showcase-year-grid th,.showcase-year-grid td{padding:var(--dlab-space-10);border-bottom:var(--dlab-border-width-thin) solid var(--dlab-color-border-subtle);text-align:left;vertical-align:top}.showcase-year-grid thead th{color:var(--dlab-color-text-secondary)}.showcase-year-grid td{display:table-cell}.showcase-year-grid td>span{display:block}.showcase-year-grid td>.showcase-steps-mini{display:flex}.showcase-year-grid td.is-grown{background:var(--dlab-color-bg-subtle)}.showcase-year-grid.is-compact{min-width:0}.showcase-year-grid.is-compact th,.showcase-year-grid.is-compact td{padding:var(--dlab-space-5)}.showcase-steps-mini{margin-bottom:var(--dlab-space-5);gap:3px;display:inline-flex}.showcase-steps-mini i{background:var(--dlab-color-bg-muted);width:10px;height:10px;display:block}.showcase-steps-mini i.is-on{background:var(--dlab-color-bg-accent)}.showcase-year-quote{margin-top:var(--dlab-space-5)}.showcase-year-picks{gap:var(--dlab-space-15);margin:0;padding:0;list-style:none;display:grid}.showcase-year-picks li{gap:var(--dlab-space-5);padding:var(--dlab-space-15);background:var(--dlab-color-bg-subtle);display:grid}.showcase-year-picks p{margin:0}.showcase-year-cards{gap:var(--dlab-space-15);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0;padding:0;list-style:none;display:grid}.showcase-year-cards li{gap:var(--dlab-space-5);padding:var(--dlab-space-15);border:var(--dlab-nested-border-width,var(--dlab-border-width-thin)) solid var(--dlab-color-border-subtle);display:grid}.showcase-year-cards p{margin:0}@media (width<=1079px){.showcase-board-columns,.showcase-stage-body{grid-template-columns:minmax(0,1fr)}}@media (width<=719px){.showcase-board{padding:var(--dlab-space-15)}.showcase-timer.is-big{font-size:var(--dlab-font-size-h1-ko)}.showcase-capture,.showcase-layer{padding:var(--dlab-space-10)}.showcase-capture-panel,.showcase-stage{padding:var(--dlab-space-15)}}@media (prefers-reduced-motion:reduce){.showcase-clock,.showcase-timer{transition:none}}