/** * * Part of AI-Compliance-Rewriter project. * Role-based compliance message rewriter for regulated industries. * Modular assistant configurations with hierarchical federal and state regulation support. * GitHub:https://github.com/ChadsCode/AI-Compliance-Rewriter * License:MIT Open-Source * Website:https://www.aicompliancerewriter.com * * © Chad Wigington * LinkedIn:https://www.linkedin.com/in/chadwigington/ * */ *{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;line-height:1.6;color:#333;background-color:#fafafa}#main-app{max-width:700px;margin:0 auto;padding:40px 20px;min-height:100vh;display:flex;flex-direction:column}header{text-align:center;margin-bottom:30px}header h1{font-size:26px;font-weight:600;color:#222;margin-bottom:5px}header h2{font-size:14px;font-weight:400;color:#666;text-transform:uppercase;letter-spacing:1px}main{flex:1}#role, #state-selector, #assistant-selector, #user-input, button{width:100%;padding:12px 15px;margin-bottom:15px;font-size:15px;border:1px solid #ddd;border-radius:3px;background-color:#fff;transition:border-color 0.2s}#role:focus, #state-selector:focus, #assistant-selector:focus, #user-input:focus{outline:none;border-color:#888}.selectors{display:flex;gap:15px}.selectors select{flex:1}#user-input{min-height:150px;resize:vertical;font-family:inherit}button{background-color:#333;color:#fff;border:none;cursor:pointer;font-weight:500;transition:background-color 0.2s}button:hover{background-color:#555}button:disabled{opacity:0.5;cursor:not-allowed}#output{margin-top:20px;white-space:pre-wrap;background-color:#f5f5f5;padding:20px;border-radius:3px;font-size:14px;line-height:1.7;border:1px solid #eee;min-height:50px}#output:empty{display:none}#output.processing::after{content:"";display:inline-block;width:8px;height:8px;margin-left:5px;border-radius:50%;background-color:#333;animation:blink 1s infinite}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#print-button-wrapper{display:none;text-align:center;margin-top:25px;margin-bottom:25px}#output:not(:empty) ~ #print-button-wrapper{display:block}#print-report-btn{background-color:#555;color:#fff;border:none;padding:12px 30px;font-size:14px;cursor:pointer;border-radius:2px;transition:background-color 0.2s;width:auto}#print-report-btn:hover{background-color:#333}footer{margin-top:50px;padding-top:30px;border-top:1px solid #eee;text-align:center}.footer-notice{background-color:#f8f8f8;border-left:3px solid #555;padding:15px 20px;margin-bottom:25px;text-align:left}.footer-notice p{font-size:13px;color:#555;margin-bottom:8px}.footer-notice p:last-child{margin-bottom:0}.footer-credits p{font-size:13px;color:#555;margin-bottom:6px}.footer-credits a{color:#333;text-decoration:none;border-bottom:1px solid #ccc}.footer-credits a:hover{border-bottom-color:#333}.footer-credits .separator{margin:0 8px;color:#ccc}.footer-credits .license{font-size:12px;color:#777;margin-top:10px}.footer-credits .disclaimer{font-size:11px;color:#999;font-style:italic}@media screen and (max-width:600px){#main-app{padding:25px 15px}header h1{font-size:22px}header h2{font-size:12px}.selectors{flex-direction:column;gap:0}#role, #state-selector, #assistant-selector, #user-input, button{font-size:16px;padding:14px 15px}#user-input{min-height:120px}#output{font-size:14px;padding:15px}#print-report-btn{width:100%;padding:14px 15px}.footer-notice{padding:12px 15px}.footer-notice p, .footer-credits p{font-size:12px}}@media screen and (max-width:400px){header h1{font-size:20px}#main-app{padding:20px 12px}}