.de-config{flex-wrap:wrap;gap:var(--space-2) var(--space-3);align-items:flex-end}.de-field{display:flex;flex-direction:column;gap:3px;min-width:0}.de-field>label{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding-left:4px}.de-dd .dropdown-toggle,.de-dd2 .dropdown-toggle{min-width:132px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text);padding:8px 14px;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;transition:border-color .15s,box-shadow .15s}.de-dd2 .dropdown-toggle{min-width:96px;padding:6px 10px;font-size:var(--text-xs);font-weight:var(--font-medium)}.de-dd .dropdown-toggle:after,.de-dd2 .dropdown-toggle:after{content:"\25be";font-size:10px;opacity:.55}.de-dd .dropdown-toggle:hover,.de-dd2 .dropdown-toggle:hover,.de-dd .dropdown-toggle[aria-expanded=true],.de-dd2 .dropdown-toggle[aria-expanded=true]{border-color:var(--color-gold)}.de-adv{gap:var(--space-3) var(--space-4);align-items:center}.de-adv label{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}.de-adv input[type=color]{width:30px;height:26px;padding:0;border:1px solid var(--color-border);border-radius:8px;background:none;cursor:pointer}.de-hex{width:78px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg-card);color:var(--color-text);padding:5px 8px;font-family:var(--font-mono);font-size:11px;text-transform:none}.de-hex:focus{outline:none;border-color:var(--color-gold)}.de-hide{display:none!important}.de-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin:0 0 var(--space-3);line-height:var(--leading-relaxed)}.de-hint strong{color:var(--color-text)}.de-card-sub{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);background:var(--color-bg-muted);padding:1px 7px;border-radius:999px;margin-left:8px}.de-codeinline,code.de-codeinline{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);word-break:break-all}.de-inline-chip{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:middle;border:1px solid var(--color-border-strong)}.de-chiprow{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.de-swatch:focus-visible,.de-ramp-cell:focus-visible,.de-tok:focus-visible,.de-grad:focus-visible,.de-mini-btn:focus-visible,.de-export-tab:focus-visible,.de-seg-btn:focus-visible,.de-next-btn:focus-visible,.de-motion-demo:focus-visible{outline:3px solid rgba(var(--color-gold-rgb, 211, 175, 55),.4);outline-offset:2px}.de-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3)}.de-stat{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);background:var(--color-bg-card)}.de-stat-v{font-size:var(--text-2xl);font-weight:var(--font-black);color:var(--color-text);line-height:1.1}.de-stat-k{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:2px}.de-next{display:flex;flex-wrap:wrap;gap:var(--space-2)}.de-next-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text);padding:8px 16px;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:border-color .15s,transform .12s}.de-next-btn:hover{border-color:var(--color-gold);transform:translateY(-1px)}.de-next-btn span{font-size:16px}.de-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2)}.de-swatch{display:flex;align-items:center;gap:10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:8px;cursor:pointer;text-align:left;transition:border-color .12s,transform .12s,box-shadow .12s}.de-swatch:hover{border-color:var(--color-gold);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.de-swatch.de-copied{border-color:var(--color-success);box-shadow:0 0 0 2px #22c55e40}.de-swatch-chip{width:34px;height:34px;border-radius:8px;flex-shrink:0;border:1px solid var(--color-border-strong)}.de-swatch--big .de-swatch-chip{width:46px;height:46px}.de-swatch-meta{display:flex;flex-direction:column;min-width:0}.de-swatch-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text);text-transform:capitalize}.de-swatch-hex{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);white-space:nowrap}.de-ramp{margin-bottom:var(--space-4)}.de-ramp-label{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:6px}.de-ramp-row{display:grid;grid-template-columns:repeat(11,1fr);gap:3px}.de-ramp-cell{border:none;border-radius:8px;min-height:62px;padding:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;transition:transform .12s,box-shadow .12s}.de-ramp-cell:hover{transform:translateY(-2px) scale(1.03);box-shadow:var(--shadow-md);z-index:1}.de-ramp-step{font-size:10px;font-weight:var(--font-bold);opacity:.9}.de-ramp-hex{font-family:var(--font-mono);font-size:10px;opacity:.8}@media(max-width:720px){.de-ramp-row{grid-template-columns:repeat(6,1fr)}.de-ramp-hex{display:none}}.de-sem{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.de-sem-solid{padding:14px;font-weight:var(--font-bold);font-size:var(--text-sm)}.de-sem-tints{display:flex;height:22px}.de-sem-tints span{flex:1;cursor:pointer}.de-roleblock{margin-bottom:var(--space-4)}.de-roleblock-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:8px}.de-grad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}.de-grad{height:84px;border:none;border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .12s}.de-grad:hover{transform:translateY(-2px)}.de-grad span{position:absolute;left:10px;bottom:8px;font-size:11px;font-weight:var(--font-bold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5);background:#00000040;padding:2px 8px;border-radius:999px;backdrop-filter:blur(4px)}.de-type-pairing{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-3)}.de-type-spec{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;background:var(--color-bg-card)}.de-type-spec-name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text)}.de-type-spec-sample{font-size:56px;line-height:1;margin:10px 0;color:var(--color-text)}.de-type-spec-role{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.de-type-row{display:grid;grid-template-columns:52px 130px 1fr;align-items:center;gap:var(--space-3);padding:8px 0;border-bottom:1px dashed var(--color-border);overflow:hidden}.de-type-tag{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-bold);color:var(--color-gold)}.de-type-px{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.de-type-sample{color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.de-type-role{padding:var(--space-3) 0;border-bottom:1px dashed var(--color-border)}.de-type-role-meta{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:4px}.de-type-role-meta strong{font-size:var(--text-sm);color:var(--color-text);text-transform:capitalize}.de-type-role-meta span{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.de-weights{display:flex;flex-wrap:wrap;gap:var(--space-3)}.de-weight{text-align:center;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 16px;background:var(--color-bg-card)}.de-weight span{font-size:28px;color:var(--color-text);display:block}.de-weight small{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.de-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:var(--space-2)}.de-icon-cell{display:flex;flex-direction:column;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 6px;background:var(--color-bg-card);transition:border-color .12s,transform .12s}.de-icon-cell:hover{border-color:var(--color-gold);transform:translateY(-1px)}.de-icon-cell small{font-size:10px;color:var(--color-text-muted)}.de-icon-grid--accent{display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-muted)}.de-icon-sizes{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.de-icon-size{text-align:center}.de-icon-size small{display:block;font-size:10px;color:var(--color-text-muted);margin-top:4px}.de-scale-row{display:grid;grid-template-columns:48px 64px 1fr;align-items:center;gap:var(--space-3);padding:5px 0}.de-scale-tag{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-bold);color:var(--color-gold)}.de-scale-val{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.de-scale-bar{height:16px;display:flex;align-items:center}.de-scale-bar>span{height:16px;background:linear-gradient(90deg,var(--color-gold),rgba(var(--color-gold-rgb, 211, 175, 55),.5));border-radius:4px;min-width:2px;display:block}.de-radius-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.de-radius-cell{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center;background:var(--color-bg-card)}.de-radius-box{height:64px;width:100%;border-top-left-radius:0!important;border-bottom-right-radius:0!important}.de-radius-meta{margin-top:8px}.de-radius-meta strong{display:block;font-size:var(--text-sm);color:var(--color-text)}.de-radius-meta span{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}.de-shadow-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-lg)}.de-shadow-cell{display:flex;justify-content:center}.de-shadow-box{width:100%;height:72px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-bold);color:var(--color-text-muted)}.de-motion-demo{display:flex;align-items:center;gap:var(--space-4);width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:10px var(--space-4);margin-bottom:8px;cursor:pointer;text-align:left}.de-motion-track{flex:1;height:8px;border-radius:999px;background:var(--color-bg-muted);position:relative;overflow:hidden}.de-motion-dot{position:absolute;top:-3px;left:0;width:14px;height:14px;border-radius:50%;background:var(--color-gold);animation:de-slide var(--d, .3s) var(--ease, ease) infinite alternate}@keyframes de-slide{0%{left:0}to{left:calc(100% - 14px)}}.de-motion-meta{min-width:120px;display:flex;flex-direction:column}.de-motion-meta strong{font-size:var(--text-sm);color:var(--color-text);text-transform:capitalize}.de-motion-meta span{font-size:10px;color:var(--color-text-muted)}@media(prefers-reduced-motion:reduce){.de-motion-dot{animation:none;left:calc(50% - 7px)}}.de-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.de-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card)}.de-seg-btn{border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);padding:5px 12px;font-size:11px;font-weight:var(--font-bold);cursor:pointer}.de-seg-btn.active{background:var(--color-gold);color:var(--color-bg, #101010)}.de-preview{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(14px,3vw,28px);background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);transition:background .25s,color .25s}.dep-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--dep-gap, clamp(12px, 2vw, 18px))}.dep-span2{grid-column:1 / -1}@media(max-width:760px){.dep-grid{grid-template-columns:1fr}}.dep-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--dep-pad, 16px);box-shadow:var(--sh-sm);font-size:var(--dep-fs, 13px)}.dep-card h4{font-family:var(--f-head);font-weight:var(--head-w);font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);margin:0 0 var(--space-3)}.dep-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.dep-row+.dep-row{margin-top:10px}.dep-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.dep-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-head);font-weight:800;color:var(--c-text)}.dep-brand svg{color:var(--c-primary)}.dep-navlinks{display:flex;gap:var(--space-4);flex-wrap:wrap}.dep-navlinks a{font-size:13px;color:var(--c-text-muted);cursor:pointer;padding-bottom:3px;border-bottom:2px solid transparent}.dep-navlinks a.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.dep-navactions{display:inline-flex;align-items:center;gap:12px;color:var(--c-text-muted)}.dep-avatar{width:30px;height:30px;border-radius:999px;background:var(--c-primary);color:var(--c-on-primary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:13px}.dep-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--dep-btn-r, var(--r-md));border:1px solid transparent;padding:9px 16px;font-family:var(--f-body);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform var(--dur) var(--ease),filter .15s,background .15s,box-shadow .15s}.dep-btn:hover{transform:translateY(-1px)}.dep-btn:active{transform:translateY(0)}.dep-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dep-btn--primary{background:var(--c-primary);color:var(--c-on-primary);box-shadow:var(--sh-primary)}.dep-btn--primary:hover{background:var(--c-primary-hover)}.dep-btn--secondary{background:var(--c-primary-subtle);color:var(--c-primary)}.dep-btn--ghost{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.dep-btn--danger{background:var(--c-danger);color:#fff}.dep-btn--block{width:100%;justify-content:center;margin-top:12px}.dep-badge{display:inline-flex;align-items:center;border-radius:var(--r-pill);padding:3px 10px;font-size:11px;font-weight:700}.dep-badge--primary{background:var(--c-primary-subtle);color:var(--c-primary)}.dep-badge--success{background:var(--c-success-bg);color:var(--c-success)}.dep-badge--warning{background:var(--c-warning-bg);color:var(--c-warning)}.dep-badge--danger{background:var(--c-danger-bg);color:var(--c-danger)}.dep-badge--info{background:var(--c-info-bg);color:var(--c-info)}.dep-pill{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--c-border);border-radius:var(--r-pill);padding:4px 12px;font-size:12px;color:var(--c-text)}.dep-pill svg{color:var(--c-primary)}.dep-label{display:block;font-size:12px;font-weight:600;color:var(--c-text);margin:10px 0 5px}.dep-label:first-child{margin-top:0}.dep-input{margin-bottom:4px}.dep-input input,.dep-input select{width:100%;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text);padding:9px 12px;font-family:var(--f-body);font-size:13px;outline:none;transition:border-color .15s,box-shadow .15s}.dep-input input:focus,.dep-input select:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-ring)}.dep-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text);margin-top:12px;cursor:pointer}.dep-check input{accent-color:var(--c-primary);width:16px;height:16px}.dep-toggle{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--c-text);margin-top:12px}.dep-switch{width:40px;height:23px;border-radius:999px;background:var(--c-border-strong);position:relative;flex-shrink:0;cursor:pointer;transition:background var(--dur, .2s) var(--ease)}.dep-switch:after{content:"";position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0000004d;transition:transform var(--dur, .2s) var(--ease)}.dep-switch[data-on=true]{background:var(--c-primary)}.dep-switch[data-on=true]:after{transform:translate(17px);background:var(--c-on-primary)}.dep-switch:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.dep-alert{display:flex;gap:10px;align-items:flex-start;border-radius:var(--r-md);padding:11px 13px;margin-bottom:9px;font-size:13px}.dep-alert:last-child{margin-bottom:0}.dep-alert div{display:flex;flex-direction:column;line-height:1.35}.dep-alert strong{font-weight:700}.dep-alert span{color:var(--c-text-muted);font-size:12px}.dep-alert--success{background:var(--c-success-bg);color:var(--c-success)}.dep-alert--warning{background:var(--c-warning-bg);color:var(--c-warning)}.dep-alert--danger{background:var(--c-danger-bg);color:var(--c-danger)}.dep-alert--success strong,.dep-alert--warning strong,.dep-alert--danger strong{color:var(--c-text)}.dep-price-head h3{font-family:var(--f-head);font-weight:var(--head-w);font-size:20px;color:var(--c-text);margin:8px 0 2px}.dep-amount{font-family:var(--f-head);font-weight:800;font-size:34px;color:var(--c-text)}.dep-amount span{font-size:18px;vertical-align:super}.dep-amount small{font-size:13px;color:var(--c-text-muted);font-weight:500}.dep-list{list-style:none;padding:0;margin:14px 0}.dep-list li{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text);padding:4px 0}.dep-list svg{color:var(--c-primary);flex-shrink:0}.dep-stats{display:flex;gap:var(--space-4);flex-wrap:wrap}.dep-stat{flex:1;min-width:88px}.dep-stat-k{font-size:11px;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.dep-stat-v{font-family:var(--f-head);font-weight:800;font-size:22px;color:var(--c-text)}.dep-stat-d{font-size:11px;font-weight:700}.dep-stat-d--up{color:var(--c-success)}.dep-stat-d--down{color:var(--c-danger)}.dep-progress{height:8px;border-radius:999px;background:var(--c-muted);margin-top:14px;overflow:hidden}.dep-progress span{display:block;height:100%;background:var(--c-primary);border-radius:999px}.dep-h{font-family:var(--f-head);font-weight:var(--head-w);font-size:clamp(22px,4vw,34px);color:var(--c-text);margin:0 0 8px;letter-spacing:-.02em}.dep-p{font-family:var(--f-body);font-size:14px;line-height:1.65;color:var(--c-text-muted);margin:0;max-width:56ch}.dep-p a{color:var(--c-primary);font-weight:600}.dep-code{font-family:var(--f-mono);background:var(--c-muted);color:var(--c-text);padding:1px 6px;border-radius:5px;font-size:12px}.de-a11y-row{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:6px}.de-a11y-row.bad{border-color:#dc262666;background:#dc26260a}.de-a11y-row.ok{background:var(--color-bg-card)}.de-a11y-pair{display:inline-flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--color-text)}.de-a11y-chip{width:30px;height:30px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--font-bold);border:1px solid var(--color-border-strong);flex-shrink:0}.de-a11y-ratio{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text)}.de-a11y-apca{font-family:var(--font-mono);font-size:11px;font-weight:var(--font-bold);color:var(--color-gold);padding:2px 7px;border:1px solid rgba(var(--color-gold-rgb, 211, 175, 55),.28);border-radius:999px;white-space:nowrap}.de-a11y-need{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted)}@media(max-width:640px){.de-a11y-row{grid-template-columns:1fr auto auto}.de-a11y-need{display:none}}.de-cvd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.de-cvd{text-align:center}.de-cvd-strip{display:flex;height:48px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border)}.de-cvd-strip span{flex:1}.de-cvd small{display:block;font-size:11px;color:var(--color-text-muted);margin-top:5px}.de-tok-group{margin-bottom:var(--space-4)}.de-tok-group-title{font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-gold);margin-bottom:8px;display:flex;align-items:center;gap:8px}.de-tok-group-title span{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);background:var(--color-bg-muted);padding:1px 7px;border-radius:999px}.de-tok-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:4px}.de-tok{display:flex;align-items:center;gap:8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-card);padding:6px 9px;cursor:pointer;text-align:left;transition:border-color .12s,background .12s}.de-tok:hover{border-color:var(--color-gold);background:var(--color-gold-light, rgba(var(--color-gold-rgb, 211, 175, 55), .06))}.de-tok.de-copied{border-color:var(--color-success)}.de-tok-chip{width:16px;height:16px;border-radius:4px;flex-shrink:0;border:1px solid var(--color-border-strong)}.de-tok-name{font-family:var(--font-mono);font-size:11px;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;max-width:52%}.de-tok-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-muted);margin-left:auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.de-export-tabs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:var(--space-3)}.de-export-tab{border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);padding:6px 14px;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all .12s}.de-export-tab:hover{border-color:var(--color-gold);color:var(--color-text)}.de-export-tab.active{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-bg, #101010)}.de-code{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:#0e1116}.de-code-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:8px 12px;background:#161b22;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.de-code-lang{font-family:var(--font-mono);font-size:11px;color:#8b96a5}.de-code-actions{display:flex;gap:6px;flex-wrap:wrap}.de-mini-btn{border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#242b35;color:#d6dde6;padding:4px 12px;font-size:11px;font-weight:var(--font-bold);cursor:pointer;transition:background .12s,border-color .12s}.de-mini-btn:hover{background:rgba(var(--color-gold-rgb, 211, 175, 55),.2);border-color:var(--color-gold);color:#fff}.de-pre{margin:0;padding:var(--space-4);overflow:auto;max-height:560px;font-family:var(--font-mono);font-size:12px;line-height:1.6;color:#c9d4e0;scrollbar-width:thin;scrollbar-color:var(--color-gold) transparent;tab-size:2}.de-pre code{white-space:pre}.de-pre::-webkit-scrollbar{width:7px;height:7px}.de-pre::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:999px}.de-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:var(--color-gray-900, #111827);color:#fff;padding:11px 20px;border-radius:999px;font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-xl);z-index:var(--z-toast, 9999);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;border:1px solid rgba(var(--color-gold-rgb, 211, 175, 55),.4)}.de-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.de-ic{vertical-align:middle}.de-ic svg,.de-ic .ai-icon,.de-ic.ai-icon svg{width:100%;height:100%;display:block}.de-link-btn{border:0;background:none;color:var(--color-gold);font:inherit;font-weight:var(--font-bold);font-size:var(--text-xs);cursor:pointer;padding:0 2px;white-space:nowrap}.de-link-btn:hover{text-decoration:underline}.de-conn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-2)}.de-conn-card{display:flex;align-items:center;gap:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);padding:11px 13px;cursor:pointer;text-align:left;transition:border-color .12s,transform .12s,box-shadow .12s}.de-conn-card:hover{border-color:var(--color-gold);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.de-conn-ic{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.de-conn-emo{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;background:var(--color-bg-muted);border:1px solid var(--color-border)}.de-conn-meta{display:flex;flex-direction:column;min-width:0;gap:1px}.de-conn-meta strong{font-size:var(--text-sm);color:var(--color-text)}.de-conn-meta span{font-size:11px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.de-conn-pal{display:flex;height:26px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-3);border:1px solid var(--color-border)}.de-conn-pal span{flex:1;cursor:pointer;transition:flex .15s}.de-conn-pal span:hover{flex:1.6}.de-conn-copy{display:flex;flex-wrap:wrap;gap:8px}.de-saved-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3)}.de-saved{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-card);transition:border-color .12s,box-shadow .12s}.de-saved:hover{border-color:var(--color-gold);box-shadow:var(--shadow-sm)}.de-saved-strip{display:flex;height:44px}.de-saved-strip span{flex:1}.de-saved-body{padding:var(--space-3) var(--space-4)}.de-saved-body strong{display:block;font-size:var(--text-sm);color:var(--color-text)}.de-saved-body>span{display:block;font-size:11px;color:var(--color-text-muted);margin:2px 0 10px;line-height:1.4}.de-saved-actions{display:flex;gap:6px;flex-wrap:wrap}.de-saved-actions .anz-this{padding:4px 10px;font-size:11px}.de-saved-actions .de-del:hover{border-color:var(--color-danger);color:var(--color-danger)}body.dark-mode .de-code,[data-theme=dark] .de-code{border-color:#ffffff1a}body.dark-mode .de-conn-card,body.dark-mode .de-saved,[data-theme=dark] .de-conn-card,[data-theme=dark] .de-saved{background:var(--color-bg-card)}.depc-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-3) var(--space-4);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card)}.depc-group{display:flex;flex-direction:column;gap:5px}.depc-label{font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.depc-seg{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-muted)}.depc-seg-btn{border:0;border-radius:999px;background:transparent;color:var(--color-text-muted);padding:5px 11px;font-size:11px;font-weight:var(--font-bold);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.depc-seg-btn:hover{color:var(--color-text)}.depc-seg-btn.active{background:var(--color-gold);color:#1a1400}.depc-reset{margin-left:auto;align-self:center;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);padding:7px 14px;font-size:11px;font-weight:var(--font-bold);cursor:pointer;transition:border-color .15s,color .15s}.depc-reset:hover{border-color:var(--color-gold);color:var(--color-text)}.depc-cats{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:var(--space-3)}.depc-cat{border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-card);color:var(--color-text-muted);padding:6px 13px;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all .12s}.depc-cat:hover{border-color:var(--color-gold);color:var(--color-text)}.depc-cat.active{background:var(--color-gold);border-color:var(--color-gold);color:#1a1400}.depc-cats--scene{margin-bottom:0}.depc-seg-btn:focus-visible,.depc-cat:focus-visible,.depc-reset:focus-visible{outline:3px solid rgba(var(--color-gold-rgb, 211, 175, 55),.4);outline-offset:2px}.de-preview{position:relative}.de-preview-stage{transition:max-width .3s var(--ease, ease);margin:0 auto}.de-preview-stage[data-vp=desktop]{max-width:1100px}.de-preview-stage[data-vp=tablet]{max-width:768px}.de-preview-stage[data-vp=mobile]{max-width:390px}.de-preview-stage:not([data-vp=full]) .dep-grid{grid-template-columns:1fr}.de-preview-stage[data-vp=mobile] .dep-span2,.de-preview-stage[data-vp=tablet] .dep-span2{grid-column:auto}.dep-sec+.dep-sec{margin-top:clamp(16px,2.4vw,26px)}.dep-sec-title{font-family:var(--f-head);font-weight:800;font-size:14px;color:var(--c-text);margin:0 0 12px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}.dep-sec-title:after{content:"";flex:1;height:1px;background:var(--c-border)}.dep-btn--outline{background:transparent;color:var(--c-text);border-color:var(--c-border-strong)}.dep-btn--outline:hover{border-color:var(--c-primary);color:var(--c-primary)}.dep-btn--soft{background:var(--c-muted);color:var(--c-text)}.dep-btn--soft:hover{background:var(--c-subtle)}.dep-btn--success{background:var(--c-success);color:#fff}.dep-btn--sm{padding:6px 11px;font-size:12px}.dep-btn--lg{padding:12px 22px;font-size:15px}.dep-btn.is-ok{background:var(--c-success);color:#fff}.dep-btn-spin{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;display:inline-block;animation:dep-spin .7s linear infinite}@keyframes dep-spin{to{transform:rotate(360deg)}}.dep-iconbtn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--dep-btn-r, var(--r-md));border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.dep-iconbtn:hover{border-color:var(--c-primary);color:var(--c-primary)}.dep-iconbtn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.dep-iconbtn.is-on{color:var(--c-danger);border-color:var(--c-danger)}.dep-bgroup{display:inline-flex}.dep-bgroup .dep-btn{border-radius:0;border-color:var(--c-border-strong)}.dep-bgroup .dep-btn:first-child{border-radius:var(--dep-btn-r, var(--r-md)) 0 0 var(--dep-btn-r, var(--r-md))}.dep-bgroup .dep-btn:last-child{border-radius:0 var(--dep-btn-r, var(--r-md)) var(--dep-btn-r, var(--r-md)) 0}.dep-bgroup .dep-btn+.dep-btn{margin-left:-1px}.dep-fab{width:48px;height:48px;border-radius:50%;background:var(--c-primary);color:var(--c-on-primary);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--sh-primary)}.dep-nav--app{padding-bottom:0}.dep-tablist{display:flex;gap:4px;border-bottom:1px solid var(--c-border);margin-bottom:12px}.dep-tab{border:0;background:none;color:var(--c-text-muted);font-family:var(--f-body);font-size:13px;font-weight:600;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s,border-color .15s}.dep-tab:hover{color:var(--c-text)}.dep-tab.is-active{color:var(--c-primary);border-bottom-color:var(--c-primary)}.dep-tabpanel{display:none;font-size:13px;color:var(--c-text-muted);line-height:1.55}.dep-tabpanel.is-active{display:block;animation:dep-fade .25s var(--ease, ease)}@keyframes dep-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.dep-crumbs{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.dep-crumbs a{color:var(--c-text-muted);cursor:pointer}.dep-crumbs a:hover{color:var(--c-primary)}.dep-crumbs span{color:var(--c-text);font-weight:600}.dep-crumbs svg{color:var(--c-text-muted);opacity:.6}.dep-seg2{display:inline-flex;padding:3px;gap:2px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-muted)}.dep-seg2-btn{border:0;background:transparent;color:var(--c-text-muted);border-radius:var(--r-pill);padding:6px 14px;font-family:var(--f-body);font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s}.dep-seg2-btn.is-active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--sh-sm)}.dep-pager{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.dep-page{min-width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.dep-page:hover{border-color:var(--c-primary);color:var(--c-primary)}.dep-page.is-active{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.dep-page--nav{color:var(--c-text-muted)}.dep-page--nav:not(.dep-page--next) svg{transform:rotate(180deg)}.dep-steps{list-style:none;display:flex;gap:8px;padding:0;margin:0;flex-wrap:wrap}.dep-step{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--c-text-muted);flex:1;min-width:90px}.dep-step-dot{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--c-muted);color:var(--c-text-muted);font-size:12px;border:1px solid var(--c-border);flex-shrink:0}.dep-step.done .dep-step-dot{background:var(--c-success);color:#fff;border-color:var(--c-success)}.dep-step.active{color:var(--c-text)}.dep-step.active .dep-step-dot{background:var(--c-primary);color:var(--c-on-primary);border-color:var(--c-primary)}.dep-steps--mini .dep-step{min-width:0;font-size:11px}.dep-steps--mini .dep-step-dot{width:22px;height:22px}.dep-field{display:flex;align-items:center;gap:8px;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);padding:0 12px;margin-bottom:4px;transition:border-color .15s,box-shadow .15s}.dep-field svg{color:var(--c-text-muted);flex-shrink:0}.dep-field input{flex:1;border:0;background:none;color:var(--c-text);padding:9px 0;font-family:var(--f-body);font-size:13px;outline:none;min-width:0}.dep-field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-ring)}.dep-field.is-error{border-color:var(--c-danger)}.dep-field.is-error svg{color:var(--c-danger)}.dep-field.is-ok{border-color:var(--c-success)}.dep-field.is-ok svg{color:var(--c-success)}.dep-dd{position:relative}.dep-card:has(.dep-dd.open){position:relative;z-index:30}.dep-dd-btn{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:space-between;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text);padding:9px 12px;font-family:var(--f-body);font-size:13px;font-weight:600;cursor:pointer}.dep-dd-btn svg{transition:transform .2s;color:var(--c-text-muted)}.dep-dd.open .dep-dd-btn{border-color:var(--c-primary)}.dep-dd.open .dep-dd-btn svg{transform:rotate(90deg)}.dep-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;background:var(--c-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);box-shadow:var(--sh-lg);padding:5px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}.dep-dd.open .dep-menu{opacity:1;visibility:visible;transform:none}.dep-menu--wide{width:260px;right:auto}.dep-menu-item{display:flex;align-items:center;gap:9px;width:100%;border:0;background:none;color:var(--c-text);padding:8px 10px;border-radius:var(--r-sm);font-family:var(--f-body);font-size:13px;cursor:pointer;text-align:left}.dep-menu-item:hover{background:var(--c-muted)}.dep-menu-item svg{color:var(--c-text-muted)}.dep-menu-item--danger,.dep-menu-item--danger svg{color:var(--c-danger)}.dep-menu-sep{height:1px;background:var(--c-border);margin:5px 0}.dep-pop-row{padding:8px 10px;display:flex;flex-direction:column;gap:3px}.dep-pop-row strong{font-size:13px;color:var(--c-text)}.dep-pop-row span{font-size:12px;color:var(--c-text-muted);line-height:1.45}.dep-radios{display:flex;gap:18px;margin-top:12px}.dep-radio,.dep-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-text);cursor:pointer}.dep-radio input,.dep-check input{accent-color:var(--c-primary);width:16px;height:16px}.dep-check+.dep-check{margin-top:8px}.dep-range{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(to right,var(--c-primary) var(--val, 60%),var(--c-muted) var(--val, 60%));outline:none;cursor:pointer}.dep-range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--c-primary);border:3px solid var(--c-surface);box-shadow:var(--sh-sm);cursor:pointer}.dep-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--c-primary);border:3px solid var(--c-surface);cursor:pointer}.dep-range-val{float:right;font-family:var(--f-mono);font-size:12px;color:var(--c-primary);font-weight:700}.dep-stepper{display:inline-flex;align-items:center;border:1px solid var(--c-border-strong);border-radius:var(--r-md);overflow:hidden}.dep-step-btn{border:0;background:var(--c-bg);color:var(--c-text);width:36px;height:36px;font-size:18px;cursor:pointer;transition:background .12s}.dep-step-btn:hover{background:var(--c-muted)}.dep-step-val{min-width:40px;text-align:center;font-weight:700;font-size:14px;color:var(--c-text)}.dep-stepper--sm .dep-step-btn{width:30px;height:30px;font-size:16px}.dep-stepper--sm .dep-step-val{min-width:30px;font-size:13px}.dep-rating{display:inline-flex;align-items:center;gap:2px}.dep-star{border:0;background:none;cursor:pointer;font-size:22px;line-height:1;color:var(--c-border-strong);padding:0;transition:color .12s,transform .12s}.dep-star:hover{transform:scale(1.12)}.dep-star.on{color:var(--c-warning)}.dep-rating--sm .dep-star{font-size:15px}.dep-rating--sm small{color:var(--c-text-muted);font-size:11px;margin-left:6px}.dep-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;border:1px solid var(--c-border-strong);border-radius:var(--r-md);padding:8px}.dep-tag{display:inline-flex;align-items:center;gap:4px;background:var(--c-primary-subtle);color:var(--c-primary);border-radius:var(--r-sm);padding:3px 4px 3px 9px;font-size:12px;font-weight:600}.dep-tag button{border:0;background:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;opacity:.7;padding:0 3px}.dep-tag button:hover{opacity:1}.dep-tag-input{border:0;background:none;outline:none;color:var(--c-text);font-family:var(--f-body);font-size:13px;flex:1;min-width:60px;padding:4px}.dep-upload{border:1.5px dashed var(--c-border-strong);border-radius:var(--r-md);padding:18px;text-align:center;color:var(--c-text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:border-color .15s,background .15s}.dep-upload:hover{border-color:var(--c-primary);background:var(--c-primary-subtle)}.dep-upload strong{color:var(--c-text);font-size:13px}.dep-upload span{font-size:11px}.dep-otp{display:flex;gap:8px}.dep-otp input{width:44px;height:50px;text-align:center;font-size:20px;font-weight:700;border:1px solid var(--c-border-strong);border-radius:var(--r-md);background:var(--c-bg);color:var(--c-text);outline:none}.dep-otp input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-ring)}.dep-alert--info{background:var(--c-info-bg);color:var(--c-info)}.dep-alert--info strong{color:var(--c-text)}.dep-banner{display:flex;align-items:center;gap:9px;background:var(--c-primary-subtle);color:var(--c-primary);border-radius:var(--r-md);padding:10px 12px;font-size:13px;font-weight:600}.dep-banner span{flex:1}.dep-banner-x{border:0;background:none;color:inherit;font-size:18px;cursor:pointer;opacity:.7;line-height:1}.dep-banner-x:hover{opacity:1}.dep-tip{position:relative;font-size:13px;color:var(--c-text);display:inline-flex;align-items:center;gap:5px;cursor:help;border-bottom:1px dashed var(--c-border-strong);padding-bottom:1px}.dep-tip svg{color:var(--c-text-muted)}.dep-tip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);background:var(--c-text);color:var(--c-bg);padding:5px 9px;border-radius:var(--r-sm);font-size:11px;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;box-shadow:var(--sh-md);z-index:30}.dep-tip:hover:after{opacity:1;transform:translate(-50%)}.dep-prog-row{display:flex;align-items:center;gap:16px}.dep-prog-row .dep-progress{flex:1;margin:0}.dep-ring-prog{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:conic-gradient(var(--c-primary) calc(var(--p, 72) * 1%),var(--c-muted) 0)}.dep-ring-prog span{width:40px;height:40px;border-radius:50%;background:var(--c-surface);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--c-text)}.dep-spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--c-muted);border-top-color:var(--c-primary);animation:dep-spin .7s linear infinite}.dep-skel{display:flex;flex-direction:column;gap:8px}.dep-skel-line{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--c-muted) 25%,var(--c-subtle) 37%,var(--c-muted) 63%);background-size:400% 100%;animation:dep-shimmer 1.4s ease infinite}@keyframes dep-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.dep-msg{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-top:4px}.dep-msg--error{color:var(--c-danger)}.dep-msg--ok{color:var(--c-success)}.dep-empty{text-align:center;padding:20px;color:var(--c-text-muted);display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:14px;border:1px dashed var(--c-border);border-radius:var(--r-md)}.dep-empty strong{color:var(--c-text);font-size:14px}.dep-empty span{font-size:12px}.dep-spark{display:flex;align-items:flex-end;gap:5px;height:46px;margin-top:14px}.dep-spark span{flex:1;background:var(--c-primary);border-radius:3px 3px 0 0;opacity:.85}.dep-spark span:last-child{background:var(--c-accent);opacity:1}.dep-table-wrap{overflow-x:auto}.dep-table{width:100%;border-collapse:collapse;font-size:13px}.dep-table th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);font-weight:700;padding:0 10px 8px;border-bottom:1px solid var(--c-border)}.dep-table td{padding:10px;border-bottom:1px solid var(--c-border);color:var(--c-text)}.dep-table tr:last-child td{border-bottom:0}.dep-table tbody tr{transition:background .12s}.dep-table tbody tr:hover{background:var(--c-muted)}.dep-td-user{display:inline-flex;align-items:center;gap:8px;font-weight:600}.dep-avatar--sm{width:24px;height:24px;font-size:11px}.dep-ulist{list-style:none;padding:0;margin:0}.dep-uitem{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--c-border)}.dep-uitem:last-child{border-bottom:0}.dep-uitem>div{flex:1;display:flex;flex-direction:column}.dep-uitem strong{font-size:13px;color:var(--c-text)}.dep-uitem span{font-size:12px;color:var(--c-text-muted)}.dep-uitem time{font-size:11px;color:var(--c-text-muted)}.dep-avstack{display:flex;align-items:center}.dep-avstack .dep-avatar{border:2px solid var(--c-surface);margin-left:-8px}.dep-avstack .dep-avatar:first-child{margin-left:0}.dep-avmore{margin-left:-8px;width:24px;height:24px;border-radius:50%;background:var(--c-muted);color:var(--c-text-muted);border:2px solid var(--c-surface);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.dep-timeline{list-style:none;padding:0;margin:0}.dep-tl{display:flex;gap:12px;padding-bottom:14px;position:relative}.dep-tl:not(:last-child):before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:var(--c-border)}.dep-tl-dot{width:20px;height:20px;border-radius:50%;background:var(--c-muted);border:2px solid var(--c-border);display:inline-flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;z-index:1}.dep-tl.done .dep-tl-dot{background:var(--c-success);border-color:var(--c-success)}.dep-tl.active .dep-tl-dot{background:var(--c-primary);border-color:var(--c-primary);box-shadow:0 0 0 4px var(--c-ring)}.dep-tl>div{display:flex;flex-direction:column}.dep-tl strong{font-size:13px;color:var(--c-text)}.dep-tl span{font-size:12px;color:var(--c-text-muted)}.dep-modal{position:absolute;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s;z-index:50;border-radius:var(--r-xl)}.dep-modal.open{opacity:1;visibility:visible}.dep-modal-card,.dep-drawer-card{background:var(--c-elevated);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:22px;width:100%;max-width:360px;position:relative;box-shadow:var(--sh-lg);transform:scale(.94);transition:transform .2s var(--ease, ease)}.dep-modal.open .dep-modal-card,.dep-modal.open .dep-drawer-card{transform:none}.dep-modal--drawer{justify-content:flex-end;padding:0}.dep-drawer-card{max-width:320px;height:100%;border-radius:0;align-self:stretch}.dep-modal-x{position:absolute;top:12px;right:12px;border:0;background:none;color:var(--c-text-muted);font-size:22px;line-height:1;cursor:pointer}.dep-modal-x:hover{color:var(--c-text)}.dep-modal-title{font-family:var(--f-head);font-weight:800;font-size:18px;color:var(--c-text);margin:0 0 8px}.dep-modal-text{font-size:13px;color:var(--c-text-muted);line-height:1.55;margin:0 0 18px}.dep-modal-actions{display:flex;gap:8px;justify-content:flex-end}.dep-cmd{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden;background:var(--c-elevated)}.dep-cmd-search{display:flex;align-items:center;gap:9px;padding:11px 13px;border-bottom:1px solid var(--c-border)}.dep-cmd-search svg{color:var(--c-text-muted)}.dep-cmd-search input{flex:1;border:0;background:none;outline:none;color:var(--c-text);font-family:var(--f-body);font-size:13px}.dep-cmd-search kbd{font-family:var(--f-mono);font-size:10px;background:var(--c-muted);color:var(--c-text-muted);padding:2px 6px;border-radius:5px}.dep-cmd-list{padding:6px}.dep-cmd-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--r-sm);font-size:13px;color:var(--c-text);cursor:pointer}.dep-cmd-item svg{color:var(--c-text-muted)}.dep-cmd-item.is-active,.dep-cmd-item:hover{background:var(--c-primary-subtle);color:var(--c-primary)}.dep-cmd-item.is-active svg,.dep-cmd-item:hover svg{color:var(--c-primary)}.dep-cookie{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:var(--c-elevated);border:1px solid var(--c-border);border-radius:var(--r-md);padding:12px 14px;box-shadow:var(--sh-md)}.dep-cookie-msg{display:flex;gap:9px;align-items:center}.dep-cookie-msg svg{color:var(--c-primary)}.dep-cookie-msg div{display:flex;flex-direction:column}.dep-cookie-msg strong{font-size:13px;color:var(--c-text)}.dep-cookie-msg span{font-size:12px;color:var(--c-text-muted)}.dep-product{border:1px solid var(--c-border);border-radius:var(--r-md);overflow:hidden}.dep-product-media{height:120px;background:var(--c-grad-soft);position:relative;display:flex;align-items:flex-start;justify-content:space-between;padding:10px}.dep-product-media svg{color:#fff;opacity:.9}.dep-product-tag{background:var(--c-danger);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}.dep-product-body{padding:12px}.dep-product-name{display:block;font-family:var(--f-head);font-size:15px;color:var(--c-text);margin:6px 0}.dep-product-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.dep-price-now{font-size:18px;font-weight:800;color:var(--c-text)}.dep-price-was{font-size:13px;color:var(--c-text-muted);text-decoration:line-through}.dep-cart{list-style:none;padding:0;margin:0}.dep-cart li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--c-border);font-size:13px;color:var(--c-text)}.dep-cart-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;font-size:14px;color:var(--c-text)}.dep-cart-total strong{font-size:17px}.dep-hero{background:var(--c-grad);border-radius:var(--r-lg);padding:clamp(20px,4vw,38px);color:#fff;text-align:center}.dep-hero .dep-badge{background:#ffffff38;color:#fff}.dep-hero-title{font-family:var(--f-head);font-weight:900;font-size:clamp(24px,4vw,38px);margin:14px 0 10px;letter-spacing:-.02em}.dep-hero-sub{font-size:15px;opacity:.92;max-width:52ch;margin:0 auto 18px;line-height:1.5}.dep-hero .dep-row{justify-content:center}.dep-hero .dep-btn--primary{background:#fff;color:var(--c-primary);box-shadow:none}.dep-hero .dep-btn--ghost{color:#fff;border-color:#ffffff80}.dep-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.dep-feature{padding:14px;border:1px solid var(--c-border);border-radius:var(--r-md);display:flex;flex-direction:column;gap:6px}.dep-feature-ic{width:40px;height:40px;border-radius:var(--r-md);background:var(--c-primary-subtle);color:var(--c-primary);display:grid;place-items:center;margin-bottom:4px}.dep-feature strong{font-size:14px;color:var(--c-text)}.dep-feature span{font-size:12px;color:var(--c-text-muted);line-height:1.5}@media(max-width:620px){.dep-features{grid-template-columns:1fr}}.dep-quote p{font-size:14px;color:var(--c-text);line-height:1.6;margin:10px 0 14px}.dep-quote-by{display:flex;align-items:center;gap:10px}.dep-quote-by strong{display:block;font-size:13px;color:var(--c-text)}.dep-quote-by span{font-size:12px;color:var(--c-text-muted)}.dep-news{display:flex;gap:8px;align-items:stretch;flex-wrap:wrap}.dep-news .dep-field{margin:0;flex:1;min-width:180px}.dep-acc-item{border-bottom:1px solid var(--c-border)}.dep-acc-q{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:none;color:var(--c-text);font-family:var(--f-body);font-weight:600;font-size:13px;padding:12px 0;cursor:pointer;text-align:left}.dep-acc-q svg{color:var(--c-text-muted);transition:transform .2s;flex-shrink:0}.dep-acc-item.open .dep-acc-q svg{transform:rotate(90deg)}.dep-acc-a{font-size:13px;color:var(--c-text-muted);line-height:1.55;max-height:0;overflow:hidden;transition:max-height .25s var(--ease, ease),padding .25s}.dep-acc-item.open .dep-acc-a{max-height:140px;padding-bottom:12px}.dep-cta{background:var(--c-primary);color:var(--c-on-primary);border-radius:var(--r-lg);padding:clamp(18px,3vw,28px);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.dep-cta strong{display:block;font-family:var(--f-head);font-size:18px}.dep-cta span{opacity:.85;font-size:13px}.dep-cta-btn{background:var(--c-on-primary);color:var(--c-primary)}.dep-scene{border:1px solid var(--c-border);border-radius:var(--r-xl);background:var(--c-bg);overflow:hidden;box-shadow:var(--sh-md);margin-top:12px}.dep-scene .dep-nav{padding:14px 18px;border-bottom:1px solid var(--c-border);background:var(--c-surface)}.dep-scene-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;padding:18px}@media(max-width:680px){.dep-scene-hero{grid-template-columns:1fr}}.dep-scene-metric{background:var(--c-grad);color:#fff;border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column}.dep-scene-k{font-size:12px;opacity:.85;text-transform:uppercase;letter-spacing:.05em}.dep-scene-v{font-family:var(--f-head);font-weight:900;font-size:clamp(26px,4vw,38px);margin:4px 0;letter-spacing:-.02em}.dep-scene-d{font-size:13px;opacity:.9}.dep-scene-metric .dep-btn--primary{background:#fff;color:var(--c-primary);box-shadow:none}.dep-scene-metric .dep-pill{border-color:#fff6;color:#fff}.dep-scene-metric .dep-pill svg{color:#fff}.dep-scene-side{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:16px}.dep-scene-side-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-muted);margin-bottom:10px}.dep-scene-rows{list-style:none;padding:0;margin:0}.dep-scene-rows li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--c-border);font-size:13px}.dep-scene-rows li:last-child{border-bottom:0}.dep-scene-row-n{color:var(--c-text)}.dep-scene-row-v{font-weight:700;font-family:var(--f-mono);font-size:12px}.dep-toast-stack{position:absolute;right:16px;bottom:16px;display:flex;flex-direction:column;gap:8px;z-index:60;pointer-events:none}.dep-toast{display:flex;align-items:flex-start;gap:10px;background:var(--c-elevated);border:1px solid var(--c-border);border-left-width:3px;border-radius:var(--r-md);padding:11px 14px;box-shadow:var(--sh-lg);min-width:220px;max-width:300px;opacity:0;transform:translateY(12px);transition:opacity .25s,transform .25s}.dep-toast.show{opacity:1;transform:none}.dep-toast--success{border-left-color:var(--c-success)}.dep-toast--danger{border-left-color:var(--c-danger)}.dep-toast-ic{width:18px;height:18px;border-radius:50%;flex-shrink:0;margin-top:1px}.dep-toast--success .dep-toast-ic{background:var(--c-success)}.dep-toast--danger .dep-toast-ic{background:var(--c-danger)}.dep-toast strong{display:block;font-size:13px;color:var(--c-text)}.dep-toast span{font-size:12px;color:var(--c-text-muted)}@media(prefers-reduced-motion:reduce){.dep-spinner,.dep-btn-spin,.dep-skel-line,.dep-tabpanel.is-active{animation:none}}