.lf{gap:20px;display:grid}.lf-bar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.lf-bar .lf-count{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.78rem}.lf-bar .spacer{flex:1}.lf-drop{border:2px dashed var(--line);text-align:center;cursor:pointer;color:var(--muted);background:#fff;border-radius:18px;justify-items:center;gap:6px;padding:34px 24px;transition:border-color .15s,background .15s;display:grid}.lf-drop svg{color:var(--cyan-ink);margin-bottom:4px}.lf-drop strong{color:var(--ink);font-size:1.1rem;font-family:var(--display)}.lf-drop span{font-size:.88rem}.lf-drop:hover,.lf-drop.over,.lf-drop:focus-visible{border-color:var(--cyan);background:#00b4d80d}.lf-link{color:var(--cyan-ink);font:600 .9rem var(--body);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline}.lf-progress{font-family:var(--mono);color:var(--cyan-ink);font-size:.8rem}.lf-empty{text-align:center;color:var(--muted);padding:8px 0 0}.lf-work{grid-template-columns:1fr 1.3fr;align-items:start;gap:20px;display:grid}.lf-panel{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden}.lf-panel>h3{font-size:.78rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);margin:0;padding:18px 20px 14px}.lf-sticky{top:calc(var(--hdr) + 16px);position:sticky}.lf-list{display:grid}.lf-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:56px 1fr 78px auto 28px;align-items:center;gap:12px;padding:12px 16px;display:grid;position:relative}.lf-row:last-child{border-bottom:0}.lf-row:hover{background:var(--paper)}.lf-row.on{background:#00b4d812}.lf-row.on:before{content:"";background:var(--cyan);width:3px;position:absolute;top:0;bottom:0;left:0}.lf-row.bad .lf-thumb{color:#c0392b}.lf-thumb{background:var(--navy);width:56px;height:44px;color:var(--cyan);border-radius:8px;place-items:center;padding:5px;display:grid}.lf-thumb svg{width:100%;height:100%}.lf-rowmain{min-width:0}.lf-rowmain strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;display:block;overflow:hidden}.lf-rowsub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.lf-rowsub .bad{color:#c0392b;font-style:normal}.lf-rowqty input{border:1.5px solid var(--line);width:100%;font-size:.9rem;font-family:var(--body);border-radius:8px;padding:7px 8px}.lf-rowprice{text-align:right;min-width:92px}.lf-rowprice strong{font-family:var(--display);color:var(--ink);font-size:1.02rem;display:block}.lf-rowprice small{color:var(--muted);font-size:.74rem;display:block}.lf-del{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:2px 4px;font-size:22px;line-height:1}.lf-del:hover{color:#c0392b;background:#fdecec}.lf-view{background:var(--navy);aspect-ratio:16/11;position:relative;overflow:hidden}.lf-view:before{content:"";background-image:linear-gradient(#00b4d812 1px,#0000 1px),linear-gradient(90deg,#00b4d812 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.lf-view canvas{touch-action:none;width:100%;height:100%;display:block;position:relative}.lf-viewnote{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-dark-2);pointer-events:none;font-size:.68rem;position:absolute;bottom:12px;left:14px}.lf-fallback{color:var(--on-dark-2);text-align:center;place-items:center;padding:20px;font-size:.9rem;display:grid;position:absolute;inset:0}.lf-detail{gap:18px;padding:20px;display:grid}.lf-dhead .badge{margin-bottom:8px}.lf-dhead h3{overflow-wrap:anywhere;margin:0 0 2px;font-size:1.2rem}.lf-dhead small{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;font-size:.74rem}.lf-procs{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.lf-proc{border:1.5px solid var(--line);text-align:left;cursor:pointer;font-family:var(--body);background:#fff;border-radius:12px;gap:2px;padding:12px 10px;display:grid}.lf-proc strong{color:var(--ink);font-size:.88rem}.lf-proc small{color:var(--muted);font-size:.72rem}.lf-proc .badge{margin-top:4px;padding:3px 6px;font-size:.6rem}.lf-proc.on{border-color:var(--cyan);background:#00b4d812}.lf-proc.off{opacity:.42;cursor:not-allowed}.lf-fields{gap:16px;display:grid}.lf-lbl{color:var(--ink);margin:0 0 8px;font-size:.9rem;font-weight:600}.lf-colors{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.lf-color{border:2px solid var(--line);background:var(--sw);cursor:pointer;border-radius:50%;width:30px;height:30px;padding:0;position:relative}.lf-color.on{border-color:var(--cyan);box-shadow:0 0 0 3px #00b4d838}.lf-colorname{color:var(--muted);margin-left:4px;font-size:.85rem}.lf-opts{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.lf-opt{align-items:center;gap:12px;padding:5px 0;display:flex}.lf-opt .consent{flex:1;margin:0}.lf-opt small{color:var(--muted)}.lf-optqty{border:1.5px solid var(--line);width:68px;font:inherit;border-radius:8px;padding:6px 8px;font-size:.9rem}.lf-price-detail{border-top:1px solid var(--line);padding-top:16px}.lf-pline{justify-content:space-between;gap:12px;padding:7px 0;font-size:.95rem;display:flex}.lf-pline strong{font-family:var(--display);color:var(--ink)}.lf-pline.sub{color:var(--muted);padding-top:0;font-size:.88rem}.lf-pline.total{border-top:1px dashed var(--line);margin-top:4px;padding-top:10px;font-size:1.05rem}.lf-pline.grand{border-top:2px solid var(--ink);margin-top:6px;padding-top:12px;font-size:1.2rem}.lf-pline.grand strong{color:var(--orange-2);font-size:1.5rem}.lf-acc{margin-top:10px}.lf-acc summary{cursor:pointer;color:var(--cyan-ink);font-size:.85rem;font-weight:600}.lf-accbody{padding-top:10px}.lf-accbody hr{border:0;border-top:1px dashed var(--line);margin:10px 0}.lf-warn{border-left:3px solid var(--orange);color:#8a4600;background:#f77f0017;border-radius:0 8px 8px 0;margin:0;padding:10px 14px;font-size:.88rem}.lf-note{color:var(--muted);margin:8px 0 0;font-size:.82rem}.lf-demo{color:#8a4600;background:#f77f001a;border:1px solid #f77f0059;border-radius:12px;margin:0;padding:12px 16px;font-size:.92rem}.lf-sumbox{padding:20px}.lf-sumbox .row2{margin-bottom:14px}.lf-modal{z-index:80;backdrop-filter:blur(4px);background:#07111fbf;place-items:start center;padding:24px 16px 40px;display:grid;position:fixed;inset:0;overflow:auto}.lf-modal-inner{background:#fff;border-radius:20px;width:min(720px,100%);margin-top:40px;padding:28px;position:relative}.lf-modal-inner h3{font-size:1.5rem}.lf-modal-close{background:var(--paper);width:36px;height:36px;color:var(--muted);cursor:pointer;border:0;border-radius:50%;font-size:20px;position:absolute;top:14px;right:16px}.lf-modal-close:hover{background:var(--line);color:var(--ink)}.lf-done{text-align:center;justify-items:center;gap:10px;display:grid}.lf-check{width:64px;height:64px;color:var(--cyan-ink);background:#00b4d824;border-radius:50%;place-items:center;display:grid}.lf-check svg{width:32px;height:32px}.lf-done .btn{margin-top:8px}@media (width<=1000px){.lf-work{grid-template-columns:1fr}.lf-sticky{position:static}}@media (width<=560px){.lf-row{grid-template-columns:44px 1fr auto;row-gap:8px}.lf-thumb{width:44px;height:36px}.lf-rowqty{grid-column:2;width:78px}.lf-rowprice{grid-area:2/3}.lf-del{grid-area:1/3}.lf-procs{grid-template-columns:1fr}.lf-modal-inner{margin-top:8px;padding:22px 18px}}