body{background:var(--page-bg);color:var(--body-text)}.pub{height:auto;min-height:70px;background:var(--page-bg);border-bottom:1px solid var(--line)}.pub .pub-inner{max-width:1280px;min-height:70px;padding:var(--space-4) var(--space-5);display:flex;gap:var(--space-4);align-items:center;box-sizing:border-box}.logo{white-space:nowrap;font-family:var(--display);font-weight:600;font-size:var(--text-xl);letter-spacing:-.04em;min-width:var(--tap)}.logo img{height:36px;width:auto;margin-right:var(--space-2)}.site-nav{display:flex;align-items:center;gap:var(--space-4);margin-left:auto}.site-nav a,.nav-start{font-size:var(--text);font-weight:400;text-decoration:none;color:var(--ink);white-space:nowrap}.header-cta{margin-left:auto;gap:var(--space-3);flex-shrink:0}.footer{max-width:1280px;margin:var(--space-32) auto 0;padding:var(--space-32) var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:flex-start;border-top:1px solid var(--line);font-size:var(--text);background:transparent;color:var(--muted)}.footer .logo{font-size:var(--text-lg)}.footer .logo img{height:28px;margin-right:var(--space-2)}.wrap{min-height:72vh;padding-top:var(--space-5)}.you-tabs{flex-wrap:wrap}.workspace-page{max-width:1150px;margin:var(--space-32) auto}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.workspace-heading h1{font-size:38px;margin-top:var(--space-1)}.workspace-heading a{font-size:var(--text)}.workspace-state{padding:var(--space-12) var(--space-3);background:var(--rail-bg);border:0;border-radius:var(--radius);font-size:var(--text)}.workspace-preview{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-top:var(--space-4);background:var(--paper)}.workspace-preview-tools{display:flex;justify-content:space-between;gap:var(--space-2);padding:var(--space-12) var(--space-3);font-size:var(--text);border-bottom:1px solid var(--line)}.workspace-preview iframe{width:100%;height:65vh;border:0;display:block}.workspace-empty{background:var(--paper);border:1px dashed var(--line);border-radius:var(--radius);padding:65px var(--space-3);text-align:center;margin:var(--space-4) 0;color:var(--muted)}.workspace-empty>span{font-size:40px;color:var(--accent)}.workspace-chat{max-width:820px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) auto}.workspace-chat label{display:block;font-weight:650;margin-top:var(--space-3)}.workspace-composer{border:1px solid var(--border-strong);border-radius:var(--radius);padding:var(--space-12);display:flex;flex-direction:column;margin-top:var(--space-2);background:var(--paper)}.workspace-composer textarea{width:100%;border:0;background:transparent;padding:var(--space-2);font:inherit;resize:vertical;color:var(--muted)}.workspace-composer button{align-self:flex-end}.workspace-next{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text)}@media(max-width:650px){.pub .pub-inner{padding:var(--space-2) var(--space-3);gap:var(--space-3);flex-wrap:wrap}.logo{font-size:var(--text-intro)}.logo img{height:32px}.site-nav{order:3;width:100%;flex-basis:100%;gap:var(--space-4)}.header-cta{gap:var(--space-12)}.nav-start{font-size:var(--text)}.workspace-heading{align-items:start;flex-direction:column;gap:0}.workspace-heading h1{font-size:var(--text-2xl)}.workspace-next{flex-wrap:wrap}.workspace-chat{padding:var(--space-3)}}@media(max-width:420px){.nav-start{font-size:var(--text-label)}}
.footer-links{display:flex;flex-wrap:wrap;gap:0 var(--space-3)}.footer-links a{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);min-width:var(--tap);text-decoration:none}.footer-entity{margin:0 0 0 auto}.legal-page{max-width:820px;margin:var(--space-32) auto;line-height:1.6}.legal-version{color:var(--muted)}
.report-list{max-width:var(--column);margin:var(--space-32) auto}.report-item{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-3) var(--space-3);margin:var(--space-12) 0}.report-item h2{font-size:var(--text);margin:0 0 var(--space-1)}.report-item pre{white-space:pre-wrap;word-break:break-word;background:var(--rail-bg);border-radius:var(--radius);padding:var(--space-2);font-size:var(--text)}.report-item form{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}
/* UX pass 2 kit PR 2: a readable measure, 75 characters or fewer (checklist line 7); the words are unchanged. */
.legal-page{max-width:47ch}
.project-step{flex-basis:100%;color:var(--muted);font-size:var(--text)}
/* Approved RC2 shared controls: flat dark-green primary, quiet secondary, native state feedback. */
.btn{background:var(--accent);color:var(--white);border:1px solid var(--accent);box-shadow:none;font-weight:550;padding:var(--space-2) var(--space-3)}.btn:disabled{background:var(--chip);color:var(--ink);box-shadow:none}.btn.secondary{background:transparent;color:var(--ink);border-color:var(--border-strong);box-shadow:none}.btn:active{transform:translateY(1px);box-shadow:none}
/* RC2 S13b: the public page's one filled "Open app ↗" (the head's project actions outline every link). */
@media(prefers-reduced-motion:reduce){.btn:active{transform:none}}
.billing-next{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-12) var(--space-3)}
.pp-crumb{color:var(--muted);font-size:var(--text);margin:0 0 var(--space-4)}.pp-steps{list-style:none;padding:0;margin:var(--space-12) 0 var(--space-1);display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3)}.pp-steps li{font-weight:600}.pp-steps .pp-later{color:var(--muted);font-weight:400}.pp-mark{font-size:var(--text-label);font-weight:400;color:var(--muted)}.pp-now .pp-mark{color:var(--accent)}.pp-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-1);margin:0 0 var(--space-2)}.pp-bar span{height:6px;border-radius:3px;background:var(--pill-bg)}.pp-bar span.on{background:var(--accent)}.pp-next,.pp-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:var(--space-12) var(--space-3);margin:var(--space-12) 0}.pp-next{border-color:var(--border-strong)}.pp-label{margin:0;font-size:var(--text-label);text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.pp-next h2,.pp-card h2{margin:var(--space-1) 0 var(--space-2);font-size:var(--text-lg)}.pp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);margin:0}.pp-counts,.pp-note{color:var(--muted)}.pp-crumb > a,.pp-wrote dd > a,.pp-card h3 > a,.pp h1 > a{display:inline-flex;align-items:center;min-height:var(--tap);min-width:var(--tap)}
@media(max-width:420px){.pp-steps{gap:var(--space-1) var(--space-2);font-size:var(--text)}.pp-steps .pp-mark{display:block;font-size:var(--text-label)}}
.wi-hint,.wi-note{color:var(--muted)}.wi-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin:var(--space-12) 0}.speak-btn{padding:0;width:44px;min-width:var(--tap);justify-content:center}.pp-wrote dt{font-weight:600;margin-top:var(--space-2)}.pp-wrote dd{margin:2px 0 0}
.form-error{background:var(--error-bg);color:var(--error-ink);border-left:4px solid var(--error-ink);padding:var(--space-2) var(--space-12);border-radius:var(--radius-sm);font-weight:600;margin:var(--space-1) 0 var(--space-2)}input.input-error{border:2px solid var(--error-ink)}textarea.input-error{border:2px solid var(--error-ink)}
.wi-find{border:0;padding:0;margin:var(--space-12) 0;min-width:0}.wi-find legend{padding:0;font-weight:600;margin-bottom:var(--space-1)}.wi-find label{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--tap);font-weight:600}.wi-find input{width:18px;flex:0 0 18px;margin:0}.wi-find p{margin:0}.wi-find .wi-hint{margin:0 0 var(--space-2) calc(18px + var(--space-2))}
/* Look A: the wide pages keep their width inside the narrower centred column; a flash keeps its edge on mint; the phone header stays on one row. */
.wrap:has(.project-plan,.private-reviews,.private-review,.workspace-page,.experience-flow){max-width:1080px}
/* Gap 6: the creator's project page in two columns on a desktop screen; at phone width it stacks as before. */
@media(min-width:851px){.wrap:has(.pp-cols){max-width:1080px}.pp-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-32);align-items:start}}
/* RC2 S9-E2 (plan 20261023-rc2-s9e2-draft-resume): a private draft at step 1 as the prototype draws it (`draftPlan()` in
   `shell()`; style.css `.split`, `.rail`, `.intro`, `.title-row`): the page as wide as the prototype's `main`, the
   h1 the drawn `.title-row h1` (48px, 40px on phones, line height 1.05; S9-E1's draft title keeps its weight and
   spacing) 24px over the split, the resume column beside a 310px tinted rail 72px away, one column on a phone. */
