.designer-variants__layout-grid{grid-template-columns:repeat(2,1fr);gap:8px;padding:8px 12px;display:grid}.designer-variants__layout-btn{color:#ccc;cursor:pointer;background:#1a1c24;border:1px solid #2a2d38;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:8px;font-size:11px;transition:border-color .15s,background .15s;display:flex}.designer-variants__layout-btn:hover{background:#1e2028;border-color:#00e87b}.designer-variants__layout-btn--active{background:#00e87b14;border-color:#00e87b}.designer-variants__layout-thumb{background:#2a2d38;border-radius:3px;min-width:20px;min-height:20px;max-height:40px}.designer-variants__layout-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:500;overflow:hidden}.designer-variants__layout-dims{color:#666;font-size:10px}.designer-variants__divider{background:#2a2d38;height:1px;margin:12px 0}.designer-themes__shared-picker{border-bottom:1px solid #2a2d38;margin-bottom:8px;padding:0 0 8px}.designer-themes__shared-btn{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;font-size:12px;transition:background .15s;display:flex}.designer-themes__shared-btn:hover{background:#1e2028}.designer-themes__shared-swatch{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:16px;height:16px}.designer-themes__action-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.designer-themes__action-btn:hover{color:#00e87b;border-color:#00e87b}
.designer-shell{color:#e0e0e0;height:100dvh;font-family:var(--font-sans,system-ui, -apple-system, sans-serif);background:#0f1117;flex-direction:column;font-size:13px;display:flex;overflow:hidden}.designer-shell__body{flex:1;min-height:0;display:flex}.designer-shell__left{border-right:1px solid #1e2028;flex-shrink:0;width:240px;overflow-y:auto}.designer-shell__center{background-color:#0a0b0f;background-image:linear-gradient(45deg,#0e0f14 25%,#0000 25%),linear-gradient(-45deg,#0e0f14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#0e0f14 75%),linear-gradient(-45deg,#0000 75%,#0e0f14 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-repeat:repeat;background-size:20px 20px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.designer-shell__right{border-left:1px solid #1e2028;flex-shrink:0;width:280px;overflow-y:auto}.designer-shell__right-tabs{border-bottom:1px solid #1e2028;display:flex}.designer-shell__right-tab{color:#888;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:0 0;border:none;flex:1;padding:8px 4px;font-size:11px;font-weight:500;transition:color .15s,background .15s}.designer-shell__right-tab:hover{color:#ccc;background:#1a1c24}.designer-shell__right-tab--active{color:#00e87b;border-bottom:2px solid #00e87b}.designer-banner{text-align:center;padding:8px 16px;font-size:12px}.designer-banner--success{color:#00e87b;background:#0a2e1a}.designer-banner--error{color:#ff6b6b;background:#3d1a1a}.designer-banner__dismiss{color:inherit;cursor:pointer;background:0 0;border:none;margin-left:12px;font-size:12px;text-decoration:underline}.designer-toolbar{background:#0f1117;border-bottom:1px solid #1e2028;justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 12px;display:flex}.designer-toolbar__left,.designer-toolbar__center,.designer-toolbar__right{align-items:center;gap:6px;display:flex}.designer-toolbar__left{flex:1}.designer-toolbar__right{flex:1;justify-content:flex-end}.designer-toolbar__name,.designer-toolbar__variant{color:#e0e0e0;background:0 0;border:1px solid #0000;border-radius:4px;outline:none;padding:4px 8px;font-size:13px;transition:border-color .15s}.designer-toolbar__name{max-width:200px;font-weight:600}.designer-toolbar__variant{color:#999;max-width:120px}.designer-toolbar__name:hover,.designer-toolbar__variant:hover{border-color:#2a2d38}.designer-toolbar__name:focus,.designer-toolbar__variant:focus{border-color:#00e87b}.designer-toolbar__separator{color:#666;-webkit-user-select:none;user-select:none;font-size:14px}.designer-toolbar__btn{color:#aaa;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;transition:background .15s,color .15s;display:flex}.designer-toolbar__btn:hover:not(:disabled){color:#e0e0e0;background:#1e2028}.designer-toolbar__btn:disabled{opacity:.35;cursor:not-allowed}.designer-toolbar__btn--active{color:#00e87b;background:#1e2028}.designer-toolbar__btn--primary{color:#0a1628;background:#00e87b;font-weight:600}.designer-toolbar__btn--primary:hover:not(:disabled){color:#0a1628;background:#00d46f}.designer-toolbar__select{color:#ccc;background:#1a1c24;border:1px solid #2a2d38;border-radius:4px;outline:none;padding:4px 8px;font-size:12px}.designer-palette{padding:8px 0}.designer-palette__section{border-bottom:1px solid #1e2028;padding:4px 0}.designer-palette__section-header{text-transform:uppercase;letter-spacing:.08em;color:#666;justify-content:space-between;align-items:center;padding:6px 12px;font-size:10px;font-weight:600;display:flex}.designer-palette__section-title{-webkit-user-select:none;user-select:none}.designer-palette__icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;transition:background .15s,color .15s;display:flex}.designer-palette__icon-btn:hover{color:#e0e0e0;background:#1e2028}.designer-palette__icon-btn--danger:hover{color:#ff6b6b;background:#3d1a1a}.designer-palette__slide-list{padding:0 4px}.designer-palette__slide-item{border-radius:4px;align-items:center;transition:background .1s;display:flex}.designer-palette__slide-item--active{background:#1a1c24}.designer-palette__slide-btn{color:#ccc;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:4px;padding:6px 8px;font-size:12px;display:flex}.designer-palette__slide-arrow{color:#555;flex-shrink:0;transition:transform .15s,color .15s}.designer-palette__slide-arrow--active{color:#00e87b;transform:rotate(90deg)}.designer-palette__slide-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.designer-palette__slide-count{color:#555;text-align:center;min-width:16px;font-size:10px}.designer-palette__element-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:4px 8px;display:grid}.designer-palette__element-btn{color:#888;cursor:grab;background:0 0;border:1px dashed #2a2d38;border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:10px;transition:border-color .15s,color .15s,background .15s;display:flex}.designer-palette__element-btn:hover{color:#00e87b;background:#0a1e14;border-color:#00e87b}.designer-palette__element-label{-webkit-user-select:none;user-select:none}.designer-palette__layer-list{padding:0 4px}.designer-palette__layer-item{border-radius:4px;align-items:center;transition:background .1s;display:flex}.designer-palette__layer-item--selected{background:#1a2a1e}.designer-palette__layer-btn{color:#aaa;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:4px;padding:4px 6px;font-size:11px;display:flex}.designer-palette__layer-grip{color:#444;flex-shrink:0}.designer-palette__layer-type{color:#666;text-transform:uppercase;flex-shrink:0;font-size:10px}.designer-palette__layer-id{text-overflow:ellipsis;white-space:nowrap;color:#888;flex:1;overflow:hidden}.designer-palette__layer-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.designer-palette__layer-item:hover .designer-palette__layer-actions{opacity:1}.designer-canvas-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.designer-canvas-meta{align-items:center;gap:12px;display:flex}.designer-canvas-meta__dims{color:#888;font-size:11px;font-weight:500}.designer-canvas-meta__grid{color:#555;font-family:monospace;font-size:10px}.designer-canvas{aspect-ratio:1080/1350;background:0 0;border-radius:4px;width:540px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 8px 32px #0009,0 2px 8px #0000004d;container-type:inline-size}.designer-canvas__grid{pointer-events:none;z-index:1;position:absolute;inset:0}.designer-canvas__renderer{pointer-events:none;z-index:0;position:absolute;inset:0}.designer-canvas__grid-cell{border:1px solid #0000000f}.designer-canvas__empty{pointer-events:none;z-index:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.designer-canvas__empty-icon{color:#bbb;border:2px dashed #ccc;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.designer-canvas__empty-text{color:#999;font-size:13px}.designer-canvas__element{z-index:2;cursor:move;border:1px solid #0000;border-radius:2px;transition:border-color .1s,box-shadow .1s;position:relative}.designer-canvas__element:hover{border-color:#0078d766;box-shadow:0 0 0 1px #0078d733}.designer-canvas__element--selected{border-color:#0078d7!important;box-shadow:0 0 0 2px #0078d74d!important}.designer-canvas__element-badge{z-index:5;text-transform:uppercase;letter-spacing:.04em;color:#fff;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0078d7cc;border-radius:0 0 3px;max-width:70%;padding:1px 4px;font-size:8px;font-weight:600;line-height:1.3;position:absolute;top:0;left:0;overflow:hidden}.designer-canvas__element--selected .designer-canvas__element-badge{color:#fff;background:#0078d7f2}.designer-canvas__element-content{flex:1;justify-content:center;align-items:center;padding:4px;display:flex;overflow:hidden}.designer-canvas__text-preview{text-overflow:ellipsis;padding:2px 4px;display:block;overflow:hidden}.designer-canvas__photo-placeholder{color:#999;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#f0f0f0 25%,#e8e8e8 25% 50%,#f0f0f0 50% 75%,#e8e8e8 75%) 0 0/20px 20px;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:100%;font-size:11px;font-weight:500;display:flex}.designer-canvas__photo-hint{color:#bbb;text-transform:none;letter-spacing:0;font-size:9px}.designer-canvas__pill-preview{flex-wrap:wrap;gap:4px;padding:2px;display:flex}.designer-canvas__pill{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:10px;font-weight:700}.designer-canvas__brand-slap{color:#00e87b;letter-spacing:-.02em;font-size:18px;font-weight:800}.designer-canvas__stat{color:#0a1628;flex-direction:column;align-items:center;gap:2px;display:flex}.designer-canvas__stat strong{font-size:20px}.designer-canvas__stat span{color:#666;font-size:11px}.designer-canvas__divider-line{border-style:solid;width:100%}.designer-canvas__resize-handle{z-index:10;background:#0078d7;border:1px solid #fff;border-radius:2px;width:8px;height:8px}.designer-prop{padding:12px}.designer-prop--empty{justify-content:center;align-items:center;min-height:200px;display:flex}.designer-prop__hint{color:#555;text-align:center;font-size:12px}.designer-prop__header{align-items:baseline;gap:8px;margin-bottom:12px;display:flex}.designer-prop__element-type{text-transform:uppercase;color:#00e87b;font-size:12px;font-weight:600}.designer-prop__element-id{color:#555;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.designer-prop__field{margin-bottom:8px}.designer-prop__label{color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;font-size:10px;font-weight:500;display:block}.designer-prop__input,.designer-prop__textarea,.designer-prop__select{color:#e0e0e0;background:#1a1c24;border:1px solid #2a2d38;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:12px;transition:border-color .15s}.designer-prop__input:focus,.designer-prop__textarea:focus,.designer-prop__select:focus{border-color:#00e87b}.designer-prop__input--sm{width:60px}.designer-prop__textarea{resize:vertical;min-height:48px;font-family:inherit}.designer-prop__colour{cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:4px;width:32px;height:28px;padding:0}.designer-prop__alignment{gap:2px;display:flex}.designer-prop__alignment-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:4px;flex:1;padding:4px;font-size:11px;transition:background .15s,color .15s}.designer-prop__alignment-btn:hover{color:#ccc;background:#1e2028}.designer-prop__alignment-btn--active{color:#0a1628;background:#00e87b;border-color:#00e87b}.designer-prop__grid-pos{background:#15171d;border-radius:6px;flex-direction:column;gap:4px;margin-bottom:12px;padding:8px;display:flex}.designer-prop__grid-pos-row{gap:8px;display:flex}.designer-prop__grid-pos-row .designer-prop__field{flex:1;margin-bottom:0}.designer-prop__section{border-top:1px solid #1e2028;margin-top:12px;padding-top:12px}.designer-prop__section-header{color:#888;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:500;display:flex}.designer-prop__lock-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:6px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;transition:background .15s,border-color .15s;display:flex}.designer-prop__lock-btn:hover{background:#1e2028}.designer-prop__lock-btn--locked{color:#ff9500;background:#ff95000d;border-color:#ff9500}.designer-prop__icon-grid{flex-direction:column;gap:8px;display:flex}.designer-prop__icon-group-label{text-transform:uppercase;letter-spacing:.5px;color:#666;margin-bottom:2px;font-size:10px}.designer-prop__icon-group-items{grid-template-columns:1fr 1fr;gap:2px;display:grid}.designer-prop__icon-btn{cursor:pointer;color:#ccc;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:6px;padding:4px 6px;font-size:11px;transition:background .1s,color .1s;display:flex}.designer-prop__icon-btn:hover{color:#e0e0e0;background:#1e2028}.designer-prop__icon-btn--active{color:#00e87b;background:#00e87b1a;border-color:#00e87b;font-weight:600}.designer-prop__icon-btn-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.designer-themes{padding:12px}.designer-themes__header{color:#888;align-items:center;gap:6px;margin-bottom:8px;display:flex}.designer-themes__title{flex:1;font-size:12px;font-weight:600}.designer-themes__tabs{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.designer-themes__tab{color:#888;cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:999px;padding:4px 12px;font-size:11px;transition:background .15s,border-color .15s,color .15s}.designer-themes__tab:hover{color:#ccc;border-color:#444}.designer-themes__tab--active{color:#00e87b;background:#00e87b0d;border-color:#00e87b}.designer-themes__editor{padding-top:4px}.designer-themes__section-label{text-transform:uppercase;letter-spacing:.08em;color:#666;margin-top:12px;margin-bottom:6px;font-size:10px;font-weight:600}.designer-themes__section-label:first-child{margin-top:0}.designer-themes__token-list{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.designer-themes__token{align-items:center;gap:8px;display:flex}.designer-themes__token-key{color:#aaa;flex:1;font-family:monospace;font-size:11px}.designer-themes__token-value-input{color:#e0e0e0;background:#1a1c24;border:1px solid #2a2d38;border-radius:4px;outline:none;width:80px;padding:3px 6px;font-family:monospace;font-size:11px}.designer-themes__token-value-input:focus{border-color:#00e87b}.designer-themes__add-token,.designer-themes__remove-btn{color:#666;cursor:pointer;background:0 0;border:1px dashed #2a2d38;border-radius:4px;align-items:center;gap:4px;width:100%;margin-top:4px;padding:6px 10px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.designer-themes__add-token:hover{color:#00e87b;border-color:#00e87b}.designer-themes__remove-btn{border-style:solid;border-color:#0000}.designer-themes__remove-btn:hover{color:#ff6b6b;background:#ff6b6b0d;border-color:#ff6b6b}.designer-variants{padding:12px}.designer-variants__header{color:#888;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.designer-variants__description{color:#666;margin-bottom:12px;font-size:11px;line-height:1.5}.designer-variants__list{flex-direction:column;gap:4px;display:flex}.designer-variants__btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #2a2d38;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;transition:border-color .15s,background .15s;display:flex}.designer-variants__btn:hover{background:#00e87b0d;border-color:#00e87b}.designer-variants__note{color:#555;margin-top:8px;font-size:10px;line-height:1.4}.designer-preview{z-index:1000;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex;position:fixed;inset:0}.designer-preview__close{color:#fff;cursor:pointer;z-index:10;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:background .15s,border-color .15s;display:flex;position:absolute;top:16px;right:16px}.designer-preview__close:hover{background:#000000b3;border-color:#ffffff59}.designer-preview__artboard{aspect-ratio:1080/1350;background:#fff;border-radius:4px;width:540px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080;container-type:inline-size}.designer-preview__nav{align-items:center;gap:8px;margin-top:16px;display:flex}.designer-preview__nav-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;padding:8px 16px;font-size:12px}.designer-preview__nav-btn:hover{background:#fff3}.designer-preview__nav-btn:disabled{opacity:.3;cursor:not-allowed}.designer-preview__slide-label{color:#fff9;text-align:center;min-width:80px;font-size:12px}.designer-prop__theme-picker{flex-direction:column;gap:8px;display:flex}.designer-prop__theme-swatches{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.designer-prop__theme-swatch{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;transition:border-color .15s,background .15s;display:flex}.designer-prop__theme-swatch:hover{background:#1a1c24;border-color:#333}.designer-prop__theme-swatch--active{background:#00e87b14!important;border-color:#00e87b!important}.designer-prop__theme-swatch-dot{border:1px solid #ffffff26;border-radius:50%;flex-shrink:0;width:14px;height:14px}.designer-prop__theme-swatch-label{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.designer-prop__theme-custom{align-items:center;gap:8px;display:flex}.designer-prop__theme-value{color:#888;flex:1;font-family:monospace;font-size:11px}.designer-prop__theme-detach{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #444;border-radius:4px;padding:2px 8px;font-size:11px}.designer-prop__theme-detach:hover{color:#fff;border-color:#666}.designer-prop__list{flex-direction:column;gap:4px;display:flex}.designer-prop__list-item{align-items:center;gap:4px;display:flex}.designer-prop__icon-btn--sm{color:#888;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;padding:0;transition:background .1s,color .1s;display:flex}.designer-prop__icon-btn--sm:hover{color:#ccc;background:#1e2028}.designer-prop__icon-btn--sm:disabled{opacity:.3;cursor:not-allowed}.designer-prop__icon-btn--danger:hover{color:#ff6b6b!important;background:#ff6b6b1a!important}.designer-prop__add-btn{color:#888;cursor:pointer;background:0 0;border:1px dashed #2a2d38;border-radius:4px;align-items:center;gap:4px;padding:6px 8px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.designer-prop__add-btn:hover{color:#00e87b;border-color:#00e87b}.designer-prop__select--sm{width:auto;min-width:80px}.designer-prop__hint-text{color:#555;margin-top:2px;font-size:10px;line-height:1.3}.designer-toolbar__btn--publish{color:#818cf8;background:#6366f126}.designer-toolbar__btn--publish:hover:not(:disabled){color:#a5b4fc;background:#6366f140}.designer-toolbar__variant-group{align-items:center;gap:4px;display:flex}.designer-toolbar__variant-label{color:#888;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:11px}.designer-prop__theme-reset{color:#888;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #444;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.designer-prop__theme-reset:hover{color:#fff;border-color:#666}.designer-prop__list-item--pill{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;transition:background-color .15s;display:flex}.designer-prop__list-item--pill:hover{background-color:#ffffff0d}.designer-prop__list-item--selected{outline:1px solid #00e87b4d;background-color:#00e87b1a!important}.designer-prop__pill-preview{white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:100px;padding:2px 10px;font-size:11px;font-weight:700;overflow:hidden}.designer-prop__pill-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.designer-prop__combo-grid{flex-wrap:wrap;gap:6px;display:flex}.designer-prop__combo-btn{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:6px;padding:4px;transition:border-color .15s}.designer-prop__combo-btn:hover{border-color:#444}.designer-prop__combo-btn--active{border-color:#00e87b!important}.designer-prop__combo-preview{border-radius:4px;justify-content:center;align-items:center;width:36px;height:24px;font-size:12px;font-weight:700;display:flex}.designer-prop__subsection{background:#ffffff05;border:1px solid #333;border-radius:8px;margin-top:12px;padding:12px}.designer-prop__subsection-header{color:#aaa;border-bottom:1px solid #333;margin-bottom:8px;padding-bottom:4px;font-size:12px;font-weight:600}.designer-prop__segments-empty{flex-direction:column;gap:8px;display:flex}.designer-prop__segments{flex-direction:column;gap:6px;display:flex}.designer-prop__segment-row{align-items:center;gap:6px;display:flex}.designer-prop__segment-label{color:#888;text-transform:uppercase;flex-shrink:0;min-width:32px;font-size:10px}.designer-prop__segments-actions{gap:6px;margin-top:4px;display:flex}.designer-prop__row{align-items:center;gap:8px;display:flex}.designer-prop__lock-options{flex-direction:column;gap:6px;display:flex}.designer-prop__lock-option{cursor:pointer;text-align:left;color:#ccc;background:0 0;border:1px solid #333;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 10px;transition:all .15s;display:flex}.designer-prop__lock-option:hover{background:#ffffff08;border-color:#555}.designer-prop__lock-option--active{background:#00e87b0f;border-color:#00e87b}.designer-prop__lock-option svg{flex-shrink:0;margin-top:2px}.designer-prop__lock-option-title{color:#fff;font-size:12px;font-weight:600;display:block}.designer-prop__lock-option-desc{color:#888;margin-top:2px;font-size:11px;line-height:1.3;display:block}.designer-toolbar__variant-select{background:var(--bg-secondary,#1a1a2e);color:var(--text-primary,#e0e0e0);border:1px solid var(--border-subtle,#333);cursor:pointer;border-radius:4px;max-width:160px;padding:2px 6px;font-size:12px}.designer-toolbar__variant-select:hover{border-color:var(--border-active,#555)}.designer-toolbar__btn--small{min-width:unset;padding:2px 4px}.designer-toolbar__save-as{align-items:center;gap:4px;display:flex}.designer-toolbar__save-as-input{background:var(--bg-secondary,#1a1a2e);color:var(--text-primary,#e0e0e0);border:1px solid var(--accent,#00e87b);border-radius:4px;width:140px;padding:2px 6px;font-size:12px}.designer-variants__variant-list{flex-direction:column;gap:2px;margin-bottom:8px;display:flex}.designer-variants__variant-item{background:var(--bg-tertiary,#16162a);border-radius:4px;align-items:center;gap:4px;padding:2px;display:flex}.designer-variants__variant-item--active{background:var(--accent-bg,#00e87b1a);border:1px solid var(--accent,#00e87b)}.designer-variants__variant-btn{color:var(--text-primary,#e0e0e0);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;flex-direction:column;flex:1;gap:1px;padding:6px 8px;font-size:12px;display:flex}.designer-variants__variant-btn:hover:not(:disabled){background:var(--bg-hover,#ffffff0d)}.designer-variants__variant-btn:disabled{cursor:default}.designer-variants__variant-name{font-weight:500}.designer-variants__variant-layout{color:var(--text-muted,#888);font-size:10px}.designer-variants__variant-delete{color:var(--text-muted,#888);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:opacity .15s}.designer-variants__variant-item:hover .designer-variants__variant-delete{opacity:1}.designer-variants__variant-delete:hover{color:var(--danger,#f44);background:#ff44441a}.designer-variants__variant-badge{color:var(--accent,#00e87b);white-space:nowrap;padding:2px 6px;font-size:10px}.designer-variants__new-variant{margin-bottom:4px}.designer-variants__btn--new{width:100%;color:var(--text-muted,#888);border-style:dashed;justify-content:center}.designer-variants__btn--new:hover{color:var(--text-primary,#e0e0e0);border-color:var(--accent,#00e87b)}.designer-variants__new-variant-form{align-items:center;gap:4px;display:flex}.designer-variants__new-variant-input{background:var(--bg-secondary,#1a1a2e);color:var(--text-primary,#e0e0e0);border:1px solid var(--accent,#00e87b);border-radius:4px;flex:1;padding:4px 8px;font-size:12px}.designer-variants__btn--cancel{color:var(--text-muted,#888)}