.debug-handle{align-items:center;background:linear-gradient(135deg,#2b2540,#3b334f);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;bottom:20px;box-shadow:0 10px 24px -12px #0f0c2099,0 2px 6px -2px #0f0c2059;color:#fafaf7;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0;position:fixed;right:20px;transition:transform .18s cubic-bezier(.2,.9,.25,1),box-shadow .18s ease,background .18s ease;width:48px;z-index:9999}.debug-handle:hover{box-shadow:0 14px 30px -10px #0f0c20a6,0 4px 10px -4px #0f0c2073;transform:translateY(-1px) scale(1.03)}.debug-handle:focus-visible{outline:2px solid #d97706;outline-offset:3px}.debug-handle--pressing{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 16px 32px -10px #d977068c;transform:scale(1.08)}.debug-handle__glyph{font-size:20px;line-height:1}.debug-handle__badge{align-items:center;background:#f59e0b;border:2px solid #fafaf7;border-radius:999px;box-shadow:0 2px 4px #0000002e;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 5px;position:absolute;right:-6px;top:-6px}.debug-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f0c207a;display:flex;top:0;right:0;bottom:0;left:0;justify-content:flex-end;position:fixed;z-index:1000}.debug-panel{background:#fafaf7;border-left:1px solid #ebe7dc;box-shadow:-20px 0 48px -20px #0f0c2059;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;width:min(980px,100vw)}@media (max-width:640px){.debug-panel{width:100vw}}.debug-panel__header{align-items:center;background:#fff;border-bottom:1px solid #ebe7dc;display:flex;gap:12px;justify-content:space-between;padding:14px 20px}.debug-panel__logo{font-size:22px;line-height:1}.debug-panel__title{color:#1f1b2e;font-size:15px;font-weight:700;letter-spacing:-.01em}.debug-panel__subtitle{color:#6b6478;font-size:11.5px;line-height:1.35;margin-top:2px;max-width:48ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-env-pill{align-items:center;background:#fff7ec;border:1px solid #f4d9a3;border-radius:999px;color:#92590d;display:inline-flex;font-size:10.5px;font-weight:700;letter-spacing:.05em;padding:3px 8px;text-transform:uppercase}.debug-env-pill--inline{font-size:10px;padding:2px 6px}.debug-panel__close{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#555067;cursor:pointer;display:inline-flex;font-size:20px;height:32px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease;width:32px}.debug-panel__close:hover{background:#f3efe6;color:#1f1b2e}.debug-panel__close:focus-visible{outline:2px solid #d97706;outline-offset:2px}.debug-panel__hint{align-items:flex-start;background:#fff7ec;border-bottom:1px solid #f4d9a3;display:flex;gap:12px;justify-content:space-between;padding:10px 20px}.debug-panel__hint-dismiss{background:#fff;border:1px solid #f4d9a3;border-radius:6px;color:#92590d;cursor:pointer;flex-shrink:0;font-size:11px;font-weight:600;padding:4px 10px}.debug-panel__hint-dismiss:hover{background:#fff3e0}.debug-kbd{background:#fff;border:1px solid #ebe7dc;border-radius:4px;box-shadow:0 1px #ebe7dc;color:#3f3a52;display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;padding:1px 5px}.debug-panel__body{display:flex;flex:1 1 auto;min-height:0}.debug-panel__sidebar{background:#f4f1e8;border-right:1px solid #ebe7dc;display:flex;flex:0 0 208px;flex-direction:column;gap:2px;overflow-y:auto;padding:12px 10px}@media (max-width:720px){.debug-panel__sidebar{flex:0 0 56px;padding:8px 4px}.debug-nav-item__label,.debug-panel__identity{display:none}}.debug-nav-item{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:#3f3a52;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;transition:background .14s ease,color .14s ease,border-color .14s ease}.debug-nav-item:hover{background:#ece8dc}.debug-nav-item:focus-visible{outline:2px solid #d97706;outline-offset:1px}.debug-nav-item--active{background:#fff;border-color:#ebe7dc;box-shadow:0 1px 2px #0f0c200a;color:#1f1b2e}.debug-nav-item__icon{font-size:16px;line-height:1}.debug-nav-item__label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debug-nav-item__badge{align-items:center;background:#f59e0b;border-radius:999px;color:#fff;display:inline-flex;flex-shrink:0;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 6px}.debug-panel__identity{border-top:1px dashed #d9d3c2;margin-top:auto;padding:10px 8px 4px}.debug-identity__label{color:#9b9387;font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.debug-identity__value{color:#2f2a41;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.3;margin-top:1px;word-break:break-all}.debug-panel__main{background:#fff;flex:1 1 auto;overflow-y:auto;padding:20px 24px 32px}.debug-card{background:#fafaf7;border:1px solid #ebe7dc;border-radius:12px;padding:14px 16px}.debug-card__title{color:#1f1b2e;font-size:12.5px;font-weight:700;letter-spacing:.02em;margin-bottom:8px;text-transform:uppercase}.debug-card__dl{display:grid;gap:10px 16px;grid-template-columns:repeat(2,minmax(0,1fr))}.debug-card__dl>div{min-width:0}.debug-card__dl dt{color:#8a8398;font-size:10.5px;font-weight:600;letter-spacing:.04em;margin-bottom:2px;text-transform:uppercase}.debug-card__dl dd{color:#1f1b2e;font-size:12.5px;word-break:break-word}.debug-backdrop-enter-active,.debug-backdrop-leave-active{transition:opacity .22s ease}.debug-backdrop-enter-from,.debug-backdrop-leave-to{opacity:0}.debug-panel-enter-active,.debug-panel-leave-active{transition:transform .26s cubic-bezier(.2,.9,.25,1),opacity .2s ease}.debug-panel-enter-from,.debug-panel-leave-to{opacity:0;transform:translate(24px)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.badge-enter-active,.badge-leave-active{transition:all .3s cubic-bezier(.4,0,.2,1)}.badge-enter-from,.badge-leave-to{opacity:0;transform:translate(100%) scale(.8)}.badge-move{transition:transform .3s ease}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.animate-slide-in{animation:slide-in .3s ease-out}