.wrap:has(.pp-resume){max-width:1232px}.pp.pp-draft:has(>.pp-resume)>.page-title{font-size:48px;line-height:1.05;margin:0 0 var(--space-4)}.pp-resume{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:calc(var(--space-5) + var(--space-4));align-items:start}.pp-resume-main{min-width:0}.pp-resume-intro{font-size:var(--text-intro);max-width:580px;color:var(--muted);line-height:1.5;margin:0 0 var(--space-4)}.pp-rail{background:var(--rail-bg);border-radius:var(--radius);padding:var(--space-4)}.pp-rail h2{font-size:var(--text-lg);font-weight:500;color:var(--ink);margin:0 0 var(--space-2)}.pp-rail p{margin:0}.pp-rail .pp-rail-links{display:flex;flex-direction:column;align-items:flex-start;margin-top:var(--space-2)}.pp-review{margin-top:var(--space-5)}.pp-review h2{font-size:var(--text-xl);font-weight:500;color:var(--ink);margin:0 0 var(--space-3)}.pp-review details{border-top:1px solid var(--line);padding:var(--space-2) 0}.pp-review details p{margin:0 0 var(--space-2)}.pp-review>p{margin-top:var(--space-3)}
@media(min-width:761px){.wrap:has(.pp-resume){padding-inline:var(--space-4)}}
@media(max-width:1240px){.pp-resume{gap:calc(var(--space-5) - var(--space-2))}}
@media(max-width:760px){.pp.pp-draft:has(>.pp-resume)>.page-title{font-size:40px}.pp-resume{grid-template-columns:minmax(0,1fr);gap:calc(2 * var(--space-3))}.pp-resume-intro{font-size:var(--text-lg)}}
/* RC2 S9-E3 (plan 20261023-rc2-s9e3-draft-saved): a private draft at step 2 as drawn (`draftPlan()` with four answers;
   style.css `.status-line`, `.tag`, `.caption`, `.panel`, `.notice`, `.actions`, `.data-row`): the tag line, the
   answers panel under a rule with its drawn heading, the one-off notice (the drawn colours), the action rows
   and the rail's rows; on a phone the line wraps and each action fills its row. */
