body{background-color:#f0f0f0;font-family:Arial,sans-serif;margin:0;padding:0}.container{margin:15px auto;max-width:1200px;padding:15px}.poem-table{max-width:700px}.annotation-container{margin:20px auto;max-width:1200px;padding:0 20px}.two-panel-layout{display:flex;gap:20px;margin-top:20px}.panel{background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;flex:1 1;padding:20px}.panel-title{font-size:1.5rem;font-weight:400;margin-bottom:20px;margin-top:0;text-align:center}.poem-panel{display:flex;flex-direction:column}.poem-content{flex:1 1;line-height:1.6}.poem-author{font-style:italic;margin-top:auto}.metrics-panel{display:flex;flex-direction:column}.metric-section{margin-bottom:25px}.metric-title{font-size:1rem;margin-bottom:5px}.metric-description{color:#666;font-size:.9rem;margin-bottom:10px;margin-top:5px}.rating-button{margin-inline-end:10px;transition:background-color .2s ease,transform .2s ease}.rating-button:hover{transform:translateY(-1px)}.dialogue-container{border-radius:8px;margin-top:8px;padding:10px 15px;transition:all .3s ease}.dialogue-text{color:#555;font-size:.9rem;line-height:1.4;margin:0}.dialogue-label{color:#444;font-weight:700}.back-button{background-color:initial;color:#555;display:inline-block;font-size:.9rem;margin-bottom:10px;padding:8px 0}.action-button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-bottom:10px;margin-top:10px;padding:10px 30px;transition:background-color .2s ease,transform .2s ease;width:fit-content}.action-button:hover{transform:translateY(-2px)}.submit-section{margin-top:30px;text-align:center}.submit-button{background-color:#0dc517;transition:background-color .2s ease,transform .2s ease}.submit-button:hover{background-color:#0dc517ed;transform:translateY(-2px)}.poem-table{margin-top:20px}.poem-table td,.poem-table th{border:1px solid #ddd;padding:12px}.poem-table th{background-color:#f2f2f2}.clickable-cell{cursor:pointer}.clickable-cell:hover{background-color:#f5f5f5}.success-message{color:green;margin-top:15px;text-align:center}.analysis-image{margin-top:20px;max-width:100%}@media (max-width:768px){.two-panel-layout{flex-direction:column}}.launcher-container{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;flex-direction:column;height:80vh;justify-content:center;margin:15px auto;max-width:1200px;padding:15px}.launcher-title{font-size:4rem}.launcher-subtitle,.launcher-title{color:#222;font-weight:600;text-align:center}.launcher-subtitle{font-size:2rem;margin-bottom:3rem}.launcher-buttons{display:flex;gap:2rem}.launcher-button{align-items:center;background-color:#e1e1e1;border-radius:999px;color:#4e4e4e;display:flex;font-size:1.25rem;font-weight:500;gap:.5rem;padding:1rem 2.5rem;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.launcher-button:focus,.launcher-button:hover{background-color:#b8b8b8;transform:translateY(-2px)}.launcher-button span{line-height:1}#root,body,html{height:100%;margin:0}.App{background-color:#f0f0f0;display:flex;flex-direction:column;height:90vh}.app-content{display:flex;flex:1 1;overflow:hidden}.left-panel{flex:0 0 55%;height:100%;padding:16px}.left-panel,.right-panel{box-sizing:border-box;overflow-y:auto}.right-panel{background-color:#0303030f;border-radius:8px;flex:0 0 35%;height:75%;padding:20px}.right-panel.short-panel{height:45%;margin-top:16px;overflow-y:auto}.draft-section{background-color:#fff;border-radius:8px;display:flex;flex:3 1;flex-direction:column;padding:20px}.section-title{font-size:1.2rem;font-weight:500;margin:0 0 1px}.editor-container{display:flex;flex:1 1;flex-direction:column}.editor-toolbar{display:flex;gap:5px;margin-bottom:10px}.toolbar-button{background-color:#f0f0f0;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:5px 10px}.toolbar-button:hover{background-color:#e0e0e0}.editor-content{border:1px solid #ccc;border-radius:4px;flex:1 1;min-height:200px;overflow-y:auto;padding:10px;resize:none}.editor-footer{display:flex;justify-content:center;margin-top:15px}.publish-button{align-self:center;background-color:#4caf50;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:15px;padding:10px 20px;transition:background-color .2s,transform .2s}.publish-button:hover{background-color:#45a049;transform:translateY(-2px)}.publish-button:disabled{cursor:not-allowed;opacity:.5}.model-output-section{background-color:#e0f7fa;border-radius:8px;display:flex;flex:2 1;flex-direction:column;margin-top:1vh;padding:20px}.output-content{flex:1 1;overflow-y:auto}.output-response{align-items:flex-start;background-color:#ffffffb3;border-radius:8px;display:flex;margin-bottom:20px;padding:10px}.output-circle{background-color:#fff;border:2px solid #ccc;border-radius:50%;cursor:pointer;flex-shrink:0;height:20px;margin:3px 10px 0 0;width:20px}.output-circle.selected{background-color:#4caf50;border-color:#4caf50}.output-text{flex:1 1;white-space:pre-wrap}.add-to-draft-button{align-self:center;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background-color .2s,transform .2s}.add-to-draft-button:hover{background-color:#f0f0f0;transform:translateY(-2px)}.add-to-draft-button:disabled{cursor:not-allowed;opacity:.5}.config-section{border-radius:8px;display:flex;flex-direction:column;gap:20px;padding-bottom:25px}.config-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.config-item{display:flex;flex-direction:column;gap:5px}.config-label{font-weight:500;margin-bottom:5px}.config-description{color:#666;font-size:.9rem;margin-bottom:5px}.dropdown-container{width:80%}.dropdown-options{background:#fff;top:100%}.dropdown-container select{background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;padding:10px;width:100%}.config-item input[type=number]{border:1px solid #ccc;border-radius:4px;padding:8px;width:80%}.slider-container{display:flex;flex-direction:column;gap:5px}.slider-label{display:flex;font-size:.9rem;justify-content:space-between}.slider-with-value{align-items:center;display:flex;gap:10px}.slider{flex:1 1}.slider-value{font-weight:700;text-align:center;width:30px}.include-draft-checkbox{align-items:center;cursor:pointer;display:flex;gap:8px}.generate-button{align-self:flex-end;background-color:#e96d10cc;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 30px;transition:background-color .2s,transform .2s}.generate-button:hover{background-color:#e96d10a3;transform:translateY(-2px)}.generate-button:disabled{cursor:not-allowed;opacity:.7}.error-message{color:#f44336;font-weight:500}.back-button{align-items:center;align-self:flex-start;margin:16px 14px}.header-controls{align-items:center;display:flex;justify-content:space-between;margin-left:16px;padding:0 16px}.scenario-switch{display:flex;gap:8px}.scenario-switch button{background:#fff;border:none;border-radius:20px;cursor:pointer;font-size:1rem;padding:10px 30px;transition:background-color .2s ease,transform .2s ease}.scenario-switch button.active{background-color:#289f23;color:#fff}.scenario-switch button:hover{transform:translateY(-2px)}.tutorial-button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-right:100px;padding:10px 30px;transition:background-color .2s ease,transform .2s ease}.tutorial-button:hover{transform:translateY(-2px)}.config-label-wrapper{align-items:center;display:inline-flex}.page-container{box-sizing:border-box;margin:0 auto;max-width:830px;padding:0 16px}.poem-table{border-collapse:collapse;border-radius:8px;width:100%}.poem-table td,.poem-table th{border-bottom:1px solid #ddd;padding:8px;text-align:left}.poem-table th{background:#494949;color:#e1e1e1}.poem-table td{background:#fff}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-card{background:#fff;border-radius:14px;box-shadow:0 10px 30px #00000040;padding:18px 18px 16px;width:min(460px,calc(100% - 32px))}.modal-title{font-size:1.15rem;font-weight:700;margin:0 0 8px}.modal-text{color:#333;line-height:1.4;margin:0 0 14px}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-btn{border:none;border-radius:20px;cursor:pointer;font-size:.95rem;padding:10px 18px;transition:transform .15s}.modal-btn:hover{transform:translateY(-2px)}.modal-cancel{background:#e9e9e9;color:#222}.modal-danger{background:#333;color:#fff}.tagging-page-container{display:flex;gap:20px;margin:20px auto;max-width:1200px;padding:10px}.left-column{flex:1.6 1}.left-column,.right-column{background-color:#fff;border-radius:8px;padding:20px}.right-column{flex:2 1}.final-poem-box{margin-bottom:20px}.summary-box{margin-right:20px}.poem-content{background:#f7f7f7;border-radius:4px;min-height:150px;padding:10px;white-space:pre-wrap}.summary-editor{border:1px solid #ccc;border-radius:4px;min-height:120px;padding:10px;resize:none;width:100%}.panel-title{font-size:1.2rem;margin-bottom:15px}.metric-section{margin-bottom:20px;width:100%}.metric-title{font-weight:700;margin-bottom:8px}.button-group{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.rating-button{background-color:#ddd;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:.9rem;padding:8px 15px;transition:all .2s}.rating-button:hover{background-color:#ccc}.rating-button.selected{background-color:#888;color:#fff}.dialogue-container{background-color:#f8f8f8;border-left:3px solid #888;border-radius:4px;font-size:.9rem;padding:10px}.dropdown-container{margin-top:5px;position:relative}.dropdown-select{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;width:100%}.dropdown-select span{margin-left:10px}.dropdown-options{background-color:#fff;border:1px solid #ccc;border-radius:4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:10}.dropdown-option{cursor:pointer;padding:10px}.dropdown-option:hover{background-color:#f0f0f0}.inspiration-input{border:1px solid #ccc;border-radius:4px;padding:10px;width:80%}.tagging-buttons{display:flex;justify-content:space-between;margin-top:30px}.return-editor-button{background-color:#f0f0f0;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:1rem;padding:10px 30px;transition:background-color .2s ease,transform .2s ease}.return-editor-button:hover{background-color:#e0e0e0;transform:translateY(-2px)}.submit-button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 30px}.submit-button:hover{background-color:#357ab8}.info-icon{background-color:#888;border-radius:50%;color:#fff;cursor:default;display:inline-block;font-size:.75rem;height:20px;line-height:20px;margin-left:6px;position:relative;text-align:center;width:20px}.tooltip-portal{background:#000c;border-radius:4px;box-shadow:0 2px 8px #0000004d;color:#fff;font-size:.9rem;line-height:1.3;max-width:250px;padding:8px 12px;pointer-events:none;position:absolute;z-index:10000}.metric-header{align-items:center;display:flex;gap:6px;margin-bottom:8px}.metric-header .metric-title{display:inline-block;font-size:1rem;font-weight:500;margin:0}.tutorial-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0003;margin:40px auto;max-width:800px;padding:20px}.tutorial-container h2{font-size:1.5rem;margin-top:0}.tutorial-content{max-height:55vh;overflow:auto;padding-right:4px}.tutorial-content p,.tutorial-content ul{font-size:1rem;line-height:1.6;margin-bottom:1em}.tutorial-content ul{padding-left:1.2em}.tutorial-header{align-items:center;cursor:move;display:flex;gap:8px;justify-content:space-between;margin:0 0 10px}.tutorial-title{cursor:inherit;font-size:1.2rem;margin:0}.tutorial-close{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:1.1rem;line-height:1;padding:6px 8px}.tutorial-close:hover{background:#0000000f}.tutorial-nav{display:flex;justify-content:space-between;margin-top:12px}.tutorial-nav button{background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;margin:5px;padding:10px 20px}.tutorial-nav button:disabled{background-color:#ccc;cursor:default}.tutorial-popup{background:#fff;border-radius:10px;box-shadow:0 12px 32px #00000040;max-height:75vh;max-width:640px;overflow:hidden;padding:12px 16px 16px;width:640px}.annotation-page{padding:20px}.annotation-page .back-button{background:#0000;border:none;cursor:pointer;font-size:1rem;margin-bottom:20px}.annotation-page .annotation-content{display:flex;gap:20px;margin:0 auto;max-width:1200px}.annotation-page .poem-column{background-color:#fff;border-radius:8px;flex:1 1;padding:20px}.annotation-page .poem-text{font-size:1.2rem;line-height:1.5;white-space:pre-wrap}.annotation-page .form-column{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;flex:0 0 50%;padding:20px}.annotation-page .metric-section{margin-bottom:20px}.annotation-page .input-label{display:block;font-weight:700;margin-bottom:5px}.annotation-page .text-input{border:1px solid #ccc;border-radius:4px;margin-bottom:15px;padding:8px;width:60%}.annotation-page .button-group{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.annotation-page .rating-button{background-color:#ddd;border:none;border-radius:20px;cursor:pointer;padding:8px 12px;transition:background .2s}.annotation-page .rating-button:hover{background-color:#ccc}.annotation-page .rating-button.selected{background-color:#888;color:#fff}.annotation-page .dialogue-container{background-color:#f8f8f8;border-left:3px solid #888;border-radius:4px;font-size:.9rem;padding:10px;width:80%}.annotation-page .dropdown-container{margin-top:5px;position:relative}.annotation-page .dropdown-select{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;padding:10px;width:100%}.annotation-page .dropdown-options{background-color:#fff;border:1px solid #ccc;border-radius:4px;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;z-index:10}.annotation-page .dropdown-option{cursor:pointer;padding:10px}.annotation-page .dropdown-option:hover{background-color:#f0f0f0}.annotation-page .submit-button{background-color:#1ea538;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;margin-top:10px;padding:10px 30px;width:auto}.annotation-page .submit-button:hover{background-color:#1ea538a3}.back-button-annotate{align-self:flex-start;background-color:#333;border:none;border-radius:20px;color:#f0f0f0;cursor:pointer;font-size:1rem;padding:10px 30px;transition:background-color .2s ease,transform .2s ease}.back-button-annotate:hover{transform:translateY(-2px)}.gate-wrapper{align-items:center;background-color:#f0f0f0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:90vh;padding:20px}.gate-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;box-sizing:border-box;max-width:680px;padding:32px 40px;text-align:center;width:100%}.gate-title{color:#222;font-size:1.8rem;font-weight:600;margin:0 0 10px}.gate-subtitle{color:#666;font-size:1rem;margin:0 0 24px}.gate-form{gap:22px;text-align:left}.gate-label{color:#333;font-size:1rem;font-weight:500}.gate-input{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:12px 14px;width:100%}.gate-input:focus{border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;outline:none}.gate-dropdown select{background:#fff;border:1px solid #d0d0d0;border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 14px;width:100%}.gate-cta{align-self:center;background-color:#4a90e2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:12px;padding:12px 32px;transition:transform .2s ease,background-color .2s ease}.gate-cta:hover{background-color:#357ab8;transform:translateY(-2px)}.gate-cta:disabled{cursor:not-allowed;opacity:.6;transform:none}.back-button{background-color:#333;border:none;border-radius:20px;color:#f0f0f0;cursor:pointer;font-size:1rem;left:20px;padding:10px 30px;position:absolute;top:20px;transition:transform .2s;z-index:10}.back-button:hover{transform:translateY(-2px)}@media (max-width:768px){.gate-card{padding:24px}.gate-title{font-size:1.5rem}.back-button{font-size:.9rem;left:10px;padding:8px 20px;top:10px}}.gate-choice-row{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 8px}.gate-choice-button{border:1px solid #e5e7eb;border-radius:999px;cursor:pointer;flex:1 1 180px;font-size:.95rem;padding:10px 14px}.gate-choice-primary{background:#4f46e5;border-color:#4f46e5;color:#fff;font-weight:600}.gate-choice-secondary{background:#fff;color:#374151}.gate-form{display:flex;flex-direction:column;gap:8px;margin-top:18px}.registration-page{align-items:flex-start;background:radial-gradient(circle at top,#f7f3ff 0,#f5f7fb 45%,#edf1f7 100%);display:flex;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;justify-content:center;min-height:100vh;padding:40px 16px}.registration-card{background:#fff;border-radius:18px;box-shadow:0 18px 45px #0f172a29;box-sizing:border-box;max-width:720px;padding:28px 32px 32px;width:100%}.registration-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.registration-title{color:#111827;font-size:1.6rem;font-weight:700;margin:0}.registration-subtitle{color:#6b7280;font-size:.95rem;margin:4px 0 0;max-width:420px}.registration-badge{background:#eef2ff;border-radius:999px;color:#3730a3;font-size:.75rem;font-weight:600;padding:4px 10px}.registration-form{gap:18px;margin-top:8px}.reg-field,.registration-form{display:flex;flex-direction:column}.reg-field{gap:6px}.reg-label-row{align-items:center;display:flex;gap:6px}.reg-label{color:#111827;font-size:.95rem;font-weight:600}.reg-required{color:#dc2626;font-size:.9rem}.reg-help{color:#6b7280;font-size:.8rem}.reg-input,.reg-select{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;outline:none;padding:9px 11px;transition:border-color .16s ease,box-shadow .16s ease}.reg-input:focus,.reg-select:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 1px #4f46e559}.reg-checkbox-group,.reg-radio-group{grid-gap:6px;display:grid;gap:6px}.reg-checkbox-option,.reg-radio-option{align-items:center;color:#111827;display:flex;font-size:.9rem;gap:8px}.reg-checkbox-option input,.reg-radio-option input{accent-color:#4f46e5}.reg-error{color:#b91c1c;font-size:.85rem;margin-top:4px}.reg-footer{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.reg-button-primary{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;border-radius:999px;box-shadow:0 10px 25px #4f46e559;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:6px;padding:9px 18px;transition:transform .1s ease,box-shadow .1s ease,filter .1s ease}.reg-button-primary:disabled{box-shadow:none;cursor:default;opacity:.6}.reg-button-primary:not(:disabled):hover{box-shadow:0 14px 30px #4f46e566;filter:brightness(1.03);transform:translateY(-1px)}.reg-button-secondary{background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#374151;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 16px}.reg-status{color:#4b5563;font-size:.9rem}.reg-back-link{align-items:center;background:#0000;border:none;color:#4f46e5;cursor:pointer;display:inline-flex;font-size:.9rem;gap:4px;margin-bottom:14px;padding:0}.reg-note{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;color:#374151;font-size:.9rem;line-height:1.35;padding:10px 12px}.feedback-scale-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.feedback-scale-option{align-items:center;background:#f3f4f6;border-radius:999px;display:flex;font-size:.85rem;gap:4px;padding:4px 8px}.feedback-likert-labels{color:#6b7280;display:flex;font-size:.8rem;justify-content:space-between;margin-top:4px}.feedback-textarea{background:#f9fafb;border:1px solid #d1d5db;border-radius:10px;font-size:.95rem;min-height:80px;outline:none;padding:9px 11px;resize:vertical}.feedback-textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 1px #4f46e559}.feedback-ai-scale-wrapper{display:flex;flex-direction:column;gap:6px}.feedback-ai-scale-row{align-items:center;display:flex;gap:12px}.feedback-ai-scale-row input[type=range]{flex:1 1}.feedback-ai-scale-value{color:#111827;font-weight:1000;min-width:2rem;text-align:center}
/*# sourceMappingURL=main.badcf305.css.map*/