.ftn-preview-icon{display:inline-block;width:20px;height:20px;flex:0 0 20px;vertical-align:middle;margin-right:8px;background:#f2f1ca;mask:var(--ftn-icon) center / contain no-repeat;-webkit-mask:var(--ftn-icon) center / contain no-repeat;pointer-events:none}
html[data-icon-tone="gold"] .ftn-preview-icon{background:#cfbc80}
.ftn-preview-icon[data-icon="harvest"]{--ftn-icon:url('/icons/ftn-original/harvest.svg')}
.ftn-preview-icon[data-icon="pulper"]{--ftn-icon:url('/icons/ftn-original/pulper.svg')}
.ftn-preview-icon[data-icon="paper"]{--ftn-icon:url('/icons/ftn-original/paper-roll.svg')}
.quiet-c .target button .ftn-preview-icon{display:inline-block!important;width:16px;height:16px;margin-right:5px}
.quiet-c .target button:has(.ftn-preview-icon)>span:nth-child(2){display:none}
.quiet-c .fd-grip .ftn-preview-icon{width:22px;height:22px;margin-right:6px}
.quiet-c .fd-work-node:has(.ftn-preview-icon) .fd-grip-icon{display:none}

.ftn-preview-icon{background:currentColor;color:var(--text);width:20px;height:20px;flex:0 0 20px}
.quiet-c .target button .ftn-preview-icon{width:16px;height:16px}
.quiet-c .target button.active .ftn-preview-icon{color:var(--amber)}
.quiet-c .fd-grip{display:flex;align-items:center;gap:0}
.quiet-c .fd-grip .ftn-preview-icon{width:20px;height:20px;flex:0 0 20px}
.quiet-c .fd-node-rate .resource-icon,.quiet-c .flow .resource-icon{width:14px;height:14px;margin-right:5px}
.quiet-c .fd-node-rate > :nth-child(2){display:flex;align-items:start}
.quiet-c #qiHarvest .v29-step > span{display:flex;align-items:center;gap:0;min-width:0}
.quiet-c #qiHarvest .v29-step > span .ftn-preview-icon{width:16px;height:16px;flex-basis:16px;margin-right:6px}
.quiet-c #qiNavigation .ftn-preview-icon{width:16px;height:16px;margin-right:8px;color:inherit}
.quiet-c #plannerAutoGenerate .ftn-preview-icon{color:inherit;width:16px;height:16px}
.quiet-c #qiHarvest{padding-right:8px}
.quiet-c #qiHarvest .v29-step{grid-template-columns:minmax(0,1fr) 24px 44px 24px;gap:4px}
.quiet-c summary:has(> .ftn-preview-icon){display:block}
.quiet-c .fd-disclaimer{background:none;border-color:var(--border);color:var(--muted)}
@media(max-width:820px){
 .quiet-c .top{height:auto;min-height:68px;padding:16px 0;gap:12px;flex-wrap:wrap}
 .quiet-c[data-qi-page="designer"] #qiDesignerDetails{grid-template-columns:minmax(0,1fr)}
 .quiet-c .qi-machine-table td:first-child{width:auto}
 .quiet-c .qi-machine-table td:first-child b{display:flex;align-items:center}
 .quiet-c .qi-machine-table .ftn-preview-icon{flex:0 0 16px;width:16px;height:16px;margin-right:5px}
 .quiet-c .fd-work-toolbar label{min-width:0}
}
