body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#1a1a2e;color:#eee}.app{max-width:1200px;margin:0 auto;height:100vh;display:flex;flex-direction:column}header{padding:20px;text-align:center;border-bottom:1px solid #333}header h1{font-size:1.5rem;margin-bottom:5px}header p{color:#888;font-size:.9rem}.chat-container{flex:1;overflow-y:auto;padding:20px}.welcome{text-align:center;color:#888;margin-top:50px}.welcome ul{list-style:none;margin-top:15px}.welcome li{background:#2a2a4a;padding:10px 15px;margin:8px auto;border-radius:8px;max-width:300px;cursor:pointer}.welcome li:hover{background:#3a3a5a}.message{margin-bottom:15px;display:flex}.message.user{justify-content:flex-end}.message-content{max-width:70%;padding:12px 16px;border-radius:12px;line-height:1.5;white-space:pre-wrap}.message.user .message-content{background:#06c;color:#fff}.message.assistant .message-content{background:#2a2a4a;color:#eee}.message-content.loading{color:#888;font-style:italic}.input-container{padding:20px;border-top:1px solid #333;display:flex;gap:10px}.input-container input{flex:1;padding:12px 16px;border:1px solid #444;border-radius:8px;background:#2a2a4a;color:#eee;font-size:1rem}.input-container input:focus{outline:none;border-color:#06c}.input-container button{padding:12px 24px;background:#06c;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.input-container button:hover:not(:disabled){background:#05a}.input-container button:disabled{opacity:.5;cursor:not-allowed}.session-info{margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.session-badge{background:#06c;padding:4px 12px;border-radius:12px;font-size:.8rem;color:#fff}.clear-session-btn{background:#444;color:#eee;border:none;padding:4px 12px;border-radius:12px;font-size:.8rem;cursor:pointer}.clear-session-btn:hover{background:#555}.main-content{flex:1;display:flex;flex-direction:row;overflow:hidden;min-height:0}.pin-allocations-sidebar{width:360px;background:#16162a;border-right:1px solid #333;padding:20px;overflow-y:auto}.pin-allocations-sidebar h3{font-size:1.1rem;margin-bottom:15px;color:#06c;text-align:center;font-weight:600}.allocations-list{display:flex;flex-direction:column;gap:12px}.allocation-item{background:#2a2a4a;padding:12px 14px;border-radius:8px;display:flex;flex-direction:column;gap:6px;border-left:3px solid #0066cc}.pin-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.pin-header-left{display:flex;align-items:center;gap:8px;flex:1}.pin-name{font-weight:700;color:#06c;font-size:1rem;font-family:Courier New,monospace}.pin-function{background:#1a1a2e;padding:2px 8px;border-radius:4px;font-size:.8rem;color:#8df;font-family:Courier New,monospace}.remove-pin-btn{background:#f44;color:#fff;border:none;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:1.2rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s;flex-shrink:0}.remove-pin-btn:hover{background:red}.pin-device{font-size:.85rem;color:#ccc;padding:4px 0}.device-label{color:#888;font-weight:600}.pin-notes{background:#1a1a2e;padding:8px;border-radius:4px;font-size:.8rem;color:#fa6;line-height:1.4;border-left:2px solid #ffaa66;white-space:pre-wrap;word-break:break-word}@media(max-width:768px){.main-content{flex-direction:column}.pin-allocations-sidebar{width:100%;max-height:200px;border-right:none;border-bottom:1px solid #333}.app{max-width:100%}}