.wb-titlebar,.wb-grid{width:100%}.wb-titlebar{max-width:var(--wb-maxw);flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 auto;padding:8px 16px;display:flex}.wb-titlebar .wb-tt{flex:380px;min-width:0}.wb-titlebar h1{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700;line-height:1.3}.wb-titlebar p{color:var(--wb-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 6px;font-size:13px;display:-webkit-box;overflow:hidden}.wb-trust{color:#3f3f4a;flex-wrap:wrap;gap:4px 14px;margin:0;padding:0;font-size:12.5px;list-style:none;display:flex}.wb-trust li{align-items:center;gap:5px;display:flex}.wb-trust .bi{color:var(--wb-ok)}.wb-titlebar .ad-s1{margin:14px 0 0}.wb-billboard{width:100%;max-width:var(--wb-maxw);margin:0 auto;padding:0 16px;display:none}.wb-billboard .ad-slot{margin:14px auto 20px}@media (width>=1024px){.wb-billboard{display:block}.wb-titlebar .ad-s1{display:none}}.wb-grid{max-width:var(--wb-maxw);grid-template-columns:208px minmax(0,1fr);align-items:start;gap:12px;margin:0 auto;padding:0 16px;display:grid}.wb-work{grid-template:"content side""design side"1fr/minmax(0,1fr) 316px;align-items:start;gap:12px;display:grid}.wb-content{grid-area:content;min-width:0}.wb-design{grid-area:design}.wb-side{flex-direction:column;grid-area:side;gap:28px;display:flex;position:sticky;top:12px}.wb-ad-host{padding-top:20px}.wb-body:has(.ad-slot) .wb-ad-host{min-height:284px}.wb-card{border:1px solid var(--wb-line);border-radius:var(--wb-r);background:var(--wb-panel);padding:16px}.wb-card-h{flex-wrap:wrap;align-items:center;gap:8px;min-height:28px;margin-bottom:12px;display:flex}.wb-card-h h2{margin:0;font-size:14px;font-weight:650}.wb-step{color:var(--wb-muted);margin-left:auto;font-size:12px}.wb-ic{background:var(--wb-soft);width:28px;height:28px;color:var(--wb-acc);border-radius:6px;place-items:center;font-size:15px;display:grid}.wb-rail{scrollbar-width:thin;flex-direction:column;gap:8px;max-height:calc(100dvh - 24px);padding:8px;display:flex;position:sticky;top:12px;overflow:auto}.wb-rail-h{color:var(--wb-muted);letter-spacing:.06em;text-transform:uppercase;padding:10px 10px 4px;font-size:11px;font-weight:600}.wb-type{color:#22222b;white-space:nowrap;border-radius:6px;align-items:center;gap:10px;min-width:0;height:32px;padding:0 10px;font-size:13.5px;text-decoration:none;display:flex}.wb-type span{text-overflow:ellipsis;overflow:hidden}.wb-type .bi{color:#9b9bab;font-size:15px}.wb-type:hover{background:#f4f4f7}.wb-type[aria-current=page]{background:var(--wb-soft);color:var(--wb-acc);font-weight:600}.wb-type[aria-current=page] .bi{color:var(--wb-acc)}.wb-rail-chips,.wb-rail-all{display:none}.wb-seg{background:#f0f0f4;border-radius:8px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.wb-seg>a,.wb-seg>button{height:30px;color:var(--wb-muted);font:600 13px / 1 var(--wb-font);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 8px;text-decoration:none;display:flex}.wb-seg>[aria-current=page],.wb-seg>[aria-pressed=true]{color:var(--wb-text);box-shadow:inset 0 0 0 1px var(--wb-line);background:#fff}.wb-fields{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.wb-f{align-content:start;gap:5px;min-width:0;display:grid}.wb-f.is-wide{grid-column:1/-1}.wb-fl,.wb-pl{color:#3f3f4a;font-size:12px;font-weight:600}.wb-fi,.wb-work select{width:100%;height:38px;color:var(--wb-text);font:14px var(--wb-font);background:#fff;border:1px solid #d6d6df;border-radius:6px;outline:none;padding:0 12px}textarea.wb-fi{resize:vertical;height:auto;min-height:76px;padding:9px 12px}.wb-fi:focus,.wb-work select:focus{border-color:var(--wb-acc);box-shadow:0 0 0 3px var(--wb-soft)}.wb-hint{color:var(--wb-muted);font-size:12px}.wb-check{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:inline-flex}.wb-check input{width:16px;height:16px;accent-color:var(--wb-acc);margin:0}.wb-prow{border-top:1px solid var(--wb-line-soft);grid-template-columns:112px minmax(0,1fr);align-items:center;gap:8px 12px;padding:8px 0;display:grid}.wb-card-h+.wb-prow{border-top:0;padding-top:0}.wb-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.wb-sw{background:var(--c);cursor:pointer;border:1px solid #00000024;border-radius:50%;flex:none;width:26px;height:26px;padding:0;position:relative}.wb-sw[aria-pressed=true]{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wb-acc)}.wb-sw-custom{color:#fff;background:conic-gradient(#f43f5e,#f59e0b,#84cc16,#06b6d4,#6366f1,#d946ef,#f43f5e);place-items:center;font-size:12px;display:grid;overflow:hidden}.wb-sw-custom input{opacity:0;cursor:pointer;position:absolute;inset:0}.wb-tile{border:1px solid var(--wb-line);width:38px;height:38px;color:var(--wb-muted);cursor:pointer;background:#fff;border-radius:6px;place-items:center;padding:5px;font-size:16px;display:grid}.wb-tile img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.wb-tile.is-frame{width:52px;height:52px}.wb-tile[aria-pressed=true]{border-color:var(--wb-acc);box-shadow:inset 0 0 0 1px var(--wb-acc)}.wb-tiles{flex-wrap:wrap;gap:6px;max-height:88px;display:flex;overflow:hidden}.wb-tiles.is-open{max-height:240px;overflow:auto}.wb-link-btn{color:var(--wb-acc);font:600 12px var(--wb-font);cursor:pointer;background:0 0;border:0;padding:0}.wb-logo-upload{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-bottom:8px;display:flex}.wb-upload{border:1.5px dashed var(--wb-acc);background:var(--wb-soft);height:38px;color:var(--wb-acc);font:600 13px var(--wb-font);white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 14px 0 10px;transition:background-color .15s,border-color .15s;display:inline-flex}.wb-upload:hover,.wb-upload.is-dragging{background:#e9e0ff;border-style:solid}.wb-upload:focus-within{outline:2px solid var(--wb-acc);outline-offset:2px}.wb-upload.is-active{box-shadow:inset 0 0 0 1px var(--wb-acc);border-style:solid}.wb-upload i{font-size:18px}.wb-upload img{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:4px;width:24px;height:24px}.wb-upload-hint{color:var(--wb-muted);font-size:12px}.wb-sz{border:1px solid var(--wb-line);height:30px;font:13px var(--wb-font);cursor:pointer;background:#fff;border-radius:6px;padding:0 10px}.wb-sz[aria-pressed=true]{border-color:var(--wb-acc);color:var(--wb-acc);box-shadow:inset 0 0 0 1px var(--wb-acc)}.wb-px{width:96px;height:30px}.wb-pv{border:1px solid var(--wb-line);background:#fff;border-radius:6px;padding:14px}.wb-pv img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;width:100%;max-width:clamp(150px,100dvh - 440px,100%);height:auto;margin:0 auto;display:block}.wb-pv img.is-empty{opacity:.18}.wb-pv.is-transparent{background-image:conic-gradient(#e5e7eb 25%, #fff 0 50%, #e5e7eb 0 75%, #fff 0);background-size:14px 14px}.wb-meta{color:var(--wb-muted);margin-left:auto;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.wb-pv+.wb-seg{margin-top:12px}.wb-btn{background:var(--wb-acc);color:#fff;width:100%;height:40px;font:600 14px var(--wb-font);cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.wb-btn:hover{background:var(--wb-acc-hover)}.wb-btn:disabled{opacity:.55;cursor:default}.wb-btn-ghost{border:1px solid var(--wb-line);height:32px;color:var(--wb-text);font:13px var(--wb-font);white-space:nowrap;cursor:pointer;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.wb-btn-ghost:hover{background:#f7f7fa}.wb-note{color:var(--wb-muted);text-align:center;margin:10px 0 0;font-size:12px}.wb-m1{display:none}@media (width<=1099px){.wb-grid{grid-template-columns:184px minmax(0,1fr)}.wb-work{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"content""side""design"}.wb-side{position:static}.wb-out-single{grid-template-columns:168px minmax(0,1fr);grid-template-areas:"h h""pv seg""pv btn""pv note";align-items:center;gap:8px 16px;display:grid}.wb-out-single .wb-card-h{grid-area:h;margin-bottom:0}.wb-out-single .wb-pv{grid-area:pv;padding:8px}.wb-out-single .wb-seg{grid-area:seg;margin-top:0}.wb-out-single .wb-btn{grid-area:btn;margin-top:0}.wb-out-single .wb-note{text-align:left;grid-area:note;margin:0}.wb-ad-host{display:none}}@media (width<=767px){.wb-titlebar{padding:10px 16px 8px}.wb-titlebar .wb-tt{flex-basis:100%}.wb-titlebar h1{font-size:17px}.wb-titlebar p,.wb-titlebar .ad-s1{display:none}.wb-trust{gap:2px 10px;font-size:12px}.wb-grid{grid-template-columns:minmax(0,1fr);gap:10px}.wb-work{gap:10px}.wb-rail{max-height:none;padding:6px;position:relative;top:auto;overflow:visible}.wb-rail-list{display:none}.wb-rail-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.wb-rail-chips .wb-type,.wb-rail-all>summary{border:1px solid var(--wb-line);height:32px}.wb-rail-all{display:block}.wb-rail-all>summary{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;list-style:none;display:flex}.wb-rail-all>summary::-webkit-details-marker{display:none}.wb-rail-all-pop{z-index:30;border:1px solid var(--wb-line);background:var(--wb-panel);border-radius:8px;max-height:60vh;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.wb-rail-all-pop>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.wb-rail-all-pop .wb-rail-h{grid-column:1/-1}.wb-rail-all-pop .wb-type{border:0;height:34px}.wb-out-single{grid-template-columns:132px minmax(0,1fr);grid-template-areas:"h h""pv seg""pv btn""note note";gap:8px 14px}.wb-out-single .wb-seg>button{padding:0 4px;font-size:12px}.wb-out-single .wb-note{text-align:center}.wb-prow{grid-template-columns:minmax(0,1fr);gap:6px}.wb-m1{padding:40px 16px 0;display:block}}.wb-bulk-bar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wb-grow{flex:1}.wb-count{background:var(--wb-soft);height:24px;color:var(--wb-acc);white-space:nowrap;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:600;display:inline-flex}.wb-count.is-ok{color:var(--wb-ok);background:#ecfdf3}.wb-count.is-warn{color:var(--wb-warn);background:#fff7e6}.wb-bulk-hint{margin:8px 0}.wb-ta{font:12.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.wb-table-wrap{border:1px solid var(--wb-line);border-radius:6px;max-height:420px;position:relative;overflow:auto}.wb-table{width:100%;min-width:calc(64px + var(--cols,3) * 80px);border-collapse:collapse;table-layout:fixed;font-size:13px}.wb-table th{z-index:1;border-bottom:1px solid var(--wb-line);color:#3f3f4a;text-align:left;vertical-align:bottom;overflow-wrap:anywhere;background:#f7f7fa;padding:6px 8px;font-size:12px;font-weight:600;line-height:1.3;position:sticky;top:0}.wb-table th small{color:var(--wb-muted);white-space:normal;font-weight:400;display:block}.wb-table td{border-bottom:1px solid var(--wb-line-soft);padding:0}.wb-table tr:last-child td{border-bottom:0}.wb-table .wb-td-num{width:36px;min-width:36px;color:var(--wb-muted);text-align:center;font-size:12px}.wb-table .wb-td-del{width:32px;min-width:32px}.wb-td-del button{width:28px;height:28px;color:var(--wb-muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}.wb-td-del button:hover{color:#b42318;background:#fdecec}.wb-cell,.wb-work select.wb-cell{width:100%;min-width:0;height:34px;font:13px var(--wb-font);background:0 0;border:0;border-radius:0;outline:none;padding:0 8px}.wb-cell:focus,.wb-work select.wb-cell:focus{background:var(--wb-soft);box-shadow:inset 0 0 0 1px var(--wb-acc)}.wb-table tr.is-invalid td{background:#fffaf0}.wb-table tr.is-invalid .wb-td-num{box-shadow:inset 3px 0 0 var(--wb-warn);color:var(--wb-warn)}.wb-table tr.is-invalid .wb-cell.is-required:placeholder-shown{box-shadow:inset 0 -2px 0 var(--wb-warn)}.wb-results-wrap{border-top:1px solid var(--wb-line-soft);margin-top:16px;padding-top:12px}.wb-results-h{margin-bottom:8px}.wb-results{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;max-height:340px;display:grid;overflow:auto}.wb-result{border:1px solid var(--wb-line);text-align:left;cursor:pointer;background:#fff;border-radius:6px;gap:6px;min-width:0;padding:8px;display:grid}.wb-result img{aspect-ratio:1;-o-object-fit:contain;object-fit:contain;width:100%;display:block}.wb-result span{color:var(--wb-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.wb-result b{color:var(--wb-text)}.wb-result[aria-pressed=true]{border-color:var(--wb-acc);box-shadow:inset 0 0 0 1px var(--wb-acc)}.wb-selected{color:var(--wb-muted);white-space:nowrap;gap:8px;margin:8px 0 0;font-size:12px;display:flex;overflow:hidden}.wb-selected b{color:var(--wb-text);text-overflow:ellipsis;overflow:hidden}.wb-stats{flex-wrap:wrap;gap:6px;margin:10px 0;display:flex}.wb-names{margin-bottom:12px}.wb-names code{text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow:hidden}@media (width<=1099px){.wb-out-bulk{grid-template-columns:168px minmax(0,1fr);grid-template-areas:"h h""pv sel""pv stats""pv names""pv seg""pv btn""note note";align-items:center;gap:6px 16px;display:grid}.wb-out-bulk .wb-card-h{grid-area:h;margin-bottom:0}.wb-out-bulk .wb-pv{grid-area:pv;padding:8px}.wb-out-bulk .wb-selected{grid-area:sel;margin:0}.wb-out-bulk .wb-stats{grid-area:stats;margin:0}.wb-out-bulk .wb-names{grid-area:names;margin:0}.wb-out-bulk .wb-seg{grid-area:seg}.wb-out-bulk .wb-btn{grid-area:btn;margin-top:0}.wb-out-bulk .wb-note{grid-area:note}}@media (width<=767px){.wb-out-bulk{grid-template-columns:112px minmax(0,1fr)}.wb-table-wrap{max-height:360px}}.wb-out-bulk .wb-pv img{max-width:clamp(120px,100dvh - 600px,100%)}
