:root{--primary-color:#2e9fb3;--primary-hover:#247f91;--primary-soft:#e8f6fa;--dark-text:#0f2b46;--muted-text:#6b7b88;--light-bg:#f5f7fa;--panel-bg:#fff;--input-bg:#fff;--border-color:#d9e1e7;--border-strong:#c8d4dd;--shadow-sm:0 1px 2px #0f2b460d;--shadow-md:0 6px 18px #0f2b4614;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--error-color:#d32f2f}*{box-sizing:border-box}html,body,#__next{width:100%;min-height:100%;margin:0;padding:0}body{background:var(--light-bg);min-width:320px;min-height:100vh;color:var(--dark-text);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}a{color:var(--primary-color);text-decoration:none}a:hover{color:var(--primary-hover)}h1,h2,h3,h4{color:var(--dark-text);margin:0;font-weight:700}input,select,textarea{width:100%;font:inherit;color:var(--dark-text);background:var(--input-bg);border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2e9fb326}button{border-radius:var(--radius-sm);background-color:var(--primary-color);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid #0000;padding:.65em 1.2em;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .2s,box-shadow .2s,transform 50ms}button:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md)}button:disabled{color:#fff;cursor:not-allowed;box-shadow:none;background:#bfcbd3}.app-shell{background:var(--light-bg);justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding:24px;display:flex}.ai-widget{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:1400px;box-shadow:var(--shadow-md);padding:24px}.modern-header{text-align:center;margin-bottom:1.5rem}.header-logo{object-fit:contain;border-radius:var(--radius-sm);width:100%;max-width:320px;height:auto;margin-bottom:.5rem}.modern-header h1{margin-bottom:.35rem;font-size:2.1rem}.subtitle{color:var(--primary-color);margin:0;font-size:1rem;font-weight:500}.instructions-collapsible{margin-bottom:1.5rem}.instructions-title{color:var(--dark-text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.instructions-body{color:var(--dark-text);padding:0 0 .5rem;font-size:.95rem;line-height:1.65}.instructions-body p{margin:0 0 .75rem}.instructions-body p:last-child{margin-bottom:0}.auto-resize-textarea{resize:none;min-height:64px;line-height:1.5;overflow-y:hidden}.content-type-picker{text-align:center;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;padding:1.25rem 0}.content-type-picker label{color:var(--dark-text);margin-bottom:.6rem;font-size:1.1rem;font-weight:700;display:block}.content-type-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.content-type-tab{border:2px solid var(--primary-color);color:var(--primary-color);background:var(--panel-bg);cursor:pointer;border-radius:2rem;padding:.5rem 1.1rem;font-size:.95rem;font-weight:600;transition:background .15s,color .15s}.content-type-tab:hover{background:var(--primary-soft)}.content-type-tab.active{background:var(--primary-color);color:#fff}.content-type-tab:focus-visible{outline:none;box-shadow:0 0 0 3px #2e9fb34d}.content-type-guidance{background:var(--primary-soft);border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);margin-bottom:1.5rem;padding:1rem}.guidance-title{color:var(--primary-color);margin:0 0 .75rem;font-size:1rem;font-weight:700}.guidance-list{color:var(--dark-text);margin:0;padding-left:1.5rem;font-size:.95rem;line-height:1.65}.guidance-list li{margin-bottom:.5rem}.guidance-list li:last-child{margin-bottom:0}.guidance-remark{color:var(--muted-text);border-top:1px solid #2e9fb34d;margin-top:.75rem;padding-top:.75rem;font-size:.9rem;font-style:italic;line-height:1.6}.email-lookup{margin-bottom:1.5rem}.email-lookup-row{flex-direction:column;display:flex}.field-hint{color:var(--dark-text);margin:0 0 .4rem;font-size:.9rem}.email-lookup-input-group{gap:.5rem;display:flex}.email-lookup-input-group input{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--panel-bg);flex:1;padding:.65rem .75rem;font-size:1rem}.email-lookup-input-group input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #2e9fb326}.email-lookup-btn{color:#fff;background:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.65rem 1.25rem;font-size:1rem;font-weight:600;transition:background .2s}.email-lookup-btn:hover:not(:disabled){background:var(--primary-hover)}.email-lookup-btn:disabled{opacity:.5;cursor:not-allowed}.modern-form{margin-bottom:1.5rem}.modern-row{gap:1rem;margin-bottom:1rem;display:flex}.modern-field{flex-direction:column;flex:1;display:flex}.modern-field label{color:var(--dark-text);margin-bottom:.45rem;font-weight:600}.tag-label-row{justify-content:space-between;align-items:center;margin-bottom:.45rem;display:flex}.tag-label-row label{margin-bottom:0}.tag-toggle-all{color:#fff;background:var(--primary-color);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:.2rem .65rem;font-size:.8rem;font-weight:600;transition:background .2s}.tag-toggle-all:hover{background:var(--primary-hover)}.full-width{flex:100%}.bio-form{margin-bottom:.5rem}.bio-form--locked input:disabled{background:var(--light-bg);color:#aab4bc;border-color:var(--border-color);cursor:not-allowed;opacity:1}.bio-form--locked label{color:#aab4bc}.tag-field{border:1px solid var(--border-color);background:var(--input-bg);border-radius:10px;flex-wrap:wrap;gap:.4rem;min-height:42px;padding:8px 10px;display:flex}.tag{cursor:pointer;box-shadow:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.tag--active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.tag--active:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:none}.tag--inactive{color:#aab4bc;border-color:var(--border-color);background:#fff}.tag--inactive:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--primary-soft);box-shadow:none}.tag-icon{font-size:.85rem;font-style:normal;line-height:1}.bio-form--locked .tag-field{background:var(--light-bg)}.required{color:var(--error-color);margin-left:2px}.image-preview{border-radius:var(--radius-sm);border:1px solid var(--border-color);max-width:220px;box-shadow:var(--shadow-sm);margin-top:10px}.modern-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;margin-top:.5rem;padding:.9rem 0;font-size:1.05rem;font-weight:700;box-shadow:0 2px 8px #2e9fb326}.modern-btn:hover:not(:disabled){background:var(--primary-hover)}.modern-btn:disabled{opacity:.45;cursor:not-allowed}.error-toast{z-index:1000;background:var(--error-color);color:#fff;border-radius:8px;align-items:center;gap:.75rem;max-width:90%;padding:.75rem 1.25rem;font-weight:500;animation:.3s ease-out toast-slide-in;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.error-toast-close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;padding:0 .25rem;font-size:1.25rem;line-height:1}.error-toast-close:hover{opacity:1}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(-1rem)}to{opacity:1;transform:translate(-50%)translateY(0)}}.modal-overlay{z-index:1000;background:#0f2b4673;justify-content:center;align-items:center;animation:.2s modal-fade-in;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--panel-bg);border-radius:var(--radius-lg);text-align:center;width:90%;max-width:420px;padding:2rem 2rem 1.5rem;animation:.25s modal-slide-in;position:relative;box-shadow:0 12px 40px #0f2b462e}.modal-close{color:var(--muted-text);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.4rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.modal-close:hover{color:var(--dark-text)}.modal-icon{color:#e6a817;margin-bottom:.5rem;font-size:2.5rem}.modal-icon--error{color:#d93025}.modal-icon--info{color:#1a73e8}.modal-title{color:var(--dark-text);margin:0 0 .5rem;font-size:1.15rem}.modal-message{color:var(--muted-text);margin:0 0 1.25rem;font-size:.92rem;line-height:1.5}.modal-btn{background:var(--primary-color);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:.55rem 2rem;font-size:.95rem;font-weight:600;transition:background .2s}.modal-btn:hover{background:var(--primary-hover)}.modal-btn--secondary{color:var(--primary-color);border:2px solid var(--primary-color);background:0 0}.modal-btn--secondary:hover{background:var(--primary-soft)}.modal-actions{justify-content:center;gap:.75rem;display:flex}.auth-loading{height:100vh;color:var(--muted-text);justify-content:center;align-items:center;font-size:1rem;display:flex}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}.modern-output{border-radius:var(--radius-md);text-align:left;border:1px solid var(--border-color);border-left:4px solid var(--primary-color);color:var(--dark-text);background:#f8fbfc;margin-top:1.5rem;padding:1.25rem 1rem;box-shadow:0 2px 8px #0a23420d}.modern-output h2{color:var(--primary-color);margin:0 0 .75rem;font-size:1.1rem}.copy-button:disabled{opacity:.45;cursor:not-allowed}.markdown-content{line-height:1.6}.markdown-content p{margin:0 0 .85rem}.markdown-content ul,.markdown-content ol{margin:.25rem 0 .85rem;padding-left:1.25rem}@media (max-width:768px){.app-shell{padding:12px}.ai-widget{border-radius:12px;padding:16px}.modern-header h1{font-size:1.6rem}.modern-row{flex-direction:column;gap:.75rem}.image-preview{max-width:100%}.field-help-box{background:var(--primary-soft);border:1px solid #2e9fb338;border-left:4px solid var(--primary-color);border-radius:var(--radius-sm);text-align:left;margin-top:.55rem;padding:.65rem .75rem}.field-help-title{color:var(--dark-text);letter-spacing:.01em;margin:0 0 .2rem;font-size:.82rem;font-weight:700}.field-help{color:var(--muted-text);margin:0;font-size:.9rem;line-height:1.4}.field-help-list{color:var(--muted-text);margin:.2rem 0 .5rem 1rem;padding-left:.75rem}.field-help-list li{margin:.15rem 0;line-height:1.35}}