:root{--primary-color: #555;--secondary-color: #F0F0F0;--text-color: #333333;--text-muted-color: #555;--text-light-muted-color: #666;--error-color: #c0392b;--success-color: #27ae60;--warning-color: #d35400;--info-color: #6c757d;--bg-main: var(--secondary-color);--bg-container: var(--secondary-color);--bg-input: #fff;--bg-button: #eee;--bg-button-hover: #ddd;--bg-button-disabled: #f8f8f8;--bg-status-loading: #f0f0f0;--bg-status-error: #fdecea;--bg-status-success: #eafaf1;--bg-status-warning: #fef5e7;--bg-status-info: #f8f9fa;--bg-modal: #fff;--bg-dropdown: #fff;--bg-dropdown-hover: #f0f0f0;--bg-code: rgba(0, 0, 0, .05);--bg-pre: rgba(0, 0, 0, .05);--bg-blockquote: rgba(0, 0, 0, .03);--bg-table-header: rgba(0, 0, 0, .05);--bg-table-even: rgba(0, 0, 0, .02);--bg-modal-overlay: rgba(0, 0, 0, .4);--border-color: #ddd;--border-color-hover: #ccc;--border-color-focus: var(--primary-color);--border-color-button: var(--border-color);--border-color-button-hover: #ccc;--border-color-button-disabled: #eee;--border-color-input: var(--border-color);--link-color: #0366d6;--link-color-hover: #0056b3;--border-radius: 3px;--box-shadow: none;--space-xs: .3rem;--space-sm: .5rem;--space-md: .8rem;--space-lg: 1rem;--space-xl: 1.5rem;--font-size-xs: .8em;--font-size-sm: .9em;--font-size-base: 1rem;--font-size-md: 1.1rem;--font-size-lg: 1.2rem;--font-size-xl: 1.4rem;--font-size-xxl: 1.6rem;--animation-speed: .2s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;background-color:var(--bg-main);color:var(--text-color);padding:.5rem;min-height:100vh}.container{max-width:700px;margin:15px auto;background-color:var(--bg-container);padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:0px solid var(--border-color)}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);gap:var(--space-sm)}header h1{color:var(--text-color);font-size:var(--font-size-xxl);margin:0;flex-grow:1}header .actions{display:flex;align-items:center;gap:var(--space-sm)}header .actions button{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--text-color);padding:3px;line-height:1;opacity:.8}header .actions button:hover{opacity:1}.input-group{margin-bottom:var(--space-md)}label{display:block;margin-bottom:var(--space-xs);font-weight:400;font-size:var(--font-size-sm);color:var(--text-muted-color)}input[type=url],input[type=text],input[type=password],textarea,select{width:100%;padding:.6rem;border:1px solid var(--border-color-input);border-radius:var(--border-radius);font-size:var(--font-size-base);background-color:var(--bg-input);color:var(--text-color);transition:border-color .2s ease}input:focus,textarea:focus,select:focus{border-color:var(--border-color-focus);outline:none;box-shadow:none}textarea{resize:vertical;min-height:80px}button{background-color:var(--bg-button);color:var(--text-color);border:1px solid var(--border-color-button);padding:.6rem 1.2rem;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:background-color .2s ease,border-color .2s ease;margin-right:var(--space-sm)}button:last-of-type{margin-right:0}button:hover{background-color:var(--bg-button-hover);border-color:var(--border-color-button-hover)}button:disabled{background-color:var(--bg-button-disabled);color:#aaa;border-color:var(--border-color-button-disabled);cursor:not-allowed;opacity:1}#installPwaButton{background-color:var(--bg-button);color:var(--text-color);padding:.4rem .8rem;font-size:var(--font-size-sm);border:1px solid var(--border-color-button);border-radius:var(--border-radius);cursor:pointer;transition:background-color .2s ease,border-color .2s ease;display:inline-flex;align-items:center;gap:.3em}#installPwaButton:hover{background-color:var(--bg-button-hover);border-color:var(--border-color-button-hover)}.response-area{margin-top:var(--space-lg);background-color:transparent;padding:0;border-radius:var(--border-radius);border:none;font-size:var(--font-size-base);overflow-wrap:break-word;word-wrap:break-word;white-space:normal}.response-area h1{font-size:var(--font-size-lg)}.response-area h2{margin-bottom:var(--space-sm);font-size:var(--font-size-md);color:var(--text-color)}#responseOutput{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;min-height:100px;background-color:var(--bg-container);padding:var(--space-lg);border-radius:var(--border-radius);border:0px solid var(--border-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:var(--font-size-base);line-height:1.6;color:var(--text-color)}#responseOutput h1,#responseOutput h2,#responseOutput h3,#responseOutput h4,#responseOutput h5,#responseOutput h6{margin-top:1.5em;margin-bottom:.75em;line-height:1.3;font-weight:600;color:var(--text-color)}#responseOutput h1{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.3em}#responseOutput h2{font-size:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.2em}#responseOutput h3{font-size:1.3rem}#responseOutput h4{font-size:1.15rem}#responseOutput h5{font-size:var(--font-size-base)}#responseOutput h6{font-size:var(--font-size-sm);color:var(--text-light-muted-color)}#responseOutput p{margin-bottom:1.2em}#responseOutput ul,#responseOutput ol{margin-top:.5em;margin-bottom:1.2em;padding-left:2em}#responseOutput li{margin-bottom:.5em}#responseOutput li>ul,#responseOutput li>ol{margin-top:.25em;margin-bottom:.5em}#responseOutput code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;background-color:var(--bg-code);padding:.2em .4em;border-radius:3px}#responseOutput pre{margin:1em 0;padding:1em;background-color:var(--bg-pre);border-radius:5px;overflow-x:auto}#responseOutput pre code{background-color:transparent;padding:0;font-size:.9em;line-height:1.5;display:block}#responseOutput blockquote{margin:1em 0;padding:.5em 1em;border-left:4px solid var(--border-color);background-color:var(--bg-blockquote);color:var(--text-muted-color)}#responseOutput blockquote p{margin-bottom:.5em}#responseOutput blockquote p:last-child{margin-bottom:0}#responseOutput hr{height:1px;background-color:var(--border-color);border:none;margin:2em 0}#responseOutput a{color:var(--link-color);text-decoration:none}#responseOutput a:hover,#responseOutput a:focus{text-decoration:underline;color:var(--link-color-hover)}#responseOutput table{border-collapse:collapse;width:100%;margin:1em 0;overflow-x:auto;display:block}#responseOutput table th,#responseOutput table td{border:1px solid var(--border-color);padding:.5em .75em;text-align:left}#responseOutput table th{background-color:var(--bg-table-header);font-weight:600}#responseOutput table tr:nth-child(2n){background-color:var(--bg-table-even)}#responseOutput img{max-width:100%;height:auto;margin:1em 0;border-radius:5px}.status{margin-top:var(--space-md);padding:.5rem .8rem;border-radius:var(--border-radius);display:none;text-align:center;border:1px solid var(--border-color);font-size:var(--font-size-sm)}.status.loading{display:block;background-color:var(--bg-status-loading);border-color:#ccc;color:var(--text-muted-color)}.status.error{display:block;background-color:var(--bg-status-error);border-color:var(--error-color);color:var(--error-color)}.status.success{display:block;background-color:var(--bg-status-success);border-color:var(--success-color);color:var(--success-color)}.status.warning{display:block;background-color:var(--bg-status-warning);border-color:var(--warning-color);color:var(--warning-color);text-align:left}.status.info{display:block;background-color:var(--bg-status-info);border-color:#ddd;color:var(--text-light-muted-color);font-size:var(--font-size-sm);text-align:left}p.warning,p.info{font-size:var(--font-size-sm);margin-top:var(--space-xs);line-height:1.3}p.warning{color:var(--warning-color)}p.info{color:var(--info-color)}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:var(--bg-modal-overlay);-webkit-animation:fadeIn var(--animation-speed);animation:fadeIn var(--animation-speed)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--bg-modal);margin:8% auto;padding:var(--space-xl);border-radius:var(--border-radius);box-shadow:var(--box-shadow);border:1px solid var(--border-color);width:90%;max-width:500px;position:relative;-webkit-animation:slideIn var(--animation-speed);animation:slideIn var(--animation-speed)}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{color:#888;position:absolute;top:10px;right:15px;font-size:24px;font-weight:400;cursor:pointer;line-height:1}.close-button:hover,.close-button:focus{color:#555;text-decoration:none;outline:none}#promptsList{list-style:none;padding:0;margin-top:var(--space-lg);max-height:250px;overflow-y:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}#promptsList li{padding:.6rem .8rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap}#promptsList li:last-child{border-bottom:none}#promptsList .prompt-name{flex-grow:1;word-break:break-word;font-weight:400;font-size:.95em}#promptsList .prompt-actions{display:flex;gap:var(--space-xs);flex-shrink:0}#promptsList .prompt-actions button{background:none;border:1px solid transparent;cursor:pointer;font-size:var(--font-size-xs);padding:.2rem .4rem;margin:0;border-radius:var(--border-radius);transition:background-color .2s,color .2s,border-color .2s}#promptsList .prompt-actions .edit-btn{color:var(--text-muted-color);border-color:#ccc}#promptsList .prompt-actions .delete-btn{color:var(--error-color);border-color:var(--error-color)}#promptsList .prompt-actions button:hover,#promptsList .prompt-actions .edit-btn:hover{background-color:var(--bg-button-hover);border-color:#ccc}#promptsList .prompt-actions .delete-btn:hover{background-color:#e74c3c1a}#promptEditForm .form-actions{margin-top:var(--space-md);display:flex;gap:var(--space-sm)}.hidden{display:none!important}.overflow-menu{position:relative;display:inline-block}.overflow-menu button{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--text-color);padding:3px;opacity:.8}.overflow-menu button:hover{opacity:1}.overflow-menu .dropdown-menu{position:absolute;right:0;top:100%;background:var(--bg-dropdown);list-style:none;margin:0;padding:0;box-shadow:0 1px 3px #0000001a;border-radius:var(--border-radius);overflow:hidden;z-index:1000;border:1px solid var(--border-color)}.overflow-menu .dropdown-menu li{padding:.4rem .8rem;cursor:pointer;font-size:var(--font-size-sm)}.overflow-menu .dropdown-menu li:hover{background-color:var(--bg-dropdown-hover)}body.dark-theme{--primary-color: #bbb;--secondary-color: #222;--text-color: #D4D4D4;--text-muted-color: #bbb;--text-light-muted-color: #aaa;--error-color: #e74c3c;--success-color: #2ecc71;--warning-color: #f39c12;--info-color: #aebbc4;--bg-main: #363636;--bg-container: transparent;--bg-input: #333;--bg-button: #333;--bg-button-hover: #444;--bg-button-disabled: #2a2a2a;--bg-status-loading: #333;--bg-status-error: #5e4a4a;--bg-status-success: #4a5e4a;--bg-status-warning: #5e5a4a;--bg-status-info: #4a4a5e;--bg-modal: var(--secondary-color);--bg-dropdown: #333;--bg-dropdown-hover: #444;--bg-code: rgba(255, 255, 255, .1);--bg-pre: rgba(255, 255, 255, .05);--bg-blockquote: rgba(255, 255, 255, .03);--bg-table-header: rgba(255, 255, 255, .05);--bg-table-even: rgba(255, 255, 255, .02);--border-color: #444;--border-color-hover: #666;--border-color-focus: var(--primary-color);--border-color-button: #555;--border-color-button-hover: #666;--border-color-button-disabled: #444;--border-color-input: #555;--link-color: #58a6ff;--link-color-hover: #79b8ff}@media (max-width: 768px){.container{padding:var(--space-xl);margin:15px auto}header h1{font-size:var(--font-size-xxl)}header .actions button{font-size:1.4rem}.modal-content{width:90%;margin:8% auto;padding:var(--space-xl)}button{padding:.7rem 1.2rem;font-size:.95rem}input[type=url],input[type=text],input[type=password],textarea,select{padding:.75rem;font-size:var(--font-size-base)}#responseOutput{font-size:.95rem}#responseOutput h1{font-size:1.6rem}#responseOutput h2{font-size:1.4rem}#responseOutput h3{font-size:1.2rem}#responseOutput h4{font-size:1.1rem}}@media (max-width: 480px){body{padding:.3rem}.container{padding:.8rem;margin:8px auto;box-shadow:none}#installPwaButton{order:-1;flex-basis:100%;margin-bottom:.4rem}.modal-content{width:95%;margin:4% auto;padding:var(--space-lg)}#promptsList li{flex-direction:column;align-items:flex-start;gap:.4rem}#promptsList .prompt-actions{width:100%;justify-content:flex-end}#promptEditForm .form-actions{flex-direction:column;gap:.6rem}#promptEditForm .form-actions button{width:100%;margin-right:0}#responseOutput{padding:0;font-size:var(--font-size-base)}#responseOutput h1{font-size:1.4rem}#responseOutput h2{font-size:1.25rem}#responseOutput h3{font-size:1.1rem}#responseOutput h4,#responseOutput h5,#responseOutput h6{font-size:var(--font-size-base)}#responseOutput ul,#responseOutput ol{padding-left:1.5em}#responseOutput pre{padding:.75em}}