.exp-panel-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:801;}.exp-panel-container.exp-panel-hidden .exp-panel{display:none;}.exp-panel{position:fixed;width:420px;background:var(--theme-bg-card);border:1px solid var(--theme-border);border-radius:var(--theme-shape-md);box-shadow:var(--theme-elevation-3);display:flex;flex-direction:column;pointer-events:auto;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);}.exp-panel-dragging{cursor:grabbing !important;user-select:none !important;-webkit-user-select:none !important;}.exp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;cursor:grab;border-bottom:1px solid var(--theme-border);flex-shrink:0;}.exp-panel-header:active{cursor:grabbing;}.exp-panel-title{font-size:var(--theme-type-body);font-weight:600;color:var(--theme-text-main);}.exp-panel-header-actions{display:flex;gap:4px;}.exp-panel-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--theme-shape-sm);background:transparent;color:var(--theme-text-muted);cursor:pointer;transition:all 0.15s ease;}.exp-panel-btn-icon:hover{background:var(--theme-bg-hover);color:var(--theme-text-main);}.exp-panel-body{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:10px;}.exp-panel-section{flex-shrink:0;}.exp-input{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--theme-border);border-radius:var(--theme-shape-sm);background:var(--theme-bg-input);color:var(--theme-text-main);font-size:var(--theme-type-body);line-height:1.5;resize:vertical;min-height:60px;max-height:200px;outline:none;transition:border-color 0.2s ease;font-family:inherit;}.exp-input:focus{border-color:var(--theme-primary);}.exp-input::placeholder{color:var(--theme-text-muted);}.exp-panel-controls{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;}.exp-panel-spacer{flex:1;}.exp-btn-explain{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border:none;border-radius:var(--theme-shape-sm);background:var(--theme-primary);color:#fff;font-size:var(--theme-type-body);cursor:pointer;transition:all 0.2s ease;white-space:nowrap;flex-shrink:0;}.exp-btn-explain:hover{opacity:0.9;}.exp-btn-explain:disabled{opacity:0.5;cursor:not-allowed;}.exp-output{min-height:60px;max-height:300px;overflow-y:auto;padding:10px 12px;border:1px solid var(--theme-border);border-radius:var(--theme-shape-sm);background:var(--theme-bg-input);color:var(--theme-text-main);font-size:var(--theme-type-body);line-height:1.6;word-wrap:break-word;}.exp-output p{margin:0 0 6px 0;}.exp-output ul, .exp-output ol{margin:4px 0;padding-left:20px;}.exp-output li{margin:2px 0;}.exp-output h1, .exp-output h2, .exp-output h3, .exp-output h4{margin:8px 0 4px 0;font-weight:600;}.exp-output code{background:var(--theme-accent-cyan-alpha);padding:1px 4px;border-radius:var(--theme-shape-sm);font-size:var(--theme-type-label-md);}.exp-output pre{background:var(--theme-bg-overlay-alpha);padding:8px 10px;border-radius:var(--theme-shape-sm);overflow-x:auto;margin:6px 0;}.exp-output pre code{background:none;padding:0;}.exp-placeholder{color:var(--theme-text-muted);}.exp-loading{color:var(--theme-text-muted);font-style:italic;font-size:var(--theme-type-label-md);}.exp-error{color:var(--theme-error);font-size:var(--theme-type-label-md);}.exp-panel-footer{padding:8px 14px;border-top:1px solid var(--theme-border);display:flex;justify-content:flex-end;flex-shrink:0;}.exp-btn-save{padding:5px 14px;border:1px solid var(--theme-border);border-radius:var(--theme-shape-sm);background:transparent;color:var(--theme-text-dim);font-size:var(--theme-type-label-md);cursor:not-allowed;transition:all 0.2s ease;}.exp-btn-save:not([disabled]){cursor:pointer;color:var(--theme-text-main);}.exp-btn-save:not([disabled]):hover{background:var(--theme-bg-hover);}