.segments-page{gap:1.25rem;display:grid}.segments-intro{background:linear-gradient(135deg,#6f5cf514,#279ce30d 55%,#18b98612);border:1px solid #dedbef;border-radius:1.2rem;align-items:flex-start;gap:1rem;padding:1.15rem 1.25rem;display:flex}.segments-intro-icon{color:#6f5cf5;background:#f1efff;border:1px solid #d6d0fb;border-radius:.9rem;flex:none;place-items:center;width:2.75rem;height:2.75rem;display:grid}.segments-intro-icon svg{width:1.35rem;height:1.35rem}.segments-intro-kicker{color:#6f5cf5;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .15rem;font-size:.68rem;font-weight:800}.segments-intro h2{color:var(--foreground);margin:0;font-size:1rem;font-weight:800}.segments-intro p:last-child{max-width:52rem;color:var(--muted-foreground);margin:.3rem 0 0;font-size:.82rem;line-height:1.55}.segments-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.segment-card{--segment-accent:#6f5cf5;--segment-soft:#f1efff;background:var(--card);border:1px solid #e1dfee;border-radius:1.25rem;flex-direction:column;gap:1rem;min-width:0;padding:1.15rem;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px -38px #26205361}.segment-card:before{background:var(--segment-accent);content:"";height:.22rem;position:absolute;top:0;left:0;right:0}.segment-card:hover{border-color:color-mix(in srgb, var(--segment-accent) 32%, #dedbea);box-shadow:0 24px 58px -38px color-mix(in srgb, var(--segment-accent) 35%, transparent);transform:translateY(-1px)}.segment-card[data-active=false]{opacity:.68}.segment-card[data-tone=blue]{--segment-accent:#279ce3;--segment-soft:#eaf6fd}.segment-card[data-tone=teal]{--segment-accent:#18a978;--segment-soft:#e8f7f2}.segment-card[data-tone=amber]{--segment-accent:#cc8b28;--segment-soft:#fff5df}.segment-card-top,.segment-card-heading,.segment-card-status,.segment-card-footer,.segment-rule-line{align-items:center;display:flex}.segment-card-top{justify-content:space-between;gap:1rem}.segment-card-heading{gap:.8rem;min-width:0}.segment-card-icon{border:1px solid color-mix(in srgb, var(--segment-accent) 22%, transparent);width:2.8rem;height:2.8rem;color:var(--segment-accent);background:var(--segment-soft);border-radius:.95rem;flex:none;place-items:center;display:grid}.segment-card-icon svg{width:1.35rem;height:1.35rem}.segment-card-category{color:var(--segment-accent);letter-spacing:.1em;text-transform:uppercase;margin:0 0 .12rem;font-size:.65rem;font-weight:800}.segment-card h2{color:var(--foreground);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:800;overflow:hidden}.segment-card-status{color:var(--muted-foreground);flex:none;gap:.55rem;font-size:.72rem;font-weight:700}.segment-card-description{min-height:2.6rem;color:var(--muted-foreground);margin:0;font-size:.8rem;line-height:1.55}.segment-card-metrics{background:var(--muted);border:1px solid #e7e5f0;border-radius:.95rem;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.segment-card-metrics>div{gap:.2rem;padding:.8rem .75rem;display:grid}.segment-card-metrics>div+div{border-left:1px solid #e4e1ec}.segment-card-metrics span{color:var(--muted-foreground);font-size:.65rem;font-weight:700}.segment-card-metrics strong{color:var(--foreground);font-size:1rem}.segment-card-rules{gap:.55rem;display:grid}.segment-rule-line{color:var(--muted-foreground);gap:.55rem;font-size:.73rem}.segment-rule-line svg{width:.95rem;height:.95rem;color:var(--segment-accent)}.segment-rule-line strong{color:var(--foreground);margin-left:auto;font-size:.73rem}.segment-card-footer{border-top:1px solid #ebe9f2;justify-content:space-between;gap:.75rem;min-height:2.25rem;margin-top:auto;padding-top:.9rem}.segment-keyword-preview{min-width:0;color:var(--muted-foreground);flex-wrap:wrap;gap:.35rem;font-size:.68rem;display:flex}.segment-editor form{gap:1rem;display:grid}.segment-editor-body{gap:1rem;padding:.3rem 0 .4rem;display:grid}.segment-editor-section{border:1px solid var(--border);background:color-mix(in srgb, var(--muted) 65%, transparent);border-radius:1rem;gap:.85rem;padding:1rem;display:grid}.segment-editor-section-heading h3{color:var(--foreground);margin:0;font-size:.85rem;font-weight:800}.segment-editor-section-heading p{color:var(--muted-foreground);margin:.2rem 0 0;font-size:.7rem}.segment-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;display:grid}.segment-editor-grid-wide{grid-template-columns:repeat(2,minmax(0,1fr))}.segment-field{gap:.4rem;min-width:0;display:grid}.segment-field label{color:var(--foreground);font-size:.7rem;font-weight:750}.segment-field textarea{resize:vertical;min-height:5.5rem}.segment-editor-footer{padding-top:.25rem}.dark .segments-intro{background:linear-gradient(135deg,#7c6cf621,#279ce314 55%,#18b9861a);border-color:#302b4a}.dark .segments-intro-icon{color:#aaa1ff;background:#272241;border-color:#51468b}.dark .segment-card{border-color:#2d293e;box-shadow:0 22px 58px -40px #000000b8}.dark .segment-card[data-tone=violet]{--segment-soft:#282342}.dark .segment-card[data-tone=blue]{--segment-soft:#172f43}.dark .segment-card[data-tone=teal]{--segment-soft:#17372f}.dark .segment-card[data-tone=amber]{--segment-soft:#3b2d18}.dark .segment-card-metrics{border-color:#322e43}.dark .segment-card-metrics>div+div,.dark .segment-card-footer{border-color:#312d40}@media (width<=980px){.segments-grid{grid-template-columns:1fr}.segment-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.segments-page{padding-left:1rem!important;padding-right:1rem!important}.segments-intro,.segment-card{padding:1rem}.segment-card-top{align-items:flex-start}.segment-card-status span{display:none}.segment-card-metrics>div{padding:.72rem .55rem}.segment-card-footer{flex-direction:column;align-items:stretch}.segment-card-footer button{width:100%}.segment-editor-grid,.segment-editor-grid-wide{grid-template-columns:1fr}}