.auth-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:var(--spacing-4)}.auth-gate__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-gray-900)}.auth-gate__subtitle{font-size:var(--font-size-sm);color:var(--color-gray-500);margin-bottom:var(--spacing-2)}.auth-gate__form{display:flex;gap:var(--spacing-2);width:100%;max-width:400px}.auth-gate__form .form-input{flex:1}.auth-gate__error{color:var(--color-red);font-size:var(--font-size-sm);min-height:1.25rem}.chat-layout{display:none;height:calc(100vh - 57px)}.chat-layout--visible{display:flex}.chat-panel{width:420px;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--color-gray-200);background:var(--color-white)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.chat-message{max-width:90%;padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);line-height:1.5;word-wrap:break-word}.chat-message--user{align-self:flex-end;background:var(--color-primary);color:var(--color-white)}.chat-message--assistant{align-self:flex-start;background:var(--color-gray-50);color:var(--color-gray-800);border:1px solid var(--color-gray-100)}.chat-message--assistant p{margin:0 0 var(--spacing-2) 0}.chat-message--assistant p:last-child{margin-bottom:0}.chat-message--system{align-self:center;background:none;color:var(--color-gray-500);font-size:var(--font-size-xs);padding:var(--spacing-1)}.chat-loading{align-self:flex-start;display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);color:var(--color-gray-500);font-size:var(--font-size-sm)}.chat-loading .spinner{border-color:#6b72804d;border-top-color:var(--color-gray-500)}.chat-input-area{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-gray-200);background:var(--color-white)}.chat-input-row{display:flex;gap:var(--spacing-2)}.chat-input-row textarea{flex:1;resize:none;min-height:40px;max-height:120px;padding:var(--spacing-2) var(--spacing-3);font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-gray-800);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color .15s}.chat-input-row textarea:focus{outline:none;border-color:var(--color-primary)}.chat-input-row textarea:disabled{opacity:.6}.chat-send-btn{align-self:flex-end;padding:var(--spacing-2) var(--spacing-4);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;color:var(--color-white);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background .15s}.chat-send-btn:hover{background:var(--color-primary-dark)}.chat-send-btn:disabled{opacity:.6;cursor:not-allowed}.preview-panel{flex:1;display:flex;flex-direction:column;background:var(--color-gray-50);overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.preview-toolbar__title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-gray-700);margin-right:auto}.preview-toolbar .btn-action{padding:var(--spacing-1) var(--spacing-3);font-family:var(--font-family);font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;transition:background .15s,border-color .15s}.preview-toolbar .btn-action:hover{background:var(--color-gray-50);border-color:var(--color-gray-400)}.preview-toolbar .btn-action:disabled{opacity:.5;cursor:not-allowed}.preview-content{flex:1;overflow-y:auto;padding:var(--spacing-6)}.preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-gray-400);font-size:var(--font-size-sm);text-align:center;gap:var(--spacing-2)}.preview-empty__icon{font-size:2rem;opacity:.5}@media (max-width: 768px){.chat-layout--visible{flex-direction:column;height:auto;min-height:calc(100vh - 57px)}.chat-panel{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--color-gray-200);max-height:50vh}.preview-panel{min-height:50vh}}