.project-visual{--v-bg:#e7ede1;--v-color:#6d8657;--v-tint:#d1ddc1;--v-soft:#bccca8;--v-line:#a9bc91;width:100%;height:100%;background:var(--v-bg);display:flex;flex-direction:column;padding:22px 25px;color:var(--v-color);overflow:hidden}.pv-space{--v-bg:#e8eceb;--v-color:#738d8f;--v-tint:#d9e3dd;--v-soft:#afc7c2;--v-line:#a2b9b7}.pv-agent{--v-bg:#eee8f0;--v-color:#8c769f;--v-tint:#e1d7e8;--v-soft:#c9b6d7;--v-line:#b39cc4}.pv-document{--v-bg:#eee9de;--v-color:#a28c60;--v-tint:#e7d9bb;--v-soft:#d5c49e;--v-line:#c0ab7e}.pv-product{--v-bg:#efe5de;--v-color:#a9816a;--v-tint:#e7d4c5;--v-soft:#d6b99f;--v-line:#bda086}.pv-method{--v-bg:#eae8df;--v-color:#8e8767;--v-tint:#e0dcc8;--v-soft:#cdc5a3;--v-line:#b5ac87}.pv-audio{--v-bg:#e6ecee;--v-color:#648b9b;--v-tint:#d6e2e5;--v-soft:#afc7cf;--v-line:#9ab4be}.pv-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px}.pv-top>span:first-child{display:flex;gap:7px;align-items:center}.pv-top i{width:5px;height:5px;border-radius:50%;background:var(--v-color)}.pv-top>span:last-child{border:1px solid var(--v-line);padding:2px 7px;border-radius:3px;font-size:10px;white-space:nowrap}.pv-art{display:block;flex:1;width:100%;min-height:0;max-height:calc(100% - 60px);overflow:visible}.pv-flow{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid var(--v-line);padding-top:13px;font-size:11px;line-height:1.5}.pv-flow>span{min-width:0;text-align:center}.pv-flow>b{font-size:15px;font-weight:400;opacity:.65}.v-paper{fill:#fbfbf6;stroke:var(--v-line);stroke-width:1.5}.v-rule{fill:none;stroke:var(--v-line);stroke-width:3;stroke-linecap:round;opacity:.7}.v-ink{fill:var(--v-color)}.v-soft{fill:var(--v-soft)}.v-wave-b{fill:#b79b82}.v-connector{fill:none;stroke:var(--v-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.v-node{fill:#fbfbf6;stroke:var(--v-color);stroke-width:2}.v-halo{fill:var(--v-tint);opacity:.7}.v-center{fill:var(--v-color);stroke:var(--v-line);stroke-width:2}.v-light{fill:none;stroke:#fffdf4;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.v-highlight{fill:var(--v-tint);stroke:var(--v-line);stroke-width:.8}.v-grid{stroke:var(--v-line);stroke-width:1;fill:none}.v-dash{stroke:var(--v-color);stroke-width:1.2;stroke-dasharray:4 6;fill:none;opacity:.65}.v-ring{fill:none;stroke:var(--v-color);stroke-width:1;stroke-dasharray:5 6;opacity:.5}.v-plane{fill:var(--v-tint);opacity:.5;stroke:var(--v-line);stroke-width:1}.v-floor{fill:#f8faf4;stroke:var(--v-color);stroke-width:1.3}.v-side{fill:var(--v-tint);stroke:var(--v-color);stroke-width:1}.v-front{fill:var(--v-soft);stroke:var(--v-color);stroke-width:1}.case-cover .project-visual{padding:28px 42px}.case-cover .pv-top,.case-cover .pv-flow{font-size:14px}.case-cover .pv-top>span:last-child{font-size:12px}.case-cover .pv-art{max-width:840px;align-self:center}.case-cover .pv-flow{justify-content:center;gap:45px}
@media(max-width:850px){.project-visual{padding:17px}.pv-top{font-size:10px}.pv-top>span:last-child{font-size:9px}.pv-flow{font-size:10px;gap:5px;padding-top:10px}.case-cover .project-visual{padding:24px}.case-cover .pv-flow{gap:25px;font-size:13px}}
@media(max-width:640px){.project-visual{padding:18px}.pv-top{font-size:11px}.pv-flow{font-size:11px}.case-cover .project-visual{padding:18px}.case-cover .pv-top{font-size:11px}.case-cover .pv-top>span:last-child{font-size:10px}.case-cover .pv-flow{gap:9px;justify-content:space-between;font-size:11px}.case-cover .pv-art{max-height:calc(100% - 65px)}}