.lou-app textarea.lou-textarea{resize:vertical;border:1px solid var(--lc-field-line);width:100%;max-width:100%;min-height:110px;font:inherit;background:var(--lc-surface);color:var(--lc-ink);border-radius:9px;padding:.7rem .9rem;font-size:1rem;line-height:1.9;transition:border-color .15s,box-shadow .15s}.lou-app textarea.lou-textarea::placeholder{color:#8a8f99}.lou-app textarea.lou-textarea:hover{border-color:var(--lc-ink-3)}.lou-app textarea.lou-textarea:focus{border-color:var(--lc-accent);outline:none;box-shadow:0 0 0 3px #2f53c82e}html.theme-dark .lou-app textarea.lou-textarea:hover{border-color:var(--lc-ink-2)}.lou-app textarea.lou-textarea.is-error{border-color:#b3261e;box-shadow:0 0 0 3px #b3261e24}html.theme-dark .lou-app textarea.lou-textarea.is-error{border-color:#f0a79c}.lou-app .lou-err{color:#9f1c14;align-items:center;gap:.5rem;margin-top:.1rem;font-size:.84rem;font-weight:600;line-height:1.7;display:none}.lou-app .lou-err.show{display:flex}.lou-app .lou-err .err-ico{flex:none;width:16px;height:16px}html.theme-dark .lou-app .lou-err{color:#f0a79c}.lou-app .lou-segs{background:var(--lc-sunken);border-radius:10px;flex-wrap:wrap;align-self:flex-start;gap:2px;max-width:100%;padding:3px;display:inline-flex}.lou-app .seg{min-height:44px;color:var(--lc-ink-2);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:.05rem;padding:.35rem 1.1rem;transition:background .15s,color .15s;display:flex}.lou-app .seg:hover{color:var(--lc-ink)}.lou-app .seg:focus-visible{outline:2px solid var(--lc-accent);outline-offset:1px}.lou-app .seg .seg-name{font-size:.86rem;font-weight:600;line-height:1.3}.lou-app .seg .seg-sub{color:var(--lc-ink-3);font-size:.7rem;line-height:1.3}.lou-app .seg.active{background:var(--lc-surface);color:var(--lc-ink);box-shadow:0 1px 2px #15181d1f,0 0 0 1px #15181d0a}.lou-app .seg.active .seg-sub{color:var(--lc-ink-2)}html.theme-dark .lou-app .seg.active{box-shadow:0 1px 2px #0006,0 0 0 1px #ffffff0f}.lou-app .lou-kuro{border:1px solid var(--lc-line);background:var(--lc-surface-2);border-radius:9px;flex-direction:column;gap:.45rem;padding:.7rem .9rem;display:none}.lou-app .lou-kuro.show{display:flex}.lou-app .lou-pct{font-family:var(--lc-mono);color:var(--lc-accent-ink);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.lou-app .lou-fellback{color:var(--lc-ink-3);font-size:.8rem;line-height:1.7;display:none}.lou-app .lou-fellback.show{display:block}.lou-app .lou-convert{width:100%;min-height:48px;font-size:.95rem}.lou-app .lou-result{border:1px solid var(--lc-accent-line);border-radius:12px;display:none;overflow:hidden}.lou-app .lou-result.show{display:block}.lou-app .lou-result-head{background:var(--lc-accent-soft);border-bottom:1px solid var(--lc-accent-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.55rem .9rem;display:flex}.lou-app .lou-result-title{font-family:var(--lc-display);color:var(--lc-accent-ink);font-size:.9rem;font-weight:600}.lou-app .lou-result-int{color:var(--lc-ink-2);font-size:.76rem;font-weight:600}.lou-app .lou-result-body{background:var(--lc-surface);white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:var(--lc-ink);padding:.9rem 1rem;font-size:1rem;line-height:2}.lou-app .lou-result-body mark{color:#6b4003;background:#fbf0d4;border-bottom:2px solid #d9b24a;border-radius:3px;padding:1px 3px;font-weight:600}html.theme-dark .lou-app .lou-result-body mark{color:#e9cf7e;background:#3a3218;border-bottom-color:#a88a2e}.lou-app .lou-result-actions{background:var(--lc-surface-2);border-top:1px solid var(--lc-line);flex-wrap:wrap;gap:.5rem;padding:.7rem .9rem;display:flex}.lou-app .lou-result-actions>.lc-btn{flex:auto}.lou-app .lou-studio{border-top:1px dashed var(--lc-line);flex-direction:column;gap:.7rem;padding-top:1.1rem;display:none}.lou-app .lou-studio.show{display:flex}.lou-app .lou-preview{overflow-x:auto}.lou-app .lou-preview canvas{border:1px solid var(--lc-line);border-radius:10px;max-width:100%;height:auto;display:block}.lou-app .lou-steptitle{color:var(--lc-ink);margin-bottom:.2rem;font-weight:600;display:block}.lou-app .toast{background:var(--lc-ink);color:#fff;z-index:1000;pointer-events:none;border-radius:10px;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;position:fixed;bottom:1.6rem;left:50%;transform:translate(-50%)}html.theme-dark .lou-app .toast{color:#15181d;background:#e8eaee}@media (width<=560px){.lou-app .lou-segs{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.lou-app .seg{padding-inline:.35rem}.lou-app .lou-result-actions>.lc-btn{flex:100%}}