:root{--cl-navy:#1f2b47;--cl-navy-mid:#223151;--cl-navy-deep:#2a3f6f;--cl-cyan:#3cb4e5;--cl-cyan-dark:#2596c4;--cl-turquoise:#0fcfc9;--cl-surface:#fff;--cl-surface-subtle:#f5f7fa;--cl-surface-muted:#f0f4f8;--cl-border:#dde3ea;--cl-border-light:#eceef0;--cl-border-input:#d0d7de;--cl-border-input-hover:#bcc5ce;--cl-text-muted:#98a4ae;--cl-bar-height:30px}html:has(.cl-preview-badge){padding-top:var(--cl-bar-height)}.cl-preview-badge{position:fixed;top:0;left:0;right:0;z-index:10002;display:flex;align-items:center;gap:8px;background:var(--cl-navy);border-bottom:2px solid var(--cl-cyan);padding:0 16px;font-family:monospace;font-size:11px;font-weight:700;color:var(--cl-cyan);height:var(--cl-bar-height);box-sizing:border-box;box-shadow:0 2px 16px rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cl-preview-badge-label{letter-spacing:.04em}.cl-preview-badge-sep{align-self:stretch;background:var(--cl-navy-deep);display:block;margin:0 4px;width:1px}.cl-lens-icon-btn{align-items:center;background:none;border:none;color:rgba(60,180,229,.45);cursor:pointer;display:inline-flex;padding:0;transition:color .15s ease}.cl-lens-icon-btn--on,.cl-lens-icon-btn:hover{color:rgba(60,180,229,.75)}.cl-preview-toggle{position:relative;width:26px;height:14px;background:var(--cl-navy-mid);border:1px solid var(--cl-cyan);border-radius:999px;cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease;flex-shrink:0}.cl-preview-toggle--on{background:var(--cl-turquoise);border-color:var(--cl-turquoise)}.cl-preview-toggle-thumb{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--cl-cyan);transition:transform .2s ease,background .2s ease}.cl-preview-toggle--on .cl-preview-toggle-thumb{transform:translateX(12px);background:#fff}body.cl-spotlight-active:before{content:"";position:fixed;inset:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1001;pointer-events:none}body.cl-spotlight-active .cd-wrapper{outline-color:transparent}body.cl-spotlight-active .cd-badge,body.cl-spotlight-active .cd-badge--fixed:not(.cd-badge--spotlight){z-index:199}.cd-wrapper--spotlight{box-shadow:0 0 0 4px rgba(60,180,229,.15),0 0 40px rgba(60,180,229,.25)}.cd-badge--spotlight,.cd-wrapper--spotlight{outline:2px solid var(--cl-cyan);outline-offset:2px}.cd-badge--spotlight{z-index:10004!important;box-shadow:0 0 0 3px rgba(60,180,229,.5),0 0 20px rgba(60,180,229,.4)}.cd-wrapper{position:relative;outline:1px solid rgba(60,180,229,.4);outline-offset:-1px;transition:outline .2s ease,box-shadow .2s ease;min-height:20px}.cd-wrapper:has(.cd-badge:hover){outline-color:rgba(60,180,229,.8)}.cd-badge{position:absolute;top:0;left:0;z-index:999;display:inline-flex;align-items:center;gap:4px;background:var(--cl-navy);color:#fff;border:none;border-left:2px solid var(--cl-cyan);padding:2px 8px 2px 5px;font-family:monospace;font-size:10px;font-weight:700;letter-spacing:.02em;cursor:pointer;line-height:1.5;border-radius:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease;opacity:.9;box-shadow:2px 2px 10px rgba(0,0,0,.7),0 0 0 1px var(--cl-cyan)}.cd-badge:hover{background:var(--cl-navy-mid);box-shadow:2px 2px 10px rgba(0,0,0,.7),0 0 0 2px var(--cl-cyan);z-index:10001}.cd-badge--fixed{position:fixed;z-index:9998}.cd-badge--hidden{opacity:.45;filter:grayscale(.6)}.cd-badge--hidden:hover{opacity:.8;filter:none}.cd-badge-trigger{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit;letter-spacing:inherit}.cd-badge-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-badge-internal{font-weight:400;opacity:.7}.cd-badge-indicator{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1.5px solid transparent;cursor:pointer;padding:0;transition:transform .1s ease,opacity .1s ease}.cd-badge-indicator:hover{transform:scale(1.3);opacity:1}.cd-badge-indicator--css{background:#7dd3fc;border-color:#7dd3fc}.cd-badge-indicator--js{background:#fde047;border-color:#fde047}.cd-badge-indicator--off{background:transparent}.cd-badge-eye{display:inline-flex;align-items:center;background:none;border:none;color:hsla(0,0%,100%,.7);cursor:pointer;padding:0 2px 0 0;transition:opacity .15s ease}.cd-badge-eye:hover{opacity:.7}.cd-icon{width:10px;height:10px;flex-shrink:0}.cd-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cd-panel{position:fixed;z-index:9999;width:520px;background:var(--cl-surface);border:1px solid var(--cl-border);border-top:3px solid var(--cl-cyan);border-radius:10px;box-shadow:0 16px 48px rgba(31,43,71,.18),0 2px 8px rgba(31,43,71,.08);font-family:monospace;font-size:12px;overflow:hidden;display:flex;flex-direction:column;animation:cd-panel-in .15s cubic-bezier(.16,1,.3,1)}@keyframes cd-panel-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.cd-panel-header{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--cl-navy-deep) 0,var(--cl-cyan) 101%);border-bottom:1px solid var(--cl-border);padding:12px 12px 12px 16px}.cd-panel-title{display:flex;align-items:center;gap:8px;color:var(--cl-surface);font-weight:700;font-size:13px;flex-wrap:wrap}.cd-panel-title .cd-icon{width:24px;height:24px;color:var(--cl-surface);flex-shrink:0}.cd-type-badge{background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.8);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:2px 7px;border-radius:999px;border:1px solid hsla(0,0%,100%,.25)}.cd-type-badge--css{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.4);color:var(--cl-surface);cursor:pointer;transition:background .15s ease}.cd-type-badge--css.cd-type-badge--open{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.7)}.cd-type-badge--js{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.4);color:var(--cl-surface);cursor:pointer;transition:background .15s ease}.cd-type-badge--js.cd-type-badge--open{background:hsla(0,0%,100%,.3);border-color:hsla(0,0%,100%,.7)}.cd-type-badge--draft{background:hsla(0,0%,100%,.18);border-color:hsla(0,0%,100%,.4);color:var(--cl-surface)}.cd-type-badge--tag{background:rgba(60,180,229,.1);border-color:rgba(60,180,229,.35);color:var(--cl-cyan-dark)}.cd-js-files{display:flex;flex-direction:column;gap:4px}.cd-tags{display:flex;flex-wrap:wrap;gap:4px}.cd-panel-actions{display:flex;gap:4px}.cd-panel-actions,.cd-panel-pin{align-items:center;flex-shrink:0}.cd-panel-pin{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7);line-height:1;cursor:pointer;padding:3px 7px;border-radius:6px;display:inline-flex;transition:background .15s ease,border-color .15s ease,color .15s ease}.cd-panel-pin:hover{border-color:hsla(0,0%,100%,.5)}.cd-panel-pin--active,.cd-panel-pin:hover{background:hsla(0,0%,100%,.25);color:var(--cl-surface)}.cd-panel-pin--active{border-color:hsla(0,0%,100%,.6)}.cd-panel-close{background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.3);color:hsla(0,0%,100%,.7);font-size:16px;line-height:1;cursor:pointer;padding:3px 7px;border-radius:6px;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.cd-panel-close:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);color:var(--cl-surface)}.cd-panel-body{padding:4px 0;overflow-y:auto;flex:1 1;min-height:0}.cd-row{display:flex;flex-direction:column;gap:4px;padding:9px 16px;border-bottom:1px solid var(--cl-border-light);transition:background .1s ease}.cd-row:hover{background:var(--cl-surface-subtle)}.cd-row:last-child{border-bottom:none}.cd-row-label{color:var(--cl-text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.cd-row-value{display:flex;align-items:center;gap:6px;color:var(--cl-navy);overflow:hidden}.cd-row-value code{color:var(--cl-navy-mid);word-break:break-all;flex:1 1;min-width:0}.cd-id-timestamp{color:var(--cl-text-muted);font-size:10px;font-style:italic}.cd-id-timestamp-label{color:var(--cl-border-input-hover);font-style:normal;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.cd-copy{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--cl-surface);border:1px solid var(--cl-border-input);color:var(--cl-text-muted);cursor:pointer;padding:5px 8px;border-radius:6px;transition:background .15s ease,color .15s ease,border-color .15s ease}.cd-copy:hover{background:var(--cl-border-light);border-color:var(--cl-border-input-hover);color:var(--cl-navy)}.cd-copy--done{color:#2d9734;border-color:#2d9734}.cd-code-block{margin:0;padding:10px;width:100%;box-sizing:border-box;background:var(--cl-surface-muted);border:1px solid var(--cl-border);border-radius:6px;color:var(--cl-cyan-dark);font-family:monospace;font-size:10px;line-height:1.7;white-space:pre-wrap;word-break:break-all;max-height:220px;overflow-y:auto}.cd-code-block--js{color:#a07800}.cd-row-actions{display:flex;align-items:center;gap:8px}.cd-action-btn{display:inline-flex;align-items:center;gap:4px;background:var(--cl-surface);border:1px solid var(--cl-border-input);color:var(--cl-navy-mid);text-decoration:none;font-family:monospace;font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.cd-action-btn:hover{background:var(--cl-surface-muted);border-color:var(--cl-cyan);color:var(--cl-cyan)}.cl-search-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(0,0,0,.25);inset:0;position:fixed;z-index:10001}.cl-search-trigger{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:inline-flex;opacity:.6;padding:0;transition:opacity .15s ease}.cl-search-trigger--open,.cl-search-trigger:hover{opacity:1}.cl-search-input-wrap{display:inline-block;max-width:0;overflow:hidden;vertical-align:middle;animation:cl-input-expand .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes cl-input-expand{0%{max-width:0}to{max-width:300px}}.cl-search-input{background:transparent;border:none;border-bottom:1px solid rgba(60,180,229,.4);color:var(--cl-cyan);font-family:monospace;font-size:11px;outline:none;padding:0 6px 1px;width:290px}.cl-search-input::placeholder{color:rgba(60,180,229,.3)}.cl-search-input:focus{border-bottom-color:var(--cl-cyan)}.cl-search-close{background:none;border:none;color:#555;cursor:pointer;font-size:13px;line-height:1;padding:0 2px;transition:color .15s ease}.cl-search-close:hover{color:var(--cl-cyan)}.cl-search-dropdown{position:absolute;top:calc(100% + 2px);left:0;z-index:10001;width:480px;background:var(--cl-surface);border:1px solid var(--cl-border);border-top:none;border-left:2px solid var(--cl-cyan);border-radius:0 0 8px 0;box-shadow:4px 12px 32px rgba(31,43,71,.15);font-family:monospace;overflow:hidden;animation:cl-dropdown-in .18s cubic-bezier(.16,1,.3,1) .15s both}@keyframes cl-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.cl-search-dropdown-header{align-items:center;background:var(--cl-surface-subtle);border-bottom:1px solid var(--cl-border-light);display:flex;gap:8px;justify-content:flex-end;padding:5px 10px}.cl-search-count{color:var(--cl-text-muted);font-family:monospace;font-size:10px}.cl-search-css-btn{background:rgba(60,180,229,.08);border:1px solid rgba(60,180,229,.35);border-radius:999px;color:var(--cl-cyan-dark);cursor:pointer;flex-shrink:0;font-family:monospace;font-size:9px;font-weight:700;letter-spacing:.1em;padding:2px 7px;transition:background .15s ease,color .15s ease,border-color .15s ease}.cl-search-css-btn--off{background:transparent;border-color:var(--cl-border-input);color:var(--cl-text-muted)}.cl-search-list{display:flex;flex-direction:column;max-height:340px;overflow-y:auto}.cl-search-item{align-items:center;background:transparent;border:none;border-bottom:1px solid var(--cl-border-light);cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .1s ease;width:100%}.cl-search-item:hover{background:var(--cl-surface-subtle)}.cl-search-item--active{background:rgba(60,180,229,.08);border-left:2px solid var(--cl-cyan);padding-left:10px}.cl-search-item--selected{background:rgba(60,180,229,.05)}.cl-search-item-left{align-items:center;display:flex;gap:6px;min-width:0;overflow:hidden}.cl-search-item-dot{background:var(--cl-cyan);border-radius:50%;flex-shrink:0;height:6px;width:6px}.cl-search-name{color:var(--cl-navy);font-size:11px;min-width:0}.cl-search-id,.cl-search-name{font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-search-id{color:var(--cl-text-muted);flex-shrink:0;font-size:10px}.cl-search-empty{color:var(--cl-text-muted);padding:14px 12px}.cd-link,.cl-search-empty{font-family:monospace;font-size:11px}.cd-link{color:var(--cl-cyan);text-decoration:none;word-break:break-all;transition:color .15s ease}.cd-link:hover{color:var(--cl-cyan-dark);text-decoration:underline}
/*# sourceMappingURL=eef2a350bce8f209.css.map*/