.rec-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start;margin-bottom:32px}.rec-workspace>.panel{min-width:0;margin:0!important}.rec-trace{background:var(--panel,#191c26);border:1px solid var(--border,#30354a);border-radius:14px;padding:18px;min-width:0;max-height:720px;overflow:auto}.rec-trace h3{margin:0 0 14px;font-size:17px}.rec-table{width:100%;border-collapse:collapse;font-family:var(--mono,Consolas,monospace);font-size:12px}.rec-table th,.rec-table td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--border,#30354a);vertical-align:top}.rec-table th{position:sticky;top:0;background:var(--panel,#191c26);color:var(--accent,#8ea0ff);text-transform:uppercase;letter-spacing:.06em}.rec-table tr.active td{background:rgba(119,132,200,.14);color:var(--text,#eef0fa)}.rec-table td:last-child{white-space:normal;word-break:break-word}.rec-presets{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.rec-preset,.rec-lang-tab,.rec-complete{appearance:none;border:1px solid var(--border,#30354a);background:var(--panel2,#22263a);color:var(--text,#eef0fa);border-radius:999px;padding:7px 11px;cursor:pointer;font:600 12px var(--sans,system-ui)}.rec-preset:hover,.rec-lang-tab:hover{border-color:var(--accent,#7784c8);transform:translateY(-1px)}.rec-lang-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:14px;background:var(--panel2,#22263a);border-bottom:1px solid var(--border,#30354a)}.rec-lang-tab.active{border-color:var(--accent,#7784c8);background:#293052}.rec-lang-panel{display:none}.rec-lang-panel.active{display:block}.rec-lang-panel pre{margin:0!important;white-space:pre!important;overflow:auto!important;line-height:1.65!important}.rec-lang-panel code{white-space:pre!important}.rec-notes{padding:18px}.rec-notes textarea{width:100%;min-height:150px;resize:vertical;background:var(--bg,#0f1117);color:var(--text,#eef0fa);border:1px solid var(--border,#30354a);border-radius:10px;padding:12px;font:14px/1.6 var(--sans,system-ui)}.rec-notes-foot{display:flex;justify-content:space-between;margin-top:8px;color:var(--muted,#8a8fb5);font-size:12px}.rec-complete{display:block;margin:14px 0 0 auto;border-radius:9px;padding:10px 18px}.rec-complete.done{color:#68d391;border-color:#2f855a}.practice.rec-practice-middle{margin:22px 0 32px!important}.stage{overflow:hidden!important}.stage svg{width:100%!important;height:auto!important;max-height:520px}.rec-board-fit{max-width:100%;overflow:auto}.algo-bookmark,#bookmarkBtn,.design-ui-credit{display:none!important}
@media(max-width:900px){.rec-workspace{grid-template-columns:1fr}.rec-trace{max-height:460px}}@media(max-width:600px){.rec-workspace{gap:14px}.rec-trace{padding:12px}}
.rec-complete-widget{position:fixed;right:22px;bottom:22px;z-index:500;width:min(380px,calc(100vw - 28px));padding:18px;background:var(--panel,#191c26);border:1px solid var(--border,#30354a);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.45)}.rec-complete-head{display:flex;gap:12px;align-items:center}.rec-complete-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#202847;font-size:18px}.rec-complete-head div{min-width:0}.rec-complete-head strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rec-complete-head small{display:block;color:var(--muted,#8a8fb5);margin-top:3px}.rec-complete-widget .rec-complete{display:block;width:100%;margin:12px 0 0;border-radius:9px;padding:10px 18px}