.art-style-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0, 0, 0, 0.7)}.art-style-modal-content{background-color:#fefefe;margin:5% auto;padding:0;border-radius:10px;width:90%;max-width:900px;box-shadow:0 4px 6px rgba(0, 0, 0, 0.1)}.art-style-modal-header{padding:20px;background-color:#7a9c59;color:white;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;align-items:center}.art-style-modal-header h3{margin:0;font-size:24px;color:white}.art-style-modal-close{color:white;font-size:35px;font-weight:bold;cursor:pointer;line-height:1}.art-style-modal-close:hover,.art-style-modal-close:focus{color:#ddd}.art-style-modal-body{padding:5px;max-height:600px;overflow-y:auto}.art-styles-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));gap:20px}.art-style-item{border:2px solid #ddd;border-radius:8px;padding:15px;text-align:center;cursor:pointer;transition:all 0.3s ease;background:white}.art-style-item:hover{border-color:#7a9c59;box-shadow:0 4px 8px rgba(122, 156, 89, 0.2);transform:translateY(-2px)}.art-style-item.selected{border-color:#7a9c59;background-color:#f0f7e8;box-shadow:0 4px 12px rgba(122, 156, 89, 0.3)}.art-style-item img{height:300px;object-fit:cover;border-radius:5px;margin-bottom:10px}.art-style-item h4{margin:0;font-size:16px;color:#333}.art-style-item .select-btn{margin-top:8px;padding:5px 10px;background-color:#e5e7eb;color:#9ca3af;border:none;border-radius:4px;cursor:pointer;font-size:11px;transition:all 0.3s ease}.art-style-item.selected .select-btn{background-color:#7a9c59;color:white}.art-style-item:not(.selected) .select-btn:hover{background-color:#d1d5db;color:#6b7280}.art-style-item.selected .select-btn:hover{background-color:#5a7c39}.art-styles-loading{text-align:center;padding:40px;font-size:18px;color:#666}.art-style-selected-info{font-size:13px}.art-style-selected-info.visible{display:block}.art-style-selected-info strong{color:#7a9c59}