html{font-size:80%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;color:#2c3e50;line-height:1.6;min-height:100vh;padding:16px 8px;transition:background-color .3s,color .3s;font-weight:400}body.dark-theme{background:#595959;color:#f0f0f0}.app-container{max-width:960px;margin:0 auto;background:#dedede;border-radius:19px;box-shadow:0 2px 6px #00000012,0 1px 2px #0000000d;border-left:1px solid #c0c0c0;border-right:1px solid #c0c0c0;border-bottom:1px solid #c0c0c0;border-top:none;overflow:hidden;transition:background-color .3s,box-shadow .3s,border-color .3s}body.dark-theme .app-container{background:#3c3c3c;box-shadow:0 2px 6px #0000004d,0 1px 2px #0003;border-left:1px solid #4A4A4A;border-right:1px solid #4A4A4A;border-bottom:1px solid #4A4A4A;border-top:none}.header{text-align:center;background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);padding:6px 32px;margin-left:-1px;margin-right:-1px;width:calc(100% + 2px);box-shadow:0 2px 8px #0000000f;position:relative;z-index:10}body.dark-theme .header{box-shadow:0 2px 8px #00000040}.header h1{font-size:1.05rem;color:#fff!important;margin-bottom:0;letter-spacing:.04em;font-weight:700}.container{padding:32px}.nav-tabs{display:flex;align-items:center;background:#f7f7f7;border-radius:13px;padding:4px;margin-bottom:24px;box-shadow:inset 0 1px 2px #0000001a;width:100%;border:1px solid #ced4da}body.dark-theme .nav-tabs{background:#505050;box-shadow:inset 0 1px 2px #0000004d;border:1px solid #606060}.nav-tab{flex:1;padding:7px 14px;text-align:center;border-radius:10px;border:none;background:transparent;color:#6c757d;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}body.dark-theme .nav-tab{color:#c8c8c8}.nav-tab.active{background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);color:#fff!important;box-shadow:0 2px 6px #0000001a}body.dark-theme .nav-tab.active{box-shadow:0 2px 6px #0003;color:#fff!important}.theme-toggle-group{display:flex;align-items:center;flex-shrink:0;margin:0 4px}.theme-icon-button{background:transparent;border:2px solid transparent;border-radius:6px;padding:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:inherit;transition:background-color .2s,border-color .2s,background .2s}.theme-icon-button .theme-toggle-icon{width:16px;height:16px;fill:currentColor;display:block}.theme-icon-button:hover{background-color:#0000000d}body.dark-theme .theme-icon-button:hover{background-color:#ffffff14}body:not(.dark-theme) #lightThemeBtn[aria-pressed=true]{background:linear-gradient(#f7f7f7,#f7f7f7) padding-box,linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%) border-box;background-clip:padding-box,border-box}body.dark-theme #darkThemeBtn[aria-pressed=true]{background:linear-gradient(#505050,#505050) padding-box,linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%) border-box;background-clip:padding-box,border-box}.theme-icon-button[aria-pressed=false] .theme-toggle-icon{opacity:.6}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.column,.prompt-section{background:#f7f7f7;border-radius:13px;padding:24px;box-shadow:0 2px 10px #0000000a,inset 0 1px 2px #0000001a;transition:background-color .3s,border-color .3s,box-shadow .3s;border:1px solid #ced4da;border-image-source:none;border-image-slice:0}.length-indicator-bar{padding:1px 0 13px;margin-bottom:16px;background:transparent;border:none;box-shadow:none;border-radius:0}.prompt-section{padding:16px 24px;margin-bottom:24px}.column{min-height:fit-content}body.dark-theme .column,body.dark-theme .prompt-section{background:#505050;box-shadow:0 2px 10px #0000001a,inset 0 1px 2px #0000004d;border:1px solid #606060;border-image-source:none;border-image-slice:0;border-radius:13px}body.dark-theme .length-indicator-bar{background:transparent;border:none;box-shadow:none}.nav-tabs.platform-tabs .nav-tab{border:2px solid transparent}.nav-tabs.platform-tabs .nav-tab.active{background:linear-gradient(#f7f7f7,#f7f7f7) padding-box,linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%) border-box;background-clip:padding-box,border-box;color:#2c3e50!important;box-shadow:none}body.dark-theme .nav-tabs.platform-tabs .nav-tab.active{background:linear-gradient(#505050,#505050) padding-box,linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%) border-box;background-clip:padding-box,border-box;color:#f0f0f0!important}.column-header{display:flex;align-items:center;margin-bottom:19px;padding-bottom:13px;border-width:0 0 1px 0;border-style:solid;border-color:transparent;border-image-source:linear-gradient(135deg,#FFB81C 15%,#FF9E1A 25%,#7F00FF 85%);border-image-slice:1}.column-title{font-size:1.2rem;color:#2c3e50;font-weight:700}body.dark-theme .column-title{color:#f0f0f0}.form-group{margin-bottom:22px}.form-group:last-child{margin-bottom:0}.form-label{display:block;color:#2c3e50;margin-bottom:8px;font-size:.95rem;font-weight:700}body.dark-theme .form-label{color:#f0f0f0}.form-subtext{font-size:.8rem;color:#6c757d;margin-top:6px;margin-bottom:0;font-style:italic;min-height:1.6em;font-weight:400}body.dark-theme .form-subtext{color:#b8b8b8}.form-group-note{font-size:.8rem;color:#6c757d;margin-top:6px;font-style:italic;font-weight:400}body.dark-theme .form-group-note{color:#b8b8b8}.required{color:#dc3545}body.dark-theme .required{color:#f08080}.required-orange{color:#ff9e1a;font-weight:700}body.dark-theme .required-orange{color:#ffb81c}.recommended{color:#7f00ff}body.dark-theme .recommended{color:#b388ff}.input-and-button-container{display:flex;align-items:flex-start;gap:8px}.input-and-button-container .dropdown-container{flex-grow:1}.dropdown-container{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px}.form-select{width:100%;padding:10px 32px 10px 14px;border-radius:8px;font-size:.9rem;color:#333;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'/%3e%3c/svg%3e");background-position:right 13px center;background-repeat:no-repeat;background-size:13px;font-weight:400;border:none;background-color:#fff;box-shadow:inset 2px 2px 6px #6f6f6f,inset -2px -2px 3px #fff}body.dark-theme .form-select{background-color:#494949;color:#f0f0f0;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' fill='none' viewBox='0 0 24 24'%3e%3cpath stroke='%23B8B8B8' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10 5 5 5-5'/%3e%3c/svg%3e");box-shadow:inset 2px 2px 5px #343434,inset -2px -2px 5px #5e5e5e}.form-select:focus{outline:none;box-shadow:inset 2px 2px 6px #6f6f6f,inset -2px -2px 3px #fff,0 0 0 2px #ffb81c33}body.dark-theme .form-select:focus{box-shadow:inset 2px 2px 6px #2c2c2c,inset -2px -2px 6px #666,0 0 0 2px #ffb81c40}.option-header{text-align:center}.custom-input{width:100%;padding:10px 14px;border-radius:8px;font-size:.9rem;color:#333;border:none;background-color:#fff;box-shadow:inset 2px 2px 6px #6f6f6f,inset -2px -2px 3px #fff;transition:all .2s ease;display:none}body.dark-theme .custom-input{background-color:#494949;color:#f0f0f0;box-shadow:inset 2px 2px 5px #343434,inset -2px -2px 5px #5e5e5e}.custom-input:focus{outline:none;box-shadow:inset 2px 2px 6px #6f6f6f,inset -2px -2px 3px #fff,0 0 0 2px #ffb81c33}body.dark-theme .custom-input:focus{box-shadow:inset 2px 2px 6px #2c2c2c,inset -2px -2px 6px #666,0 0 0 2px #ffb81c40}.add-btn{width:34px;height:34px;border-radius:8px;color:#6c757d;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;line-height:1;transition:all .2s ease;border:none;background-color:#fff;box-shadow:2px 2px 6px #6f6f6f,-2px -2px 3px #fff;flex-shrink:0}body.dark-theme .add-btn{background-color:#555;color:#b8b8b8;box-shadow:2px 2px 5px #3a3a3a,-2px -2px 5px #5a5a5a}.add-btn:not(.remove-btn):hover,.add-btn:not(.remove-btn):focus{color:#ffb81c;background-color:#fff;box-shadow:inset 2px 2px 4px #6f6f6f,inset -2px -2px 2px #fff}body.dark-theme .add-btn:not(.remove-btn):hover,body.dark-theme .add-btn:not(.remove-btn):focus{color:#ffb81c;background-color:#555;box-shadow:inset 2px 2px 3px #404040,inset -2px -2px 3px #6a6a6a}.add-btn.remove-btn:hover,.add-btn.remove-btn:focus{color:#dc3545;background-color:#fff;box-shadow:inset 2px 2px 4px #6f6f6f,inset -2px -2px 2px #fff}body.dark-theme .add-btn.remove-btn:hover,body.dark-theme .add-btn.remove-btn:focus{color:#f08080;background-color:#555;box-shadow:inset 2px 2px 3px #404040,inset -2px -2px 3px #6a6a6a}.expand-toggle-container{display:flex;flex-direction:column;align-items:center;margin:58px 0 0}.expand-toggle-btn{width:100%;padding:1px 0;border-radius:8px;background-color:#fff;border:1px solid #c0c0c0;box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease}body.dark-theme .expand-toggle-btn{background-color:#494949;border:1px solid #606060;box-shadow:0 1px 2px #0003}.expand-toggle-btn:hover{border-color:#adb5bd;box-shadow:0 1px 3px #00000014}body.dark-theme .expand-toggle-btn:hover{border-color:#7d7d7d}.expand-toggle-btn svg{width:14px;height:14px;color:#6c757d}body.dark-theme .expand-toggle-btn svg{color:#b8b8b8}.expand-toggle-text{font-size:.8rem;font-style:normal;font-weight:400;color:#6c757d}body.dark-theme .expand-toggle-text{color:#b8b8b8}#expandable-options{max-height:0;overflow:hidden;transition:max-height .4s ease-in-out;padding:0 4px;margin:0 -4px}#expandable-options.visible{max-height:2000px;margin-top:32px}.length-bar-container{position:relative;height:10px;background:linear-gradient(to right,#2d88e9,#29a59b 25%,#3cc670 35%,#a0cf50 60%,#f4d041,#f29f3a 90%,#ec6042);border-radius:8px;margin:8px 0}.length-labels{display:flex;justify-content:space-between;font-size:.8rem;color:#6c757d;font-weight:400}body.dark-theme .length-labels{color:#b8b8b8}.length-indicator{position:absolute;top:-5px;width:3px;height:20px;background:#2c3e50;border-radius:2px;left:35%;box-shadow:0 2px 6px #0000004d;transition:left .3s ease-out}body.dark-theme .length-indicator{background:#d8d8d8}.length-indicator:after{display:none}.prompt-status-area{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:.8rem;color:#6c757d;min-height:20px}body.dark-theme .prompt-status-area{color:#b8b8b8}.warning-message{display:none;align-items:center;margin:0 10px;justify-content:center}.warning-icon{width:15px;height:15px;margin-right:6px;vertical-align:middle}.warning-icon path{fill:#ffb81c}.warning-icon.warning-icon-yellow path{fill:#ffb81c}.warning-icon.warning-icon-orange path{fill:orange}.warning-icon.warning-icon-red path{fill:#dc3545}.warning-text{vertical-align:middle}.status-controls,.mode-toggle-control{display:flex;align-items:center;flex-shrink:0}.mode-toggle-control{gap:8px}.toggle-label{margin-right:8px;cursor:pointer;-webkit-user-select:none;user-select:none}#modeToggleLabel{margin-right:0;margin-left:0}.toggle-switch{position:relative;display:inline-block;width:34px;height:16px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:16px}.toggle-slider:before{position:absolute;content:"";height:12px;width:12px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider,.toggle-switch-mode .toggle-slider{background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}body.dark-theme .toggle-slider{background-color:#555}body.dark-theme input:checked+.toggle-slider,body.dark-theme .toggle-switch-mode .toggle-slider{background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}input:focus+.toggle-slider{box-shadow:0 0 1px #ffb81c}input[type=checkbox]:focus-visible+.toggle-slider{box-shadow:0 0 0 2px #7f00ff,0 0 0 4px #7f00ff4d}input:checked+.toggle-slider:before{transform:translate(18px)}.prompt-header{margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.prompt-title{font-size:1.2rem;color:#2c3e50;font-weight:700}body.dark-theme .prompt-title{color:#f0f0f0}.prompt-box{border:2px solid transparent;border-radius:10px;padding:16px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.9rem;line-height:1.5;color:#495057;min-height:80px;margin-bottom:16px;white-space:pre-wrap;word-break:break-all;font-weight:400;transition:color .3s,background-image .3s,background-color .3s;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);background-origin:border-box;background-clip:padding-box,border-box}body.dark-theme .prompt-box{color:#e8e8e8;background-image:linear-gradient(#494949,#494949),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}.prompt-box.loading{background-color:#f8f9fa!important;background-image:linear-gradient(90deg,#f8f9fa 25%,#e9ecef,#f8f9fa 75%)!important;background-size:200% 100%;animation:shimmer 2s infinite;border-color:#dee2e6!important}body.dark-theme .prompt-box.loading{background-color:#5c5c5c!important;background-image:linear-gradient(90deg,#5c5c5c 25%,#6a6a6a,#5c5c5c 75%)!important;border-color:#6a6a6a!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes rotateBorder{0%{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}to{background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}}@keyframes rotateBorderDark{0%{background-image:linear-gradient(#494949,#494949),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}to{background-image:linear-gradient(#494949,#494949),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%)}}.prompt-box.animating-border{animation:rotateBorder 1s linear}body.dark-theme .prompt-box.animating-border{animation-name:rotateBorderDark}.action-buttons{display:flex;gap:26px;justify-content:center;flex-wrap:wrap}.action-buttons.prompt-controls{margin-bottom:16px}.action-buttons.single-copy-button-container{margin-top:0}.btn{padding:10px 19px;border-radius:8px;border:none;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex-grow:0}.action-buttons.prompt-controls .btn,.action-buttons.single-copy-button-container .btn{flex-grow:1;flex-shrink:1;flex-basis:0}.btn-primary{background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);color:#fff!important}body.dark-theme .btn-primary{color:#fff!important}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 3px 10px #7f00ff66}body.dark-theme .btn-primary:hover{box-shadow:0 3px 10px #7f00ff59}.btn-primary:disabled{background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);color:#fff!important;opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#fff;color:#6c757d;border:1px solid #dee2e6}body.dark-theme .btn-secondary{background:#606060;color:#f0f0f0;border:1px solid #7D7D7D}.btn-secondary:hover{background:#f8f9fa;border-color:#adb5bd}body.dark-theme .btn-secondary:hover{background:#757575;border-color:#909090}.btn-secondary.btn-secondary-active-gradient{border:1px solid transparent!important;background-image:linear-gradient(#fff,#fff),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);background-origin:border-box;background-clip:padding-box,border-box;color:#6c757d}body.dark-theme .btn-secondary.btn-secondary-active-gradient{border:1px solid transparent!important;background-image:linear-gradient(#606060,#606060),linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);background-origin:border-box;background-clip:padding-box,border-box;color:#f0f0f0!important}.footer{text-align:center;background:linear-gradient(135deg,#ffb81c 15%,#ff9e1a 25%,#7f00ff 85%);color:#fff!important;font-size:.85rem;font-weight:400;padding:6px 32px;margin-left:-1px;margin-right:-1px;width:calc(100% + 2px);box-shadow:0 -2px 8px #0000000f;position:relative;z-index:10}body.dark-theme .footer{color:#fff!important;font-weight:400;box-shadow:0 -2px 8px #00000040}.toast-message{position:fixed;bottom:40px;left:50%;transform:translate(-50%);background-color:#2c3e50;color:#fff;padding:8px 16px;border-radius:6px;box-shadow:0 3px 12px #0003;z-index:1000;opacity:0;transition:opacity .3s ease,bottom .3s ease;font-size:.9rem;font-weight:400}.toast-message.show{opacity:1;bottom:50px}body.dark-theme .toast-message{background-color:#606060;color:#f0f0f0}.info-sub-nav-tabs{display:flex;margin-bottom:-1px;position:relative;z-index:2}.info-sub-nav-tab{padding:10px 16px;border:1px solid #ced4da;background-color:#e9ecef;color:#495057;cursor:pointer;border-radius:8px 8px 0 0;margin-right:3px;position:relative;font-weight:700;font-size:.9rem;transition:background-color .3s,color .3s,border-color .3s,z-index 0s .1s}body.dark-theme .info-sub-nav-tab{background-color:#454545;color:#ced4da;border-color:#555}.info-sub-nav-tab.active{background-color:#f7f7f7;color:#2c3e50;border-bottom-color:#f7f7f7;z-index:3}body.dark-theme .info-sub-nav-tab.active{background-color:#505050;color:#f0f0f0;border-bottom-color:#505050}.info-sub-nav-tab:not(.active):hover{background-color:#f1f3f5}body.dark-theme .info-sub-nav-tab:not(.active):hover{background-color:#4f4f4f}.info-sub-tab-content{display:none}.info-sub-tab-content.active{display:block}.info-sub-tab-content .action-buttons .btn{flex-grow:1;flex-shrink:1;flex-basis:0}#tabContentFeedback .info-sub-tab-content>.column{border-top-left-radius:0;border-top-right-radius:0;position:relative;z-index:1}.prompt-history-list{display:flex;flex-direction:column;gap:12px}.history-item{background-color:#fff;color:#2c3e50;padding:12px 16px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000d;border:1px solid #E0E0E0;transition:background-color .3s,color .3s,border-color .3s}body.dark-theme .history-item{background-color:#404040;color:#e8e8e8;border-color:#555;box-shadow:0 1px 3px #00000026}.history-item-text{flex-grow:1;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.85rem;line-height:1.4;word-break:break-all;margin-right:10px}.history-item-copy-btn{flex-shrink:0;padding:6px 12px;font-size:.8rem}.history-empty-message{text-align:center;color:#6c757d;font-style:italic;padding:20px 0;font-size:.9rem}body.dark-theme .history-empty-message{color:#b8b8b8}.tip-block{margin-bottom:2em}.tip-block:last-child{margin-bottom:0}.tip-block>p:first-child{margin-bottom:.5em}.indented-text-block{margin-left:1.5em;padding-left:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1050;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}body.dark-theme .modal-overlay{background-color:#000000bf}.modal-overlay.active{opacity:1;visibility:visible;transition:opacity .3s ease,visibility 0s 0s}@supports (backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px)){.modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}}.modal-content{background-color:#f7f7f7;padding:24px;border-radius:13px;box-shadow:0 5px 15px #0003;max-width:420px;width:90%;position:relative;transform:scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.modal-overlay.active .modal-content{transform:scale(1);opacity:1}body.dark-theme .modal-content{background-color:#505050;color:#f0f0f0;box-shadow:0 5px 20px #00000059}.modal-content h2{font-size:1.3rem;margin-top:0;margin-bottom:12px;color:#2c3e50}body.dark-theme .modal-content h2{color:#f0f0f0}.modal-content p{font-size:.9rem;margin-bottom:16px;line-height:1.5}.modal-close-x-btn{position:absolute;top:10px;right:14px;background:none;border:none;font-size:1.8rem;font-weight:300;color:#888;cursor:pointer;line-height:1;transition:color .2s}.modal-close-x-btn:hover{color:#333}body.dark-theme .modal-close-x-btn{color:#bbb}body.dark-theme .modal-close-x-btn:hover{color:#fff}.modal-content .form-group{margin-bottom:16px}.modal-content .action-buttons{margin-top:20px;justify-content:flex-end}.modal-content .action-buttons .btn{min-width:90px}.modal-error{color:#dc3545;font-size:.85rem;margin-top:-10px;margin-bottom:10px;min-height:1.2em}body.dark-theme .modal-error{color:#f08080}.nav-tab:focus-visible,.add-btn:focus-visible,.btn:focus-visible,.theme-icon-button:focus-visible,.info-sub-nav-tab:focus-visible,.form-select:focus-visible,.custom-input:focus-visible,.modal-close-x-btn:focus-visible,input[type=checkbox]#warningToggleCheckbox:focus-visible,input[type=checkbox]#modeToggleCheckbox:focus-visible,.expand-toggle-btn:focus-visible{outline:2px solid #7F00FF;outline-offset:2px;box-shadow:0 0 0 4px #7f00ff4d}.form-select:focus,.custom-input:focus{box-shadow:inset 2px 2px 6px #6f6f6f,inset -2px -2px 3px #fff,0 0 0 2px #ffb81c33}body.dark-theme .form-select:focus,body.dark-theme .custom-input:focus{box-shadow:inset 2px 2px 6px #2c2c2c,inset -2px -2px 6px #666,0 0 0 2px #ffb81c40}@media (max-width: 768px){.main-layout{grid-template-columns:1fr;gap:16px}@media (orientation: landscape) and (min-width: 576px){.main-layout{grid-template-columns:1fr 1fr;gap:24px}}.column,.prompt-section{padding:16px}.length-indicator-bar{padding:1px 0 10px}.nav-tabs{flex-direction:row;flex-wrap:wrap;gap:5px;padding:6px}.nav-tabs:not(.platform-tabs){justify-content:center}.nav-tabs:not(.platform-tabs)>.nav-tab{flex-grow:1;flex-shrink:1;flex-basis:0%}.nav-tabs:not(.platform-tabs)>.theme-toggle-group{flex-grow:0;flex-basis:auto;justify-content:center}.nav-tabs.platform-tabs .nav-tab.platform-tab{flex-grow:1;flex-shrink:1;flex-basis:calc(33.333% - 4px);min-width:80px}.app-container{border-radius:13px}.header{padding:5px 16px}.header h1{font-size:1rem}.footer{padding:5px 16px}.footer p{font-size:.8rem;font-weight:400}.container{padding:16px}.action-buttons .btn{flex-grow:1;flex-shrink:1;flex-basis:0;text-align:center}.modal-content .action-buttons{flex-direction:column-reverse;gap:10px}.modal-content .action-buttons .btn{width:100%;flex-grow:0}.prompt-status-area{flex-direction:column;align-items:stretch;gap:10px}.mode-toggle-control{justify-content:flex-start}.status-controls{margin-left:0;width:auto;justify-content:flex-end}.prompt-status-area>.mode-toggle-control{order:1}.prompt-status-area>.status-controls{order:2}.prompt-status-area>.warning-message{order:3;justify-content:flex-start;margin:0}.info-sub-nav-tabs{flex-wrap:wrap}.info-sub-nav-tab{flex-grow:1;text-align:center;margin-bottom:2px}.history-item{flex-direction:column;align-items:flex-start;gap:8px}.history-item-copy-btn{margin-top:8px;align-self:flex-end}.history-item-text{margin-right:0}.indented-text-block{margin-left:1em}}@media (max-width: 480px){.header h1{font-size:.9rem}.form-select{padding:10px 29px 10px 13px}}option:disabled{color:#a8a8a8;letter-spacing:0}body.dark-theme option:disabled{color:#707070;letter-spacing:0}
