.fl-shell{padding-bottom:96px}.fl-shell>.ti-wrap{padding:0 32px}.fl-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;min-height:calc(100vh - 16px)}.fl-main{min-width:0;padding:36px}.fl-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px}.fl-eyebrow{margin:0 0 6px;color:var(--fp-faint);font-family:var(--fp-mono);font-size:11px;letter-spacing:.04em}.fl-head h1{margin:0;font-size:40px;font-weight:400}.fl-head p{margin:6px 0 0;color:var(--fp-muted);font-size:15px}.fp-app .fl-upload,.fp-app .fl-export{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 16px;border:0;border-radius:3px;background:var(--fp-cta);color:#fff;font-size:14px;cursor:pointer}.fl-upload svg,.fl-export svg{width:17px;height:17px}.fl-stage{padding:24px;border:1px solid var(--fp-line);border-radius:4px;background:radial-gradient(circle,#d8d8dc 1px,transparent 1px) 0 0 / 14px 14px,#f7f7f8}.fl-sheet{position:relative;width:100%;max-height:64vh;margin:0 auto;background:#fff;box-shadow:0 2px 10px #01012014;container-type:inline-size}.fl-label{position:absolute;z-index:2;color:#000;font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1}.fl-label.inside{padding:1px 3px;background:#ffffffb3}.fl-cell{position:absolute;overflow:hidden}.fl-cell.empty>button{display:grid;width:100%;height:100%;place-content:center;justify-items:center;gap:6px;border:1px dashed #b9b9c0;background:#f3f3f5;color:var(--fp-faint);font-size:12px;cursor:pointer}.fl-cell.empty>button:hover{border-color:var(--fp-ink);color:var(--fp-ink)}.fl-cell.empty svg{width:20px;height:20px}.fl-cell.filled{cursor:grab}.fl-cell.filled img{width:100%;height:100%;object-fit:contain;pointer-events:none}.fp-app .fl-remove{position:absolute;top:4px;right:4px;display:grid;width:22px;height:22px;place-items:center;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0}.fl-remove svg{width:13px;height:13px}.fl-cell:hover .fl-remove{opacity:1}.fl-dpi{position:absolute;bottom:4px;left:4px;padding:1px 5px;border-radius:2px;background:#ffffffd9;color:var(--fp-muted);font-family:var(--fp-mono);font-size:10px}.fl-dpi.warn{background:#fff3c4;color:#7a5a00}.fl-meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin:12px 0 0;color:var(--fp-faint);font-family:var(--fp-mono);font-size:11px}.fl-tray{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:10px;border:1px dashed var(--fp-hairline);border-radius:4px;font-size:12px}.fl-tray img{width:56px;height:42px;border:1px solid var(--fp-line);object-fit:contain}.fl-error{margin-top:12px;color:#c2410c;font-size:13px}.fl-panel{display:grid;align-content:start;gap:10px;padding:28px 20px;border-left:1px solid var(--fp-line)}.fl-panel h2{margin:12px 0 0;color:var(--fp-muted);font-size:12px;font-weight:500}.fl-layouts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.fl-layouts button{display:grid;justify-items:center;gap:4px;padding:8px 2px 6px;border:1px solid var(--fp-line);border-radius:4px;background:#fff;color:var(--fp-faint);font-size:10px;cursor:pointer}.fl-layouts button span{overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.fl-layouts svg{width:38px;height:27px;fill:#dadade}.fl-layouts button[aria-pressed=true]{border-color:var(--fp-ink);color:var(--fp-ink)}.fl-layouts button[aria-pressed=true] svg{fill:var(--fp-lilac)}.fl-panel select,.fl-custom input{width:100%;height:38px;padding:0 10px;border:1px solid var(--fp-hairline);border-radius:3px;background:#fff;font-size:14px}.fl-custom{display:flex;align-items:center;gap:8px;font-size:13px}.fl-segmented{display:flex;padding:3px;border-radius:4px;background:var(--fp-mist)}.fl-segmented button{flex:1;min-width:0;height:30px;border:0;border-radius:3px;background:transparent;color:var(--fp-muted);font-size:12px;cursor:pointer}.fl-segmented button[aria-pressed=true]{background:#fff;color:var(--fp-ink);box-shadow:0 1px 3px #01012014}.fl-row{display:grid;grid-template-columns:1fr 88px;gap:8px}.fl-note{margin:0;color:var(--fp-faint);font-size:12px;line-height:1.5}.fp-app .fl-export{width:100%;height:44px;margin-top:6px}.fp-app .fl-export:disabled{background:#a3a3a8;cursor:not-allowed}@media(max-width:1100px){.fl-page{grid-template-columns:1fr}.fl-panel{border-top:1px solid var(--fp-line);border-left:0}}@media(max-width:560px){.fl-main{padding:20px 14px}.fl-head{align-items:flex-start;flex-direction:column}.fl-stage{padding:10px}}