.dash-content{padding:24px 32px;display:flex;flex-direction:column;gap:20px}.dash-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef53501a;border-radius:var(--border-radius-md);color:var(--color-error);font-size:13px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dash-mc{padding:20px 20px 16px;border-radius:var(--border-radius-lg);background:var(--bg-panel);display:flex;flex-direction:column}.dash-mc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.dash-mc__label{font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.dash-mc__value{font-size:32px;font-weight:700;color:var(--text-primary);line-height:1.2;padding-top:10px;margin-bottom:4px}.dash-mc__footer{font-size:12px;color:var(--text-tertiary);margin-top:auto}.dash-heroes{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.dash-hero{position:relative;display:flex;align-items:center;gap:16px;padding:36px 28px;border-radius:var(--border-radius-lg);cursor:pointer;font:inherit;text-align:left;border:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.dash-hero:hover{transform:translateY(-2px)}.dash-hero__glow{position:absolute;top:-20px;left:-20px;width:120px;height:120px;border-radius:50%;opacity:.25;filter:blur(30px);pointer-events:none}.dash-hero__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fff;flex-shrink:0;position:relative;z-index:1}.dash-hero__icon--img{background:none;width:84px;height:84px;border-radius:0}.dash-hero__icon--img img{width:100%;height:100%;object-fit:contain}.dash-hero__text{display:flex;flex-direction:column;gap:3px;flex:1;position:relative;z-index:1}.dash-hero__title{font-size:24px;font-weight:700;color:#fff}.dash-hero__sub{font-size:12px;color:#ffffffa6}.dash-hero__arrow{color:#fff6;flex-shrink:0;transition:transform .2s,color .2s;position:relative;z-index:1}.dash-hero:hover .dash-hero__arrow{transform:translate(3px);color:#fffc}.dash-hero--magenta{background:linear-gradient(135deg,#ec008c,#30b9d8);box-shadow:0 4px 20px #ec008c33}.dash-hero--magenta:hover{box-shadow:0 8px 32px #ec008c59}.dash-hero--magenta .dash-hero__glow{background:#ec008c}.dash-hero--magenta .dash-hero__icon:not(.dash-hero__icon--img){background:#ffffff26}.dash-hero--cyan{background:linear-gradient(135deg,#30b9d8,#88c10c);box-shadow:0 4px 20px #30b9d833}.dash-hero--cyan:hover{box-shadow:0 8px 32px #30b9d859}.dash-hero--cyan .dash-hero__glow{background:#30b9d8}.dash-hero--cyan .dash-hero__icon:not(.dash-hero__icon--img){background:#ffffff26}.dash-hero--gradient{background:linear-gradient(135deg,#88c10c,#f27c38);box-shadow:0 4px 20px #88c10c33}.dash-hero--gradient:hover{box-shadow:0 8px 32px #f27c384d}.dash-hero--gradient .dash-hero__glow{background:#88c10c}.dash-hero--gradient .dash-hero__icon:not(.dash-hero__icon--img){background:#ffffff26}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-card{background:var(--bg-panel);border-radius:var(--border-radius-lg);padding:20px}.dash-card__title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:6px}.dash-card__link{margin-left:auto;display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-tertiary);font-size:12px;font-weight:500;cursor:pointer;transition:color .15s}.dash-card__link:hover{color:var(--accent-primary)}.dash-card__empty{color:var(--text-tertiary);font-size:13px;padding:16px 0}.dash-card--no-gap{padding:0;overflow:hidden}.dash-template{display:flex;gap:0;align-items:stretch}.dash-template__thumb{width:140px;min-height:140px;object-fit:contain;background:var(--bg-surface);flex-shrink:0}.dash-template__info{flex:1;padding:20px;display:flex;flex-direction:column;justify-content:center}.dash-template__section-label{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.dash-template__name{font-size:16px;font-weight:600;color:var(--text-primary);display:flex;align-items:baseline;gap:8px}.dash-template__size{font-size:12px;font-weight:400;color:var(--text-tertiary)}.dash-template__meta{font-size:12px;color:var(--text-tertiary);margin-top:2px}.dash-template__btn{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:5px 12px;background:var(--bg-surface);border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.dash-template__btn:hover{background:var(--bg-hover);color:var(--accent-primary)}.dash-feeds{display:flex;flex-direction:column}.dash-feed-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.04)}.dash-feed-row:last-child{border-bottom:none}.dash-feed-row__info{display:flex;flex-direction:column;gap:2px;min-width:0}.dash-feed-row__prefix{color:var(--text-tertiary);font-weight:400}.dash-feed-row__name{font-size:13px;font-weight:500;color:var(--text-primary)}.dash-feed-row__url{font-size:11px;font-family:var(--font-mono);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-feed-row__meta{font-size:11px;color:var(--text-tertiary)}.dash-feed-row__copy{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:none;border-radius:var(--border-radius-sm);color:var(--text-tertiary);cursor:pointer;flex-shrink:0;transition:color .15s,background .15s}.dash-feed-row__copy:hover{color:var(--accent-primary);background:var(--bg-hover)}.dash-renders{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:12px}.dash-render-item{display:flex;flex-direction:column;gap:6px;min-width:0}.dash-render-item__img-wrap{position:relative;width:100%;padding-bottom:100%;border-radius:var(--border-radius-sm);background:var(--bg-surface);overflow:hidden}.dash-render-item__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.dash-render-item__name{font-size:11px;color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-refresh--spinning svg{animation:dash-spin .8s linear infinite}@keyframes dash-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:900px){.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-heroes,.dash-grid{grid-template-columns:1fr}.dash-renders{grid-template-columns:repeat(3,1fr)}}.products-toolbar{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.products-toolbar__search{display:flex;gap:4px}.products-toolbar__input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:6px 10px;font-size:13px;width:200px}.products-toolbar__btn{background:var(--bg-surface);color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:6px;padding:6px 12px;font-size:13px;cursor:pointer}.products-toolbar__select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:6px 8px;font-size:13px}.products-toolbar__filter{background:none;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-secondary);padding:6px 12px;font-size:13px;cursor:pointer}.products-toolbar__filter--active{border-color:var(--comp-orange);color:var(--comp-orange);background:#d299221a}.products-result-count{color:var(--text-secondary);font-size:13px}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px}.products-loading,.products-empty{padding:48px 24px;text-align:center;color:var(--text-secondary);font-size:14px}.product-card{background:var(--bg-panel);border:none;border-radius:8px;overflow:hidden;cursor:pointer;transition:box-shadow .15s}.product-card:hover{box-shadow:0 0 0 1px var(--accent-primary)}.product-card__image-wrap{position:relative;aspect-ratio:1;background:var(--bg-input)}.product-card__image{width:100%;height:100%;object-fit:cover}.product-card__no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.product-card__badge{position:absolute;top:8px;right:8px;background:#d29922e6;color:#fff;font-size:11px;padding:2px 8px;border-radius:4px}.product-card__badge--resolved{background:#88c10ce6}.product-card__info{padding:10px 12px}.product-card__title{font-size:13px;font-weight:500;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__id{font-size:11px;color:var(--text-secondary);display:block;margin-top:2px}.product-card__meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px}.product-card__price{color:var(--text-primary)}.product-card__price--original{text-decoration:line-through;color:var(--text-secondary);margin-right:8px}.product-card__price--sale{color:var(--text-primary);font-weight:600}.product-card__category{color:var(--text-secondary)}.products-pagination{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.products-pagination__btn{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:6px 16px;font-size:13px;cursor:pointer}.products-pagination__btn:disabled{opacity:.4;cursor:default}.products-pagination__info{color:var(--text-secondary);font-size:13px}.product-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;justify-content:flex-end}.product-detail{width:75%;max-width:900px;background:var(--bg-app);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;animation:slideIn .2s ease-out}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.product-detail__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.product-detail__nav{display:flex;gap:4px}.product-detail__nav-btn,.product-detail__close{background:none;border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:4px 8px;cursor:pointer}.product-detail__title{font-size:14px;font-weight:600;color:var(--text-primary)}.product-detail__body{flex:1;display:flex;overflow-y:auto;padding:20px;gap:24px}.product-detail__generated{flex:6;display:flex;flex-direction:column;align-items:center;gap:16px}.product-detail__generated-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:6px;background:var(--bg-panel)}.product-detail__no-image{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--bg-panel);border-radius:6px;color:var(--text-secondary)}.product-detail__info{flex:4;display:flex;flex-direction:column;gap:16px}.product-detail__original-img{width:120px;height:120px;object-fit:cover;border-radius:6px;background:var(--bg-panel)}.product-detail__fields{display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:13px;margin:0}.product-detail__fields dt{color:var(--text-secondary);font-weight:500}.product-detail__fields dd{color:var(--text-primary);margin:0}.product-detail__price--original{text-decoration:line-through;color:var(--text-secondary)}.product-detail__price--sale{color:var(--text-primary)}.product-detail__reject-section{align-self:center}.product-detail__reject-btn{background:none;border:1px solid var(--comp-orange);color:var(--comp-orange);border-radius:6px;padding:8px 16px;font-size:13px;cursor:pointer;width:100%}.product-detail__rejected-state{display:flex;flex-direction:column;gap:6px}.product-detail__flagged-label{color:var(--comp-orange);font-weight:600;font-size:13px}.product-detail__rejected-reason{font-size:12px;color:var(--text-secondary)}.product-detail__undo-btn{background:none;border:none;color:var(--accent-primary);cursor:pointer;font-size:13px;text-align:left;padding:0}.product-detail__reason-form{display:flex;flex-direction:column;gap:8px;min-width:300px}.product-detail__reason-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);padding:8px 10px;font-size:13px}.product-detail__reason-actions{display:flex;gap:8px}.product-detail__reject-confirm{background:var(--comp-orange);color:#fff;border:none;border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer}.product-detail__reject-cancel{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:6px;padding:6px 16px;font-size:13px;cursor:pointer}.product-detail__resolved-state{display:flex;flex-direction:column;align-items:center;gap:6px}.product-detail__resolved-label{color:var(--color-success);font-weight:600;font-size:13px}.product-detail__resolved-meta{font-size:12px;color:var(--text-tertiary)}.schedule-content{padding:0;display:flex;flex-direction:column;height:calc(100vh - var(--topbar-height, 50px))}.schedule-header{display:flex;align-items:center;gap:12px;padding:12px 24px;flex-wrap:wrap}.schedule-header__view-toggle{display:flex;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-md, 6px);overflow:hidden}.schedule-header__view-btn{background:var(--bg-input, #1c2128);border:none;color:var(--text-secondary, #8b949e);padding:6px 14px;font-size:13px;cursor:pointer;transition:background var(--transition-fast, .15s ease),color var(--transition-fast, .15s ease)}.schedule-header__view-btn:not(:last-child){border-right:1px solid var(--border-subtle, #30363d)}.schedule-header__view-btn--active{background:var(--accent-light, rgba(4, 166, 225, .15));color:var(--text-accent, #04a6e1)}.schedule-header__nav{display:flex;align-items:center;gap:4px}.schedule-header__nav-btn{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);color:var(--text-primary, #f0f6fc);padding:4px 8px;cursor:pointer;display:flex;align-items:center;transition:border-color var(--transition-fast, .15s ease)}.schedule-header__nav-btn:hover{border-color:var(--text-secondary, #8b949e)}.schedule-header__today-btn{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);color:var(--text-primary, #f0f6fc);padding:4px 12px;font-size:13px;cursor:pointer;transition:border-color var(--transition-fast, .15s ease)}.schedule-header__today-btn:hover{border-color:var(--text-secondary, #8b949e)}.schedule-header__label{font-size:14px;font-weight:600;color:var(--text-primary, #f0f6fc);margin-left:8px}.schedule-header__spacer{flex:1}.schedule-header__add-btn{background:var(--accent-primary, #04a6e1);color:#fff;border:none;border-radius:var(--border-radius-md, 6px);padding:6px 16px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background var(--transition-fast, .15s ease)}.schedule-header__add-btn:hover{background:var(--accent-hover, #0596ca)}.schedule-warning{display:flex;align-items:center;gap:10px;padding:10px 24px;background:#d299221a;border-bottom:1px solid rgba(210,153,34,.25);color:var(--color-warning, #d29922);font-size:13px}.schedule-warning__icon{flex-shrink:0}.schedule-calendar{overflow:auto;position:relative;padding:0 24px}.schedule-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-top:40px;padding:0 24px 16px}.schedule-card{display:flex;overflow:hidden;border-radius:var(--border-radius-lg, 8px);background:var(--bg-panel, #1e1e1e);transition:box-shadow .15s}.schedule-card:hover{box-shadow:0 2px 12px #00000040}.schedule-card__color{width:5px;flex-shrink:0}.schedule-card__body{padding:14px 16px;flex:1;min-width:0}.schedule-card__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.schedule-card__prefix{color:var(--text-tertiary, #6e6e6e);font-weight:500}.schedule-card__name{font-size:14px;font-weight:600;color:var(--text-primary, #e1e1e1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-card__badge{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:2px 8px;border-radius:10px;flex-shrink:0;background:var(--bg-surface, #282828);color:var(--text-secondary, #a8a8a8)}.schedule-card__badge--permanent{background:#30b9d81f;color:#30b9d8}.schedule-card__badge--date_range{background:#f27c381f;color:#f27c38}.schedule-card__badge--recurring{background:#d936ce1f;color:#d936ce}.schedule-card__desc{font-size:12px;color:var(--text-tertiary, #6e6e6e);line-height:1.4}.calendar-week-wrapper{min-width:700px;display:flex;flex-direction:column}.calendar-week__header{display:grid;grid-template-columns:60px repeat(7,1fr);position:sticky;top:0;z-index:3;border-top:1px solid var(--border-subtle, #2e2e2e)}.calendar-week__body{position:relative}.calendar-week{display:grid;grid-template-columns:60px repeat(7,1fr)}.calendar-week__corner{background:var(--bg-panel, #161b22);border-right:1px solid var(--border-subtle, #30363d);border-bottom:1px solid var(--border-subtle, #30363d)}.calendar-week__day-header{background:var(--bg-panel, #161b22);border-right:1px solid var(--border-subtle, #30363d);border-bottom:1px solid var(--border-subtle, #30363d);padding:8px 4px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e)}.calendar-week__day-header--today{color:var(--text-accent, #04a6e1)}.calendar-week__day-header-name{display:block}.calendar-week__day-header-date{display:block;font-size:11px;font-weight:400;color:var(--text-tertiary, #6e7681);margin-top:2px}.calendar-week__day-header--today .calendar-week__day-header-date{color:var(--text-accent, #04a6e1)}.calendar-week__fullday-zone{display:grid;grid-template-columns:60px 1fr;border-bottom:1px solid var(--border-subtle, #2e2e2e)}.calendar-week__fullday-label{display:flex;align-items:center;justify-content:flex-end;padding:0 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-primary, #e1e1e1);background:var(--bg-panel, #1e1e1e);border-right:1px solid var(--border-subtle, #2e2e2e);text-align:right}.calendar-week__fullday-bars{display:flex;flex-direction:column;gap:2px;padding:4px 0}.calendar-week__fullday-row{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;padding:0 3px}.calendar-week__fullday-cell{min-height:80px;display:flex;align-items:center}.calendar-week__fullday-cell--empty{min-height:80px}.calendar-week__fullday-pill{width:100%;height:100%;padding:0 12px;border-radius:6px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:filter .15s;overflow:hidden}.calendar-week__fullday-pill:hover{filter:brightness(1.15)}.calendar-week__fullday-pill--default{cursor:default}.calendar-week__fullday-pill-name{font-size:11px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-week__fullday-pill-tag{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ffffff8c;flex-shrink:0}.calendar-week__time-label{background:var(--bg-panel, #1e1e1e);border-right:1px solid var(--border-subtle, #2e2e2e);border-bottom:1px solid var(--border-secondary, #232323);padding:2px 8px 0;font-size:11px;color:var(--text-tertiary, #6e6e6e);text-align:right;box-sizing:border-box}.calendar-week__cell{border-right:1px solid var(--border-secondary, #232323);border-bottom:1px solid var(--border-secondary, #232323);position:relative;cursor:pointer;transition:background var(--transition-fast, .15s ease)}.calendar-week__cell:hover{background:var(--bg-hover, #30363d)}.calendar-week__day-column{position:relative}.calendar-week__block{position:absolute;left:2px;right:2px;border-radius:var(--border-radius-sm, 4px);padding:3px 6px;font-size:11px;font-weight:500;color:#fff;overflow:hidden;cursor:pointer;z-index:1;opacity:.9;transition:opacity var(--transition-fast, .15s ease);text-overflow:ellipsis;white-space:nowrap}.calendar-week__block:hover{opacity:1;z-index:2}.calendar-week__block-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-week__block-time{display:block;font-size:10px;opacity:.8;margin-top:1px}.calendar-week__block-recurring{position:absolute;top:2px;right:4px;font-size:10px;opacity:.7}.calendar-month{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--border-subtle, #30363d)}.calendar-month__day-header{background:var(--bg-panel, #161b22);border-bottom:1px solid var(--border-subtle, #30363d);border-right:1px solid var(--border-subtle, #30363d);padding:8px;text-align:center;font-size:12px;font-weight:600;color:var(--text-secondary, #8b949e)}.calendar-month__cell{border-bottom:1px solid var(--border-secondary, #21262d);border-right:1px solid var(--border-secondary, #21262d);min-height:90px;padding:6px;cursor:pointer;transition:background var(--transition-fast, .15s ease)}.calendar-month__cell:hover{background:var(--bg-hover, #30363d)}.calendar-month__cell--outside{opacity:.35}.calendar-month__cell--today{background:var(--accent-muted, rgba(4, 166, 225, .1))}.calendar-month__day-num{font-size:13px;font-weight:500;color:var(--text-secondary, #8b949e);margin-bottom:4px}.calendar-month__cell--today .calendar-month__day-num{color:var(--text-accent, #04a6e1);font-weight:700}.calendar-month__dots{display:flex;flex-wrap:wrap;gap:4px}.calendar-month__dot{width:8px;height:8px;border-radius:50%}.schedule-popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50}.schedule-popover{position:fixed;z-index:51;background:var(--bg-elevated, #2d333b);border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-lg, 8px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .5));padding:16px;min-width:240px;max-width:300px}.schedule-popover__name{font-size:14px;font-weight:600;color:var(--text-primary, #f0f6fc);margin:0 0 4px}.schedule-popover__rule{font-size:12px;color:var(--text-secondary, #8b949e);margin:0 0 2px}.schedule-popover__time{font-size:12px;color:var(--text-tertiary, #6e7681);margin:0 0 12px}.schedule-popover__actions{display:flex;gap:8px;align-items:center}.schedule-popover__edit-btn{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);color:var(--text-primary, #f0f6fc);padding:4px 12px;font-size:12px;cursor:pointer;transition:border-color var(--transition-fast, .15s ease)}.schedule-popover__edit-btn:hover{border-color:var(--text-accent, #04a6e1);color:var(--text-accent, #04a6e1)}.schedule-popover__delete-btn{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);color:var(--color-error, #f85149);padding:4px 12px;font-size:12px;cursor:pointer;transition:border-color var(--transition-fast, .15s ease)}.schedule-popover__delete-btn:hover{border-color:var(--color-error, #f85149)}.schedule-popover__toggle{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary, #8b949e);cursor:pointer;background:none;border:none;padding:0}.schedule-popover__toggle-track{width:32px;height:18px;border-radius:9px;background:var(--bg-input, #1c2128);border:1px solid var(--border-subtle, #30363d);position:relative;transition:background var(--transition-fast, .15s ease)}.schedule-popover__toggle-track--on{background:var(--accent-primary, #04a6e1);border-color:var(--accent-primary, #04a6e1)}.schedule-popover__toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:left var(--transition-fast, .15s ease)}.schedule-popover__toggle-track--on .schedule-popover__toggle-knob{left:16px}.schedule-popover__confirm{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-subtle, #30363d)}.schedule-popover__confirm-text{font-size:12px;color:var(--color-error, #f85149)}.schedule-popover__confirm-yes{background:var(--color-error, #f85149);color:#fff;border:none;border-radius:var(--border-radius-sm, 4px);padding:4px 12px;font-size:12px;cursor:pointer}.schedule-popover__confirm-no{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);color:var(--text-secondary, #8b949e);padding:4px 12px;font-size:12px;cursor:pointer}.schedule-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center}.schedule-modal{background:var(--bg-panel, #161b22);border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-lg, 8px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .5));width:520px;max-width:95vw;max-height:90vh;overflow-y:auto}.schedule-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle, #30363d)}.schedule-modal__title{font-size:16px;font-weight:600;color:var(--text-primary, #f0f6fc);margin:0}.schedule-modal__close{background:none;border:none;color:var(--text-secondary, #8b949e);cursor:pointer;padding:4px;display:flex;transition:color var(--transition-fast, .15s ease)}.schedule-modal__close:hover{color:var(--text-primary, #f0f6fc)}.schedule-modal__body{padding:20px;display:flex;flex-direction:column;gap:20px}.schedule-modal__field{display:flex;flex-direction:column;gap:6px}.schedule-modal__label{font-size:13px;font-weight:500;color:var(--text-secondary, #8b949e)}.schedule-modal__select,.schedule-modal__input{background:var(--bg-input, #1c2128);border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-md, 6px);color:var(--text-primary, #f0f6fc);padding:8px 10px;font-size:13px;font-family:var(--font-ui);width:100%;box-sizing:border-box}.schedule-modal__select:focus,.schedule-modal__input:focus{outline:none;border-color:var(--border-focus, #04a6e1)}.schedule-modal__rule-types{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.schedule-modal__rule-card{background:var(--bg-input, #1c2128);border:2px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-md, 6px);padding:12px;cursor:pointer;text-align:center;transition:border-color var(--transition-fast, .15s ease)}.schedule-modal__rule-card:hover{border-color:var(--text-secondary, #8b949e)}.schedule-modal__rule-card--selected{border-color:var(--accent-primary, #04a6e1);background:var(--accent-muted, rgba(4, 166, 225, .1))}.schedule-modal__rule-card-title{font-size:13px;font-weight:600;color:var(--text-primary, #f0f6fc);margin-bottom:4px}.schedule-modal__rule-card-desc{font-size:11px;color:var(--text-tertiary, #6e7681);line-height:1.4}.schedule-modal__row{display:flex;gap:12px}.schedule-modal__row .schedule-modal__field{flex:1}.schedule-modal__days{display:flex;gap:6px;flex-wrap:wrap}.schedule-modal__day-btn{width:40px;height:34px;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-sm, 4px);background:var(--bg-input, #1c2128);color:var(--text-secondary, #8b949e);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast, .15s ease)}.schedule-modal__day-btn--selected{background:var(--accent-primary, #04a6e1);border-color:var(--accent-primary, #04a6e1);color:#fff}.schedule-modal__note{font-size:12px;color:var(--text-tertiary, #6e7681);background:var(--bg-surface, #21262d);border-radius:var(--border-radius-sm, 4px);padding:10px 12px;line-height:1.5}.schedule-modal__error{font-size:12px;color:var(--color-error, #f85149)}.schedule-modal__footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #30363d);display:flex;justify-content:flex-end;gap:10px}.schedule-modal__cancel-btn{background:none;border:1px solid var(--border-subtle, #30363d);border-radius:var(--border-radius-md, 6px);color:var(--text-secondary, #8b949e);padding:8px 20px;font-size:13px;cursor:pointer}.schedule-modal__cancel-btn:hover{border-color:var(--text-secondary, #8b949e);color:var(--text-primary, #f0f6fc)}.schedule-modal__save-btn{background:var(--accent-primary, #04a6e1);color:#fff;border:none;border-radius:var(--border-radius-md, 6px);padding:8px 24px;font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition-fast, .15s ease)}.schedule-modal__save-btn:hover{background:var(--accent-hover, #0596ca)}.schedule-modal__save-btn:disabled{opacity:.5;cursor:default}:root{--accent-primary: #30b9d8;--accent-hover: #4bc5e0;--accent-light: rgba(48, 185, 216, .15);--accent-muted: rgba(48, 185, 216, .1);--brand-primary: #ec008c;--brand-primary-hover: #f23da6;--accent-gradient: linear-gradient(135deg, #ec008c 0%, #30b9d8 100%);--accent-gradient-hover: linear-gradient(135deg, #f23da6 0%, #4bc5e0 100%);--secondary: #30b9d8;--secondary-muted: rgba(48, 185, 216, .12);--comp-purple: #d936ce;--comp-blue: #4a96d9;--comp-green: #88c10c;--comp-orange: #f27c38;--gradient-primary: linear-gradient(135deg, #ec008c 0%, #30b9d8 100%);--gradient-warm: linear-gradient(135deg, #ec008c 0%, #f27c38 100%);--gradient-cool: linear-gradient(135deg, #30b9d8 0%, #4a96d9 100%);--gradient-vivid: linear-gradient(135deg, #d936ce 0%, #30b9d8 100%);--gradient-nature: linear-gradient(135deg, #30b9d8 0%, #88c10c 100%);--gradient-sunset: linear-gradient(135deg, #f27c38 0%, #ec008c 100%);--bg-app: #121212;--bg-panel: #1e1e1e;--bg-surface: #282828;--bg-input: #181818;--bg-hover: #333333;--bg-elevated: #282828;--border-subtle: #2e2e2e;--border-secondary: #232323;--border-focus: #30b9d8;--text-primary: #e1e1e1;--text-secondary: #a8a8a8;--text-tertiary: #6e6e6e;--text-disabled: #4a4a4a;--text-accent: #30b9d8;--selection-border: #30b9d8;--selection-fill: rgba(48, 185, 216, .08);--color-success: #88c10c;--color-warning: #f27c38;--color-error: #ef5350;--color-info: #4a96d9;--canvas-bg: #121212;--canvas-checker: #1e1e1e;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(48, 185, 216, .15);--panel-width: 280px;--topbar-height: 50px;--bottombar-height: 32px;--border-radius-sm: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--transition-fast: .15s ease;--transition-normal: .25s ease;--font-ui: "Geologica", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-ui);font-size:13px;line-height:1.4;color:var(--text-primary);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-width:thin;scrollbar-color:var(--bg-elevated) transparent}input,select,textarea,button{font-family:inherit;font-size:inherit;color:inherit}input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer;border:none;background:none}a{color:var(--accent-primary);text-decoration:none}.editor-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr var(--bottombar-height);grid-template-columns:auto 1fr var(--panel-width);grid-template-areas:"topbar topbar topbar" "left-side canvas right-panel" "bottombar bottombar bottombar";width:100%;height:100%;overflow:hidden}.topbar{grid-area:topbar;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);z-index:100}.topbar__left{display:flex;align-items:center;gap:8px}.topbar__center{display:flex;align-items:center;justify-content:center}.topbar__right{display:flex;align-items:center;justify-content:flex-end;gap:6px}.topbar__logo{height:40px;width:auto;margin-right:4px}.topbar__divider{width:1px;height:22px;background:var(--border-subtle);margin:0 4px}.topbar__template-name{background:transparent;border:1px solid transparent;border-radius:var(--border-radius-sm);outline:none;color:var(--text-primary);font-size:13px;font-weight:600;text-align:center;padding:4px 12px;width:240px;transition:all var(--transition-fast)}.topbar__template-name:hover{border-color:var(--border-subtle);background:var(--bg-input)}.topbar__template-name:focus{border-color:var(--accent-primary);background:var(--bg-input);box-shadow:0 0 0 3px var(--accent-light)}.topbar__zoom-display{font-size:11px;color:var(--text-secondary);min-width:42px;text-align:center;font-weight:500}.client-selector{position:relative;margin-left:4px}.client-selector__trigger{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--border-radius-sm);background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.client-selector__trigger:hover{border-color:var(--accent-primary)}.client-selector__trigger svg:first-child{color:var(--accent-primary)}.client-selector__label{max-width:120px;overflow:hidden;text-overflow:ellipsis}.client-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;min-width:200px;max-height:320px;overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0006;padding:4px}.client-selector__option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);text-align:left}.client-selector__option:hover{background:var(--bg-hover);color:var(--text-primary)}.client-selector__option--active{background:var(--accent-light);color:var(--accent-primary);font-weight:600}.client-selector__divider{height:1px;background:var(--border-subtle);margin:4px 8px}.left-side{grid-area:left-side;display:flex;position:relative}.left-menu{width:80px;display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-shrink:0}.left-menu__item{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:10px 4px 8px;border-radius:0;color:var(--text-secondary);font-size:10px;font-weight:500;transition:all var(--transition-fast)}.left-menu__item:hover{background:#ffffff0d;color:var(--text-primary)}.left-menu__item:hover svg{color:var(--secondary)}.left-menu__item--active{background:var(--secondary-muted);color:var(--text-primary)}.left-menu__item--active svg{color:var(--secondary)}.left-menu__label{line-height:1}.left-menu__tools-zone{width:calc(100% - 12px);margin:8px 6px;background:var(--bg-surface);border-radius:var(--border-radius-md);padding:6px 0;display:flex;flex-direction:column;align-items:center;gap:1px}.left-menu__editor-header{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 4px 8px;color:var(--text-tertiary);font-size:10px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);position:relative}.left-menu__editor-header:after{content:"";display:block;width:40px;height:2px;background:var(--border-subtle);border-radius:1px;transition:background var(--transition-fast)}.left-menu__editor-header:hover{color:var(--text-secondary);background:#ffffff0a}.left-menu__editor-header--active{color:var(--accent-primary)}.left-menu__editor-header--active:after{background:var(--accent-primary)}.left-menu__editor-header-text{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;line-height:1}.left-menu__tool{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;padding:8px 4px 6px;color:var(--text-secondary);font-size:9px;font-weight:500;transition:all var(--transition-fast);border-radius:0}.left-menu__tool:hover{background:#ffffff0f;color:var(--text-primary)}.left-menu__tool:hover svg{color:var(--accent-primary)}.left-menu__tool--active{background:linear-gradient(135deg,#30b9d8,#ec008c);color:#fff}.left-menu__tool--active svg{color:#fff}.left-menu__tool--muted{color:var(--text-tertiary)}.left-menu__tool--muted svg{color:var(--text-tertiary)}.left-menu__tool--muted:hover{color:var(--text-secondary)}.left-menu__tool--muted:hover svg{color:var(--accent-primary)}.left-drawer{position:absolute;left:80px;top:0;bottom:0;width:var(--panel-width);display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--border-subtle);box-shadow:4px 0 12px #00000026;z-index:50;animation:slide-in-left .15s ease}.left-drawer__header{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.left-drawer__title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.left-drawer__content{flex:1;overflow-y:auto}.right-panel{grid-area:right-panel;display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--border-subtle);overflow-y:auto}.canvas-area{grid-area:canvas;position:relative;overflow:hidden;background:var(--canvas-bg)}.bottombar{grid-area:bottombar;display:flex;align-items:center;padding:0 12px;background:var(--bg-panel);border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-secondary);gap:16px;z-index:100}.bottombar__info{white-space:nowrap}.bottombar__info--accent{color:var(--secondary)}.bottombar__feed{margin-left:auto;display:flex;align-items:center;gap:12px;position:relative}.bottombar__feed-stats{color:var(--text-tertiary);font-size:11px;white-space:nowrap}.bottombar__feed-nav{display:flex;align-items:center;gap:2px}.bottombar__nav-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;padding:0}.bottombar__nav-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.bottombar__nav-btn:disabled{opacity:.3;cursor:default}.bottombar__nav-index{font-size:11px;color:var(--text-secondary);min-width:60px;text-align:center;white-space:nowrap}.bottombar__info-drawer{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:12px;min-width:320px;box-shadow:0 -4px 16px #0000004d}.bottombar__info-drawer-top{display:flex;gap:12px}.bottombar__info-drawer-img{width:72px;height:72px;object-fit:cover;border-radius:var(--border-radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);flex-shrink:0}.bottombar__info-drawer-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.bottombar__info-drawer-row{display:flex;gap:8px;font-size:11px;line-height:1.4}.bottombar__info-drawer-label{color:var(--text-tertiary);flex-shrink:0;width:50px}.bottombar__info-drawer-value{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:auto 1fr;grid-template-areas:"page-header page-header" "left-side   page-content";width:100%;height:100%;overflow:hidden}.page-header{grid-area:page-header;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle);z-index:100}.page-header__left{display:flex;align-items:center;gap:8px}.page-header__title{font-size:14px;font-weight:600;color:var(--text-primary)}.page-header__right{display:flex;align-items:center;gap:12px}.page-header__user{display:flex;align-items:center;gap:8px;margin-left:8px;padding-left:12px;border-left:1px solid var(--border)}.page-header__user-name{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}.page-header__badge{font-size:10px;background:var(--color-error);color:#fff;padding:1px 6px;border-radius:4px;font-weight:600;letter-spacing:.3px}.page-header__logout{font-size:11px;color:var(--text-tertiary);background:none;border:1px solid var(--border);border-radius:4px;padding:2px 8px;cursor:pointer;font-family:inherit;transition:all .15s ease}.page-header__logout:hover{color:#f85149;border-color:#f85149}.page-content{grid-area:page-content;overflow-y:auto;background:var(--bg-app)}.page-content__inner{max-width:1450px;margin:0 auto;width:100%}.page-layout--with-sidebar{grid-template-columns:auto 1fr var(--panel-width);grid-template-areas:"page-header page-header page-header" "left-side   page-content page-sidebar"}.page-sidebar{grid-area:page-sidebar;display:flex;flex-direction:column;background:var(--bg-panel);border-left:1px solid var(--border-subtle);overflow-y:auto}.left-menu__icon-wrap{position:relative;display:flex;align-items:center;justify-content:center}.left-menu__badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:#d946ef;color:#fff;font-size:9px;font-weight:700;line-height:16px;text-align:center;pointer-events:none}.canvas-viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.canvas-transform{transform-origin:0 0;will-change:transform}.canvas-frame{position:relative;box-shadow:0 4px 32px #00000080;overflow:hidden}.canvas-frame--checkerboard{background-image:linear-gradient(45deg,var(--canvas-checker) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-checker) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-checker) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-checker) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.canvas-element{position:absolute;pointer-events:auto;cursor:default;-webkit-user-select:none;user-select:none;box-sizing:border-box}.canvas-element--selected{outline:1.5px solid var(--selection-border);outline-offset:-1px}.canvas-element--locked{pointer-events:none}.canvas-element--hidden{opacity:.3}.canvas-element__text{white-space:pre-wrap;word-break:break-word}.canvas-element__image{display:block}.canvas-element__shape{width:100%;height:100%}.canvas-transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--canvas-bg);opacity:.5;pointer-events:none;z-index:100;animation:canvas-pulse .8s ease-in-out infinite alternate}@keyframes canvas-pulse{0%{opacity:.3}to{opacity:.5}}.panel-section{padding:10px 12px;border-bottom:1px solid var(--border-secondary)}.panel-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0}.panel-section__header--toggle{justify-content:flex-start;gap:8px;background:none}.panel-section__header:hover .panel-section__title{color:var(--text-primary)}.panel-section__title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);transition:color var(--transition-fast)}.panel-section__chevron{color:var(--text-tertiary);transition:transform var(--transition-fast)}.panel-section__chevron--collapsed{transform:rotate(-90deg)}.toggle-switch{width:32px;height:18px;border-radius:9px;background:#ffffff14;position:relative;cursor:pointer;transition:background .2s;flex-shrink:0}.toggle-switch--on{background:#30b9d859}.toggle-switch__knob{width:14px;height:14px;border-radius:50%;background:#ffffff59;position:absolute;top:2px;left:2px;transition:left .2s,background .2s;box-shadow:0 1px 2px #0000004d}.toggle-switch--on .toggle-switch__knob{left:16px;background:var(--accent-primary)}.panel-section__content{display:flex;flex-direction:column;gap:8px}.panel-row{display:flex;align-items:center;gap:6px}.panel-label{font-size:11px;color:var(--text-tertiary);flex-shrink:0;white-space:nowrap;min-width:38px;font-weight:500}.panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;color:var(--text-tertiary);text-align:center;font-size:12px;gap:8px}.preset-list{display:flex;flex-direction:column}.preset-row{display:flex;align-items:center;gap:10px;padding:6px 12px;cursor:pointer;transition:background var(--transition-fast);border-left:2px solid transparent}.preset-row:hover{background:var(--bg-hover)}.preset-row--active{background:var(--selection-fill);border-left-color:var(--accent-primary)}.preset-row__thumb{width:22px;max-height:28px;border-radius:2px;border:1px solid var(--border-subtle);background:var(--bg-input);flex-shrink:0}.preset-row--active .preset-row__thumb{border-color:var(--accent-primary)}.preset-row__label{font-size:12px;color:var(--text-primary)}.preset-row--active .preset-row__label{color:var(--accent-primary)}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999}.confirm-dialog{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);padding:20px;min-width:300px;max-width:380px;box-shadow:0 16px 48px #0006}.confirm-dialog__title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.confirm-dialog__text{font-size:12px;color:var(--text-secondary);margin-bottom:4px;line-height:1.5}.confirm-dialog__warn{font-size:11px;color:var(--color-warning, #e8a53c);margin-bottom:16px;line-height:1.4}.confirm-dialog__actions{display:flex;gap:8px;justify-content:flex-end}.tools-panel__item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:var(--border-radius-sm);color:var(--text-primary);background:transparent;text-align:left;width:100%;transition:background var(--transition-fast)}.tools-panel__item:hover{background:var(--bg-hover)}.tools-panel__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius-sm);color:var(--text-secondary);background:var(--bg-input);flex-shrink:0;transition:color var(--transition-fast)}.tools-panel__item:hover .tools-panel__icon{color:var(--accent-primary)}.tools-panel__icon--preset{background:var(--accent-light);color:var(--accent-primary)}.tools-panel__label{font-size:12px;font-weight:500}.tools-panel__desc{font-size:10px;color:var(--text-tertiary)}.shadow-editor{display:flex;flex-direction:column;gap:8px;padding:0;background:none;border:none;border-radius:0}.shadow-editor__header{display:flex;align-items:center;gap:6px;min-height:22px}.shadow-editor__toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.shadow-editor__label{color:var(--text-secondary);font-weight:500;font-size:11px;white-space:nowrap}.shadow-editor__inset-btn{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;padding:2px 6px;border-radius:3px;color:var(--text-tertiary);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;transition:all var(--transition-fast);line-height:1.4}.shadow-editor__inset-btn:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.shadow-editor__inset-btn--active{color:var(--accent-primary);background:var(--accent-light);border-color:var(--accent-primary)}.shadow-editor__swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--border-subtle);cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast);margin-left:auto}.shadow-editor__swatch:hover{border-color:var(--text-tertiary);box-shadow:0 0 0 2px var(--accent-light)}.shadow-editor__color-popover{position:absolute;top:100%;right:0;margin-top:4px;z-index:1000;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:10px;box-shadow:var(--shadow-lg)}.shadow-editor__controls{display:flex;gap:4px}.shadow-editor__field{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.shadow-editor__field-label{font-size:9px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.shadow-editor__field .input--number{width:100%;min-width:0;font-size:11px;height:26px;padding:0 2px}.text-bg-editor__controls{display:flex;gap:4px}.text-bg-editor__field{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;min-width:0}.text-bg-editor__field-label{font-size:9px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.text-bg-editor__group-label{display:flex;align-items:center;justify-content:space-between;margin-top:2px}.text-bg-editor__field .input--number{width:100%;min-width:0;font-size:11px;height:26px;padding:0 2px}.color-picker__swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border-subtle);max-width:200px}.color-picker__swatch{width:22px;height:22px;border-radius:4px;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .15s,transform .1s}.color-picker__swatch:hover{transform:scale(1.15)}.color-picker__swatch--active{border-color:#fff;box-shadow:0 0 0 1px var(--border-subtle)}.color-picker__swatch--add{background:transparent!important;border:2px dashed var(--border-subtle);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.color-picker__swatch--add:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.input{width:100%;height:28px;padding:0 8px;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:12px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:hover{border-color:var(--border-subtle)}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-light)}.input::placeholder{color:var(--text-tertiary)}.input--number{text-align:center;width:56px;padding:0 2px;font-variant-numeric:tabular-nums;-moz-appearance:textfield}.input--number::-webkit-outer-spin-button,.input--number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.select{width:100%;height:28px;padding:0 24px 0 8px;background:var(--bg-input);border:1px solid var(--border-secondary);border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L4 4L7 1' stroke='%236e7681' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select:hover{border-color:var(--border-subtle)}.select:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--border-radius-sm);font-size:12px;font-weight:500;transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--accent-primary);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--gradient-save{background:var(--secondary);color:#fff;border:none}.btn--gradient-save:hover{background:var(--accent-hover)}.btn--gradient-save:disabled{opacity:.8;cursor:default}.btn--save-done{background:var(--color-success)!important}.spin{animation:spin-icon .7s linear infinite}@keyframes spin-icon{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn--gradient{background:linear-gradient(135deg,#30b9d8,#ec008c);color:#fff;border:none}.btn--gradient:hover{background:linear-gradient(135deg,#4bc5e0,#f23da6)}.btn--published{background:var(--color-success);color:#fff;border:none}.btn--published:hover{background:#7ab30a}.btn--gradient-amber{background:var(--gradient-warm);color:#fff;border:none}.btn--gradient-amber:hover{background:linear-gradient(135deg,#f99550,#ec008c);box-shadow:0 2px 12px #f27c3840}.btn--ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-secondary)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-subtle)}.btn--icon{width:26px;height:26px;padding:0;border-radius:var(--border-radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.btn--icon:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--icon:disabled{opacity:.3;cursor:not-allowed}.btn--icon:disabled:hover{background:transparent;color:var(--text-tertiary)}.btn--icon--active,.btn--icon--active:hover{background:var(--accent-light);color:var(--secondary)}.tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius-md);color:var(--text-secondary);transition:all var(--transition-fast)}.tool-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-btn:hover i,.tool-btn:hover svg{color:var(--secondary)}.tool-btn--active{background:var(--accent-light);color:var(--secondary)}.layer-item{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 4px;cursor:pointer;-webkit-user-select:none;user-select:none;border-left:2px solid transparent;transition:background .1s ease;min-height:32px;position:relative}.layer-item:hover{background:var(--bg-hover)}.layer-item--selected{background:var(--selection-fill);border-left-color:var(--accent-primary)}.layer-item--dragging{opacity:.35}.layer-item--drop-above:before,.layer-item--drop-below:after{content:"";position:absolute;left:4px;right:4px;height:2px;background:var(--accent-primary);border-radius:1px;pointer-events:none}.layer-item--drop-above:before{top:-1px}.layer-item--drop-below:after{bottom:-1px}.layer-item__handle{display:flex;align-items:center;justify-content:center;width:18px;height:20px;flex-shrink:0;cursor:grab;color:var(--text-tertiary);opacity:.4;transition:opacity .1s ease,color .1s ease}.layer-item__handle:active{cursor:grabbing}.layer-item:hover .layer-item__handle{opacity:1}.layer-item--selected .layer-item__handle{opacity:.8}.layer-item__order{width:14px;text-align:center;font-size:9px;font-weight:600;color:var(--text-tertiary);flex-shrink:0}.layer-item--selected .layer-item__order{color:var(--accent-primary)}.layer-item__icon{color:var(--text-tertiary);flex-shrink:0;width:14px;height:14px}.layer-item__name{flex:1;font-size:12px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.layer-item__name--hidden{color:var(--text-tertiary);text-decoration:line-through}.layer-item__name-input{flex:1;min-width:0;font-size:12px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:var(--border-radius-sm);padding:1px 4px;outline:none;font-family:inherit}.layer-item__actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .1s ease}.layer-item:hover .layer-item__actions,.layer-item--selected .layer-item__actions{opacity:1}.layer-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius-sm);color:var(--text-tertiary);transition:all var(--transition-fast)}.layer-action-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.layer-action-btn--active{color:var(--accent-primary)}.moveable-control-box .moveable-line{background:var(--selection-border)!important}.moveable-control-box .moveable-control{background:var(--bg-panel)!important;border:1.5px solid var(--selection-border)!important;border-radius:50%!important;width:8px!important;height:8px!important;margin-top:-4px!important;margin-left:-4px!important}.moveable-control-box .moveable-rotation .moveable-control{border-radius:50%!important;background:var(--accent-primary)!important}.moveable-control-box .moveable-rotation-line{background:var(--selection-border)!important;width:1px!important;height:20px!important}.moveable-guideline{background:var(--accent-primary)!important}.moveable-dashed{border-color:var(--accent-primary)!important}.moveable-gap .moveable-gap-inner{background:var(--accent-primary)!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scale-in{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fade-in .15s ease}.animate-slide-right{animation:slide-in-right .2s ease}.animate-slide-left{animation:slide-in-left .2s ease}.animate-scale-in{animation:scale-in .15s ease}.assets-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:20px 16px;border:1.5px dashed var(--border-subtle);border-radius:var(--border-radius-md);cursor:pointer;color:var(--text-tertiary);transition:all var(--transition-fast)}.assets-dropzone:hover,.assets-dropzone--active{border-color:var(--accent-primary);background:var(--accent-muted);color:var(--accent-primary)}.assets-dropzone__title{font-size:12px;font-weight:500}.assets-dropzone__sub{font-size:10px}.assets-category-tabs{display:flex;gap:2px;background:var(--bg-input);border-radius:var(--border-radius-sm);padding:2px}.assets-category-tab{flex:1;padding:4px 0;font-size:10px;font-weight:500;text-align:center;border:none;border-radius:var(--border-radius-sm);cursor:pointer;background:transparent;color:var(--text-tertiary);transition:all var(--transition-fast)}.assets-category-tab:hover{color:var(--text-secondary)}.assets-category-tab--active{background:var(--bg-surface);color:var(--text-primary);box-shadow:0 1px 2px #0000001a}.assets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.assets-grid__item{display:flex;flex-direction:column;cursor:grab;min-width:0}.assets-grid__item:active{cursor:grabbing}.assets-grid__thumb{position:relative;aspect-ratio:1;border-radius:var(--border-radius-sm);overflow:hidden;background:var(--bg-surface);display:flex;align-items:center;justify-content:center}.assets-grid__image{max-width:100%;max-height:100%;object-fit:contain;display:block;background:#fff}.assets-grid__info{padding:5px 2px 0;min-width:0}.assets-grid__name{font-size:10px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.3}.assets-grid__size{font-size:9px;color:var(--text-tertiary);display:block;line-height:1.3}.assets-grid__actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.assets-grid__thumb:hover .assets-grid__actions{opacity:1}.assets-grid__action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:#0009;color:#fff;transition:all var(--transition-fast)}.assets-grid__action:hover{background:#000c}.assets-grid__action--danger:hover{background:var(--color-error)}.asset-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:picker-fade-in .15s ease}@keyframes picker-fade-in{0%{opacity:0}to{opacity:1}}.asset-picker-dialog{width:720px;max-width:90vw;height:560px;max-height:85vh;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080,0 0 0 1px #ffffff0d inset;overflow:hidden;animation:picker-slide-up .2s ease}@keyframes picker-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.asset-picker__header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg-input)}.asset-picker__title{font-size:14px;font-weight:600;color:var(--text-primary);font-family:var(--font-ui)}.asset-picker__close{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.asset-picker__close:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-picker__toolbar{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border-subtle)}.asset-picker__upload-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;font-size:11px;font-weight:500;font-family:var(--font-ui);border:none;border-radius:var(--border-radius-sm);cursor:pointer;background:var(--accent-primary);color:#fff;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.asset-picker__upload-btn:hover{background:var(--accent-hover)}.asset-picker__grid{flex:1;overflow-y:auto;padding:16px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-content:start}.asset-picker__grid::-webkit-scrollbar{width:6px}.asset-picker__grid::-webkit-scrollbar-track{background:transparent}.asset-picker__grid::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:3px}.asset-picker__empty{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-tertiary);font-size:12px;text-align:center}.asset-picker__item{display:flex;flex-direction:column;cursor:pointer;border-radius:var(--border-radius-md);transition:all var(--transition-fast);min-width:0}.asset-picker__item:hover .asset-picker__thumb{border-color:var(--border-subtle);box-shadow:var(--shadow-sm)}.asset-picker__item--selected .asset-picker__thumb{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary),var(--shadow-glow)}.asset-picker__item--selected:hover .asset-picker__thumb{border-color:var(--accent-primary)}.asset-picker__thumb{position:relative;aspect-ratio:1;border-radius:var(--border-radius-md);overflow:hidden;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;border:2px solid transparent;transition:all var(--transition-fast)}.asset-picker__image{max-width:100%;max-height:100%;object-fit:contain;display:block;background:#fff}.asset-picker__check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:var(--accent-primary);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0000004d}.asset-picker__item-info{padding:6px 2px 0;min-width:0}.asset-picker__item-name{font-size:10px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;line-height:1.3}.asset-picker__item-meta{font-size:9px;color:var(--text-tertiary);display:block;line-height:1.3}.asset-picker__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--border-subtle);background:var(--bg-input)}.asset-picker__selection-info{font-size:11px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.asset-picker__footer-actions{display:flex;gap:8px;flex-shrink:0}.asset-picker__btn{padding:7px 20px;font-size:12px;font-weight:500;font-family:var(--font-ui);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.asset-picker__btn--cancel{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary)}.asset-picker__btn--cancel:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.asset-picker__btn--select{background:var(--accent-primary);border:none;color:#fff}.asset-picker__btn--select:hover{background:var(--accent-hover)}.asset-picker__btn--disabled{background:var(--bg-surface);color:var(--text-disabled);cursor:not-allowed;opacity:.5}.asset-picker__btn--disabled:hover{background:var(--bg-surface)}.brands-content{padding:24px 32px}.brands-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.brands-info{background:var(--bg-panel);border-radius:var(--border-radius-lg);padding:24px;position:sticky;top:24px}.brands-info__title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.brands-info__text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.brands-info__step{display:flex;gap:12px;margin-bottom:14px}.brands-info__step-num{width:28px;height:28px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.brands-info__step-text{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-top:4px}.brands-info__step-text strong{color:var(--text-primary)}.brands-info__tip{margin-top:20px;padding:12px 14px;background:var(--bg-surface);border-radius:var(--border-radius-md);font-size:12px;color:var(--text-tertiary);line-height:1.5}.brands-info__tip strong{color:var(--text-secondary)}.brands-summary{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--bg-panel);border-radius:var(--border-radius-md);margin-bottom:20px}.brands-summary__text{font-size:13px;color:var(--text-secondary);white-space:nowrap}.brands-summary__text strong{color:var(--text-primary);font-weight:600}.brands-summary__bar{flex:1;height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.brands-summary__fill{height:100%;border-radius:3px;background:var(--color-success);transition:width .4s ease}.brands-success{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#88c10c14;border-radius:var(--border-radius-md);margin-bottom:20px;color:var(--color-success);font-size:13px;font-weight:500}.brands-search{width:200px;padding:5px 10px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.brands-search:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.brands-search::placeholder{color:var(--text-tertiary)}.brands-refresh--spinning svg{animation:brands-spin .8s linear infinite}@keyframes brands-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brands-section{margin-bottom:28px}.brands-section__header{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:12px;padding-left:2px}.brands-section__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.brands-section__dot--accent{background:var(--accent-primary)}.brands-section__dot--green{background:var(--color-success)}.brands-section__dot--gray{background:var(--text-tertiary)}.brands-section__list{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.brand-card{display:flex;flex-direction:column;padding:0;background:none;border-radius:var(--border-radius-lg);transition:opacity .15s}.brand-card:hover{opacity:.85}.brand-card--orphan{opacity:.55}.brand-card__logo-wrap{width:100%;height:110px;border-radius:var(--border-radius-md);background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:4px}.brand-card__logo{max-width:90%;max-height:90px;object-fit:contain;display:block}.brand-card__placeholder{width:100%;height:110px;border-radius:var(--border-radius-md);border:2px dashed var(--accent-light);background:var(--accent-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:24px;margin-bottom:4px}.brand-card__bottom{display:flex;align-items:center;gap:8px;margin-top:8px}.brand-card__info{display:flex;align-items:baseline;gap:6px;flex:1;min-width:0}.brand-card__name{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-card__count{font-size:11px;color:var(--text-tertiary);white-space:nowrap;flex-shrink:0}.brand-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.brand-card__cta{display:inline-flex;align-items:center;gap:5px;padding:6px 16px;border:none;border-radius:var(--border-radius-sm);background:var(--accent-primary);color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.brand-card__cta:hover{background:var(--accent-hover)}.brand-card__btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:var(--border-radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.brand-card__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.brand-card__btn--remove{padding:6px 8px;color:var(--text-tertiary)}.brand-card__btn--remove:hover{color:var(--color-error);background:#ef535014}.brands-skeleton{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.brands-skeleton__card{display:flex;flex-direction:column;padding:16px;background:var(--bg-panel);border-radius:var(--border-radius-lg)}.brands-skeleton__avatar{width:100%;height:110px;border-radius:var(--border-radius-md);background:var(--bg-surface);animation:brands-pulse 1.5s ease-in-out infinite;margin-bottom:12px}.brands-skeleton__lines{display:flex;flex-direction:column;gap:6px}.brands-skeleton__line{height:10px;border-radius:4px;background:var(--bg-surface);animation:brands-pulse 1.5s ease-in-out infinite}.brands-skeleton__line--short{width:40%}.brands-skeleton__line--long{width:65%}@keyframes brands-pulse{0%,to{opacity:.4}50%{opacity:.8}}.brands-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px;color:var(--text-tertiary);font-size:13px}.brands-empty__icon{color:var(--text-disabled);margin-bottom:4px}.brands-empty__btn{padding:6px 14px;border:none;border-radius:var(--border-radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background .15s}.brands-empty__btn:hover{background:var(--bg-hover)}.templates-content{padding:24px 20px}.templates-tabs{display:flex;gap:2px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle)}.templates-tab{padding:8px 18px;border:none;background:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.templates-tab:hover{color:var(--text-primary)}.templates-tab--active{color:var(--secondary);border-bottom-color:var(--secondary)}.templates-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.template-card{display:flex;flex-direction:column;background:var(--bg-panel);border:none;border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .15s}.template-card:hover{box-shadow:0 0 0 1px var(--accent-primary)}.template-card--create{border:2px dashed var(--border-subtle);cursor:pointer;background:none;text-align:left;font:inherit;padding:0}.template-card--create:hover{border-color:var(--accent-primary)}.template-card__preview--create{display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #8b949e)}.template-card--create:hover .template-card__preview--create{color:var(--accent-primary, #04a6e1)}.template-card__preview{position:relative;aspect-ratio:1;background:var(--bg-surface);overflow:hidden}.template-card__thumb{width:100%;height:100%;object-fit:cover}.template-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:12px}.template-card__badge{position:absolute;top:8px;left:8px;padding:2px 8px;border-radius:10px;background:#0009;color:var(--text-primary);font-size:10px;font-weight:500;text-transform:capitalize;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.template-card__status-badge{position:absolute;top:8px;right:8px;padding:3px 10px;border-radius:12px;background:#a8a8a8bf;color:#fff;font-size:11px;font-weight:600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1.4;letter-spacing:.3px}.template-card__status-badge--live{background:#88c10ce6}.template-card__status-badge--scheduled{background:#30b9d8e6}.template-card__status-badge--pending{top:34px;background:#f27c38d9}.template-card__body{padding:10px 12px 6px}.template-card__name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.template-card__desc{display:flex;align-items:center;gap:4px;margin-bottom:2px}.template-card__desc-text{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.template-card__desc-icon{color:var(--text-tertiary);flex-shrink:0;cursor:help;display:flex;align-items:center}.template-card__desc-icon:hover{color:var(--accent-primary)}.template-card__meta{font-size:11px;color:var(--text-tertiary)}.template-card__actions{display:flex;align-items:center;gap:4px;padding:6px 12px 10px}.template-card__cta{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border:none;border-radius:5px;background:var(--accent-primary);color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.template-card__cta:hover{background:var(--accent-hover)}.template-card__btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:5px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.template-card__btn:hover{background:var(--bg-hover);color:var(--text-primary)}.template-card__btn--danger:hover{color:var(--color-error);border-color:var(--color-error);background:#f8514914}.template-card--skeleton{pointer-events:none}.template-card__preview--skeleton{background:var(--bg-surface);animation:templates-pulse 1.5s ease-in-out infinite}.skeleton-line{height:10px;border-radius:4px;background:var(--bg-surface);animation:templates-pulse 1.5s ease-in-out infinite}.skeleton-line--long{width:70%;margin-bottom:6px}.skeleton-line--short{width:45%}@keyframes templates-pulse{0%,to{opacity:.4}50%{opacity:.8}}.templates-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:80px 20px;color:var(--text-tertiary);font-size:13px;text-align:center}.templates-empty__icon{color:var(--text-disabled);margin-bottom:4px}.templates-empty__sub{font-size:11px;color:var(--text-disabled);max-width:260px}.save-name-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;display:flex;align-items:center;justify-content:center}.save-name-dialog{width:380px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.save-name__header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-subtle)}.save-name__title{font-size:14px;font-weight:600;color:var(--text-primary)}.save-name__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--text-tertiary);cursor:pointer;transition:background .15s,color .15s}.save-name__close:hover{background:var(--bg-hover);color:var(--text-primary)}.save-name__body{padding:16px}.save-name__label{display:block;font-size:11px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.save-name__input{width:100%;padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:13px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.save-name__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.save-name__input::placeholder{color:var(--text-tertiary)}.save-name__footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid var(--border-subtle)}.save-name__btn{padding:6px 16px;border-radius:5px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,color .15s}.save-name__btn--cancel{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary)}.save-name__btn--cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.save-name__btn--confirm{border:none;background:var(--accent-primary);color:#fff}.save-name__btn--confirm:hover{background:var(--accent-hover)}.save-name__btn--confirm:disabled{opacity:.4;cursor:not-allowed}.save-name__btn--danger{border:none;background:var(--color-error);color:#fff}.save-name__btn--danger:hover{background:#e5433b}.templates-sidebar{padding-top:0}.sidebar-search-wrap{position:relative;padding:10px 12px;border-bottom:1px solid var(--border-subtle)}.sidebar-search__icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.sidebar-search{width:100%;padding:6px 10px 6px 28px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-search:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.sidebar-search::placeholder{color:var(--text-tertiary)}.sidebar-radio-list{display:flex;flex-direction:column;gap:1px}.sidebar-radio{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);font-size:12px;color:var(--text-secondary)}.sidebar-radio:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-radio--active{color:var(--secondary);background:var(--accent-light)}.sidebar-radio input[type=radio]{display:none}.sidebar-radio__label{flex:1;text-transform:capitalize}.sidebar-radio__count{font-size:10px;color:var(--text-tertiary);min-width:18px;text-align:right}.sidebar-radio--active .sidebar-radio__count{color:var(--secondary)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:6px}.sidebar-tag{padding:3px 10px;border:1px solid var(--border-subtle);border-radius:12px;background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast);text-transform:lowercase}.sidebar-tag:hover{border-color:var(--accent-primary);color:var(--text-primary)}.sidebar-tag--active{background:var(--accent-light);border-color:var(--secondary);color:var(--secondary)}.sidebar-clear-wrap{padding:12px}.sidebar-clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:6px 12px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.sidebar-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--text-tertiary)}.edit-template-dialog{width:420px}.edit-template__body{display:flex;flex-direction:column}.edit-template__textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.edit-template__tags-wrap{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px;min-height:0}.edit-template__tag-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:10px;background:var(--accent-light);color:var(--secondary);font-size:11px}.edit-template__tag-remove{display:flex;align-items:center;justify-content:center;border:none;background:none;color:var(--secondary);cursor:pointer;padding:0;opacity:.6;transition:opacity .15s}.edit-template__tag-remove:hover{opacity:1}.publish-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;display:flex;align-items:center;justify-content:center}.publish-confirm-dialog{width:380px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:28px 24px 20px;text-align:center;animation:publish-modal-in .2s ease-out}.publish-confirm__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);margin-bottom:16px}.publish-confirm__icon--amber{background:#f27c381f;color:#f27c38}.publish-confirm__title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.publish-confirm__body{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.publish-confirm__footer{display:flex;justify-content:center;gap:10px}.publish-confirm__btn{padding:8px 20px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,box-shadow .15s}.publish-confirm__btn--cancel{border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary)}.publish-confirm__btn--cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.publish-confirm__btn--confirm{border:none;background:linear-gradient(135deg,var(--accent-primary),#30b9d8);color:#fff}.publish-confirm__btn--confirm:hover{box-shadow:0 2px 12px #30b9d859}.publish-confirm__btn--schedule{border:1px solid var(--accent-primary);background:transparent;color:var(--accent-primary);display:inline-flex;align-items:center;gap:5px}.publish-confirm__btn--schedule:hover{background:#30b9d81a}.publish-success-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#0000008c;display:flex;align-items:center;justify-content:center}.publish-success-dialog{position:relative;width:380px;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:36px 24px 28px;text-align:center;overflow:hidden;animation:publish-modal-in .2s ease-out}.publish-success__checkmark{display:block;margin:0 auto 18px}.publish-success__checkmark-circle{stroke-dasharray:283;stroke-dashoffset:283;animation:checkmark-circle .6s ease-out .1s forwards}.publish-success__checkmark-tick{stroke-dasharray:50;stroke-dashoffset:50;animation:checkmark-tick .35s ease-out .55s forwards}.publish-success__title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px;opacity:0;transform:translateY(14px);animation:publish-fade-up .4s ease-out .5s forwards}.publish-success__subtitle{font-size:13px;color:var(--text-secondary);line-height:1.5;margin:0 0 24px;opacity:0;transform:translateY(14px);animation:publish-fade-up .4s ease-out .65s forwards}.publish-success__btn{padding:9px 28px;border:none;border-radius:6px;background:linear-gradient(135deg,var(--accent-primary),#30b9d8);color:#fff;font-size:13px;font-weight:600;cursor:pointer;opacity:0;transform:translateY(14px);animation:publish-fade-up .4s ease-out .8s forwards,publish-glow-pulse 2s ease-in-out 1.2s infinite;transition:box-shadow .15s}.publish-success__btn:hover{box-shadow:0 2px 16px #30b9d866}.publish-success__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.publish-success__confetti-piece{position:absolute;top:-12px;opacity:0;animation:confetti-fall 2s ease-out forwards}@keyframes publish-modal-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes checkmark-circle{to{stroke-dashoffset:0}}@keyframes checkmark-tick{to{stroke-dashoffset:0}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(360px) rotate(540deg)}}@keyframes publish-fade-up{to{opacity:1;transform:translateY(0)}}@keyframes publish-glow-pulse{0%,to{box-shadow:0 0 #30b9d800}50%{box-shadow:0 0 16px 4px #30b9d833}}@keyframes onb-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes onb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes onb-glow-pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.45}50%{transform:translate(-50%,-50%) scale(1.15);opacity:.7}}@keyframes onb-glow-drift{0%,to{transform:translate(-50%,-50%) scale(.9);opacity:.25}50%{transform:translate(-45%,-55%) scale(1.1);opacity:.5}}@keyframes onb-pill-enter{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes onb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes onb-pulse-ring{0%{box-shadow:0 0 #30b9d873}70%{box-shadow:0 0 0 10px #30b9d800}to{box-shadow:0 0 #30b9d800}}@keyframes onb-check-pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes onb-line-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes onb-bar-fill{0%{width:0%}to{width:100%}}@keyframes onb-swatch-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@keyframes onb-stagger-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onb-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes onb-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes onb-dot-bounce{0%,80%,to{transform:scale(.5);opacity:.3}40%{transform:scale(1);opacity:1}}@keyframes onb-icon-float{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-4px) rotate(3deg);opacity:1}}.onboarding{display:flex;flex-direction:column;height:100vh;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);overflow:hidden}.onboarding__header{display:flex;align-items:center;justify-content:space-between;padding:0 28px;height:var(--topbar-height);border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0}.onboarding__header-left{display:flex;align-items:center;gap:12px}.onboarding__header-title{font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase}.onboarding__header-exit{background:none;border:1px solid var(--border-subtle);color:var(--text-tertiary);padding:5px 16px;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-ui);transition:all .2s ease}.onboarding__header-exit:hover{color:var(--text-primary);border-color:var(--text-tertiary)}.onboarding-steps{display:flex;align-items:center;justify-content:center;padding:28px 24px 0;flex-shrink:0;gap:0}.onboarding-steps__item{display:flex;align-items:center;gap:10px}.onboarding-steps__line{width:100px;height:2px;margin-right:10px;background:var(--border-subtle);border-radius:1px;position:relative;overflow:hidden}.onboarding-steps__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--color-success),var(--accent-primary));transform:scaleX(0);transform-origin:left;border-radius:1px}.onboarding-steps__line--done:after{animation:onb-line-fill .6s ease forwards}.onboarding-steps__circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;background:var(--bg-surface);color:var(--text-tertiary);border:2px solid var(--border-subtle);transition:all .35s ease}.onboarding-steps__circle--active{border-color:var(--accent-primary);color:var(--accent-primary);background:var(--accent-muted);animation:onb-pulse-ring 2s ease-in-out infinite}.onboarding-steps__circle--done{border-color:var(--color-success);background:var(--color-success);color:#fff;animation:none}.onboarding-steps__check{animation:onb-check-pop .4s ease}.onboarding-steps__label{font-size:13px;color:var(--text-tertiary);font-weight:500;transition:all .3s ease;white-space:nowrap}.onboarding-steps__label--active{color:var(--text-primary);font-weight:600}.onboarding-steps__label--done{color:var(--color-success)}.onboarding__content{flex:1;overflow-y:auto;overflow-x:hidden;padding:36px 24px 24px;display:flex;justify-content:center;transition:opacity .38s ease,transform .38s ease}.onboarding__content--fading{opacity:0;transform:translateY(14px)}.onboarding-step{max-width:600px;width:100%}.onboarding-step--enter{animation:onb-fade-up .5s ease}.onboarding-step__hero{text-align:center;margin-bottom:32px}.onboarding-step__hero-icon{color:var(--accent-primary);margin-bottom:14px;animation:onb-icon-float 3s ease-in-out infinite}.onboarding-step__title{font-size:22px;font-weight:700;margin:0 0 8px;color:var(--text-primary);letter-spacing:-.01em}.onboarding-step__subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.onboarding-loader{display:flex;align-items:center;justify-content:center;min-height:420px;width:100%;max-width:600px;position:relative;animation:onb-fade-in .6s ease}.onboarding-loader__glow{position:absolute;top:50%;left:50%;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(48,185,216,.18) 0%,transparent 70%);filter:blur(70px);pointer-events:none;animation:onb-glow-pulse 4s ease-in-out infinite}.onboarding-loader__glow--secondary{width:240px;height:240px;background:radial-gradient(circle,rgba(217,54,206,.12) 0%,transparent 70%);animation:onb-glow-drift 5s ease-in-out infinite;animation-delay:1s}.onboarding-loader__body{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:0}.onboarding-loader__icon{color:var(--accent-primary);margin-bottom:20px;animation:onb-float 3s ease-in-out infinite;opacity:.85}.onboarding-loader__title{font-size:26px;font-weight:700;color:var(--text-primary);margin:0 0 10px;letter-spacing:-.01em;text-shadow:0 0 50px rgba(48,185,216,.2)}.onboarding-loader__subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 32px;max-width:400px;line-height:1.55}.onboarding-loader__pill{display:inline-flex;align-items:center;gap:8px;padding:8px 22px;background:#30b9d80f;border:1px solid rgba(48,185,216,.15);border-radius:20px;font-size:13px;color:var(--accent-primary);font-weight:500;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:onb-pill-enter .45s ease}.onboarding-loader__pill-star{animation:onb-star-spin 4s linear infinite;opacity:.7}.onboarding-input{display:flex;gap:10px;margin-bottom:16px}.onboarding-input__field{flex:1;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--border-radius-md);padding:12px 16px;color:var(--text-primary);font-size:14px;font-family:var(--font-ui);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-input__field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #30b9d81a}.onboarding-input__field::placeholder{color:var(--text-disabled)}.onboarding-input__field:disabled{opacity:.5}.onboarding-input__btn{display:flex;align-items:center;gap:6px;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:12px 24px;font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:all .2s ease;position:relative;overflow:hidden}.onboarding-input__btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 24px #30b9d84d}.onboarding-input__btn:disabled{opacity:.4;cursor:not-allowed}.onboarding-error{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;background:#f8514914;border:1px solid rgba(248,81,73,.2);border-radius:var(--border-radius-md);color:var(--color-error);font-size:13px;margin-bottom:16px;animation:onb-fade-up .3s ease}.onboarding-error svg{flex-shrink:0;margin-top:2px}.onboarding-results{background:var(--bg-panel);border:1px solid rgba(48,185,216,.12);border-radius:12px;padding:24px;position:relative;overflow:hidden;box-shadow:0 0 40px #30b9d80a,0 4px 24px #00000040}.onboarding-results--enter{animation:onb-fade-up .55s ease}.onboarding-results__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;background:#d936ce1a;border:1px solid rgba(217,54,206,.2);border-radius:14px;font-size:11px;color:var(--comp-purple);font-weight:500;margin-bottom:20px;animation:onb-fade-up .4s ease both}.onboarding-results__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.onboarding-results__stat{display:flex;flex-direction:column;gap:3px;animation:onb-fade-up .5s ease both}.onboarding-results__stat-value{font-size:22px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.onboarding-results__stat-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.onboarding-results__warnings{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;animation:onb-fade-in .4s ease .5s both}.onboarding-results__warning{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-warning)}.onboarding-results__sample{border-top:1px solid var(--border-subtle);padding-top:18px;animation:onb-fade-up .5s ease both}.onboarding-results__sample-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:10px;display:block}.onboarding-results__sample-card{display:flex;gap:14px;align-items:center}.onboarding-results__sample-img{width:56px;height:56px;object-fit:contain;border-radius:var(--border-radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle)}.onboarding-results__sample-info{display:flex;flex-direction:column;gap:3px}.onboarding-results__sample-title{font-size:13px;font-weight:500;color:var(--text-primary)}.onboarding-results__sample-price{font-size:12px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.onboarding-results__advance{position:absolute;bottom:0;left:0;right:0;height:3px;background:#30b9d80f}.onboarding-results__advance-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),#30b9d8);border-radius:0 0 12px 12px;animation:onb-bar-fill 3.2s linear forwards;opacity:.6}.onboarding-brand{background:var(--bg-panel);border:1px solid rgba(48,185,216,.12);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:18px;max-width:600px;width:100%;position:relative;overflow:hidden;box-shadow:0 0 40px #30b9d80a,0 4px 24px #00000040}.onboarding-brand--enter{animation:onb-fade-up .55s ease}.onboarding-brand__row{display:flex;flex-direction:column;gap:7px;animation:onb-fade-up .5s ease both}.onboarding-brand__row--colors{flex-direction:row;flex-wrap:wrap;gap:20px 28px}.onboarding-brand__color-group{display:flex;flex-direction:column;gap:7px}.onboarding-brand__label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.onboarding-brand__input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);padding:9px 12px;color:var(--text-primary);font-size:14px;font-family:var(--font-ui);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-brand__input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #30b9d81a}.onboarding-brand__textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);padding:9px 12px;color:var(--text-primary);font-size:14px;font-family:var(--font-ui);outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-brand__textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #30b9d81a}.onboarding-brand__color-pick{display:flex;align-items:center;gap:10px;position:relative}.onboarding-brand__color-native{position:absolute;width:36px;height:36px;opacity:0;cursor:pointer;z-index:2}.onboarding-brand__swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;flex-shrink:0;transition:transform .2s ease,box-shadow .2s ease}.onboarding-brand__swatch:hover{transform:scale(1.1);box-shadow:0 0 16px #ffffff1a}.onboarding-brand__swatch--pop{animation:onb-swatch-pop .5s ease both}.onboarding-brand__color-hex{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.onboarding-brand__logo-box{display:flex;align-items:center;padding:14px;background:var(--bg-surface);border-radius:var(--border-radius-sm);border:1px solid var(--border-subtle)}.onboarding-brand__logo-img{max-width:140px;max-height:52px;object-fit:contain}.onboarding-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.onboarding-templates__card{animation:onb-stagger-in .45s ease both}.onboarding-templates__scratch{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;min-height:220px;background:var(--bg-panel);border:2px dashed var(--border-subtle);border-radius:10px;color:var(--text-secondary);font-family:var(--font-ui);cursor:pointer;transition:all .25s ease;position:relative}.onboarding-templates__scratch:hover{border-color:var(--accent-primary);color:var(--accent-primary);border-style:solid;background:#30b9d80a;box-shadow:0 0 30px #30b9d814}.onboarding-templates__scratch-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-subtle);transition:all .25s ease}.onboarding-templates__scratch:hover .onboarding-templates__scratch-icon{background:var(--accent-muted);border-color:var(--accent-primary)}.onboarding-templates__scratch-label{font-size:14px;font-weight:600}.onboarding-templates__scratch-desc{font-size:12px;opacity:.6}.onboarding-templates__loading{display:flex;justify-content:center;gap:10px;padding:60px 0}.onboarding-templates__loading-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);animation:onb-dot-bounce 1.2s ease-in-out infinite}.onboarding-templates__loading-dot:nth-child(2){animation-delay:.15s}.onboarding-templates__loading-dot:nth-child(3){animation-delay:.3s}.onboarding__actions{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-top:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;transition:opacity .35s ease,transform .35s ease}.onboarding__actions--hidden{opacity:0;transform:translateY(8px);pointer-events:none}.onboarding__actions-left{display:flex}.onboarding__actions-right{display:flex;gap:10px;margin-left:auto}.onboarding__skip{background:none;border:none;color:var(--text-tertiary);font-size:12px;font-family:var(--font-ui);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.onboarding__skip:hover{color:var(--text-secondary)}.onboarding__btn{padding:9px 22px;border-radius:var(--border-radius-md);font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;border:none;transition:all .2s ease}.onboarding__btn--primary{background:var(--accent-primary);color:#fff}.onboarding__btn--primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 0 24px #30b9d84d}.onboarding__btn--primary:disabled{opacity:.35;cursor:not-allowed}.onboarding__btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-subtle)}.onboarding__btn--secondary:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}@media(max-width:640px){.onboarding-results__grid{grid-template-columns:repeat(2,1fr)}.onboarding-steps__line{width:50px}.onboarding-loader__title{font-size:20px}.onboarding-brand__row--colors{flex-direction:column;gap:16px}}.settings-content{padding:24px 32px}.settings-layout{display:grid;grid-template-columns:2fr 1fr;gap:24px;align-items:start}.settings-main{display:flex;flex-direction:column;gap:16px}.settings-profile{display:flex;gap:24px;background:var(--bg-panel);border-radius:var(--border-radius-lg);padding:24px}.settings-profile__logo-area{flex-shrink:0}.settings-profile__logo-wrap{position:relative;width:120px;height:120px;border-radius:120px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer}.settings-profile__logo-img{max-width:90%;max-height:90%;object-fit:contain}.settings-profile__logo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.settings-profile__logo-wrap:hover .settings-profile__logo-overlay{opacity:1}.settings-profile__logo-empty{width:120px;height:120px;border-radius:120px;border:2px dashed var(--border-subtle);background:transparent;color:var(--text-tertiary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;font-family:var(--font-ui);cursor:pointer;transition:border-color .15s,color .15s}.settings-profile__logo-empty:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.settings-profile__identity{flex:1;display:flex;flex-direction:column;gap:10px;min-width:0}.settings-title{display:flex;align-items:center;gap:8px;cursor:pointer;border-radius:var(--border-radius-sm);padding:2px 6px;margin:-2px -6px;transition:background .15s}.settings-title:hover{background:var(--bg-hover)}.settings-title:hover .settings-editable__pencil{opacity:1}.settings-title__text{font-size:32px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.settings-title__placeholder{font-size:32px;font-weight:700;color:var(--text-disabled);margin:0;line-height:1.2;font-style:italic}.settings-title-edit{display:flex;align-items:center;gap:6px}.settings-title-edit__input{font-size:32px;font-weight:700;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--accent-primary);border-radius:var(--border-radius-sm);padding:4px 10px;font-family:var(--font-ui);outline:none;box-shadow:0 0 0 2px var(--accent-light);flex:1;min-width:0}.settings-info{background:var(--bg-panel);border-radius:var(--border-radius-lg);padding:24px;position:sticky;top:24px}.settings-info__title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.settings-info__text{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.settings-info__section{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin-top:16px;margin-bottom:10px}.settings-info__step{display:flex;gap:12px;margin-bottom:14px}.settings-info__step-num{width:28px;height:28px;border-radius:50%;background:var(--accent-light);color:var(--accent-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.settings-info__step-text{font-size:13px;color:var(--text-secondary);line-height:1.5;padding-top:4px}.settings-info__step-text strong{color:var(--text-primary)}.settings-info__tip{margin-top:20px;padding:12px 14px;background:var(--bg-surface);border-radius:var(--border-radius-md);font-size:12px;color:var(--text-tertiary);line-height:1.5}.settings-info__tip strong{color:var(--text-secondary)}.settings-card{background:var(--bg-panel);border-radius:var(--border-radius-lg);padding:20px 24px;display:flex;flex-direction:column;gap:16px}.settings-card__header{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.settings-card__title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field__label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.settings-field__input,.settings-field__textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:var(--font-ui);outline:none;transition:border-color .2s ease,box-shadow .2s ease}.settings-field__textarea{resize:vertical}.settings-field__input:focus,.settings-field__textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-light)}.settings-field__url{font-size:13px;color:var(--text-secondary);word-break:break-all;display:flex;align-items:center;gap:6px;padding:4px 0}.settings-editable__display{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:var(--border-radius-sm);cursor:pointer;transition:background .15s;min-height:34px}.settings-editable__display:hover{background:var(--bg-hover)}.settings-editable__display:hover .settings-editable__pencil{opacity:1}.settings-editable__value{font-size:13px;color:var(--text-primary);flex:1;min-width:0;word-break:break-word}.settings-editable__value--mono{font-family:var(--font-mono)}.settings-editable__placeholder{font-size:13px;color:var(--text-disabled);font-style:italic;flex:1}.settings-editable__pencil{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;opacity:0;transition:opacity .15s,color .15s;flex-shrink:0}.settings-editable__pencil:hover{color:var(--accent-primary)}.settings-editable__edit{display:flex;align-items:flex-start;gap:6px}.settings-editable__edit .settings-field__input,.settings-editable__edit .settings-field__textarea{flex:1}.settings-editable__actions{display:flex;align-items:center;gap:2px;flex-shrink:0;padding-top:2px}.settings-editable__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-sm);border:none;background:none;cursor:pointer;transition:background .15s,color .15s}.settings-editable__btn--confirm{color:var(--color-success)}.settings-editable__btn--confirm:hover:not(:disabled){background:#3fb9501a}.settings-editable__btn--confirm:disabled{opacity:.35;cursor:not-allowed}.settings-editable__btn--cancel{color:var(--text-tertiary)}.settings-editable__btn--cancel:hover{color:var(--color-error);background:#f8514914}.settings-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.settings-color{display:flex;align-items:center;gap:10px}.settings-color__pick{position:relative;flex-shrink:0}.settings-color__native{position:absolute;width:32px;height:32px;opacity:0;cursor:pointer;z-index:2}.settings-color__swatch{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.1);cursor:pointer;transition:transform .15s,box-shadow .15s}.settings-color__swatch:hover{transform:scale(1.1);box-shadow:0 0 12px #ffffff14}.settings-color__info{display:flex;flex-direction:column;gap:1px}.settings-color__label{font-size:12px;color:var(--text-primary);font-weight:500}.settings-color__hex{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono)}.settings-feed__desc{font-size:12px;color:var(--text-tertiary);line-height:1.5;margin-top:-8px}.settings-feed__source{background:var(--bg-surface);border-radius:var(--border-radius-md);padding:12px 14px;display:flex;flex-direction:column;gap:8px}.settings-feed__url{font-size:12px;font-family:var(--font-mono);color:var(--text-secondary);word-break:break-all;line-height:1.4}.settings-feed__meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-tertiary)}.settings-feed__meta span:not(:last-child):after{content:"·";margin-left:8px}.settings-feed__empty{font-size:13px;color:var(--text-disabled);font-style:italic;padding:8px 0}.settings-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border-subtle);border-radius:var(--border-radius-sm);background:transparent;color:var(--text-secondary);font-size:12px;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s}.settings-btn--small{padding:5px 12px}.settings-btn--primary{padding:7px 16px;background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;font-weight:600}.settings-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.settings-btn--primary:disabled{opacity:.4;cursor:not-allowed}.settings-btn--ghost{border-color:transparent;color:var(--text-tertiary);padding:5px 6px}.settings-btn--ghost:hover{color:var(--color-error);background:#f8514914}.settings-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.settings-saving{font-size:11px;color:var(--text-tertiary);font-style:italic}.settings-spin{animation:settings-spin .8s linear infinite}@keyframes settings-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-skeleton__line{height:10px;border-radius:4px;background:var(--bg-surface);animation:settings-pulse 1.5s ease-in-out infinite}.settings-skeleton__line--title{width:30%;height:14px;margin-bottom:8px}.settings-skeleton__line--long{width:80%;margin-bottom:6px}.settings-skeleton__line--short{width:45%}.settings-skeleton__colors{display:flex;gap:12px;margin-top:8px}.settings-skeleton__swatch{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);animation:settings-pulse 1.5s ease-in-out infinite}@keyframes settings-pulse{0%,to{opacity:.4}50%{opacity:.8}}.settings-bg-removal{padding:14px 16px;border-radius:var(--border-radius-lg);background:var(--gradient-primary);display:flex;align-items:center;gap:12px;cursor:pointer;transition:opacity .2s,transform .15s}.settings-bg-removal:hover{opacity:.92}.settings-bg-removal:active{transform:scale(.99)}.settings-bg-removal__title{font-size:13px;font-weight:600;color:#fff;line-height:1.3}.settings-bg-removal__subtitle{font-size:11px;color:#ffffffb3;line-height:1.3;margin-top:1px}.settings-bg-removal__switch{width:36px;height:20px;border-radius:10px;background:#ffffff4d;position:relative;flex-shrink:0;transition:background .2s}.settings-bg-removal__knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;transition:left .2s;box-shadow:0 1px 3px #0000004d}.settings-bg-removal__progress-bar{width:100%;height:4px;border-radius:2px;background:#8b5cf633;overflow:hidden;margin-top:8px}.settings-bg-removal__progress-fill{height:100%;background:var(--gradient-primary);border-radius:2px;transition:width .3s}@media(max-width:900px){.settings-layout{grid-template-columns:1fr}.settings-profile{flex-direction:column;align-items:center;text-align:center}}