.figma-flow-shell{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.figma-flow-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:6px}
.figma-flow-tab{border:0;border-radius:9px;background:transparent;color:var(--text3);font-family:inherit;cursor:pointer;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:10px;transition:all .18s;min-width:0}
.figma-flow-tab:hover{background:rgba(124,58,237,.08);color:var(--text2)}
.figma-flow-tab.active{background:linear-gradient(135deg,#6D5DF6,#8B5CF6);color:#fff;box-shadow:0 10px 26px rgba(109,93,246,.24)}
.figma-flow-step{width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}
.figma-flow-tab.active .figma-flow-step{background:rgba(255,255,255,.18)}
.figma-flow-copy{min-width:0}
.figma-flow-copy strong{display:block;font-size:13px;font-weight:950;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.figma-flow-copy span{display:block;font-size:11px;font-weight:650;line-height:1.25;opacity:.72;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.figma-flow-summary{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:13px 14px}
.figma-flow-summary-title{font-size:13px;font-weight:950;color:var(--text);margin-bottom:5px}
.figma-flow-summary-line{font-size:12px;font-weight:650;color:var(--text3);line-height:1.45}
.figma-flow-summary-badge{font-size:12px;font-weight:900;color:#fff;background:linear-gradient(135deg,#059669,#10B981);border-radius:9px;padding:9px 12px;white-space:nowrap}
.figma-step-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:12px;padding:10px 12px}
.figma-step-actions-left,.figma-step-actions-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.figma-step-hint{font-size:12px;font-weight:650;color:var(--text3);line-height:1.4}
.figma-step-btn{border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.045);color:var(--text2);padding:8px 12px;font-size:12px;font-weight:850;font-family:inherit;cursor:pointer}
.figma-step-btn.primary{border:0;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 22px rgba(99,102,241,.22)}
.figma-step-btn[disabled]{opacity:.45;cursor:not-allowed}
.figma-design-panel-pro{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important;margin-bottom:16px!important}
.figma-control-group{background:#fff;border:1px solid #dbe4ee;border-radius:10px;padding:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:start;box-shadow:0 10px 28px rgba(15,23,42,.055)}
.figma-control-group{display:none}
.figma-design-panel-pro[data-step="format"] .figma-control-group[data-group="frame"],
.figma-design-panel-pro[data-step="style"] .figma-control-group[data-group="type"],
.figma-design-panel-pro[data-step="style"] .figma-control-group[data-group="price"],
.figma-design-panel-pro[data-step="style"] .figma-control-group[data-group="color"],
.figma-design-panel-pro[data-step="fine"] .figma-control-group[data-group="visual"]{display:grid}
.figma-design-panel-pro[data-step="format"]{grid-template-columns:1fr!important}
.figma-design-panel-pro[data-step="style"]{grid-template-columns:1fr 1fr!important}
.figma-design-panel-pro[data-step="fine"]{grid-template-columns:1fr 1fr!important}
.figma-control-group[data-group="frame"],.figma-control-group[data-group="type"],.figma-control-group[data-group="visual"],.figma-control-group[data-group="color"]{grid-column:span 1}
.figma-control-group[data-group="price"]{grid-column:1/-1}
.figma-control-group[data-group="color"]{grid-template-columns:1fr}
.figma-control-head{grid-column:1/-1;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:3px;padding-bottom:10px;border-bottom:1px solid #eef2f7}
.figma-control-title{font-size:13px;font-weight:950;color:#172033;letter-spacing:0;text-transform:none;line-height:1.1}
.figma-control-sub{font-size:11.5px;color:#64748b;font-weight:650;text-transform:none;letter-spacing:0;line-height:1.45}
.figma-control-group label{min-width:0!important;font-size:11px!important;color:#334155!important;letter-spacing:0!important;text-transform:none!important;font-weight:850!important;gap:7px!important}
.figma-control-group select,.figma-control-group input{min-height:42px!important;border-color:#d5dee9!important;border-radius:9px!important;background:#fbfdff!important;color:#111827!important;font-size:13px!important;font-weight:750!important;padding:9px 10px!important}
.figma-control-group select:focus,.figma-control-group input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px rgba(124,58,237,.12)!important}
.figma-price-preview{grid-column:1/-1;border:1px solid #dbe4ee;border-radius:10px;background:#f8fafc;padding:14px;display:grid;grid-template-columns:132px 1fr;gap:14px;align-items:center}
.figma-price-preview-card{height:96px;border:1px solid rgba(15,23,42,.08);border-radius:10px;background:#fff;position:relative;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.06)}
.figma-price-preview-brand{position:absolute;left:12px;top:11px;font-size:11px;line-height:1;font-weight:950;color:#171717}
.figma-price-preview-name{position:absolute;left:12px;top:26px;font-size:10px;line-height:1;color:#555;font-weight:750}
.figma-price-preview-visual{position:absolute;left:18px;top:43px;width:34px;height:36px;border-radius:8px;background:linear-gradient(180deg,#f7f7f7,#ddd)}
.figma-price-preview-tag{position:absolute;right:10px;bottom:10px;width:74px;height:31px;border-radius:7px;background:#f24b0f;color:#fff;display:flex;align-items:center;justify-content:center;font-size:17px;font-weight:950;line-height:1;font-family:Inter,Arial,sans-serif}
.figma-price-preview-tag svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.figma-price-preview-tag span{position:relative;z-index:1;transform:translateX(4px)}
.figma-price-preview-copy{min-width:0}
.figma-price-preview-copy strong{display:block;font-size:13px;color:#172033;font-weight:950;margin-bottom:4px}
.figma-price-preview-copy span{display:block;font-size:12px;color:#64748b;font-weight:650;line-height:1.45}
#figmaOnKontrol{background:#fff!important;border-color:#dbe4ee!important;border-radius:12px!important;box-shadow:0 12px 30px rgba(15,23,42,.06)!important}
#figmaOnKontrol [style*="font-size:14px"]{font-size:15px!important;color:#172033!important}
.figma-quality-panel{display:grid;grid-template-columns:180px 1fr;gap:12px;align-items:stretch}
.figma-quality-score{border:1px solid var(--figma-panel-border);border-radius:12px;padding:16px;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(248,250,252,.56));display:flex;flex-direction:column;justify-content:space-between;min-height:138px}
.figma-quality-score strong{font-size:52px;line-height:.9;font-weight:950;color:var(--text);letter-spacing:-.055em;font-variant-numeric:tabular-nums}
.figma-quality-score span{font-size:12px;color:var(--text3);font-weight:800;line-height:1.35;margin-top:9px;display:block}
.figma-quality-meter{height:10px;border-radius:999px;background:rgba(148,163,184,.18);overflow:hidden;margin-top:14px}
.figma-quality-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#F59E0B,#10B981);width:0%}
.figma-quality-main{display:flex;flex-direction:column;gap:10px}
.figma-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.figma-quality-card{border:1px solid var(--figma-chip-ok-border);background:var(--figma-chip-ok-bg);border-radius:10px;padding:10px 12px;min-height:64px}
.figma-quality-card.warn{border-color:var(--figma-chip-warn-border);background:var(--figma-chip-warn-bg)}
.figma-quality-card small{display:block;font-size:10px;font-weight:900;color:var(--figma-chip-ok-label);text-transform:uppercase;letter-spacing:.035em;margin-bottom:6px}
.figma-quality-card.warn small{color:var(--figma-chip-warn-label)}
.figma-quality-card b{display:block;font-size:18px;font-weight:950;color:var(--text);line-height:1.08;font-variant-numeric:tabular-nums}
.figma-quality-card b.long{font-size:15px;line-height:1.2}
.figma-quality-message{border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:var(--card-bg);font-size:12px;font-weight:750;color:var(--text2);line-height:1.5}
.figma-quality-message.ok{color:var(--figma-score-ok)}
.figma-decision-note{grid-column:1/-1;border:1px solid var(--border);border-radius:12px;background:var(--card-bg);padding:12px 13px;display:grid;gap:4px}
.figma-decision-note strong{font-size:12px;color:var(--text);font-weight:950}
.figma-decision-note span{font-size:11.5px;color:var(--text3);font-weight:650;line-height:1.45}
[data-tema="graphite"] .figma-quality-score{background:#1E1E1E!important;border-color:#383838!important}
[data-tema="graphite"] .figma-quality-message,
[data-tema="graphite"] .figma-decision-note{background:#1E1E1E!important;border-color:#383838!important}
@media(max-width:900px){.figma-quality-panel{grid-template-columns:1fr}.figma-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.figma-quality-grid{grid-template-columns:1fr}}
.figma-quick-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.figma-quick-pill{border:1px solid var(--border);background:var(--input-bg);color:var(--text2);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer;font-family:inherit;transition:all .18s}
.figma-quick-pill:hover{border-color:rgba(99,102,241,.35);color:var(--text);background:rgba(99,102,241,.06)}
.campaign-stage-shell{display:none;margin-bottom:14px;border:1px solid rgba(99,102,241,.18);border-radius:14px;background:var(--card-bg);padding:12px;box-shadow:0 12px 32px rgba(0,0,0,.12)}
.campaign-stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.campaign-stage-title{font-size:14px;font-weight:950;color:var(--text);line-height:1.2}
.campaign-stage-sub{font-size:12px;font-weight:650;color:var(--text3);margin-top:2px}
.campaign-stage-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.campaign-stage-tab{border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text3);padding:10px 11px;font-family:inherit;cursor:pointer;text-align:left;display:flex;gap:9px;align-items:flex-start;min-width:0;transition:all .18s}
.campaign-stage-tab:hover{background:rgba(99,102,241,.07);color:var(--text2)}
.campaign-stage-tab.active{background:linear-gradient(135deg,rgba(99,102,241,.28),rgba(139,92,246,.22));border-color:rgba(139,92,246,.45);color:#fff}
.campaign-stage-tab.done{border-color:rgba(16,185,129,.28)}
.campaign-stage-num{width:24px;height:24px;border-radius:8px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;flex-shrink:0}
.campaign-stage-copy{min-width:0}.campaign-stage-copy strong{display:block;font-size:12px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-stage-copy span{display:block;font-size:10.5px;font-weight:650;opacity:.72;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campaign-stage-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;flex-wrap:wrap}
.campaign-stage-hint{font-size:12px;font-weight:650;color:var(--text3);line-height:1.4}
.campaign-stage-actions{display:flex;gap:8px;flex-wrap:wrap}.campaign-stage-actions button{border-radius:9px;padding:8px 12px;font-size:12px;font-weight:850;font-family:inherit;cursor:pointer}
.campaign-stage-prev{background:rgba(255,255,255,.045);border:1px solid var(--border);color:var(--text2)}
.campaign-stage-next{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;color:#fff}
.campaign-stage-prev[disabled],.campaign-stage-next[disabled]{opacity:.45;cursor:not-allowed}
.figma-calm-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.figma-calm-copy strong{display:block;font-size:13px;font-weight:950;color:var(--text);margin-bottom:3px}
.figma-calm-copy span{display:block;font-size:12px;font-weight:650;color:var(--text3);line-height:1.4}
.figma-advanced-toggle{border:1px solid var(--border);background:rgba(255,255,255,.045);color:var(--text2);border-radius:9px;padding:8px 11px;font-size:12px;font-weight:850;font-family:inherit;cursor:pointer}
body:not(.figma-advanced-open) #figmaSimpleDesignPanel label:nth-child(n+6){display:none!important}
body:not(.figma-advanced-open) #figmaCiktiAdvancedGrid{display:none!important}
@media(max-width:1100px){.figma-design-panel-pro{grid-template-columns:1fr!important}.figma-control-group{grid-column:1!important;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.figma-flow-tabs{grid-template-columns:1fr}.figma-flow-summary{grid-template-columns:1fr}.figma-control-group{grid-template-columns:1fr}}
@media(max-width:900px){.campaign-stage-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.campaign-stage-tabs{grid-template-columns:1fr}.campaign-stage-footer{align-items:flex-start}.campaign-stage-actions{width:100%}.campaign-stage-actions button{flex:1}}
[data-tema="graphite"] .figma-control-group{background:#242424!important;border-color:#383838!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
[data-tema="graphite"] .figma-control-head{border-bottom-color:#333!important}
[data-tema="graphite"] .figma-control-title{color:#F4F4F5!important}
[data-tema="graphite"] .figma-control-sub{color:#A1A1AA!important}
[data-tema="graphite"] .figma-control-group label{color:#D4D4D8!important}
[data-tema="graphite"] .figma-control-group select,
[data-tema="graphite"] .figma-control-group input{background:#181818!important;border-color:#3A3A3A!important;color:#F4F4F5!important}
[data-tema="graphite"] .figma-flow-tabs,
[data-tema="graphite"] .figma-flow-summary{background:#242424!important;border-color:#383838!important}
[data-tema="graphite"] .figma-flow-summary-title{color:#F4F4F5!important}
[data-tema="graphite"] .figma-flow-summary-line{color:#A1A1AA!important}
[data-tema="graphite"] .figma-price-preview{background:#1E1E1E!important;border-color:#383838!important}
[data-tema="graphite"] .figma-price-preview-card{background:#101010!important;border-color:#333!important}
[data-tema="graphite"] .figma-price-preview-copy strong{color:#F4F4F5!important}
[data-tema="graphite"] .figma-price-preview-copy span{color:#A1A1AA!important}
[data-tema="graphite"] #figmaOnKontrol{background:#242424!important;border-color:#383838!important;box-shadow:0 18px 42px rgba(0,0,0,.22)!important}