.pp-draft .pp-status-line{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-3) 0 var(--space-4)}.pp-draft .pp-tag{display:inline-block;font-size:var(--text-label);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--pill-bg);color:var(--tag-ink)}.pp-draft .pp-status-line .caption{font-size:var(--text-label)}.pp-draft .pp-panel{margin-top:0;padding:var(--space-4) 0;border-top:1px solid var(--line)}.pp-draft .pp-panel>h2{font-size:var(--text-xl);line-height:1.2}.pp-draft .pp-panel p{max-width:680px}.pp-draft .pp-panel details{padding:var(--space-3) 0}.pp-draft .pp-panel summary{font-weight:500}.pp-draft .notice{padding:var(--space-3) var(--space-4);margin:var(--space-4) 0;border-left:3px solid #4f8c76;background:#eaf3ea}.pp-draft .notice h2{font-size:var(--text-xl);font-weight:500;color:var(--ink);margin:0 0 var(--space-2)}.pp-draft .notice p{margin:0 0 var(--space-12)}.pp-draft .notice p:last-child{margin:0}.pp-saved-actions{display:flex;gap:var(--space-12);flex-wrap:wrap;align-items:center;margin-top:var(--space-4)}.pp-rail .data-row{gap:var(--space-3);padding:var(--space-3) 0}.pp-rail .data-row strong{font-weight:500;color:var(--ink)}
@media(max-width:760px){.pp-draft .pp-status-line{flex-wrap:wrap}.pp-draft .pp-panel>h2{font-size:var(--text-xl)}.pp-draft .notice{padding:var(--space-3)}.pp-saved-actions>*{flex-grow:1}}
.flash{border:0;border-left:3px solid var(--accent)}
.flash.bad{border-color:var(--error-line)}
.site-nav a{min-height:var(--tap);display:inline-flex;align-items:center}
header.pub{background:var(--page-bg)}
.nav-signin,.nav-you{font-size:var(--text);font-weight:400;text-decoration:none;color:var(--ink);white-space:nowrap;min-height:var(--tap);min-width:var(--tap);display:inline-flex;align-items:center;justify-content:center}
@media(max-width:400px){.pub .pub-inner{padding:var(--space-2) var(--space-12);gap:var(--space-12)}.header-cta{gap:var(--space-2)}.logo img{width:36px;height:30px}}
/* QA F5: the phone header in two rows: the logo's word visually hidden (still read out; the image's alt is ""), the
   footer's word kept. */
@media(max-width:420px){.pub .logo-word{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pub .logo:has(.logo-word) img{margin-right:0}}
/* S1-e: the versions spine's creator page (one column): the name's Change as a small link; decision 2's figures
   with the amount big and its words small (S1-d's figure blocks). */
.pp h1 a{font-size:var(--text);font-weight:600;vertical-align:middle}
/* RC2 S9-E1: the private draft page's title is the prototype's `.local-flow-page h1` (its guided draft page: 44px,
   35px on phones, weight 500, line height 1.15, the h1's -.045em); the project card editor's is the prototype's
   `.project-details-editor h1` (44px, 35px on phones, 1.15, -.035em). One page's own sizes, in px as drawn. */
.pp.pp-draft .page-title{font-size:44px;font-weight:500;line-height:1.15;letter-spacing:-.045em}
.pp.pp-card-editor .page-title{font-size:44px;font-weight:500;line-height:1.15;letter-spacing:-.035em;margin-bottom:var(--space-4)}
@media(max-width:760px){.pp.pp-draft .page-title,.pp.pp-card-editor .page-title{font-size:35px}}

/* RC2 shell and creation compositions; before the reserved spine section. */
.logo-two{color:var(--brand-green)}.pub{position:static;border-color:var(--line)}.header-cta{margin-left:0}.site-nav a,.nav-signin,.nav-you{min-height:var(--tap);display:inline-flex;align-items:center}.footer{border-color:var(--line);color:var(--muted);font-weight:400}.footer-entity{font-size:var(--text);color:var(--muted)}
/* RC2 S17g: on a phone `.wrap`'s top is every page's frame (the drawn `main`'s 28px, 24px since the design-tokens sweep 3d). */
@media(max-width:760px){.pub .pub-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:var(--space-3) var(--space-3);gap:var(--space-2) var(--space-3)}.pub .logo{font-size:var(--text-intro);grid-column:1;grid-row:1}.logo img{height:30px;margin-right:var(--space-2)}.pub .logo-word{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:nowrap;border:0}.header-cta{display:contents}.nav-start{grid-column:2;grid-row:1}.site-nav{grid-column:1 / -1;grid-row:2;order:initial;gap:var(--space-3);margin:0;padding-right:140px;width:100%;font-size:var(--text)}.site-nav a{font-size:var(--text)}.nav-signin,.nav-you{grid-column:2;grid-row:2;justify-self:end}.wrap{padding-top:var(--space-4)}.footer{padding:var(--space-4) var(--space-3)}.footer-entity{margin-left:0}}
/* Existing demo-toolbar controls inherit the shared contrast floor on paper. */
.xp-preview-toolbar>span{color:var(--muted)}.xp-preview-toolbar button,.xp-preview-toolbar a{border-color:var(--border-strong)}
/* RC2 fidelity repair from the frozen rendered geometry, preserving real controls and question guards. */
@media(max-width:760px){.wrap{padding-left:var(--space-3);padding-right:var(--space-3)}}
/* RC2 S3 (plan work/plans/20261022-rc2-s3-account-header.md): the header with For builders, two rows at 16px on a
   phone (the three links spread across row 2, You or Sign in at its end); the sign-in pages in one narrow column; the
   You page as wide as the header, with its label and intro, a three-across tab grid on a phone and lined rows. */
.you-label,.pp-eyebrow{font-size:var(--text-label);text-transform:uppercase;letter-spacing:.12em;font-weight:600;color:var(--accent);margin:0 0 var(--space-3)}.wrap>.you-label+.page-title{margin:0 0 var(--space-4)}.you-intro{font-size:var(--text-intro);color:var(--muted);line-height:1.5;margin:0 0 var(--space-4)}
.auth-page{max-width:670px;margin:0 auto}
.wrap:has(.you-tabs){max-width:calc(1184px + 2 * var(--space-3))}.wrap:has(.you-tabs) .pp{max-width:var(--column)}.you-tabs{gap:var(--space-12);margin:var(--space-32) 0 var(--space-32)}.you-tabs a{justify-content:center;text-align:center}
/* RC2 R4 (plan work/plans/20261027-rc2-r4-start-reading.md, sw-44): the You tabs' headings are the drawn h2
   (`style.css:1`: 28px at -.025em, 25px in its 760px block); buttons and header unchanged. */
.wrap:has(.you-tabs) h2{font-size:var(--text-xl);letter-spacing:-.025em}
@media(max-width:760px){.wrap:has(.you-tabs) h2{font-size:var(--text-xl)}}
/* RC2 S14a (plan work/plans/20261023-rc2-s14a-you-tabs.md): the You tabs' rows as the prototype draws them
   (`youPage()`'s `.account-project`): a tag, the name, a line, one button at the right (full width on a phone);
   the drawn empty state; the pledge list's "Your pledges" heard, not seen, under "Your backing" (as
   experience.css's `.visually-hidden`, which this page doesn't load; clipped to nothing with no height set, so
   test_css_floor's 44 px floor for tappable things doesn't read it as a control); the pledge rows laid out as the
   drawn rows (name, lines, the row's button at the right, full width on a phone), their words untouched. */
.you-rows{list-style:none;padding:0;margin:0}.you-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-top:1px solid var(--line)}.you-row>div{flex:1 1 auto;min-width:0}.you-row h3{margin:var(--space-2) 0 0;font-size:var(--text-xl)}.you-row h3:first-child{margin-top:0}.you-row p,.you-row .project-step{display:block;max-width:620px;margin:var(--space-2) 0 0;color:var(--body-text);overflow-wrap:anywhere}.you-row>.btn{flex-shrink:0}.you-tag{display:inline-block;font-size:var(--text-label);line-height:1.2;color:var(--tag-ink);background:var(--pill-bg);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.you-empty{padding:var(--space-5) 0}.you-empty>*{margin:0 0 var(--space-3)}section[aria-labelledby=h-backed] .backing-pledges>h3{position:absolute;width:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
section[aria-labelledby=h-backed] .backed-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--space-4);align-items:center;padding:var(--space-4) 0}section[aria-labelledby=h-backed] .backed-row>*{grid-column:1;margin:var(--space-2) 0 0}section[aria-labelledby=h-backed] .backed-row>:first-child{margin-top:0}section[aria-labelledby=h-backed] .backed-row>p:has(>.btn){grid-column:2;grid-row:1/span 6;margin:0}section[aria-labelledby=h-backed] .backed-row>:is(h3,h4){font-size:var(--text-xl);font-weight:500}section[aria-labelledby=h-backed] .backed-row>:is(h3,h4) a{color:inherit;text-decoration:none}
@media(min-width:761px) and (max-width:1000px){.pub .pub-inner{padding-left:var(--space-32);padding-right:var(--space-32)}.footer{padding-left:var(--space-32);padding-right:var(--space-32)}.site-nav{gap:var(--space-3)}}
/* RC2 R8 round 2 (plan work/plans/20261028-rc2-r8-you-messages.md, the owner's dot): an unseen message, 8px on the
   accent token, placed absolutely in "You" and the Messages tab so it adds no width; "You" stays styled as "Sign in". */
