.add-two-numbers-page-wrapper{flex-direction:column;gap:2rem;max-width:1080px;margin:0 auto;display:flex}.add-two-numbers-tabs-root,.add-two-numbers-visualizer{flex-direction:column;gap:1.5rem;display:flex}.calc-sum.mismatch{color:var(--color-rose);text-shadow:0 0 10px var(--color-rose-glow)}.number.mismatch-node{border:2.5px solid var(--color-rose);color:#fff;box-shadow:0 0 18px var(--color-rose-glow), inset 0 0 10px #fff3;background-color:#9f1239}.ll-canvas{z-index:5;flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;padding:.75rem 1rem;display:flex;position:relative;overflow:hidden}.ll-rows{justify-content:center;gap:var(--ll-row-gap,8px);flex-direction:column;width:100%;height:100%;display:flex}.ll-row{align-items:center;gap:.6rem;width:100%;min-width:0;display:flex}.ll-row-label{width:40px;height:min(24px, var(--circle-size,32px));text-align:center;font-family:var(--font-mono);font-size:min(.68rem, var(--circle-size,32px) * .55);border:1px solid #0000;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0 .2rem;font-weight:700;display:inline-flex}.ll-label-l1{color:var(--color-cyan);background:#38bdf81f;border-color:#38bdf84d}.ll-label-l2{color:var(--color-amber);background:#f59e0b1f;border-color:#f59e0b4d}.ll-label-sum{color:var(--color-success);background:#10b9811f;border-color:#10b9814d}.ll-nodes{justify-content:center;align-items:center;gap:var(--ll-gap,3px);flex:1;min-width:0;display:flex}.ll-node{cursor:default}.ll-arrow{width:var(--ll-arrow-width,10px);height:auto;color:var(--color-text-faint);opacity:.7;flex:none}.ll-empty{height:min(24px, var(--circle-size,32px));border:1px dashed var(--color-border-default);color:var(--color-text-faint);font-family:var(--font-mono);font-size:min(.75rem, var(--circle-size,32px) * .55);border-radius:6px;justify-content:center;align-items:center;padding:0 .4rem;display:inline-flex}.ll-processed{opacity:.32;filter:grayscale(70%);border-color:#94a3b814}.ll-notifier{z-index:10;border-top:1px solid var(--color-border-subtle);min-height:34px;font-family:var(--font-mono);color:var(--color-text-muted);background:#0e1526d9;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.72rem;display:flex;position:relative}.ll-notifier .notifier-icon{color:var(--color-primary-light);flex-shrink:0;display:flex}.ll-notifier .notifier-text{flex:1;line-height:1.4}.ll-notifier .notifier-warning{color:var(--color-rose)}.ll-frame-body{flex-direction:row}.conversion-panel{z-index:6;border-left:1px solid var(--color-border-subtle);scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;background:#080c1499;flex-direction:column;flex:none;gap:.45rem;width:clamp(190px,30%,300px);min-height:0;padding:.6rem .7rem;display:flex;position:relative;overflow:hidden auto}.conv-header{justify-content:space-between;align-items:center;gap:.4rem;display:flex}.conv-title{color:#fff;white-space:nowrap;font-size:.78rem;font-weight:700}.conv-steps{flex-direction:column;flex:none;gap:.3rem;display:flex}.conv-step{font-family:var(--font-mono);background:#ffffff05;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:.4rem;padding:.28rem .4rem;font-size:.68rem;display:flex}.conv-step .conv-label{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint);flex-shrink:0;font-size:.6rem;font-weight:700}.conv-step .conv-value{text-align:right;min-width:0;color:var(--color-text-muted);overflow-wrap:anywhere;font-weight:600}.conv-step.active{background:#6366f11f;border-color:#6366f173}.conv-step.active .conv-value{color:#fff}.conv-step.done .conv-value{color:var(--color-success)}.conv-warning{color:var(--color-text-muted);background:#f43f5e1a;border:1px solid #f43f5e66;border-radius:8px;flex-direction:column;gap:.3rem;padding:.5rem .6rem;font-size:.68rem;display:flex}.conv-warning .conv-warning-title{color:var(--color-rose);font-size:.72rem;font-weight:700}.conv-warning p{font-size:.64rem;line-height:1.35}.conv-warning .conv-warning-row{flex-direction:column;gap:.1rem;display:flex}.conv-warning .conv-warning-row span{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-faint);font-size:.58rem;font-weight:600}.conv-warning .conv-warning-row code{font-family:var(--font-mono);color:var(--color-text-main);overflow-wrap:anywhere;word-break:break-all;font-size:.64rem}.conv-warning .conv-warning-mismatch{color:var(--color-rose);font-size:.64rem;font-weight:600}.precision-control{justify-content:flex-end}.precision-control .btn{width:100%}.visualizer-viewport-wrapper.aspect-9-16 .ll-frame-body{flex-direction:column}.visualizer-viewport-wrapper.aspect-9-16 .conversion-panel{border-left:none;border-top:1px solid var(--color-border-subtle);width:100%;min-height:120px;max-height:36%}@media (width<=768px){.ll-canvas{padding:.4rem}.ll-row{gap:.35rem}.ll-row-label{width:30px}.ll-notifier{gap:.35rem;min-height:28px;padding:.3rem .55rem;font-size:.62rem}.ll-notifier .notifier-icon svg{width:12px;height:12px}.ll-notifier .notifier-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.conversion-panel{width:clamp(130px,34%,190px);padding:.45rem}.visualizer-viewport-wrapper.aspect-16-9 .conversion-panel,.visualizer-viewport-wrapper.aspect-16-9 .conv-hud-center{display:none}.conv-title{font-size:.7rem}.conv-step{padding:.2rem .3rem;font-size:.62rem}.conv-step .conv-label{font-size:.55rem}.conv-step .conv-value{font-size:.62rem}.conv-warning{padding:.4rem;font-size:.6rem}.conv-warning .conv-warning-title{font-size:.66rem}.conv-warning p{font-size:.58rem}}