[data-view=builder]{grid-template-rows:auto 1fr auto;grid-template-columns:260px 1fr 1fr 320px;gap:18px;min-height:calc(100vh - 64px);display:grid}[data-view=builder] .scene img{opacity:.6;object-position:50% 30%}[data-view=builder] .bhead{grid-column:1/-1;align-items:center;gap:18px;display:flex}[data-view=builder] .bhead p{font-size:15px}[data-view=builder] .bhead__actions{gap:12px;margin-inline-start:auto;display:flex}[data-view=builder] .lib{align-self:start}[data-view=builder] .lib__list{gap:8px;display:grid}[data-view=builder] .lib__item{--c:10px;background:var(--glass-2);cursor:pointer;text-align:start;width:100%;color:var(--text);border:0;align-items:center;gap:12px;padding:10px 12px;font-size:12px;line-height:1.3;display:flex;position:relative}[data-view=builder] .lib__item:hover{background:var(--well)}[data-view=builder] .lib__item b{letter-spacing:.06em;font-size:14px}[data-view=builder] .lib__item.is-selected{background:color-mix(in srgb, var(--butter) 10%, var(--glass));box-shadow:inset 0 0 0 1px var(--butter)}[data-view=builder] .lib__item:focus-visible{outline-offset:-3px}[data-view=builder] .canvas{grid-column:2/4;min-height:560px;position:relative}[data-view=builder] [data-col="1"]{grid-column:1}[data-view=builder] [data-col="2"]{grid-column:2}[data-view=builder] [data-col="3"]{grid-column:3}[data-view=builder] [data-row="1"]{grid-row:1}[data-view=builder] [data-row="2"]{grid-row:2}[data-view=builder] [data-row="3"]{grid-row:3}[data-view=builder] [data-row="4"]{grid-row:4}[data-view=builder] [data-row="5"]{grid-row:5}[data-view=builder] .canvas__lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}[data-view=builder] .canvas__grid{grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);place-items:center;gap:34px 20px;height:100%;padding:4px 16px 76px;display:grid;position:relative}[data-view=builder] .node{cursor:pointer;width:100%;max-width:330px;color:var(--text);background:0 0;border:0;padding:0}[data-view=builder] .node.is-selected{filter:var(--glow)}[data-view=builder] .node:focus-visible{outline:none}[data-view=builder] .node:focus-visible .node__cut{outline:2px solid var(--text);outline-offset:-4px}[data-view=builder] .node__cut{--c:10px;--t:var(--line-2);background:color-mix(in srgb, var(--bg) 84%, transparent);text-align:start;align-items:center;gap:12px;width:100%;padding:12px 16px 12px 18px;display:flex;position:relative}[data-view=builder] .node__cut:before{content:"";background:var(--t);pointer-events:none;clip-path:polygon(evenodd, var(--c) 0, 100% 0, 100% calc(100% - var(--c)), calc(100% - var(--c)) 100%, 0 100%, 0 var(--c), calc(var(--c) + 1.5px) 1.5px, 1.5px 1.5px, 1.5px calc(100% - 1.5px), calc(100% - var(--c) - 1.5px) calc(100% - 1.5px), calc(100% - 1.5px) calc(100% - var(--c) - 1.5px), calc(100% - 1.5px) 1.5px);position:absolute;inset:0}[data-view=builder] .node--good .node__cut{--t:var(--good)}[data-view=builder] .node--butter .node__cut{--t:var(--butter)}[data-view=builder] .node--tomato .node__cut{--t:var(--tomato)}[data-view=builder] .node--ink .node__cut{--t:var(--ink)}[data-view=builder] .node--pine .node__cut{--t:var(--pine)}[data-view=builder] .node--start{cursor:default;max-width:190px}[data-view=builder] .node--start .node__cut{--t:var(--good);justify-content:center;gap:10px;padding:12px 20px}[data-view=builder] .node--start .node__title{font-size:18px}[data-view=builder] .node__order{background:var(--t);color:var(--on-butter);padding:2px 8px;font-size:11px;line-height:1.3;position:absolute;top:0;left:0}[data-view=builder] .node--tomato .node__order,[data-view=builder] .node--pine .node__order{background:color-mix(in srgb, var(--t) 35%, var(--bg));color:var(--text)}[data-view=builder] .node__text{flex:1;min-width:0;line-height:1.2;display:grid}[data-view=builder] .node__type{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}[data-view=builder] .node__title{letter-spacing:.04em;color:var(--text);font-size:17px}[data-view=builder] .node__meta{color:var(--muted);font-size:12px}[data-view=builder] .node__status{background:var(--well);width:26px;height:26px;color:var(--muted);border-radius:50%;flex:none;place-items:center;display:inline-grid}[data-view=builder] .node__status--completed{background:var(--good);color:var(--on-butter)}[data-view=builder] .canvas__zoom{--c:8px;background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);align-items:center;gap:6px;padding:2px;font-size:13px;display:flex;position:absolute;bottom:0;left:0}[data-view=builder] .canvas__fit{background:var(--glass-2);box-shadow:inset 0 0 0 1px var(--line-2);position:absolute;bottom:2px;left:150px}[data-view=builder] .canvas__map{background:var(--glass-2);width:120px;height:76px;box-shadow:inset 0 0 0 1px var(--line-2);grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(3,1fr);gap:3px;padding:8px;display:grid;position:absolute;bottom:0;right:0}[data-view=builder] .canvas__map span{background:var(--good);opacity:.6}[data-view=builder] .details{grid-column:4;align-self:start;gap:12px}[data-view=builder] .details__title{letter-spacing:.02em;font-size:26px;line-height:1.1}[data-view=builder] .details__desc{font-size:14px}[data-view=builder] .details__facts{gap:14px;display:grid}[data-view=builder] .details__facts>div{align-items:flex-start;gap:12px;display:flex}[data-view=builder] .details__facts dt{color:var(--muted);font-size:12px}[data-view=builder] .details__facts dd{align-items:center;gap:6px;margin:0;font-size:15px;display:flex}[data-view=builder] .details__sub{letter-spacing:.1em;color:var(--text);width:100%;font-size:12px;display:block}[data-view=builder] .details__rewards{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding-top:12px;font-size:14px;display:flex}[data-view=builder] .details__rewards span{align-items:center;gap:6px;display:inline-flex}[data-view=builder] .details__next{border-top:1px solid var(--line);gap:8px;padding-top:12px;display:grid}[data-view=builder] .details__nextrow{--c:8px;background:var(--glass-2);cursor:pointer;text-align:start;width:100%;color:var(--text);border:0;align-items:center;gap:12px;padding:10px;font-size:12px;line-height:1.3;display:flex}[data-view=builder] .details__nextrow:hover{background:var(--well)}[data-view=builder] .details__nextrow b{font-size:14px}[data-view=builder] .details__nextrow>svg:last-child{margin-inline-start:auto}[data-view=builder] .details__delete{background:color-mix(in srgb, var(--tomato) 12%, transparent);min-height:40px;color:var(--bad);border:1px solid color-mix(in srgb, var(--tomato) 40%, transparent);cursor:pointer;align-self:start;align-items:center;gap:8px;padding:0 14px;font-weight:600;display:inline-flex}[data-view=builder] .details__delete:hover{background:color-mix(in srgb, var(--tomato) 20%, transparent)}[data-view=builder] .overview{grid-column:1/3}[data-view=builder] .overview__row{gap:10px;display:flex}[data-view=builder] .overview__row>div{border-inline-start:1px solid var(--line);flex:1;align-items:center;gap:12px;padding-inline-start:16px;display:flex}[data-view=builder] .overview__row>div:first-child{border:0;padding-inline-start:0}[data-view=builder] .overview__row>div>span{font-size:11px;line-height:1.1;display:grid}[data-view=builder] .overview__row .num{font-size:24px}[data-view=builder] .valid{grid-column:3/4}[data-view=builder] .valid__row{align-items:center;gap:14px;font-size:15px;display:flex}[data-view=builder] .preview{grid-column:4;align-items:center;display:grid}[data-view=builder] .preview__btn{width:100%;min-height:56px}@media (max-width:1100px){[data-view=builder]{grid-template-columns:1fr}[data-view=builder]>*{grid-column:1/-1!important}[data-view=builder] .canvas__grid{padding-inline:0}}[data-view=builder] .node__status--in-progress{background:var(--butter);color:var(--on-butter)}@media (max-width:1100px){[data-view=builder] .bhead{flex-wrap:wrap}[data-view=builder] .bhead__actions{margin-inline-start:0}}@media (max-width:640px){[data-view=builder] .canvas__grid{gap:28px 8px;padding-bottom:84px}[data-view=builder] .node__cut{gap:6px;padding:18px 8px 8px}[data-view=builder] .node .hexw,[data-view=builder] .node__meta{display:none}[data-view=builder] .node__title{overflow-wrap:anywhere;font-size:12px}[data-view=builder] .node__type{letter-spacing:.04em;font-size:11px}[data-view=builder] .node__status{width:20px;height:20px}[data-view=builder] .node--start .node__title{font-size:14px}[data-view=builder] .overview__row{flex-wrap:wrap;row-gap:14px}[data-view=builder] .node--start .node__cut>svg{display:none}[data-view=builder] .node--start .node__title{overflow-wrap:normal}[data-view=builder] .bhead__actions{flex-wrap:wrap}}