.circuitjs-page[data-v-80abb6f8]{background:var(--color-bg-secondary);min-height:calc(100vh - 100px)}.container[data-v-80abb6f8]{width:100%;max-width:1600px;margin:0 auto}.page-header[data-v-80abb6f8]{margin-bottom:18px}.page-title-row[data-v-80abb6f8]{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:6px;display:flex}.page-title[data-v-80abb6f8]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.01em;margin:0;line-height:1.2}.ai-badge[data-v-80abb6f8]{border-radius:var(--radius-pill)}.page-subtitle[data-v-80abb6f8]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.panel[data-v-80abb6f8]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px}.panel-label[data-v-80abb6f8]{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:8px}.actions-row[data-v-80abb6f8]{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.examples-menu[data-v-80abb6f8]{width:360px}.tip-box[data-v-80abb6f8]{background:var(--color-info-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);gap:8px;margin-top:14px;padding:10px 12px;line-height:1.45;display:flex}.tip-icon[data-v-80abb6f8]{flex-shrink:0;margin-top:1px}.stage-panel[data-v-80abb6f8]{flex-direction:column;margin-top:16px;padding:0;display:flex;overflow:hidden}.canvas-bar[data-v-80abb6f8]{border-bottom:1px solid var(--color-border);flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.canvas-state[data-v-80abb6f8]{font-size:var(--font-size-sm);color:var(--color-text-secondary);align-items:center;gap:6px;padding-right:4px;display:flex}.canvas-state--done[data-v-80abb6f8]{color:var(--color-success)}.canvas-bar[data-v-80abb6f8] .bar-icon-btn{min-height:36px}.canvas-bar[data-v-80abb6f8] .insert-btn{background:var(--color-primary-lighter)}.stage-panel[data-v-80abb6f8] .insert-btn--block{margin:12px 16px 16px}.sim-wrapper[data-v-80abb6f8]{background:var(--color-bg);flex-direction:column;min-height:420px;display:flex;position:relative;overflow:hidden}.sim-loading[data-v-80abb6f8]{text-align:center;z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sim-frame[data-v-80abb6f8]{border:0;flex:1;width:100%;min-height:420px}.examples-sheet[data-v-80abb6f8]{background:var(--color-bg);border-radius:18px 18px 0 0;width:100%}.sheet-grabber[data-v-80abb6f8]{background:var(--color-border);border-radius:2px;width:40px;height:4px;margin:8px auto 0}.sheet-title[data-v-80abb6f8]{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:10px 16px 6px}.sheet-item-icon[data-v-80abb6f8]{min-width:0;padding-right:10px}@media (max-width:599px){.actions-row[data-v-80abb6f8] .generate-btn{flex:1}.actions-row[data-v-80abb6f8] .examples-btn{flex-shrink:0}}@media (min-width:600px){.page-title[data-v-80abb6f8]{font-size:var(--font-size-2xl)}.sim-wrapper[data-v-80abb6f8],.sim-frame[data-v-80abb6f8]{min-height:540px}}@media (min-width:1024px){.circuitjs-page[data-v-80abb6f8]{flex-direction:column;display:flex}.container[data-v-80abb6f8]{flex-direction:column;flex:1;min-height:0;display:flex}.page-header[data-v-80abb6f8]{margin-bottom:14px}.bar-panel[data-v-80abb6f8]{flex-shrink:0;padding:12px 14px}.stage-panel[data-v-80abb6f8]{flex:1;min-height:460px;margin-top:14px}.sim-wrapper[data-v-80abb6f8]{flex:1;min-height:0}.sim-frame[data-v-80abb6f8]{min-height:0}}