.free-compositor-root{position:fixed;inset:0;z-index:10000;display:none;color:#e5e7eb;font-family:Inter,"Microsoft YaHei",sans-serif}
.free-compositor-root.open{display:block}
body.free-compositor-open{overflow:hidden}
.fc-shell{width:100%;height:100%;display:grid;grid-template-rows:58px minmax(0,1fr) 30px;background:#17191d}
.fc-topbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:8px 14px;border-bottom:1px solid #343840;background:#22252b;box-shadow:0 4px 18px rgba(0,0,0,.25);z-index:3}
.fc-brand{display:flex;align-items:baseline;gap:10px;white-space:nowrap}.fc-brand strong{font-size:16px}.fc-brand span{font-size:11px;color:#8f96a3}
.fc-top-actions{display:flex;align-items:center;gap:8px}.fc-top-actions button,.fc-panel button,.fc-button-grid button{height:32px;border:1px solid #454b56;border-radius:7px;background:#2c3037;color:#e5e7eb;padding:0 11px;cursor:pointer}.fc-top-actions button:hover,.fc-panel button:hover,.fc-button-grid button:hover{background:#393e47}.fc-top-actions button:disabled{opacity:.35;cursor:default}.fc-top-actions .fc-primary{background:#be4164;border-color:#dd5c80;color:white;font-weight:700}.fc-top-actions label{display:flex;align-items:center;gap:7px;font-size:12px;color:#b7bdc8}.fc-top-actions input[type=range]{width:110px;accent-color:#d65378}
.fc-main{min-height:0;display:grid;grid-template-columns:250px minmax(360px,1fr) 270px}
.fc-panel{min-height:0;background:#22252b;border-color:#343840;overflow:auto}.fc-layers-panel{border-right:1px solid #343840}.fc-properties-panel{border-left:1px solid #343840;padding:14px}
.fc-panel-title{height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #343840}.fc-panel-title button{width:30px;padding:0;font-size:20px}
.fc-layer-list{padding:8px}.fc-layer-row{height:54px;display:grid;grid-template-columns:26px 26px 42px minmax(0,1fr) 48px;align-items:center;gap:5px;padding:5px;border:1px solid transparent;border-radius:8px;cursor:pointer}.fc-layer-row:hover{background:#292d34}.fc-layer-row.active{background:#3a2830;border-color:#a84664}.fc-layer-row>button{width:26px;height:28px;padding:0;border:0;background:transparent}.fc-layer-row img{width:40px;height:40px;object-fit:contain;background:repeating-conic-gradient(#3a3e46 0 25%,#262930 0 50%) 50%/10px 10px;border-radius:4px}.fc-layer-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.fc-layer-order{display:flex}.fc-layer-order button{width:23px;height:26px;padding:0;border-radius:4px}
.fc-viewport{position:relative;overflow:auto;background:#111318;background-image:radial-gradient(#30343b 1px,transparent 1px);background-size:18px 18px;padding:40px}.fc-stage{position:relative;margin:auto}.fc-artboard{position:absolute;left:0;top:0;transform-origin:0 0;overflow:visible;background-color:transparent;background-image:linear-gradient(45deg,#ddd 25%,transparent 25%),linear-gradient(-45deg,#ddd 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ddd 75%),linear-gradient(-45deg,transparent 75%,#ddd 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;box-shadow:0 0 0 1px #6b7280,0 18px 60px rgba(0,0,0,.45);user-select:none;transform-origin:0 0}
.fc-layer{position:absolute;transform-origin:center;touch-action:none;cursor:move}.fc-layer.locked{cursor:not-allowed}.fc-layer img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.fc-layer.selected{outline:1px solid rgba(74,173,255,.35)}
.fc-transform-box{position:absolute;transform-origin:center;outline:2px solid #42a5ff;pointer-events:none}.fc-transform-box.locked{outline-style:dashed;outline-color:#f0b34a}.fc-handle,.fc-rotate-handle{position:absolute;display:block;width:12px;height:12px;border:2px solid #42a5ff;background:#fff;border-radius:2px;pointer-events:auto}.fc-nw{left:-7px;top:-7px;cursor:nwse-resize}.fc-n{left:50%;top:-7px;transform:translateX(-50%);cursor:ns-resize}.fc-ne{right:-7px;top:-7px;cursor:nesw-resize}.fc-e{right:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.fc-se{right:-7px;bottom:-7px;cursor:nwse-resize}.fc-s{left:50%;bottom:-7px;transform:translateX(-50%);cursor:ns-resize}.fc-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.fc-w{left:-7px;top:50%;transform:translateY(-50%);cursor:ew-resize}.fc-rotate-line{position:absolute;left:50%;top:-31px;height:24px;border-left:1px solid #42a5ff}.fc-rotate-handle{left:50%;top:-43px;transform:translateX(-50%);border-radius:50%;cursor:grab}.fc-transform-box.locked .fc-handle,.fc-transform-box.locked .fc-rotate-handle,.fc-transform-box.locked .fc-rotate-line{display:none}
.fc-guide{position:absolute;z-index:9999;pointer-events:none;background:#ff3da6}.fc-guide-x{top:-10000px;bottom:-10000px;width:1px}.fc-guide-y{left:-10000px;right:-10000px;height:1px}
.fc-properties-panel section{padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #343840}.fc-properties-panel h3{font-size:13px;margin:0 0 12px;color:#f3f4f6}.fc-properties-panel label{display:flex;flex-direction:column;gap:5px;color:#9da4b0;font-size:11px}.fc-properties-panel input,.fc-properties-panel select{height:32px;border:1px solid #454b56;border-radius:6px;background:#17191d;color:#f1f5f9;padding:0 8px}.fc-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.fc-wide{margin-bottom:10px}.fc-color{margin-top:10px}.fc-color.hidden{display:none}.fc-color input{width:100%;padding:3px}.fc-button-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.fc-button-grid button{padding:0 5px;font-size:11px}
.fc-status{display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#22252b;border-top:1px solid #343840;color:#9198a4;font-size:11px}.fc-status .error{color:#ff8ea8}
@media(max-width:1000px){.fc-main{grid-template-columns:190px minmax(300px,1fr) 220px}.fc-brand span{display:none}.fc-top-actions label{display:none}}