.docsiv-design .lr-shot{background:#e6e6e6;border-radius:12px;margin-top:44px;padding:40px 40px 0;overflow:hidden}.docsiv-design .lr-shot img{border-radius:10px 10px 0 0;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1111130f,0 24px 48px -32px #1e293b8c}.docsiv-design .lr-develop{background:#f5f5f5;border-radius:12px;grid-template-columns:minmax(0,1fr) 300px;gap:8px;margin-top:44px;padding:8px;display:grid}.docsiv-design .lr-cmp{aspect-ratio:3/2;touch-action:pan-y;background:#e6e6e6;border-radius:8px;position:relative;overflow:hidden}.docsiv-design .lr-cmp img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.docsiv-design .lr-cmp-before{clip-path:inset(0 calc(100% - var(--at,50%)) 0 0)}.docsiv-design .lr-cmp-tag{color:#fff;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1111138c;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:500;position:absolute;top:14px}.docsiv-design .lr-cmp-tag.is-before{left:14px}.docsiv-design .lr-cmp-tag.is-after{right:14px}.docsiv-design .lr-cmp-range{z-index:2;opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.docsiv-design .lr-cmp-line{top:0;bottom:0;left:var(--at,50%);z-index:1;pointer-events:none;background:#fff;width:2px;margin-left:-1px;position:absolute;box-shadow:0 0 0 1px #0000001f}.docsiv-design .lr-cmp-handle{background:#fff;border-radius:50%;width:36px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 18px -6px #00000073}.docsiv-design .lr-cmp-handle:before,.docsiv-design .lr-cmp-handle:after{content:"";border:5px solid #0000;width:0;height:0;margin-top:-5px;position:absolute;top:50%}.docsiv-design .lr-cmp-handle:before{border-right-color:#1b1b1d;left:5px}.docsiv-design .lr-cmp-handle:after{border-left-color:#1b1b1d;right:5px}.docsiv-design .lr-cmp-range:focus-visible~.lr-cmp-line .lr-cmp-handle{box-shadow:0 0 0 3px #1b1b1d,0 6px 18px -6px #00000073}.docsiv-design .lr-dev{background:#fff;border-radius:8px;flex-direction:column;gap:7px;padding:16px;display:flex}.docsiv-design .lr-dev-h{color:var(--dd-ink-3);letter-spacing:.04em;text-transform:uppercase;margin:8px 0 2px;font-size:11px;font-weight:500}.docsiv-design .lr-dev-h:first-child{margin-top:0}.docsiv-design .lr-sl{color:var(--dd-ink-2);grid-template-columns:84px minmax(0,1fr) 42px;align-items:center;gap:10px;font-size:12px;display:grid}.docsiv-design .lr-sl-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.docsiv-design .lr-sl-track{background:#e6e6e6;border-radius:2px;height:3px;display:block;position:relative}.docsiv-design .lr-sl-track b{top:50%;left:calc(var(--k,.5) * 100%);background:#fff;border-radius:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;position:absolute;box-shadow:0 0 0 1.5px #1b1b1d}.docsiv-design .lr-sl em{color:var(--dd-ink);text-align:right;font-variant-numeric:tabular-nums;font-style:normal}.docsiv-design .lr-import{position:absolute;inset:0}.docsiv-design .lr-drop{box-sizing:border-box;border:2px dashed #b9b9b6;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;width:560px;padding:18px;display:grid;position:absolute;top:44px;left:60px}.docsiv-design .lr-drop img{object-fit:cover;border-radius:5px;width:100%;height:108px}.docsiv-design .lr-drop img:nth-child(n+7){opacity:.45}.docsiv-design .lr-file{color:var(--dd-ink-2);background:#fff;border-radius:999px;padding:6px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;position:absolute;bottom:40px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #1111130f}.docsiv-design .lr-pick{grid-template-columns:repeat(3,182px);place-content:center;gap:18px 16px;display:grid;position:absolute;inset:0}.docsiv-design .lr-cell{flex-direction:column;gap:6px;display:flex;position:relative}.docsiv-design .lr-cell img{object-fit:cover;border-radius:5px;width:100%;height:112px}.docsiv-design .lr-cell.is-pick img{box-shadow:0 0 0 3px #fff,0 0 0 4.5px #1b1b1d}.docsiv-design .lr-cell.is-out img{opacity:.35}.docsiv-design .lr-stars{color:#c4c4c4;gap:2px;display:flex}.docsiv-design .lr-stars .is-on{color:#1b1b1d;fill:#1b1b1d}.docsiv-design .lr-flag{color:#1b1b1d;background:#fff;border-radius:6px;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:6px;right:6px}.docsiv-design .lr-flag.is-out{color:#fff;background:#1b1b1d}.docsiv-design .lr-sync{position:absolute;inset:0}.docsiv-design .lr-src{border-radius:9px;width:300px;height:220px;padding:4px;position:absolute;top:56px;left:40px;box-shadow:0 0 0 2px #1b1b1d}.docsiv-design .lr-src img{object-fit:cover;filter:saturate(1.12)contrast(1.06);border-radius:6px;width:100%;height:100%}.docsiv-design .lr-sync-arrow{color:var(--dd-ink-2);position:absolute;top:153px;left:360px}.docsiv-design .lr-targets{flex-direction:column;gap:12px;display:flex;position:absolute;top:40px;left:412px}.docsiv-design .lr-targets>span{width:210px;height:100px;display:block;position:relative}.docsiv-design .lr-targets img{object-fit:cover;filter:saturate(1.12)contrast(1.06);border-radius:5px;width:100%;height:100%}.docsiv-design .lr-targets b{color:#fff;background:#1b1b1d;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-7px;right:-7px;box-shadow:0 0 0 2px #e6e6e6}.docsiv-design .lr-chip{color:var(--dd-ink);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:500;position:absolute;bottom:56px;left:40px;box-shadow:0 0 0 1px #1111130f}.docsiv-design .lr-exp{position:absolute;inset:0}.docsiv-design .lr-exp-stack img{object-fit:cover;border-radius:6px;width:280px;height:190px;position:absolute;box-shadow:0 0 0 3px #fff,0 16px 30px -18px #00000080}.docsiv-design .lr-exp-stack img:first-child{top:70px;left:40px;transform:rotate(-7deg)}.docsiv-design .lr-exp-stack img:nth-child(2){top:96px;left:70px;transform:rotate(-2deg)}.docsiv-design .lr-exp-stack img:nth-child(3){top:124px;left:100px;transform:rotate(3deg)}.docsiv-design .lr-export{box-sizing:border-box;background:#fff;border-radius:12px;flex-direction:column;gap:14px;width:240px;padding:18px;display:flex;position:absolute;top:60px;left:400px;box-shadow:0 0 0 1px #1111130f}.docsiv-design .lr-export-h{align-items:center;gap:8px;font-size:15px;font-weight:500;display:flex}.docsiv-design .lr-formats{gap:4px;display:flex}.docsiv-design .lr-formats i{text-align:center;background:#f2f2f2;border-radius:6px;flex:1;padding:6px 0;font-size:12px;font-style:normal}.docsiv-design .lr-formats .is-on{color:#fff;background:#1b1b1d}.docsiv-design .lr-export-row{color:var(--dd-ink-2);justify-content:space-between;font-size:13px;display:flex}.docsiv-design .lr-export-row b{color:var(--dd-ink)}.docsiv-design .lr-export-btn{color:#fff;text-align:center;background:#1b1b1d;border-radius:8px;padding:9px 0;font-size:13px;font-weight:500}.docsiv-design .lr-with{position:absolute;inset:0}.docsiv-design .lr-with-photo{border-radius:8px;width:330px;height:340px;position:absolute;top:40px;left:40px;overflow:hidden}.docsiv-design .lr-with-photo img{object-fit:cover;width:100%;height:100%}.docsiv-design .lr-with-photo.is-mask img{object-position:40% 50%}.docsiv-design .lr-mask-overlay{background:linear-gradient(#ff2d558c,#ff2d5500 52%);position:absolute;inset:0}.docsiv-design .lr-with-panel{box-sizing:border-box;background:#fff;border-radius:10px;flex-direction:column;gap:9px;width:250px;padding:16px;display:flex;position:absolute;top:40px;left:390px;box-shadow:0 0 0 1px #1111130f}.docsiv-design .lr-tabs{gap:4px;display:flex}.docsiv-design .lr-tabs i{color:var(--dd-ink-2);background:#f2f2f2;border-radius:5px;padding:3px 9px;font-size:11px;font-style:normal}.docsiv-design .lr-tabs .is-on{color:#fff;background:#1b1b1d}.docsiv-design .lr-curve{border:1px solid #efefef;border-radius:6px;width:100%;height:120px;display:block}.docsiv-design .lr-wheels{justify-content:space-between;margin-top:4px;display:flex}.docsiv-design .lr-wheels>span{flex-direction:column;align-items:center;gap:5px;display:flex}.docsiv-design .lr-wheels i{background:conic-gradient(from 90deg,#e5484d,#f2c94c,#46a758,#2fb7b0,#3e7be8,#8e4ec6,#e5484d);border-radius:50%;width:52px;height:52px;display:block;position:relative}.docsiv-design .lr-wheels i:before{content:"";background:radial-gradient(circle,#fff 0,#ffffffd9 40%,#fff0 72%);border-radius:50%;position:absolute;inset:0}.docsiv-design .lr-wheels b{top:calc(50% + var(--y,0) * 50%);left:calc(50% + var(--x,0) * 50%);background:var(--dot,#1b1b1d);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #1b1b1d}.docsiv-design .lr-wheels small{font-size:10.5px}.docsiv-design .lr-mask-row{height:30px;color:var(--dd-ink);border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:flex}.docsiv-design .lr-mask-row:before{content:"";background:#e2e2e2;border-radius:3px;width:10px;height:10px}.docsiv-design .lr-mask-row.is-on{background:#f2f2f2}.docsiv-design .lr-mask-row.is-on:before{background:#ff2d55}.docsiv-design .lr-looks{grid-template-columns:repeat(4,140px);gap:12px 13px;display:grid;position:absolute;top:44px;left:40px}.docsiv-design .lr-look{flex-direction:column;gap:8px;display:flex}.docsiv-design .lr-look img{object-fit:cover;border-radius:6px;width:140px;height:210px}.docsiv-design .lr-look.is-on img{box-shadow:0 0 0 3px #e6e6e6,0 0 0 4.5px #1b1b1d}.docsiv-design .fs-canvas .lr-look small{color:var(--dd-ink);font-size:13px}.docsiv-design .lr-amount{background:#fff;border-radius:10px;grid-column:1/-1;margin-top:8px;padding:12px 16px;box-shadow:0 0 0 1px #1111130f}@media (max-width:1000px){.docsiv-design .lr-develop{grid-template-columns:minmax(0,1fr)}.docsiv-design .lr-dev{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 24px;display:grid}.docsiv-design .lr-dev-h{grid-column:1/-1}}@media (max-width:640px){.docsiv-design .lr-shot{margin-top:28px;padding:14px 14px 0}.docsiv-design .lr-develop{margin-top:28px}.docsiv-design .lr-dev{grid-template-columns:minmax(0,1fr)}}
.docsiv-design .sc-well{background:#e6e6e6;border-radius:12px;margin-top:44px;padding:40px 40px 0;overflow:hidden}.docsiv-design .sc-well img{border-radius:10px 10px 0 0;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1111130f,0 24px 48px -32px #1e293b8c}.docsiv-design .ph-stage.sc-hero-well{padding-bottom:0}.docsiv-design .sc-hero-well img{border-radius:10px 10px 0 0;width:100%;height:auto;display:block;box-shadow:0 0 0 1px #1111130f,0 30px 60px -40px #1e293b73}.docsiv-design .sc-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 16px;margin:44px 0 0;padding:0;list-style:none;display:grid}.docsiv-design .sc-steps .fs-card h3{margin-top:10px}.docsiv-design .sc-steps .fs-card p{font-size:14px}.docsiv-design .sc-vis img{background:#fff;border-radius:12px;width:auto;max-width:84%;height:auto;max-height:82%;margin:auto;display:block;position:absolute;inset:0;box-shadow:0 0 0 1px #1111130f,0 22px 44px -26px #1e293b80}.docsiv-design .sc-close-cta{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}@media (max-width:1000px){.docsiv-design .sc-well{padding:24px 24px 0}}@media (max-width:640px){.docsiv-design .sc-well{margin-top:28px;padding:14px 14px 0}.docsiv-design .sc-steps{grid-template-columns:minmax(0,1fr);gap:32px;margin-top:28px}}