.you-dot{position:absolute;top:var(--space-2);right:var(--space-1);width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--accent)}
.nav-signin,.nav-you,.you-tabs a{position:relative}
@media(max-width:760px){.you-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}section[aria-labelledby=h-backed] .backed-row{grid-template-columns:minmax(0,1fr)}section[aria-labelledby=h-backed] .backed-row>p:has(>.btn){grid-column:1;grid-row:auto;margin-top:var(--space-3)}section[aria-labelledby=h-backed] .backed-row>p>.btn{width:100%}.site-nav{justify-content:space-between;padding-right:72px}.auth-page .btn{display:flex;width:100%;margin:0 0 var(--space-2)}.you-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.you-intro{font-size:var(--text-lg)}.you-tabs a{padding:var(--space-2)}}
@media(max-width:420px){.site-nav a,.nav-signin,.nav-you{font-size:var(--text-form)}.site-nav{gap:var(--space-2);padding-right:64px}.you-tabs a{font-size:var(--text-form);padding:0 var(--space-1)}}
/* RC2 S9-C (plan 20261023-rc2-s9c-account-pages): the footer's box mirrors the header's (`.pub .pub-inner`, above and in
   the 761-1000px and 760px bands), so their edges meet at every width. `.data-row`: the name/value rows of a job's work record, the job board and the creator page. */
.data-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.data-row strong{font-weight:600;overflow-wrap:anywhere}
/* RC2 S18f (plan 20261026-rc2-s18-final-items): the drawn `.intro` under the spine's description while the Studio's
   hub shows (`studio-fullscreen.js:15`; 18px at 760px and below, as `.pl-intro`). Scoped past `.pp .pp-head-text p`
   (project-composition.css, 16px). Above the S1-f block, which holds no media query. */
/* S1-f: the versions spine's creator page as the mockup's Main artboard, by `.pp-spine` and the classes only the spine
   renders: the name block beside the app card, the app card in four lines, the demo row (its `--xp-ink` for the
   expanded frame's Close button), the money figures on one baseline, the cards' heads and feet, the lined-up
   changes as rows. No media query: every row wraps at phone width. */
.pp-app-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px var(--space-3)}.pp-app-line p{margin:0}
.pp-spine .pp-changes{list-style:none;padding:0}.pp-spine .pp-changes>li{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);border:1px solid #D4D6DB;border-radius:var(--radius);padding:var(--space-2) var(--space-12);margin:0 0 var(--space-2)}.pp-spine .pp-change-remove{margin-left:auto}