.web-quick-manual { display: grid; gap: 20px; }
.web-quick-manual[hidden], #web-voice-panel[hidden] { display: none; }
#modal #project-form[data-quick="true"] { grid-template-columns: minmax(0, 1fr); max-width: 960px; width: 100%; margin-inline: auto; }
.web-voice-actions [hidden] { display: none !important; }
.web-input-tabs { display: flex; gap: 5px; padding: 5px; background: #e8f0ec; border: 1px solid #dce7e0; border-radius: 14px; margin-bottom: 22px; }
.web-input-tabs button { flex: 1; border: 0; border-radius: 10px; padding: 12px 18px; background: transparent; color: #60766c; font: inherit; font-weight: 600; cursor: pointer; }
.web-input-tabs button[aria-selected="true"] { background: #fff; color: #175a49; box-shadow: 0 1px 4px #17392d0a; }
.web-input-tabs button:focus-visible { outline: 2px solid #175a49; outline-offset: 2px; }
.web-input-tabs button:disabled { cursor: default; opacity: .65; }
#web-voice-panel { padding: 22px; background: #fff; border: 1px solid #dfe8e2; border-radius: 18px; }
.web-voice-title { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.web-voice-title h3 { margin: 0; font-size: 20px; }
.web-voice-title span { border-radius: 99px; padding: 5px 12px; background: #eaf3ee; color: #547469; font-size: 13px; }
#web-voice-text { width: 100%; min-height: 270px; resize: vertical; border-radius: 14px; padding: 18px; background: #f6f9f7; border: 1px solid #dce6df; line-height: 1.85; font: inherit; line-height: 1.85; box-sizing: border-box; }
#web-voice-text::placeholder { color: #7d8f85; opacity: 1; }
.web-voice-status { color: #557669; margin: 14px 0; font-size: 14px; }
.web-voice-error { background: #fff0e9; color: #944d30; border-radius: 10px; padding: 12px 14px; line-height: 1.65; overflow-wrap: anywhere; }
.web-voice-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.web-voice-actions .button { border-radius: 12px; min-height: 48px; }
.web-voice-defaults { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 20px; margin-top: 20px; border-top: 1px solid #e7eee9; color: #687e73; font-size: 13px; }
@media(max-width: 600px) { #web-voice-panel { padding: 16px; } #web-voice-text { min-height: 320px; } .web-voice-actions .button { flex: 1 1 100%; } .web-voice-defaults { align-items: flex-start; } }
@media(min-width: 1051px) { .web-quick-manual { grid-template-columns: repeat(2, minmax(0, 1fr)); } .web-quick-manual > .project-type-picker, .web-quick-manual > .project-privacy-notice, .web-quick-manual > div:has(>#area-rows), .web-quick-manual > .form-actions { grid-column: 1 / -1; } }