:root,:root[data-theme=light]{color-scheme:light;--ground: #F6F7F4;--surface: #FFFFFF;--sunk: #EEF0EA;--ink: #1F2430;--ink-2: #545A66;--line: #D9DCD3;--field: #8A8F84;--hole: rgba(31, 36, 48, .1);--action: #4A5B79;--action-hover: #3C4B65;--on-action: #FFFFFF;--action-soft: #E6EAF1;--on-action-soft: #33415A;--link: #4A5B79;--link-hover: #33415A;--focus: #4A5B79;--tape: #4A5B79;--on-tape: #FFFFFF;--tape-later: #D9DCD3;--on-tape-later: #1F2430;--found: #4F5C40;--found-bg: #EEF1E6;--warn: #8A5100;--warn-bg: #FBF0DC;--stop: #A3352B;--stop-bg: #FBE9E6}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--ground: #161A22;--surface: #1F2430;--sunk: #191D26;--ink: #ECEEE8;--ink-2: #A9AEA4;--line: #353B48;--field: #6B7180;--hole: rgba(236, 238, 232, .07);--action: #566A8D;--action-hover: #627699;--on-action: #FFFFFF;--action-soft: #2A3346;--on-action-soft: #C3CEE3;--link: #A9B8D4;--link-hover: #C3CEE3;--focus: #A9B8D4;--tape: #566A8D;--on-tape: #FFFFFF;--tape-later: #353B48;--on-tape-later: #ECEEE8;--found: #BCCB9F;--found-bg: #262E20;--warn: #F0C27A;--warn-bg: #352812;--stop: #F2A496;--stop-bg: #3A1F1B}}:root[data-theme=dark]{color-scheme:dark;--ground: #161A22;--surface: #1F2430;--sunk: #191D26;--ink: #ECEEE8;--ink-2: #A9AEA4;--line: #353B48;--field: #6B7180;--hole: rgba(236, 238, 232, .07);--action: #566A8D;--action-hover: #627699;--on-action: #FFFFFF;--action-soft: #2A3346;--on-action-soft: #C3CEE3;--link: #A9B8D4;--link-hover: #C3CEE3;--focus: #A9B8D4;--tape: #566A8D;--on-tape: #FFFFFF;--tape-later: #353B48;--on-tape-later: #ECEEE8;--found: #BCCB9F;--found-bg: #262E20;--warn: #F0C27A;--warn-bg: #352812;--stop: #F2A496;--stop-bg: #3A1F1B}:root{--photo-frame: #2B2E33;--picker-bg: #FFFFFF;--on-picker: #33415A;--picker-out: rgba(231, 233, 227, .6);--picker-hatch: rgba(31, 36, 48, .45);--mesh: #EAE5D6;--mesh-hole: rgba(70, 66, 58, .7);--backdrop: rgba(22, 26, 34, .55)}:root{--font-text: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", Verdana, sans-serif;--font-num: "Atkinson Hyperlegible Mono", ui-monospace, Menlo, monospace;--text-title: 32px;--text-title-lh: 40px;--text-tape: 20px;--text-tape-lh: 26px;--text-heading: 22px;--text-heading-lh: 30px;--text-body: 18px;--text-body-lh: 28px;--text-small: 16px;--text-small-lh: 24px;--text-label: 15px;--text-label-lh: 20px;--text-readout: 56px;--text-readout-lh: 60px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-control: 6px;--radius-panel: 12px;--target-min: 48px;--target-main: 56px;--page-max: 1280px;--gutter: 32px;--gutter-phone: 16px;--steps-col: 500px;--holes-pitch: 16px;--tabbar-h: 76px}@media (max-width: 600px){:root{--text-title: 28px;--text-title-lh: 36px;--text-tape: 19px;--text-readout: 44px;--text-readout-lh: 50px;--gutter: var(--gutter-phone)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-text);font-size:var(--text-body);line-height:var(--text-body-lh);color:var(--ink);background-color:var(--ground);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img,canvas,svg{display:block}a{color:var(--link);text-underline-offset:4px}a:hover{color:var(--link-hover)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.num{font-family:var(--font-num);font-variant-numeric:tabular-nums}.small{font-size:var(--text-small);line-height:var(--text-small-lh)}.hint{font-size:var(--text-small);line-height:var(--text-small-lh);color:var(--ink-2)}.label{font-size:var(--text-label);line-height:var(--text-label-lh);font-weight:700}.heading{font-size:var(--text-heading);line-height:var(--text-heading-lh);font-weight:700}.title{font-size:var(--text-title);line-height:var(--text-title-lh);font-weight:700}.holes{background-color:var(--ground);background-image:radial-gradient(circle,var(--hole) 1.5px,transparent 2px);background-size:var(--holes-pitch) var(--holes-pitch);background-position:8px 8px}.tape{display:inline-flex;align-items:center;gap:12px;margin:0;padding:8px 28px 9px;background-color:var(--tape);color:var(--on-tape);font-weight:700;font-size:var(--text-tape);line-height:var(--text-tape-lh);background-image:linear-gradient(180deg,#ffffff1a,#fff0 45%,#0000000d);clip-path:polygon(7px 0,calc(100% - 3px) 0,100% 14%,calc(100% - 6px) 31%,calc(100% - 1px) 47%,calc(100% - 5px) 63%,100% 80%,calc(100% - 4px) 100%,4px 100%,0 86%,6px 70%,1px 52%,5px 36%,0 19%);flex:none;max-width:100%}.tape-b{clip-path:polygon(3px 0,calc(100% - 7px) 0,calc(100% - 1px) 17%,calc(100% - 5px) 34%,100% 50%,calc(100% - 6px) 68%,calc(100% - 1px) 84%,calc(100% - 5px) 100%,6px 100%,1px 81%,5px 64%,0 47%,4px 30%,1px 12%)}.tape-later{background-color:var(--tape-later);color:var(--on-tape-later)}.tape--title{font-size:var(--text-title);line-height:var(--text-title-lh);padding:10px 36px 12px;align-self:flex-start}@media (max-width: 600px){.tape{padding:7px 24px 8px}.tape--title{padding:8px 30px 10px}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--target-min);padding:0 18px;border:2px solid transparent;border-radius:var(--radius-control);background:transparent;color:var(--ink);font-weight:700;font-size:var(--text-body);line-height:24px;text-decoration:none;text-align:center;position:relative}.btn svg{flex:none}.btn--main{background:var(--action);color:var(--on-action);border-color:var(--action)}.btn--main:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover);color:var(--on-action)}.btn--big{min-height:var(--target-main);font-size:19px}.btn--wide{display:flex;width:100%}.btn--outline{border-color:var(--link);color:var(--link);background:var(--surface)}.btn--outline:hover:not(:disabled){border-color:var(--link-hover);color:var(--link-hover)}.btn--quiet{padding:0;min-height:44px;color:var(--link);text-decoration:underline;text-underline-offset:4px;align-self:flex-start}.btn--quiet:hover:not(:disabled){color:var(--link-hover)}.btn--brick{border-color:var(--stop);color:var(--stop);background:var(--surface)}.btn--done{border-color:var(--found-bg);background:var(--found-bg);color:var(--found)}.btn:disabled{cursor:not-allowed}.btn--main:disabled{background:var(--sunk);border-color:var(--sunk);color:var(--ink-2)}.btn--file{overflow:hidden}.btn--file input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.btn--file:focus-within{outline:3px solid var(--focus);outline-offset:3px}.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.why{font-size:var(--text-small);line-height:var(--text-small-lh);color:var(--ink-2)}.status{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:8px;font-size:var(--text-small);line-height:24px}.status>svg{flex:none;margin-top:2px}.status>div>*+*{margin-top:10px}.status--working{background:var(--sunk);color:var(--ink)}.status--found{background:var(--found-bg);color:var(--found)}.status--warn{background:var(--warn-bg);color:var(--warn)}.status--stop{background:var(--stop-bg);color:var(--stop)}.status--big{padding:18px;border-radius:10px;gap:14px}.status--big .status__lead{font-size:var(--text-heading);line-height:var(--text-heading-lh);font-weight:700}.status--big p:not(.status__lead){font-size:17px;line-height:26px}.spin{animation:spin .9s linear infinite;transform-origin:50% 50%}@keyframes spin{to{transform:rotate(360deg)}}.done-chip{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-label);line-height:var(--text-label-lh);font-weight:700;color:var(--found);background:var(--found-bg);padding:5px 10px 5px 8px;border-radius:var(--radius-control)}.step-note{font-size:var(--text-label);line-height:var(--text-label-lh);font-weight:700;color:var(--link)}.step-note--later{color:var(--ink-2);font-weight:400}.field{display:flex;flex-direction:column;gap:6px}.field>label,.field>.field__label{font-size:var(--text-small);line-height:22px;font-weight:700}.input{min-height:var(--target-main);padding:0 14px;border:2px solid var(--field);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);font-size:var(--text-body);max-width:100%}.input--num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:24px;font-weight:700;text-align:center;width:104px;padding:0 8px}.input-unit{display:flex;align-items:center;gap:8px}.input-unit>span{color:var(--ink-2)}.seg{display:inline-flex;border:2px solid var(--field);border-radius:8px;padding:3px;gap:3px;background:var(--surface)}.seg button{min-height:42px;min-width:60px;padding:0 14px;border:0;border-radius:5px;background:transparent;color:var(--ink);font-weight:700}.seg button[aria-pressed=true]{background:var(--action);color:var(--on-action)}.seg button:focus-visible{outline-offset:1px}.checklist{display:flex;flex-direction:column;gap:2px;border-top:1px solid var(--line);padding-top:14px}.checklist h3{font-size:18px;line-height:26px;margin-bottom:4px}.checklist label{display:flex;gap:14px;align-items:center;min-height:48px;cursor:pointer}.checklist input{width:24px;height:24px;flex:none;accent-color:var(--link);margin:0}.checklist input:checked+span{color:var(--ink-2);text-decoration:line-through}@media (max-width: 600px){.checklist label{min-height:52px}.checklist input{width:26px;height:26px}.checklist span{font-size:17px;line-height:24px}}.stages{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--sunk);min-height:200px}.stages li{list-style:none;display:flex;gap:10px;align-items:center;font-size:var(--text-small);line-height:22px}.stages .is-done{color:var(--found)}.stages .is-now{font-weight:700}.stages .is-later{color:var(--ink-2)}.stages__dot{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;flex:none}.stages__dot:before{content:"";width:6px;height:6px;border-radius:3px;background:var(--field)}.drop{position:relative;min-height:200px;border:2px dashed var(--field);border-radius:var(--radius-panel);background:var(--surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;cursor:pointer}.drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.drop:focus-within{outline:3px solid var(--focus);outline-offset:3px}.drop:hover{border-color:var(--link)}.drop__or{font-size:var(--text-small);line-height:22px;color:var(--link);text-decoration:underline;text-underline-offset:3px}.drop--over{border-style:solid;border-color:var(--link);background:var(--action-soft);color:var(--on-action-soft)}.drop-stopped{min-height:200px;border:2px solid var(--stop);border-radius:var(--radius-panel);background:var(--stop-bg);color:var(--stop);display:flex;flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px}.drop-stopped p{font-size:var(--text-small);line-height:23px}.readouts{display:flex;flex-direction:column;gap:12px;container:readouts / inline-size}.readout{border:2px solid var(--ink);border-radius:var(--radius-panel);padding:14px 16px;background:var(--surface);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px 12px;transition:background-color .4s}.readout--flash{background:var(--found-bg);transition:none}.readout__label{grid-column:1 / -1;font-size:var(--text-label);line-height:var(--text-label-lh);font-weight:700;letter-spacing:.02em;text-transform:uppercase}.readout__value{display:flex;align-items:baseline;gap:6px;min-width:0}.readout__value .readout__n{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-size:var(--text-readout);line-height:var(--text-readout-lh);font-weight:700}.readout__value .readout__unit{font-size:18px;color:var(--ink-2)}.readout .btn{margin-bottom:4px}@media (max-width: 600px){.readout{padding:12px}.readout__value .readout__unit{font-size:16px}}@container readouts (max-width: 380px){.readout{grid-template-columns:minmax(0,1fr)}.readout .btn{justify-self:start;margin-bottom:0}}.dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);border:1px solid var(--line);border-radius:var(--radius-panel);padding:24px;background:var(--surface);color:var(--ink)}.dialog::backdrop{background:var(--backdrop)}.dialog>*+*{margin-top:16px}.dialog h2{font-size:var(--text-heading);line-height:var(--text-heading-lh)}.layout-steps{display:grid;grid-template-columns:minmax(0,var(--steps-col)) minmax(0,1fr);gap:20px 32px;align-items:start}.layout-steps>.preview{grid-area:pv;position:sticky;top:24px}@media (max-width: 900px){.layout-steps{grid-template-columns:minmax(0,1fr)}.layout-steps>.preview{position:static}}.step{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:22px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}.step--now{border:2px solid var(--link);padding:21px 23px}.step__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px}.step__text{font-size:17px;line-height:26px}.step__found{color:var(--found);font-size:17px;line-height:26px}@media (max-width: 600px){.step{padding:18px;gap:14px}.step--now{padding:17px}}.preview-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;min-width:0}.preview-panel__head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.preview-panel__head h2{font-size:var(--text-heading);line-height:var(--text-heading-lh);flex:1 1 auto}.preview-empty{min-height:360px;border-radius:8px;background:var(--sunk);display:flex;flex-direction:column;justify-content:center;gap:8px;padding:32px}.preview-empty p{max-width:46ch;color:var(--ink-2)}.preview-empty .preview-empty__title{font-size:20px;line-height:28px;font-weight:700;color:var(--ink)}@media (max-width: 600px){.preview-panel{padding:16px;gap:12px}.preview-empty{min-height:220px;padding:20px}}@media (prefers-reduced-motion: reduce){.spin{animation-duration:2.4s}.readout{transition:none}}.app{min-height:100vh;min-height:100dvh}main{outline:none}main:focus-visible{outline:none}.skip-link{position:absolute;left:16px;top:-100px;z-index:50;min-height:48px;padding:0 18px;border:2px solid var(--link);border-radius:var(--radius-control);background:var(--surface);color:var(--link);font-weight:700}.skip-link:focus{top:8px}.ink-2{color:var(--ink-2)}.measure{max-width:640px}.stack{display:flex;flex-direction:column;gap:16px}.with-icon{display:flex;gap:10px;align-items:flex-start}.with-icon>svg{flex:none;margin-top:3px}.link-strong{font-weight:700;text-underline-offset:4px;display:inline-flex;align-items:center;min-height:44px;align-self:flex-start}.link-btn{min-height:48px;padding:0 12px;display:inline-flex;align-items:center;font-weight:700;color:var(--link);text-underline-offset:4px}.back-link{display:inline-flex;align-items:center;gap:6px;min-height:48px;font-weight:700;text-underline-offset:4px;align-self:flex-start}.phone-only{display:none!important}@media (max-width: 600px){.phone-only{display:inline-flex!important}.desktop-only{display:none!important}}.topbar{background:var(--surface);border-bottom:1px solid var(--line)}.topbar__in{max-width:var(--page-max);margin:0 auto;padding:12px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:8px 28px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-weight:700;font-size:19px;min-height:48px}.brand:hover{color:var(--ink)}.logo-mark{flex:none;border-radius:7px;background:var(--action);display:grid;grid-template-columns:repeat(3,4px);grid-template-rows:repeat(3,4px);gap:4px;place-content:center}.logo-mark>span{background:#fff;border-radius:2px}.topnav{display:flex;flex-wrap:wrap;gap:4px;flex:1 1 auto}.topnav a{min-height:48px;padding:0 16px;border-radius:var(--radius-control);display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);text-decoration:none}.topnav a:hover{background:var(--sunk);color:var(--ink)}.topnav a[aria-current=page]{background:var(--action-soft);color:var(--on-action-soft)}.topbar__end{display:flex;align-items:center;gap:14px}.kept{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-small);color:var(--ink-2)}.kept--warn{color:var(--warn);font-weight:700}.phonebar,.tabbar,.toolbar-phone{display:none}@media (max-width: 600px){.topbar{display:none}.phonebar{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;background:var(--surface);border-bottom:1px solid var(--line)}.brand--phone{font-size:18px}.phonebar__signin{min-height:48px;padding:0 8px;display:inline-flex;align-items:center;font-weight:700}.tabbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;position:fixed;left:0;right:0;bottom:0;z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));padding:6px 8px calc(14px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line)}.tabbar a{border-radius:8px;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:14px;line-height:18px;font-weight:700}.tabbar a[aria-current=page]{background:var(--action-soft);color:var(--on-action-soft)}.app:not([data-focused]) main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px))}.app[data-focused] .phonebar,.app[data-focused] .tabbar{display:none}.toolbar-phone{display:flex;flex-direction:column;gap:6px;margin:0 calc(-1 * var(--gutter));padding:8px 16px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--surface);border-bottom:1px solid var(--line)}.toolbar-phone__row{display:flex;align-items:center;gap:4px}.toolbar-phone__row h1{font-size:22px;line-height:30px;flex:1}.toolbar-phone__back{width:48px;height:48px;margin-left:-12px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink)}.toolbar-phone__action{min-height:48px;padding:0 4px}.toolbar-phone .chip,.toolbar-phone .chip-wrap{align-self:flex-start}}.page{max-width:var(--page-max);margin:0 auto;padding:48px var(--gutter) 72px;display:flex;flex-direction:column;gap:48px}.page[hidden]{display:none}.page--tool,.page--flow{padding-top:20px;gap:20px}.page--studio{gap:40px;padding-bottom:80px}@media (max-width: 600px){.page{padding:28px var(--gutter) 40px;gap:28px}.page--tool,.page--flow{padding-top:0;gap:16px}}.section{display:flex;flex-direction:column;gap:18px}.section__head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px}.section__head--end{align-items:flex-end}@media (max-width: 600px){.section{gap:12px}}.recent-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:20px}.recent-card{overflow:hidden;display:flex;flex-direction:column}.mesh{background-color:var(--mesh);background-image:radial-gradient(circle at 75% 75%,var(--mesh-hole) 0 1.2px,transparent 1.6px);background-size:6px 6px}.recent-pic{height:148px;display:flex;align-items:center;justify-content:center;padding:16px}.recent-pic img,.recent-row__pic img,.recent-detail__pic img{max-width:100%;max-height:100%;image-rendering:pixelated;object-fit:contain}.recent-card__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px}.recent-card__body h3{font-size:19px;line-height:26px}.recent-card__body .btn-row{gap:10px}.shelves{padding:8px 28px;display:flex;flex-direction:column}.shelf{display:flex;flex-wrap:wrap;gap:16px 32px;padding:24px 0}.shelf+.shelf{border-top:1px solid var(--line)}.shelf__name{flex:1 1 200px;max-width:240px;display:flex;flex-direction:column;gap:4px}.shelf__tools{flex:999 1 560px;min-width:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:16px}.tile{text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-panel);padding:18px;display:flex;gap:16px;align-items:flex-start}.tile:hover{border-color:var(--link);color:var(--ink)}.tile__icon{width:48px;height:48px;flex:none;border-radius:10px;background:var(--action-soft);color:var(--link);display:flex;align-items:center;justify-content:center}.tile__words{display:flex;flex-direction:column;gap:4px}.tile__words strong{font-size:20px;line-height:26px}.tile__note{font-size:var(--text-label);line-height:var(--text-label-lh);display:inline-flex;align-items:center;gap:6px;margin-top:4px}.tile__note--found{color:var(--found)}.tile__note--warn{color:var(--warn);font-weight:700}@media (max-width: 600px){.shelves{padding:4px 16px}.shelf{padding:18px 0;gap:12px}.shelf__name{max-width:none}.tile{padding:16px;gap:14px}}.first-run{background:var(--surface);border:2px solid var(--link);border-radius:var(--radius-panel);padding:20px 24px;display:flex;flex-direction:column;gap:14px;max-width:760px}.first-run__head{display:flex;gap:12px;align-items:center}.first-run__head h2{font-size:21px;line-height:28px}.first-run__actions{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.first-run__actions .btn--quiet{align-self:center;min-height:48px}@media (max-width: 600px){.first-run{padding:20px}.first-run__actions{flex-direction:column;align-items:stretch}.first-run__actions .btn--quiet{align-self:center}}.empty-card{background:var(--surface);border:1px dashed var(--field);border-radius:var(--radius-panel);padding:20px;display:flex;flex-direction:column;gap:10px;max-width:760px}.empty-card__kept{display:flex;gap:8px;align-items:flex-start}.empty-card__kept svg{flex:none;margin-top:3px}.list-detail{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:24px;align-items:start}.recent-list{list-style:none;overflow:hidden}.recent-list li+li{border-top:1px solid var(--line)}.recent-list a{display:flex;gap:14px;align-items:center;padding:12px 16px;min-height:72px;color:var(--ink);text-decoration:none}.recent-list a:hover{background:var(--sunk);color:var(--ink)}.recent-list a[aria-current=true]{background:var(--action-soft);color:var(--on-action-soft)}.recent-list a[aria-current=true] .hint{color:var(--on-action-soft)}.recent-list a>svg{flex:none;color:var(--ink-2)}.recent-row__pic{width:56px;height:56px;flex:none;border-radius:6px;display:flex;align-items:center;justify-content:center;padding:6px}.recent-row__words{flex:1;min-width:0;display:flex;flex-direction:column}.recent-row__words strong{font-size:18px;line-height:24px}.recent-detail{padding:24px;display:flex;flex-direction:column;gap:18px;position:sticky;top:24px}.recent-detail__pic{height:260px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:24px}.recent-detail__remove{border-top:1px solid var(--line);padding-top:18px}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px;margin:0}.facts dt{font-size:var(--text-label);line-height:var(--text-label-lh);font-weight:700;color:var(--ink-2)}.facts dd{margin:2px 0 0;font-size:var(--text-small);line-height:var(--text-small-lh)}@media (max-width: 900px){.list-detail{grid-template-columns:minmax(0,1fr)}.list-detail:not([data-chosen]) .recent-detail{display:none}.list-detail[data-chosen] .recent-list{display:none}.list-detail[data-chosen] .recent-detail .back-link{display:inline-flex!important}.recent-detail{position:static;padding:18px}.recent-detail__pic{height:200px}}.studio{max-width:920px;display:flex;flex-direction:column;gap:40px}.studio-h{font-size:24px;line-height:32px}.studio-panel{padding:26px 28px;display:flex;flex-direction:column;gap:16px}.studio-panel--row{flex-direction:row;flex-wrap:wrap;gap:16px 32px;align-items:center}.studio-panel__grow{flex:1 1 280px;display:flex;flex-direction:column;gap:4px}.start-over{border-top:1px solid var(--line);padding-top:18px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.start-over p{flex:1 1 360px;font-size:var(--text-small);line-height:var(--text-small-lh)}@media (max-width: 600px){.studio{gap:28px}.studio-panel{padding:20px}.studio-h{font-size:22px;line-height:30px}}.setup-card{overflow:hidden}.setup-card__top{padding:22px 24px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}.setup-card__icons{display:flex;gap:10px;align-items:center;flex:none}.setup-card__icons>span:not(.setup-card__plus){width:48px;height:48px;border-radius:10px;background:var(--sunk);display:flex;align-items:center;justify-content:center}.setup-card__plus{color:var(--ink-2);font-size:20px}.setup-card__words{flex:1 1 260px;display:flex;flex-direction:column;gap:4px;min-width:0}.setup-card__words h3{font-size:20px;line-height:28px}.line-found,.line-warn{display:flex;gap:6px;align-items:flex-start;font-size:var(--text-small);line-height:22px;font-weight:700}.line-found svg,.line-warn svg{flex:none;margin-top:2px}.line-found{color:var(--found)}.line-warn{color:var(--warn)}.setup-card__tune{border-top:1px solid var(--line);background:var(--sunk);padding:22px 24px;display:flex;flex-direction:column;gap:16px}.setup-card__tune h4{margin:0;font-size:18px;line-height:26px}.tune-form{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end}.btn--big-quiet{min-height:var(--target-main)}.rename{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rename .input{flex:1 1 220px;min-height:48px}@media (max-width: 600px){.setup-card__top,.setup-card__tune{padding:18px}}.chip{min-height:48px;padding:0 14px 0 12px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;gap:10px;font-size:var(--text-small);line-height:22px;text-decoration:none;text-align:left}.chip:hover{border-color:var(--link);color:var(--ink)}.chip__printer{color:var(--found)}.chip--warn{border-color:var(--warn);background:var(--warn-bg);color:var(--warn);font-weight:700;padding-right:16px}.chip--warn:hover{color:var(--warn);border-color:var(--warn)}.chip-wrap{position:relative}.chip-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:280px;max-width:calc(100vw - 32px);padding:12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 8px 24px #00000029}.chip-menu .label{color:var(--ink-2);padding:4px 8px}.chip-menu ul{list-style:none;display:flex;flex-direction:column;gap:2px}.chip-menu button{width:100%;min-height:48px;padding:0 10px;border:0;border-radius:var(--radius-control);background:transparent;display:flex;gap:10px;align-items:center;text-align:left;font-weight:700}.chip-menu button:hover{background:var(--sunk)}.chip-menu button[aria-pressed=true]{background:var(--action-soft);color:var(--on-action-soft)}.chip-menu .link-strong{padding:0 10px}@media (max-width: 600px){.chip{font-size:15px;min-height:44px}}.tool-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.tool-head h1{font-size:30px;line-height:38px;flex:1 1 auto}.photo-frame{max-height:min(640px,calc(100vh - 220px));overflow:auto;border-radius:8px;background:var(--photo-frame)}.photo-frame canvas{margin:0 auto}.preview-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}.see-through{display:flex;align-items:center;gap:10px;flex:1 1 260px}.see-through label{white-space:nowrap;font-size:var(--text-small)}.see-through input{flex:1;min-width:0;max-width:220px;accent-color:var(--link);height:32px}.see-through .num{font-size:var(--text-small);width:44px;text-align:right}@media (max-width: 600px){.photo-frame{max-height:70vh}.preview-controls{flex-direction:column-reverse;align-items:stretch}.seg--zoom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.see-through input{max-width:none}}.flow-intro{display:flex;flex-direction:column;gap:6px;max-width:760px}.flow-title{font-size:30px;line-height:38px}.layout-setup{grid-template-areas:"s1 pv" "s2 pv" "s3 pv" "s4 pv" "s5 pv"}.setup-s1{grid-area:s1}.setup-s2{grid-area:s2}.setup-s3{grid-area:s3}.setup-s4{grid-area:s4}.setup-s5{grid-area:s5}@media (max-width: 900px){.layout-setup{grid-template-areas:"s1" "s2" "s3" "pv" "s4" "s5"}}.step__inline{flex:1 1 160px}.elsewhere summary{cursor:pointer;font-weight:700;color:var(--link);text-decoration:underline;text-underline-offset:4px;min-height:44px;display:flex;align-items:center}.elsewhere[open] summary{margin-bottom:8px}.layout-fit{grid-template-areas:"s1 pv" "s2 pv" "s3 pv" "s4 pv"}.fit-s1{grid-area:s1}.fit-s2{grid-area:s2}.fit-s3{grid-area:s3}.fit-s4{grid-area:s4}@media (max-width: 900px){.layout-fit{grid-template-areas:"s1" "s2" "pv" "s3" "s4"}}.fit-pv{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"title controls" "frame frame" "caption caption";gap:14px 20px;align-items:center}.fit-pv>.preview-panel__title{grid-area:title;font-size:var(--text-heading);line-height:var(--text-heading-lh)}.fit-pv>.photo-frame,.fit-pv>.preview-empty{grid-area:frame}.fit-pv>.preview-controls{grid-area:controls;justify-content:flex-end}.fit-pv>.hint{grid-area:caption}.fit-pv .see-through{flex:0 1 auto}@media (max-width: 600px){.fit-pv{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "frame" "controls" "caption";gap:12px}.fit-pv>.preview-panel__title{font-size:20px;line-height:28px}.fit-pv .see-through{flex:1 1 auto}}.photo-result{display:flex;gap:14px;align-items:flex-start}.photo-thumb{width:64px;height:64px;flex:none;border-radius:6px;box-shadow:0 0 0 4px var(--photo-frame);margin:4px}.pieces{background:var(--sunk);border-radius:10px;padding:16px;display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.pieces__others{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;flex:1 1 140px}.piece{position:relative;min-height:48px;padding:6px 8px;border:2px solid var(--link);border-radius:8px;background:var(--picker-bg);color:var(--on-picker);display:flex;gap:10px;align-items:center}.piece--main{flex-direction:column;gap:6px;padding:6px}.piece--only{border:0;padding:6px}.piece__pic{position:relative;display:block}.piece__label{font-size:14px;line-height:18px;font-weight:700;white-space:nowrap}.piece--out{border:2px dashed var(--field)}.piece--out .piece__pic:after{content:"";position:absolute;inset:0;background-color:var(--picker-out);background-image:repeating-linear-gradient(135deg,transparent 0 5px,var(--picker-hatch) 5px 6.5px)}@media (max-width: 600px){.pieces{padding:14px;gap:14px;align-items:center}}.nudge{display:flex;gap:24px;align-items:flex-start;flex-wrap:wrap}.pad{display:grid;grid-template-columns:repeat(3,56px);grid-template-rows:repeat(3,56px);gap:6px;flex:none;grid-template-areas:". up ." "left centre right" ". down ."}.pad button{border:2px solid var(--field);border-radius:var(--radius-control);background:var(--surface);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:0}.pad button:hover{border-color:var(--link)}.pad__up{grid-area:up}.pad__left{grid-area:left}.pad__right{grid-area:right}.pad__down{grid-area:down}.pad .pad__centre{grid-area:centre;border:0;background:var(--sunk);font-size:15px;font-weight:700}.nudge__words{flex:1 1 180px;display:flex;flex-direction:column;gap:12px;min-width:0;align-self:center}.nudge__where{font-size:17px;line-height:26px;font-weight:700}@media (max-width: 600px){.nudge{flex-direction:column;align-items:stretch;gap:14px}.nudge__words{flex:none}.pad{grid-template-columns:repeat(3,64px);grid-template-rows:repeat(3,64px);gap:8px;justify-content:center}.pad button{border-radius:8px}.nudge__where{text-align:center}}.send{display:flex;flex-direction:column;gap:10px}.disabled-main{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}