#umbrellaAiPattern { margin-top: 12px; min-width: 0; }
.umbrella-pattern-panel { border: 1px solid #554e79; border-radius: 12px; background: linear-gradient(140deg,#242341,#151d31); }
.umbrella-pattern-panel summary { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 14px; cursor: pointer; list-style: none; }
.umbrella-pattern-panel summary::-webkit-details-marker { display: none; }
.umbrella-pattern-panel summary b { font-size: 16px; color: #f0eaff; }
.umbrella-pattern-panel summary span { font-size: 12px; color: #b9add8; }
.umbrella-pattern-fields { display: grid; gap: 16px; padding: 0 14px 14px; }
.umbrella-pattern-group > b,.umbrella-pattern-description > b { display: block; margin-bottom: 8px; color: #e0e6f4; font-size: 14px; font-weight: 600; }
.umbrella-pattern-options { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; }
.umbrella-pattern-group:nth-child(2) .umbrella-pattern-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
#umbrellaDesignerModal .umbrella-pattern-options button { min-width: 0; min-height: 42px; padding: 8px 4px; border: 1px solid #414961; border-radius: 8px; background: #202a3e; color: #d7deed; font-size: 14px; line-height: 1.4; }
#umbrellaDesignerModal .umbrella-pattern-options button[aria-pressed="true"] { background: #59408f; border-color: #b392ff; color: #fff; box-shadow: inset 0 0 0 1px #a288cd; }
#umbrellaDesignerModal .umbrella-pattern-description textarea { box-sizing: border-box; width: 100%; min-height: 82px; padding: 10px 12px; font: inherit; font-size: 16px; line-height: 1.5; border: 1px solid #49516b; border-radius: 9px; background: #121b2c; color: #f4f5ff; resize: vertical; }
#umbrellaDesignerModal .umbrella-pattern-generate,#umbrellaDesignerModal .umbrella-pattern-apply { width: 100%; min-height: 46px; padding: 10px 14px; border-radius: 10px; border: 1px solid #9978e0; color: #fff; background: linear-gradient(110deg,#7047bb,#485faf); font-size: 15px; font-weight: 700; }
#umbrellaAiPattern button:disabled,#umbrellaAiPattern textarea:disabled { opacity: .6; cursor: wait; }
#umbrellaAiPattern :focus-visible { outline: 2px solid #b5a2ff; outline-offset: 3px; }
.umbrella-pattern-status { margin: 0; font-size: 13px; line-height: 1.6; color: #adc6e8; overflow-wrap: anywhere; }
.umbrella-pattern-status:empty { display: none; }
.umbrella-pattern-status[data-error="true"] { color: #ffc2b6; }
.umbrella-pattern-result { display: grid; gap: 10px; min-width: 0; }
.umbrella-pattern-result img { display: block; width: 100%; max-width: 360px; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: 10px; background: #f2f0ec; margin: auto; }
.umbrella-pattern-result p { margin: 0; font-size: 13px; line-height: 1.6; color: #c6bfe0; }
.umbrella-pattern-note { font-size: 12px; line-height: 1.5; color: #a0abc0; }
@media(max-width:360px) { .umbrella-pattern-options { grid-template-columns: repeat(2,minmax(0,1fr)); } }