.suggestions-peek{top:0;height:100%;z-index:var(--z-nav);align-items:flex-start;pointer-events:none}.peek-toggle,.suggestions-peek{position:absolute;right:0;display:flex}.peek-toggle{top:var(--space-5);align-items:center;justify-content:center;cursor:pointer;pointer-events:all;z-index:calc(var(--z-nav) + 1)}.suggestions-peek.is-open .peek-toggle{right:20vw}@media screen and (max-width:1024px){.suggestions-peek.is-open .peek-toggle{right:30vw}}@media screen and (max-width:768px){.suggestions-peek.is-open .peek-toggle{right:80vw}}.toggle-icon{display:block}.peek-panel{width:0;height:100%;background-color:var(--color-surface-elevated);box-shadow:-2px 0 8px rgba(0,0,0,.1);transition:width var(--duration-slow) var(--ease-standard);overflow:hidden;display:flex;flex-direction:column;pointer-events:all;position:relative}.peek-panel:before{top:33px;bottom:0}.peek-panel:after,.peek-panel:before{content:"";position:absolute;left:0;width:var(--size-border-width);background-color:var(--color-border-alt)}.peek-panel:after{top:0;height:11px}.suggestions-peek.is-open .peek-panel{width:20vw}.suggestions-header{padding:var(--space-8) var(--space-9);background-color:transparent;color:var(--color-primary);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;border-radius:0;font-family:var(--font-family-base)}.suggestions-content{overflow-y:auto;flex:1;min-height:0;padding:var(--space-4) 0}.suggestions-content::-webkit-scrollbar{width:var(--size-scrollbar-thickness)}.suggestions-content::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:var(--radius-4)}.suggestions-content::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:var(--radius-4);-webkit-transition:background var(--duration-slow) var(--ease-standard);transition:background var(--duration-slow) var(--ease-standard)}.suggestions-content::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.suggestions-content{scrollbar-width:thin;scrollbar-color:var(--color-primary) var(--color-bg-light)}.suggestion-item{display:flex;margin:var(--space-4) var(--space-6);border-radius:var(--radius-8);border:var(--size-border-width) solid var(--color-border-default);transition:all var(--duration-med) var(--ease-standard);background-color:var(--color-surface-elevated);overflow:hidden}.suggestion-item:hover{background-color:var(--color-bg-page);border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateX(-4px)}.suggestion-content-area{flex:1;padding:var(--space-8) var(--space-9);cursor:pointer}.suggestion-title{font-weight:600;margin-bottom:var(--space-3);color:var(--color-primary);font-size:var(--font-size-xs);font-family:var(--font-family-base)}.suggestion-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-xxs);line-height:1.4;font-family:var(--font-family-base)}.detail-view{padding:0;height:100%;display:flex;flex-direction:column}.detail-header{padding:var(--space-8) var(--space-9);border-bottom:var(--size-border-width) solid var(--color-border-default);flex-shrink:0}.back-button{display:flex;align-items:center;gap:var(--space-4);background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;padding:0;transition:opacity var(--duration-med) var(--ease-standard);font-family:var(--font-family-base)}.back-button:hover{opacity:.7}.back-icon{width:16px;height:16px;display:block}.detail-content{padding:var(--space-9);overflow-y:auto;flex:1}.detail-title{color:var(--color-primary);font-size:var(--font-size-md);font-weight:700;margin-top:0;font-family:var(--font-family-base)}.detail-section,.detail-title{margin-bottom:var(--space-10)}.detail-section h4{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:700;margin-bottom:var(--space-4);margin-top:0;font-family:var(--font-family-base)}.detail-section p{color:var(--color-text-secondary);font-size:var(--font-size-xxs);line-height:1.6;margin:0;font-family:var(--font-family-base)}.detail-examples{list-style:none;padding:0;margin:0}.detail-examples li{color:var(--color-text-secondary);line-height:1.5;padding:var(--space-4) var(--space-6);margin-bottom:var(--space-3);background-color:var(--color-bg-light);border-radius:var(--radius-4);border-left:3px solid var(--color-primary)}.detail-examples li,.no-suggestions{font-size:var(--font-size-xxs);font-family:var(--font-family-base)}.no-suggestions{padding:var(--space-10) var(--space-9);text-align:center;color:var(--color-text-disabled)}@media screen and (max-width:1024px){.suggestions-peek.is-open .peek-panel{width:30vw}}@media screen and (max-width:768px){.suggestions-peek.is-open .peek-panel{width:80vw}.suggestion-item{margin:var(--space-3) var(--space-5)}.suggestion-item,.suggestions-header{padding:var(--space-7) var(--space-8)}.suggestions-header{font-size:var(--font-size-xs)}}