.messenger-preview{background:#f0f0f0;display:flex;flex-direction:column}.messenger-header{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e6eb}.messenger-back{color:#0084ff;cursor:pointer}.messenger-avatar{width:40px;height:40px;border-radius:50%;background:#083028;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:18px;overflow:hidden;position:relative;flex-shrink:0}.messenger-avatar.has-logo{background:#fff}.messenger-avatar.editing{box-shadow:0 0 0 2px #ff4a20}.avatar-letter{line-height:1}.avatar-logo-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar-logo-image img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%;min-height:100%;pointer-events:none}.avatar-edit-btn{width:20px;height:20px;border-radius:50%;border:none;background:#ff4a20;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:-8px;margin-right:-4px;flex-shrink:0}.avatar-edit-btn:hover{background:#e04018}.logo-edit-controls{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;justify-content:center}.messenger-contact-info{flex:1;display:flex;flex-direction:column}.messenger-contact-name{font-weight:600;font-size:15px;color:#050505}.messenger-status{font-size:12px;color:#31a24c;display:flex;align-items:center;gap:5px}.status-dot{width:8px;height:8px;background:#31a24c;border-radius:50%;display:inline-block}.messenger-actions{display:flex;gap:16px;color:#0084ff}.messenger-body{flex:1;padding:16px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.message{max-width:70%;padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.4;word-wrap:break-word}.message.received{background:#e4e6eb;color:#050505;align-self:flex-start;border-bottom-left-radius:4px}.message.sent{background:#0084ff;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.messenger-input-area{background:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;border-top:1px solid #e4e6eb}.messenger-input-icons{display:flex;gap:8px}.messenger-input-field{flex:1;background:#f0f2f5;border-radius:20px;padding:8px 16px;font-size:14px;color:#65676b}.messenger-send-btn{width:36px;height:36px;background:#0084ff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.messenger-send-btn svg{margin-left:2px}.toggle-buttons{display:flex;gap:8px}.toggle-buttons button{flex:1;padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease}.toggle-buttons button:hover{background:#f5f5f5}.toggle-buttons button.active{background:#ff4a20;color:#fff;border-color:#ff4a20}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.messages-header label{margin-bottom:0}.add-message-btn{padding:8px 16px;background:#083028;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:13px;transition:background .2s ease;display:block;margin:10px auto 20px}.add-message-btn:hover{background:#062520}.message-input-group label{display:flex;align-items:center;gap:8px}.message-type{font-size:12px;font-weight:400}.message-type.received{color:#666}.message-type.sent{color:#0084ff}.message-input-wrapper{display:flex;gap:8px;align-items:center}.message-input-wrapper input{flex:1}.emoji-picker-btn{width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.emoji-picker-btn:hover{background:#f5f5f5;border-color:#ff4a20}.emoji-picker-container{margin-top:8px;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026}.remove-message-btn{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;color:#999;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-message-btn:hover{background:#f44;color:#fff;border-color:#f44}.review-preview{background:#083028;display:flex;align-items:center;justify-content:center;padding:20px}.review-card{background:#fff;border-radius:20px;padding:30px;width:100%;height:100%;display:flex;flex-direction:column;position:relative;box-shadow:0 10px 40px #0003}.review-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.photo-wrapper{position:relative;display:flex;align-items:center;flex-shrink:0}.reviewer-photo{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;background:#083028}.reviewer-photo.has-photo{background:#fff}.reviewer-photo.editing{box-shadow:0 0 0 2px #ff4a20}.photo-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.photo-image img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%;min-height:100%;pointer-events:none}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;font-weight:600}.photo-edit-btn{width:20px;height:20px;border-radius:50%;border:none;background:#ff4a20;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-left:-5px;flex-shrink:0}.reviewer-info{display:flex;flex-direction:column;gap:5px}.reviewer-name{font-size:18px;font-weight:600;color:#333}.review-stars{display:flex;gap:2px}.star{fill:#e0e0e0}.star.filled{fill:#ffc107}.review-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#ff4a20;margin-bottom:15px}.review-content{flex:1;display:flex;align-items:center}.review-content p{font-size:16px;line-height:1.6;color:#444;font-style:italic}.review-quote-icon{position:absolute;bottom:20px;right:20px;opacity:.5}.form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff4a20;cursor:pointer}.form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff4a20;cursor:pointer;border:none}.iphone-preview{background:#1c1c1e;position:relative;overflow:hidden;display:flex;flex-direction:column}.iphone-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.iphone-status-bar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;color:#fff}.iphone-status-bar .time{font-size:15px;font-weight:600}.status-icons{display:flex;align-items:center;gap:5px}.call-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;padding-top:40px;flex:1}.caller-photo-wrapper{position:relative;width:100px;height:100px;margin-bottom:15px}.caller-photo{width:100px;height:100px;border-radius:50%;overflow:hidden;background:#fff3;position:relative}.caller-photo.has-photo{background:#ffffff1a}.caller-photo.editing{box-shadow:0 0 0 3px #ff4a20}.caller-photo .photo-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.caller-photo .photo-image img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%;min-height:100%;pointer-events:none}.caller-photo .photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffff26}.photo-edit-btn{width:24px;height:24px;border-radius:50%;border:none;background:#ff4a20;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-5px;right:-5px;z-index:2}.photo-edit-btn:hover{background:#e04018}.photo-edit-controls{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;justify-content:center}.control-group{display:flex;align-items:center;gap:8px}.control-group>span{font-size:12px;color:#666;font-weight:500}.control-buttons{display:flex;gap:4px;align-items:center}.control-buttons button{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.control-buttons button:hover{background:#f0f0f0}.zoom-value{font-size:11px;color:#666;min-width:35px;text-align:center}.caller-name{color:#fff;font-size:28px;font-weight:300;margin-bottom:6px;text-align:center}.call-label{color:#ffffffb3;font-size:16px;font-weight:400}.main-call-buttons{position:relative;z-index:1;display:flex;justify-content:center;gap:80px;padding:40px 0}.call-button-wrapper{display:flex;flex-direction:column;align-items:center;gap:10px}.call-button-wrapper span{color:#ffffffe6;font-size:14px}.main-call-btn{width:70px;height:70px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease}.main-call-btn:hover{transform:scale(1.05)}.main-call-btn.decline{background:#ff3b30}.main-call-btn.accept{background:#34c759}.notes-preview{background:#f9f9f9;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.notes-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;background:#f9f9f9;position:relative}.status-time{font-size:16px;font-weight:600;color:#000}.status-icons{display:flex;align-items:center;gap:4px;color:#000}.notes-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;background:#f9f9f9}.notes-header-left{display:flex;align-items:center;gap:4px}.notes-folder-name{font-size:17px;color:#ffd52e;font-weight:400}.notes-header-right{display:flex;align-items:center;gap:16px}.notes-content-area{flex:1;padding:0 20px 20px;overflow:hidden;background:#f9f9f9}.notes-title{font-size:28px;font-weight:700;color:#000;margin:0 0 8px;line-height:1.2}.notes-body{font-size:18px;color:#000;line-height:1.5}.notes-body p{margin:0 0 4px}.notes-input-wrapper{display:flex;gap:8px;align-items:flex-start}.notes-input-wrapper input{flex:1}.notes-input-wrapper textarea{flex:1;width:100%;padding:12px;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}.notes-input-wrapper textarea:focus{outline:none;border-color:#ffd52e}.notes-emoji-btn{width:36px;height:36px;border:1px solid #E5E5E5;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.notes-emoji-btn:hover{background:#f5f5f5;border-color:#ffd52e}.notes-emoji-picker-container{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid #E5E5E5;box-shadow:0 4px 12px #00000026}.home-indicator{width:134px;height:5px;background:#000;border-radius:3px;margin:8px auto}.checkbox-group{display:flex;align-items:center}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#FFD52E}.form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ffd52e;cursor:pointer}.form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ffd52e;cursor:pointer;border:none}.push-preview{background:#1a1a2e;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden}.push-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center}.push-background-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d}.push-status-bar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;color:#fff}.push-time{font-size:16px;font-weight:600}.push-status-icons{display:flex;align-items:center;gap:4px}.push-notifications-container{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;gap:10px;padding:20px 16px}.push-notification-card{background:#fffffff2;border-radius:20px;padding:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #0000004d}.push-notification-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.push-app-icon-wrapper{position:relative;width:42px;height:42px;flex-shrink:0}.push-app-icon{width:42px;height:42px;border-radius:10px;overflow:hidden;background:#f0f0f0;position:relative}.push-app-icon.has-icon{background:transparent}.push-app-icon.editing{box-shadow:0 0 0 2px #007aff}.push-icon-image{position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.push-icon-image img{max-width:none;max-height:none;width:auto;height:auto;min-width:100%;min-height:100%;pointer-events:none}.push-icon-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e0e0e0}.push-icon-edit-btn{width:20px;height:20px;border-radius:50%;border:none;background:#007aff;color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:-4px;right:-4px;z-index:2;box-shadow:0 1px 3px #0000004d}.push-icon-edit-btn:hover{background:#0066d6}.push-app-name{font-size:13px;font-weight:500;color:#666;flex:1}.push-timestamp{font-size:12px;color:#999}.push-notification-content{padding-left:44px}.push-title{font-size:15px;font-weight:600;color:#000;margin-bottom:2px;line-height:1.3}.push-body{font-size:14px;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.push-home-indicator{position:relative;z-index:1;width:134px;height:5px;background:#fff9;border-radius:3px;margin:auto auto 8px}.push-icon-edit-controls{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:8px;display:flex;gap:20px;justify-content:center}.push-icon-edit-controls .control-group{display:flex;align-items:center;gap:8px}.push-icon-edit-controls .control-group>span{font-size:12px;color:#666;font-weight:500}.push-icon-edit-controls .control-buttons{display:flex;gap:4px;align-items:center}.push-icon-edit-controls .control-buttons button{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s ease}.push-icon-edit-controls .control-buttons button:hover{background:#f0f0f0}.push-icon-edit-controls .zoom-value{font-size:11px;color:#666;min-width:35px;text-align:center}.push-input-wrapper{display:flex;gap:8px;align-items:flex-start}.push-input-wrapper input{flex:1}.push-input-wrapper textarea{flex:1;width:100%;padding:12px;border:1px solid #E5E5E5;border-radius:8px;font-size:14px;resize:vertical;font-family:inherit}.push-input-wrapper textarea:focus{outline:none;border-color:#007aff}.push-emoji-btn{width:36px;height:36px;border:1px solid #E5E5E5;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.push-emoji-btn:hover{background:#f5f5f5;border-color:#007aff}.push-emoji-picker-container{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid #E5E5E5;box-shadow:0 4px 12px #00000026}.push-reset-bg-btn{margin-top:8px;padding:8px 16px;background:#f0f0f0;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:13px;transition:background .2s ease}.push-reset-bg-btn:hover{background:#e5e5e5}.push-notifications-settings{margin-top:20px;padding-top:20px;border-top:1px solid #E5E5E5}.push-notifications-settings h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.push-notification-settings{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:12px}.push-notification-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E5E5E5}.push-notification-settings-header span{font-weight:600;color:#333}.push-remove-notification-btn{width:24px;height:24px;border:none;background:#ff3b30;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.push-remove-notification-btn:hover{background:#e02d23}.push-add-notification-btn{width:100%;padding:12px 16px;background:#007aff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.push-add-notification-btn:hover{background:#0066d6}.push-preview~.controls-section .form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.push-preview~.controls-section .form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#007aff;cursor:pointer}.push-preview~.controls-section .form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007aff;cursor:pointer;border:none}.calendar-preview{background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.calendar-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;color:#000}.calendar-time{font-size:16px;font-weight:600}.calendar-status-icons{display:flex;align-items:center;gap:4px}.calendar-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 12px;background:#f2f2f7}.calendar-header-left{display:flex;align-items:center;gap:4px}.calendar-month-name{font-size:17px;color:#ff3b30;font-weight:400}.calendar-header-right{display:flex;align-items:center;gap:16px}.calendar-date-display{padding:0 20px 16px;text-align:left}.calendar-day-of-week{font-size:14px;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.calendar-day-number{font-size:48px;font-weight:300;color:#ff3b30;line-height:1}.calendar-events-container{flex:1;display:flex;flex-direction:column;gap:10px;padding:0 0 10px}.calendar-event-card{margin:0 16px;background:#fff;border-radius:12px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.calendar-color-bar{width:6px;background:#ff3b30;flex-shrink:0}.calendar-event-details{padding:14px 16px;flex:1}.calendar-event-title{font-size:20px;font-weight:600;color:#000;margin-bottom:6px;line-height:1.3}.calendar-event-time{font-size:15px;color:#8e8e93;margin-bottom:6px}.calendar-event-location{display:flex;align-items:center;gap:6px;font-size:14px;color:#666}.calendar-home-indicator{width:134px;height:5px;background:#000;border-radius:3px;margin:auto auto 8px}.calendar-input-wrapper{display:flex;gap:8px;align-items:flex-start}.calendar-input-wrapper input[type=text]{flex:1}.calendar-emoji-btn{width:36px;height:36px;border:1px solid #E5E5E5;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.calendar-emoji-btn:hover{background:#f5f5f5;border-color:#ff3b30}.calendar-emoji-picker-container{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid #E5E5E5;box-shadow:0 4px 12px #00000026}.form-group input[type=color]{width:60px;height:40px;border:1px solid #E5E5E5;border-radius:8px;cursor:pointer;padding:4px;background:#fff}.form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.calendar-preview~.controls-section .form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.calendar-preview~.controls-section .form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#ff3b30;cursor:pointer}.calendar-preview~.controls-section .form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#ff3b30;cursor:pointer;border:none}.calendar-events-settings{margin-top:20px;padding-top:20px;border-top:1px solid #E5E5E5}.calendar-events-settings h3{margin:0 0 16px;font-size:16px;font-weight:600;color:#333}.calendar-event-settings{background:#f8f9fa;border-radius:12px;padding:16px;margin-bottom:12px}.calendar-event-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E5E5E5}.calendar-event-settings-header span{font-weight:600;color:#333}.calendar-remove-event-btn{width:24px;height:24px;border:none;background:#ff3b30;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center}.calendar-remove-event-btn:hover{background:#e02d23}.calendar-add-event-btn{width:100%;padding:12px 16px;background:#ff3b30;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:background .2s ease}.calendar-add-event-btn:hover{background:#e02d23}.reminder-preview{background:#f2f2f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif}.reminder-status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px 8px;color:#000}.reminder-time{font-size:16px;font-weight:600}.reminder-status-icons{display:flex;align-items:center;gap:4px}.reminder-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px 4px;background:#f2f2f7}.reminder-header-left{display:flex;align-items:center;gap:4px}.reminder-back-text{font-size:17px;font-weight:400}.reminder-header-right{display:flex;align-items:center;gap:16px}.reminder-list-title{font-size:34px;font-weight:700;padding:8px 20px 16px;line-height:1.1}.reminder-list{flex:1;background:#fff;margin:0 16px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.reminder-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid #E5E5EA;gap:10px}.reminder-item:last-child{border-bottom:none}.reminder-checkbox{border-radius:50%;border:2px solid #C7C7CC;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reminder-text{font-size:17px;color:#000;flex:1;line-height:1.3}.reminder-item.completed .reminder-text{color:#8e8e93}.reminder-completed-count{padding:12px 20px;font-size:15px;font-weight:500}.reminder-new-button{display:flex;align-items:center;gap:10px;padding:16px 20px;font-size:17px;font-weight:400}.reminder-new-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.reminder-home-indicator{width:134px;height:5px;background:#000;border-radius:3px;margin:auto auto 8px}.reminder-input-wrapper{display:flex;gap:8px;align-items:flex-start}.reminder-input-wrapper input[type=text]{flex:1}.reminder-emoji-btn{width:36px;height:36px;border:1px solid #E5E5E5;background:#fff;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.reminder-emoji-btn:hover{background:#f5f5f5;border-color:#007aff}.reminder-emoji-btn-small{width:32px;height:32px;font-size:14px}.reminder-emoji-picker-container{margin-top:8px;border-radius:8px;overflow:hidden;border:1px solid #E5E5E5;box-shadow:0 4px 12px #00000026}.reminder-emoji-picker-inline{position:absolute;left:0;right:0;top:100%;z-index:10}.reminder-preview~.controls-section .form-group input[type=color]{width:60px;height:40px;border:1px solid #E5E5E5;border-radius:8px;cursor:pointer;padding:4px;background:#fff}.reminder-preview~.controls-section .form-group input[type=color]::-webkit-color-swatch-wrapper{padding:0}.reminder-preview~.controls-section .form-group input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}.reminder-preview~.controls-section .checkbox-group{display:flex;align-items:center}.reminder-preview~.controls-section .checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.reminder-preview~.controls-section .checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007AFF}.reminder-items-list{display:flex;flex-direction:column;gap:8px}.reminder-item-control{display:flex;align-items:center;gap:8px;position:relative}.reminder-item-control input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007AFF;flex-shrink:0}.reminder-item-input-wrapper{flex:1;display:flex;gap:4px}.reminder-item-input-wrapper input{flex:1;padding:8px 12px;border:1px solid #E5E5E5;border-radius:6px;font-size:14px}.reminder-item-input-wrapper input:focus{outline:none;border-color:#007aff}.reminder-remove-btn{width:28px;height:28px;border:none;background:#ff3b30;color:#fff;border-radius:50%;cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.reminder-remove-btn:hover{background:#e02d23}.reminder-add-btn{padding:10px 16px;background:#007aff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;margin-top:8px;transition:background .2s ease}.reminder-add-btn:hover{background:#0066d6}.reminder-preview~.controls-section .form-group input[type=range]{width:100%;height:6px;border-radius:3px;background:#e5e5e5;outline:none;-webkit-appearance:none}.reminder-preview~.controls-section .form-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#007aff;cursor:pointer}.reminder-preview~.controls-section .form-group input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#007aff;cursor:pointer;border:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background-color:#f5f5f5;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:#083028;padding:20px 40px;color:#fff;box-shadow:0 2px 10px #0000001a}.app-header h1{font-size:24px;font-weight:600;margin-bottom:15px}.tabs{display:flex;gap:10px}.tab{padding:10px 24px;border:none;background:#fff3;color:#fff;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.tab:hover{background:#ffffff4d}.tab.active{background:#ff4a20;color:#fff}.app-content{flex:1;padding:30px 40px}.builder{display:grid;grid-template-columns:1fr 400px;gap:30px;max-width:1400px;margin:0 auto}.preview-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center}.preview-section h2{font-size:18px;color:#333;margin-bottom:20px;align-self:flex-start}.preview-container{width:400px;height:400px;position:relative;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0000001a}.controls-section{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.controls-section h2{font-size:18px;color:#333;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:500;color:#555;margin-bottom:8px}.form-group input[type=text],.form-group textarea,.form-group select{width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s ease}.form-group input[type=text]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#ff4a20}.form-group textarea{resize:vertical;min-height:80px}.form-group input[type=file]{width:100%;padding:10px;border:2px dashed #ddd;border-radius:8px;cursor:pointer;font-size:13px}.form-group input[type=file]:hover{border-color:#ff4a20}.export-button{width:100%;padding:14px 24px;background:#ff4a20;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:20px}.export-button:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ff4a2066}.export-button:active{transform:translateY(0)}
