:root{font-family:system-ui,'맑은 고딕',sans-serif;color:#e8edf9;background:#101525;color-scheme:dark}*{box-sizing:border-box}body{margin:0;padding:14px;display:flex;flex-direction:column;height:100dvh;gap:12px}header{display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#acb9d3}#panes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;flex:1;min-height:0}.pane{min-width:0;border:1px solid #35415b;border-radius:14px;background:#171f32;display:flex;flex-direction:column;overflow:hidden;padding:14px;gap:10px}.pane-heading{display:flex;align-items:center;justify-content:space-between}h2{margin:0;font-size:20px}.pane:nth-child(1) h2{color:#94e8ca}.pane:nth-child(2) h2{color:#f2bd9f}.pane:nth-child(3) h2{color:#a7c4ff}button,select,textarea{font:inherit;border:1px solid #43516e;border-radius:8px;color:inherit;background:#202b43;padding:9px}button{cursor:pointer;font-size:13px;white-space:nowrap}button:disabled{opacity:.4;cursor:default}button:hover:not(:disabled){background:#34496b}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #a5c4ff;outline-offset:2px}.model-label{font-size:12px;color:#b3bfd7;display:flex;gap:8px;align-items:center}.model{flex:1;min-width:0}.history{font-size:12px;width:100%;color:#b3bfd7}.thread{flex:1;overflow:auto;min-height:140px;overflow-wrap:anywhere;scrollbar-width:thin}.message{margin:0 0 14px;padding:12px;border-radius:9px;background:#11192b;font-size:14px;line-height:1.65}.message.user{background:#26354d;white-space:pre-wrap}.message small{display:block;color:#8ea3c7;margin-bottom:5px}.message p{margin:0 0 8px}.message pre{overflow:auto;background:#080e1d;padding:12px;border-radius:6px}.message table{display:block;overflow:auto}.message a{color:#a8caff}.composer textarea{width:100%;resize:vertical;max-height:200px;min-height:65px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.send,#shared button{background:#4266a2}.error{color:#ffb6af;font-size:12px;margin:0;white-space:pre-wrap}.error:empty,#notice:empty{display:none}#shared{display:flex;align-items:center;gap:10px}#shared label{font-size:13px;white-space:nowrap}#shared textarea{flex:1;min-width:0;resize:vertical}#notice{color:#ffb6af;margin:0;font-size:13px}@media(max-width:760px){body{padding:8px}#panes{overflow-x:auto;grid-template-columns:repeat(3,minmax(280px,80vw));gap:8px}.pane{padding:10px}header{font-size:11px}#shared{flex-wrap:wrap}#shared label{width:100%}#shared textarea{width:60%}}
/* Compact shared composer and one-line model bars. */
html{height:100%;overflow:hidden}body{height:100dvh;padding:6px;gap:6px;overflow:hidden}header{justify-content:flex-end;flex:none;font-size:11px;line-height:16px}#panes{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;overflow:hidden}.pane{padding:6px;gap:6px;border-radius:8px;min-height:0}.pane-heading{flex:none;gap:4px;min-width:0;height:28px}.pane-heading h2{font-size:11px;white-space:nowrap}.pane-heading select,.pane-heading button{height:26px;padding:2px 4px;font-size:11px;border-radius:5px}.pane-heading .model{min-width:0;flex:1}.pane-heading .history{width:27px;min-width:27px;color:transparent;padding:0}.pane-heading .history option{color:#e8edf9}.pane-heading .reset{font-size:16px;width:26px;padding:0}.pane-heading .stop:disabled{display:none}.thread{min-height:0;overscroll-behavior:contain}.error{max-height:55px;overflow:auto;flex:none}#shared{flex:none;flex-wrap:nowrap;gap:6px;height:32px}#shared textarea{height:32px;min-height:32px;max-height:32px;width:auto;resize:none;padding:6px 9px;font-size:13px;line-height:18px;overflow:auto}#shared button{height:32px;padding:0 12px;font-size:12px}#notice{max-height:35px;overflow:auto;flex:none}@media(max-width:760px){.pane-heading h2{display:none}.pane-heading .history{display:none}.pane-heading .reset{width:19px;min-width:19px}.pane-heading .model{font-size:10px;padding:2px 0}.pane{padding:3px}#panes{gap:3px}.message{padding:6px;font-size:12px}.pane-heading .stop{font-size:9px;padding:0 2px}#shared textarea{width:auto}}
.pane-heading .history{width:46px;min-width:46px;color:#b3bfd7;font-size:10px;padding:0 2px}
#shared #new-all{background:#202b43;padding:0 9px}#new-all kbd{font:inherit;font-size:10px;color:#aabbd8;margin-left:4px}@media(max-width:600px){#new-all kbd{display:none}#shared #new-all{padding:0 6px}}
#language{display:flex;flex:none;align-items:center;gap:6px;height:32px}#language textarea{flex:1;min-width:0;height:32px;min-height:32px;max-height:32px;resize:none;padding:6px 9px;font-size:13px;line-height:18px;overflow:auto}#language button{height:32px;padding:0 12px;font-size:12px;background:#4266a2}
/* Keep transformation variants readable without oversized Markdown headings. */
.pane:nth-child(2) .message.assistant h3{font-size:14px;line-height:1.4;margin:10px 0 4px}.pane:nth-child(2) .message.assistant h3:first-child{margin-top:0}.pane:nth-child(2) .message.assistant p{margin:0 0 6px}
.pane:nth-child(3) .message{font-size:13px;line-height:1.35;letter-spacing:0;padding:9px;margin-bottom:8px}.pane:nth-child(3) .message.assistant :is(h1,h2,h3,h4,h5,h6){font-size:13px;line-height:1.3;margin:8px 0 2px;font-weight:600}.pane:nth-child(3) .message.assistant :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.pane:nth-child(3) .message p{margin:0 0 3px}.pane:nth-child(3) .message :is(ul,ol){margin:3px 0;padding-left:18px}.pane:nth-child(3) .message small{font-size:10px;margin-bottom:3px}@media(max-width:760px){.pane:nth-child(3) .message{font-size:12px;padding:6px}.pane:nth-child(3) .message.assistant :is(h1,h2,h3,h4,h5,h6){font-size:12px}}