.cmw{--cm-bg:var(--bg);--cm-panel:var(--s1);--cm-line:#ffffff17;--cm-text:#eceef4;--cm-dim:var(--tx3);--cm-accent:var(--accent);--cm-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;background:radial-gradient(1100px 480px at 50% -8%, #c8f04a12, transparent 62%), var(--cm-bg);min-height:100dvh;color:var(--cm-text);font-family:var(--font-ohf-inter), system-ui, sans-serif;flex-direction:column;align-items:center;gap:20px;padding:14px 20px 48px;display:flex}.cm-top{width:min(1180px,100%)}.cm-hero{text-align:left;padding:14px 0 2px}.cm-hero h1{letter-spacing:.01em;margin:0;font-size:22px;font-weight:700}.cm-hero p{color:var(--tx3);max-width:640px;margin:6px 0 0;font-size:12.5px;line-height:1.5}.cm-controls{border:1px solid var(--cm-line);background:var(--cm-panel);border-radius:20px;flex-direction:column;gap:10px;width:min(1180px,100%);padding:16px;display:flex;box-shadow:0 24px 70px #00000073}.cm-search-label{letter-spacing:.06em;text-transform:uppercase;color:var(--cm-dim);font-size:11px;font-weight:700}.cm-search{box-sizing:border-box;border:1px solid var(--cm-line);width:100%;color:var(--cm-text);background:#00000040;border-radius:10px;padding:10px 14px;font-family:inherit;font-size:13px}.cm-search:focus:not(:focus-visible){border-color:var(--cm-accent);outline:none}.cm-search::placeholder{color:var(--cm-dim)}.cm-pills{flex-wrap:wrap;gap:6px;display:flex}.cm-pill{border:1px solid var(--cm-line);color:var(--cm-dim);cursor:pointer;background:#00000040;border-radius:999px;padding:7px 13px;font-family:inherit;font-size:12px;transition:border-color .12s,color .12s}.cm-pill:hover{color:var(--cm-text);border-color:var(--cm-dim)}.cm-pill[data-on=true]{color:var(--accent-ink);border-color:var(--cm-accent);background:var(--cm-accent);font-weight:700}.cm-pill-n{opacity:.7;margin-left:2px;font-weight:400}.cm-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.cm-tags-label{color:var(--cm-dim);font-size:11.5px}.cm-tag{border:1px dashed var(--cm-line);color:var(--cm-dim);cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11.5px}.cm-tag:hover{color:var(--cm-text);border-color:var(--cm-dim);border-style:solid}.cm-error{color:#ff8f8f;margin:0;font-size:12.5px}.cm-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;width:min(1180px,100%);display:grid}.cm-card{border:1px solid var(--cm-line);background:var(--cm-panel);border-radius:14px;flex-direction:column;gap:10px;padding:14px;transition:border-color .12s,transform .12s;display:flex}.cm-card:hover{border-color:var(--cm-dim);transform:translateY(-1px)}.cm-card-head{flex-direction:column;gap:4px;display:flex}.cm-shot{font-family:var(--cm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--cm-accent);font-size:11px}.cm-name{letter-spacing:.01em;margin:0;font-size:16px;font-weight:700}.cm-prompt{border:1px solid var(--cm-line);font-family:var(--cm-mono);color:var(--cm-text);background:#00000047;border-radius:10px;flex:1;margin:0;padding:10px 12px;font-size:11.5px;line-height:1.55}.cm-actions{gap:8px;display:flex}.cmw .cm-btn{border:1px solid var(--cm-line);color:var(--cm-text);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:8px 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:border-color .12s,background .12s}.cmw .cm-btn:hover{border-color:var(--cm-accent)}.cmw .cm-btn-primary{background:var(--cm-accent);border-color:var(--cm-accent);color:var(--accent-ink)}.cmw .cm-btn-primary:hover{filter:brightness(1.08)}.cm-empty{color:var(--cm-dim);flex-direction:column;align-items:center;gap:12px;padding:32px 0;font-size:13px;display:flex}.cm-empty .cmw .cm-btn{flex:none}.cm-preview{border:1px solid var(--cm-line);border-radius:10px;overflow:hidden}.cm-controls,.cm-grid{box-sizing:border-box}.cm-controls{box-shadow:none;border-color:var(--line-2);border-radius:16px}.cm-hero h1{letter-spacing:-.02em;font-size:24px}.cm-hero p{color:var(--tx2);font-size:13.5px}.cm-prompt{color:var(--tx2);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-family:inherit;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.cmw .cm-card .cm-btn-primary{background:var(--accent-08);color:var(--accent);border-color:var(--accent-32)}.cmw .cm-card:hover .cm-btn-primary,.cmw .cm-card:focus-within .cm-btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}@media (prefers-reduced-motion:reduce){.cm-pill,.cm-card,.cmw .cm-btn{transition:none}}.cmw{gap:16px;padding-top:18px}.cmw .cm-controls{z-index:5;background:color-mix(in srgb, var(--s1) 94%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);gap:8px;padding:12px 14px;position:sticky;top:8px}.cmw .cm-search-label{justify-content:space-between;display:flex}.cmw .cm-count{text-transform:none;letter-spacing:0;font-weight:500}.cmw .cm-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.cmw .cm-card{gap:8px;padding:12px}.cmw .cm-preview,.cmw .cm-preview .ohf-ap{max-height:112px}.cmw .cm-prompt{-webkit-line-clamp:3;padding:8px 10px;font-size:12.5px}.cmw .cm-name{font-size:15px}.cmw .cm-card:hover{transform:translateY(-2px)}.cmw .cm-pill:focus-visible,.cmw .cm-tag:focus-visible,.cmw .cm-btn:focus-visible,.cmw .cm-search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cmw .cm-showmore{justify-content:center;width:min(1180px,100%);display:flex}.cmw .cm-showmore .cm-btn{flex:none;padding:9px 20px}@media (max-width:720px){.cmw .cm-controls{position:static}.cmw{padding-left:12px;padding-right:12px}}@media (prefers-reduced-motion:reduce){.cmw .cm-card:hover{transform:none}}.cmw .cm-prompt{-webkit-line-clamp:3;background:0 0;border:0;flex:none;padding:0;line-height:1.5}.cmw .cm-card{gap:8px}