.bl{display:flex;flex-direction:column;min-height:100vh;background:var(--bg)}.bl-app{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--muted)}.bl-top{display:flex;align-items:center;gap:12px;padding:10px var(--gutter);background:var(--surface);border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:5}.bl-top .logo{font-family:var(--font-display);font-weight:700;font-size:18px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}.bl-top .logo span{color:var(--teal)}.bl-title{font-family:var(--font-display);font-weight:600;font-size:16px;border:1px solid transparent;border-radius:8px;padding:6px 10px;min-width:120px;max-width:320px;background:transparent}.bl-title:hover,.bl-title:focus{border-color:var(--hair);background:var(--surface)}.grow{flex-grow:1}.bl-banner,.bl-message{margin:14px var(--gutter) 0;padding:12px 16px;border-radius:12px;background:var(--teal-tint);border:1px solid var(--teal-tint-line);display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:15px}.bl-message{background:#fff7e6;border-color:#f2dfb3}.bl-tabs{display:none}.bl-body{display:grid;grid-template-columns:300px minmax(0,1fr) 320px;gap:24px;padding:24px var(--gutter) 40px;align-items:start}.bl-list,.bl-options{padding:18px;display:flex;flex-direction:column;gap:14px;position:sticky;top:72px;max-height:calc(100vh - 96px);overflow:auto}.bl-options .pd-toggle{padding:10px 0}.bl-list-head{display:flex;justify-content:space-between;align-items:baseline}.bl-list-head h2{font-size:20px}.muted{color:var(--muted);font-size:14px}.bl-empty{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:15px;padding:8px 0}.bl-empty img{border-radius:50%;background:var(--teal-tint);flex:none}.bl-cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bl-card{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;align-items:center;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}.bl-card:hover{border-color:var(--hair)}.bl-thumb{width:48px;height:48px;display:block;border-radius:8px;overflow:hidden;background:var(--surface2)}.bl-thumb .thumb-svg{width:100%;height:100%;border-radius:8px;box-shadow:none}.thumb-text{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-family:var(--font-display);font-weight:700;font-size:18px;color:var(--muted)}.bl-fields{display:flex;flex-direction:column;gap:4px;min-width:0}.bl-fields .control{min-height:38px;padding:7px 10px;font-size:15px}.bl-fields .control.second{font-size:14px;color:var(--muted)}.bl-rowbtns{display:flex;flex-direction:column;gap:2px}.iconbtn{width:26px;height:22px;border:0;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;font-size:13px;line-height:1;padding:0}.iconbtn:hover:not(:disabled){background:var(--surface2);color:var(--ink)}.iconbtn:disabled{opacity:.3;cursor:default}.bl-list-foot{display:flex;flex-direction:column;gap:10px;padding-top:6px}.bl-links{display:flex;gap:8px;justify-content:center;align-items:center;font-size:14px;color:var(--muted);flex-wrap:wrap}.linkbtn{background:none;border:0;padding:4px 2px;color:var(--teal-deep);font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.linkbtn:disabled{opacity:.45;cursor:default}.linkbtn.strong{align-self:flex-start}.linkbtn.tiny{font-size:12px;align-self:flex-start}.hint.warn{color:#9a5a00}.bl-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.bl-sheet{width:100%;max-width:560px;aspect-ratio:8.5 / 11;background:#fff;box-shadow:var(--shadow-hover);border:1px solid var(--hair)}.bl-sheet svg{width:100%;height:100%;display:block}.bl-sheet-caption{font-family:var(--font-display);font-weight:600;font-size:13px;color:var(--muted)}.field-block{display:flex;flex-direction:column;gap:10px}.theme-name{float:right;text-transform:none;letter-spacing:0;color:var(--ink)}.bl-styles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.bl-style{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border-radius:12px;border:1px solid var(--hair);background:var(--surface);cursor:pointer;font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink)}.bl-style.on{border-color:var(--teal);box-shadow:0 0 0 1px var(--teal)}.bl-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.sw.sw{width:28px;height:28px;border-radius:50%;background:var(--c);border:2px solid #fff;box-shadow:0 0 0 1px var(--hair);cursor:pointer;padding:0;position:static;transition:none}.sw.sw:after{display:none}.sw.sw.on{box-shadow:0 0 0 2px var(--teal)}.bl-row{display:flex;gap:10px;align-items:flex-end}.bl-row .field.grow{flex:1}.bl-toggles{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:4px}.control.small{width:auto;min-height:36px;padding:6px 30px 6px 10px}.pd.wide{width:min(980px,calc(100vw - 32px))}.pd-body.one{display:block}.pk-search{display:flex;gap:10px;margin-bottom:12px}.pk-search .control{flex:1}.pk-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.pk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px}.pk-cell{position:relative;display:flex;flex-direction:column;gap:4px;padding:6px;border-radius:12px;border:2px solid transparent;background:var(--surface2);cursor:pointer;text-align:left}.pk-cell img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply}.pk-cell.on{border-color:var(--teal);background:#fff}.pk-word{font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--teal);color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center}.pk-more{display:flex;justify-content:center;padding:14px 0 4px}.up-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px}.up-drop{border:2px dashed var(--hair);border-radius:14px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:32px 18px;text-align:center;min-height:260px}.up-drop.drag{border-color:var(--teal);background:var(--teal-tint)}.up-title{font-family:var(--font-display);font-weight:600;font-size:17px}.up-preview{display:flex;flex-direction:column;gap:8px}.up-card{width:100%;max-width:220px}.up-card .sm-svg{width:100%;height:auto;border-radius:12px;box-shadow:var(--shadow-card)}.up-blank{aspect-ratio:.717;border-radius:12px;border:1px dashed var(--hair)}.note.lock{margin-top:18px;font-weight:600}@media(max-width:900px){.bl-tabs{display:flex;gap:6px;padding:12px var(--gutter) 0}.bl-tabs button{flex:1;font-family:var(--font-display);font-weight:600;font-size:14px;padding:10px;border-radius:10px;border:1px solid var(--hair);background:var(--surface);color:var(--muted)}.bl-tabs button.on{background:var(--teal-tint);color:var(--teal-deep);border-color:var(--teal-tint-line)}.bl-body{grid-template-columns:1fr;gap:16px;padding-top:12px}.bl-preview{order:-1}.bl-sheet{max-width:360px}.bl-list,.bl-options{position:static;max-height:none}.tab-hidden{display:none}.bl-top .btn:not(.primary),.bl-app{display:none}.bl-title{min-width:0;flex:1}.up-grid{grid-template-columns:1fr}.bl-swatches{grid-template-columns:repeat(8,1fr)}}.builder-shell{min-height:100vh}