.nfs{--ink:#0b2639;--muted:#647c93;--line:#dbe5ec;--blue:#0869d7;color:var(--ink);max-width:1552px;margin:48px auto;font-family:inherit}.nfs *{box-sizing:border-box}.nfs-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.nfs-heading small{letter-spacing:.14em;color:var(--muted)}.nfs h1{font-size:36px;margin:9px 0}.nfs h2{font-size:19px;margin:0 0 18px}.nfs h3{font-size:16px;margin:22px 0 12px}.nfs p{line-height:1.6}.nfs button,.nfs-file{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 13px;color:var(--ink);cursor:pointer;font:inherit}.nfs button:hover{border-color:var(--blue)}.nfs button:focus-visible,.nfs input:focus-visible,.nfs select:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nfs button:disabled{opacity:.45;cursor:not-allowed}.nfs .nfs-primary{background:var(--ink);color:#fff}.nfs-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.nfs-steps button{text-align:left;padding:16px}.nfs-steps b{display:inline-grid;place-items:center;border-radius:50%;width:25px;height:25px;margin-right:7px;background:#edf3f6}.nfs-steps button[aria-current=step]{background:var(--ink);color:white}.nfs-steps button[aria-current=step] b{background:#30536b}.nfs-tools,.nfs-inline{display:flex;gap:7px;flex-wrap:wrap}.nfs-tools{margin-bottom:12px}.nfs-file{margin:0!important}.nfs-file input{display:none}.nfs-workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.nfs-card{border:1px solid var(--line);border-radius:17px;padding:24px;background:white;box-shadow:0 12px 40px #102f4510}.nfs-controls label{display:block;font-size:13px;font-weight:600;margin:13px 0}.nfs-controls input:not([type=checkbox]),.nfs-controls select,.nfs-controls textarea{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:7px;padding:11px;color:var(--ink);background:white;font:inherit}.nfs-controls input[type=checkbox]{margin-right:6px}.nfs-controls textarea{min-height:80px}.nfs-controls button{margin-top:5px}.nfs-help{font-size:12px;color:var(--muted)}.nfs-canvas-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:15px}.nfs-canvas-head h2{margin:0 auto 0 0}.nfs-canvas-head label{font-size:12px}.nfs-canvas-card{min-width:0}.nfs svg,.nfs canvas{width:100%;height:560px;background:#f1f6f8;border-radius:12px;touch-action:none;user-select:none}.nfs [hidden]{display:none!important}.nfs-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.nfs #nfs-message{min-height:24px;font-size:14px}.nfs .nfs-error{color:#a52020;background:#fff0ed;padding:12px;border-radius:7px}.nfs .nfs-swatch{display:flex;align-items:center;width:100%;gap:12px;text-align:left}.nfs-swatch span{width:24px;height:24px;border:1px solid #8495a2;border-radius:50%}.nfs [aria-pressed=true]{border:2px solid var(--blue)}.nfs-library-entry{display:block;width:100%;text-align:left}.nfs-library-entry small{display:block;color:var(--muted)}.nfs dl{display:grid;grid-template-columns:1fr 1fr;gap:8px}.nfs dd{margin:0;text-align:right}.nfs dialog{border:1px solid var(--line);border-radius:16px;max-width:600px;width:90%;padding:28px}.nfs dialog::backdrop{background:#0b263977}.nfs-project-row{display:flex;align-items:center;gap:10px;margin:10px 0}.nfs-project-row span{margin-right:auto}.nfs #nfs-price strong{font-size:28px;display:block;margin:20px 0}.nfs #nfs-corners{max-height:250px;overflow:auto}.nfs #nfs-corners label{display:flex;align-items:center;gap:6px}.nfs #nfs-corners input{width:42%}.nfs #nfs-exports button{display:block}.nfs #nfs-dimensions{font-size:13px;color:var(--muted)}@media(max-width:1000px){.nfs-workspace{grid-template-columns:280px minmax(0,1fr);gap:12px}.nfs-card{padding:16px}.nfs-steps button{font-size:12px;padding:10px}.nfs svg,.nfs canvas{height:460px}}@media(max-width:700px){.nfs{margin:20px 10px}.nfs-heading{display:block}.nfs h1{font-size:28px}.nfs-steps{grid-template-columns:repeat(5,1fr);gap:4px}.nfs-steps button{padding:6px;font-size:10px}.nfs-steps b{display:block;margin:0 auto 4px}.nfs-workspace{display:flex;flex-direction:column-reverse}.nfs svg,.nfs canvas{height:360px}.nfs-controls{width:100%}}

/* Selected properties remain beside the drawing, independent of the library. */
.nfs .nfs-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.nfs .nfs-field-grid label{min-width:0}.nfs .nfs-field-grid input{min-width:0}.nfs-workspace.nfs-layout{grid-template-columns:280px minmax(0,1fr) 250px;gap:16px}.nfs-library-card{min-width:0}.nfs-library-card input{width:100%;padding:10px;border:1px solid var(--line);border-radius:7px;margin-bottom:12px}.nfs #nfs-library{max-height:430px;overflow:auto}.nfs #nfs-item-fields h3{margin-top:0}.nfs #nfs-corner-editor{padding:12px;background:#f1f6f8;border-radius:8px;margin:12px 0}.nfs #nfs-corner-editor h3{margin:0}.nfs .nfs-dimension{paint-order:stroke;stroke:#f1f6f8;stroke-width:2px;cursor:pointer}.nfs #nfs-legacy{font-size:12px;background:#fff4d2;padding:10px}.nfs svg:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nfs-controls details{margin-top:12px}.nfs-controls summary{cursor:pointer;font-size:13px}
@media(max-width:1200px){.nfs-workspace.nfs-layout{grid-template-columns:280px minmax(0,1fr)}.nfs-library-card{grid-column:2}.nfs-layout .nfs-controls{grid-row:1/3}.nfs #nfs-library{max-height:240px}}
@media(max-width:700px){.nfs-workspace.nfs-layout{display:flex}.nfs-workspace .nfs-canvas-card{order:3}.nfs-workspace .nfs-controls{order:2}.nfs-workspace .nfs-library-card{order:1}}

.nfs-outline-setup{display:flex;align-items:end;flex-wrap:wrap;gap:10px;padding:14px;background:#f1f6f8;border-radius:9px;margin-bottom:14px}.nfs-outline-setup label{display:block;font-size:12px;font-weight:600;flex:1 1 100px;max-width:170px}.nfs-outline-setup input,.nfs-outline-setup select{width:100%;display:block;margin-top:6px;padding:9px;border:1px solid var(--line);border-radius:6px;font:inherit;background:#fff;color:var(--ink)}.nfs-outline-setup p{flex-basis:100%;margin:3px 0}.nfs #nfs-corner-editor{padding:0;background:transparent;margin:0}.nfs #nfs-side-editor h3{margin-top:0}.nfs .nfs-angle-label{paint-order:stroke;stroke:white;stroke-width:2px}.nfs .nfs-angle-arc:hover{stroke:var(--blue)}.nfs #nfs-direction-warning{border-left:3px solid var(--line);padding-left:10px;margin:14px 0}

/* Start with the outline; reveal the left inspector only for a selection. */
.nfs-workspace.nfs-start{grid-template-columns:minmax(0,1fr)}
.nfs-stage-help{margin:12px 0 6px;font-size:16px;font-weight:600}
.nfs-file-tools{position:relative}.nfs-file-tools summary{cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:white}
.nfs-file-tools>div{position:absolute;z-index:20;top:100%;right:0;width:230px;background:white;border:1px solid var(--line);box-shadow:0 8px 24px #102f4520;border-radius:8px;padding:10px;display:grid;gap:8px}
.nfs-shape-start{flex-basis:100%;width:100%}.nfs-shape-start h3{margin:0 0 12px}
.nfs-shape-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:8px}
.nfs-shape-choices button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;font-weight:600}
.nfs-shape-choices span{font-size:30px;line-height:1;color:var(--blue)}
.nfs-shape-choices button[aria-pressed=true]{background:#eaf4ff}
.nfs-start #nfs-plan{height:430px}
.nfs-bottom [data-action=next]{margin-left:auto}.nfs-outline-setup [data-action=preset]{order:2}.nfs-outline-setup>p{order:3}
@media(max-width:700px){.nfs-shape-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.nfs-shape-choices button{font-size:13px;gap:6px;padding:8px}.nfs-start #nfs-plan{height:300px}.nfs-outline-setup label{max-width:none;flex-basis:40%}.nfs-stage-help{font-size:14px}.nfs-file-tools>div{right:0}}
.nfs-section-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px}.nfs-section-row label{min-width:0}.nfs-section-row button{font-size:12px;padding:8px}.nfs #nfs-section-editor{padding:0 0 14px;border-bottom:1px solid var(--line);margin-bottom:14px}