@font-face{font-family:Josefin Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/josefin-sans-latin-700-normal-dFmzeJn3.woff2) format("woff2"),url(/assets/josefin-sans-latin-700-normal-DDiyraUl.woff) format("woff")}.weave-editor{flex:1;min-width:0;display:flex;flex-direction:column}.weave-editor>.canvas-wrap{flex:1}.weave-context{flex:none;display:grid;grid-template-rows:26px 48px;gap:2px;padding:4px 10px 6px;background:var(--panel);border-bottom:1px solid var(--line);min-width:0}.weave-readline{overflow:hidden;display:flex;align-items:center;gap:8px;min-width:0}.weave-context .weave-readout{flex-wrap:nowrap}.weave-readout{flex:1 1 auto;min-width:0;margin:0;display:flex;align-items:center;gap:14px;font-size:13px;color:var(--ink-soft);white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.weave-readout::-webkit-scrollbar,.weave-actions::-webkit-scrollbar{display:none}.weave-readout .over{color:var(--danger);font-weight:600}.weave-scale-note{color:var(--ink);font-style:italic}.weave-selline .weave-help{width:44px;padding:0;justify-content:center}.weave-help-text{max-width:340px;margin:0;padding:10px 14px;font-size:14px;line-height:1.4;white-space:normal}.weave-selline{display:flex;align-items:center;gap:6px;min-width:0;height:48px}.weave-selline .btn,.weave-selline .chip,.weave-selline input{height:44px;min-height:44px;flex:none}.weave-stepper{flex:none;display:inline-flex;align-items:center;gap:4px}.weave-stepper .btn{min-width:44px;justify-content:center;font-size:20px}.weave-stepper-text{min-width:9em;text-align:center;white-space:nowrap}.weave-actions{flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.weave-actions>*{flex:none}.weave-actions .rep-step,.weave-actions .rep-num,.weave-actions .rep-letters{flex-wrap:nowrap}.weave-actions .rep-colour-name{max-width:11em;overflow:hidden;text-overflow:ellipsis}.weave-actions .rep-num input{width:4.2em;font-size:16px;text-align:center}.weave-ask{max-width:34em;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--ink-soft)}.weave-ask.switching-draw-note{max-width:none}.weave-actions>.weave-ask.switching-moves{max-width:none;overflow:visible;color:var(--ink)}.weave-more,.weave-done{flex:none}.weave-done-icon{display:none}.weave-more-list{display:grid;min-width:200px}.weave-more-list .hint{max-width:300px;margin:0;padding:8px 12px;white-space:normal}.weave-rail .tool .lb{font-size:12px}.weave-seg{display:inline-flex;align-items:center}.weave-seg .tool+.tool{margin-inline-start:-1px}.weave-seg-item{min-width:56px}.weave-seg-item .lb{font-size:13px}@media (max-width: 700px){.weave-editor>.weave-context{order:1;border-bottom:0;border-top:1px solid var(--line);box-shadow:0 -4px 14px #0000001a;padding:4px 8px 6px}.weave-stepper-text{min-width:0;flex:1 1 auto;font-size:15px}.weave-context{grid-template-rows:24px 98px}.weave-selline{height:98px;flex-wrap:wrap;align-content:space-between;row-gap:6px}.weave-stepper{flex:1 1 auto;min-width:0}.weave-more{width:44px;padding:0;justify-content:center}.weave-more-label{display:none}.weave-done{width:44px;padding:0;justify-content:center}.weave-done-label{display:none}.weave-done-icon{display:inline}.weave-actions{order:5;flex:1 0 100%;height:48px}.app.tools-open .weave-rail .weave-seg{width:100%;display:flex}.app.tools-open .weave-rail .weave-seg .tool{flex:1 1 0;width:auto}}.rep-letter-pick{display:inline-flex;align-items:center;gap:6px}.weave-selline .rep-letter-pick select{height:44px;min-width:4.5em;font-size:16px}.motif-tabs{display:flex;height:auto;padding:0;width:100%}.seg-tool.motif-tabs button{flex:1;min-width:0;height:var(--tap);padding:0 4px;font-size:14px}.motif-tabpanel,.motif-panel{display:flex;flex-direction:column;gap:10px}.motif-panel .hint{margin:0}.motif-panel .field{display:flex;flex-direction:column;gap:4px;min-width:0}.motif-panel .field>label,.motif-panel .field-label{font-size:12px;font-weight:600;color:var(--ink-soft)}.motif-panel select,.motif-panel input[type=text],.motif-panel input[type=number]{min-height:var(--tap);width:100%;min-width:0;padding:0 8px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);color:var(--ink);font-size:16px}.motif-panel input[aria-invalid=true]{border-color:var(--danger)}.motif-panel input[type=range]{width:100%;height:var(--tap);margin:0}.motif-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.motif-score{font-style:italic}.motif-stage{display:flex;gap:8px}.motif-play{flex:1;min-width:0;height:var(--tap);padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.motif-play[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.motif-chips{display:flex;flex-wrap:wrap;gap:4px}.motif-chip{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:16px;font-weight:600;cursor:pointer}.motif-chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.motif-colours{display:flex;flex-direction:column;gap:8px}.motif-bands,.motif-place{height:auto;padding:0;display:flex;width:100%}.seg-tool.motif-bands button,.seg-tool.motif-place button{flex:1;min-width:0;height:var(--tap);font-size:13px;line-height:1.15;padding:0 4px}.motif-swatches,.motif-ground{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.motif-swatch{width:var(--tap);height:var(--tap);border:1px solid rgba(0,0,0,.25);box-shadow:inset 0 0 0 2px #fff9;cursor:pointer;padding:0}.motif-check{min-height:var(--tap);margin:0;font-size:14px}.motif-ground .motif-check{flex:1}.motif-warn{color:var(--danger)}.motif-actions .btn{min-height:var(--tap);min-width:88px}.motif-tries-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.motif-tries-row .btn{min-height:var(--tap)}.motif-try{min-height:var(--tap);min-width:var(--tap);padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.motif-try.on{background:var(--ink);border-color:var(--ink);color:#fff}.motif-tries .hint{margin:4px 0 0}.motif-lead{font-size:12px}.motif-colour-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.motif-panel .motif-colour-row select{width:auto;flex:1 1 120px}.motif-panel .motif-stage .btn.primary{flex:1.3}.motif-seed-grid{display:grid;grid-template-columns:repeat(5,var(--tap));gap:3px}.motif-seed-cell{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--panel);padding:0;cursor:pointer}.motif-seed-cell.centre{box-shadow:inset 0 0 0 2px var(--accent)}.motif-seed-cell.on{background:var(--ink);border-color:var(--ink)}.motif-panel .motif-row .btn{min-height:var(--tap)}.motif-select-area{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px}.motif-select-area .btn{min-height:var(--tap);display:inline-flex;align-items:center;gap:6px}.motif-more{border-top:1px solid var(--line)}.motif-more>summary{min-height:var(--tap);display:flex;align-items:center;font-size:14px;font-weight:600;cursor:pointer}.motif-more-body{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.motif-top{display:flex;align-items:center;gap:8px}.motif-top .motif-lead{flex:1}.motif-top .btn,.motif-audition .btn,.motif-panel .motif-here{min-height:var(--tap)}.motif-audition{display:flex;flex-direction:column;gap:6px}.motif-audition>.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px}.motif-audition>.btn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.motif-nudge{display:flex;gap:4px}.motif-nudge .btn{width:var(--tap);min-width:var(--tap);height:var(--tap);padding:0;font-size:18px}.motif-nudge .btn.motif-centre{width:auto;flex:1;font-size:14px;padding:0 8px}.motif-paused{color:var(--accent)}.motif-swatch.target{outline:3px solid var(--accent);outline-offset:2px}.motif-panel .motif-seed-grid{grid-template-columns:repeat(7,var(--tap));gap:1px}.motif-layers{display:flex;flex-direction:column;gap:4px}.motif-layers-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.motif-layers ul{list-style:none;margin:0;padding:0;border:1px solid var(--line)}.motif-layer{display:flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 8px;border-bottom:1px solid var(--line)}.motif-layer:last-child{border-bottom:0}.motif-layer .check{flex:1;min-width:0;min-height:var(--tap);display:flex;align-items:center;gap:8px}.motif-layer .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motif-layer.off .nm{color:var(--ink-soft)}.motif-layer.target{background:var(--accent-soft)}.motif-goes{font-size:12px;font-weight:600;color:var(--accent);white-space:nowrap}.motif-layer .btn.mini{min-height:36px}:root{--bg: #f3f1ec;--panel: #ffffff;--panel-2: #faf9f6;--ink: #23201b;--ink-soft: #6b6459;--line: #ddd7cc;--accent: #1268ff;--accent-soft: #e4edff;--danger: #c8452f;--shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 6px 18px rgba(0, 0, 0, .08);--radius: 0px;--tap: 44px;--field-h: 34px;--btn-h: 36px}@media (pointer: coarse){:root{--field-h: var(--tap);--btn-h: var(--tap)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}input,button,textarea{font:inherit;color:inherit}.designer{display:contents}.app{display:grid;grid-template-rows:auto 1fr auto auto auto;grid-template-columns:minmax(0,1fr);width:100%;height:100%;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.body{display:flex;min-height:0;overflow:hidden}.canvas-wrap{position:relative;flex:1;min-width:0;background:#8b8f98;box-shadow:inset 0 0 0 1px #00000026;overflow:hidden;touch-action:none}.canvas-wrap canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.topbar{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex-wrap:wrap}.brand{font-weight:700;letter-spacing:.2px;white-space:nowrap}.brand small{color:var(--ink-soft);font-weight:500}.name-input{flex:0 1 240px;min-width:140px;height:var(--field-h);padding:0 10px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px;text-overflow:ellipsis}.spacer{flex:1}.dim-group{display:flex;align-items:center;gap:4px}.dim-group label{font-size:11px;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding-inline-end:2px}.dim-field{display:inline-flex;height:var(--field-h);border:1px solid var(--line);background:var(--panel)}.dim-step{width:26px;flex:none;border:none;background:none;color:var(--ink-soft);font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}.dim-step:active{background:var(--ink);color:#fff}.dim-value{width:42px;padding:0 2px;text-align:center;border:none;border-inline-start:1px solid var(--line);border-inline-end:1px solid var(--line);border-radius:0;background:#fff;font-size:16px;font-variant-numeric:tabular-nums}.dim-x{color:var(--ink-soft);font-size:13px}.dim-est{font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap;padding-inline-start:2px}.btn{min-height:var(--btn-h);min-width:var(--btn-h);padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:transparent;border:1px solid var(--ink);border-radius:0;cursor:pointer;white-space:nowrap;color:var(--ink)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:default}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.ghost{background:transparent;border-color:transparent}.btn.mini{min-height:32px;min-width:32px;padding:0 8px;border-radius:var(--radius)}@media (pointer: coarse){.btn.mini{min-height:var(--tap);min-width:var(--tap)}.layer-actions .btn.mini{min-width:32px}}.btn.danger{color:var(--danger);border-color:#e7c3bb}.btn[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.toolrail{width:100%;min-height:56px;flex-shrink:0;background:var(--panel);border-top:1px solid var(--line);padding:6px 8px;display:flex;flex-direction:row;flex-wrap:wrap;gap:5px 4px;align-items:center}.toolrail .sep{align-self:center;width:1px;height:26px;background:var(--line);margin:0 4px}.tool{height:44px;width:auto;min-width:44px;padding:0 5px;border:1px solid var(--ink);border-radius:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--ink)}.tool .lb{display:block;font-size:11px;line-height:1;color:var(--ink-soft);white-space:nowrap}.slider-tool{height:44px;display:inline-flex;align-items:center;gap:6px;padding:0 4px;cursor:default}.slider-tool .slider-step{min-width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--panel);font-size:20px;line-height:1}.slider-tool .slider-step:disabled{opacity:.4}.slider-tool .lb{font-size:11px;color:var(--ink-soft)}.slider-value{min-width:16px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.slider-tool input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:96px;height:32px;margin:0;background:transparent;cursor:pointer;touch-action:none}.slider-tool input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--ink) var(--fill, 0%),var(--line) var(--fill, 0%))}.slider-tool input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}.slider-tool input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--ink)}.slider-tool input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border-radius:50%;background:var(--panel);border:2px solid var(--ink);box-shadow:0 1px 3px #00000040}.slider-tool input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--panel);border:2px solid var(--ink)}.slider-tool input[type=range]:focus-visible{outline:none}.slider-tool input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--accent-soft),0 0 0 5px var(--accent)}.tool.active{background:var(--ink);border-color:var(--ink);color:#fff}.tool.active .lb{color:#fff}.tool:disabled{opacity:.35;cursor:default}.palette{width:100%;flex-shrink:0;background:var(--panel);border-top:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.palette-bar{display:flex;align-items:center;gap:8px;padding:5px 8px;min-height:0}.pal-current{display:flex;align-items:center;gap:8px;flex:0 0 auto;max-width:190px;padding:0;border:0;background:none;color:var(--ink);cursor:pointer;text-align:start}.pal-current-chip{position:relative;width:44px;height:44px;flex:0 0 44px;border:2px solid var(--ink);box-shadow:inset 0 0 0 2px var(--panel);display:grid;place-items:end}.pal-current-chip svg{margin:2px;padding:2px;background:var(--panel);color:var(--ink);width:18px;height:18px}.pal-current-meta{display:flex;flex-direction:column;min-width:0;line-height:1.25}.pal-current-meta .nm{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pal-current-meta .sub{font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}.swatch-list{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;max-height:100px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px;border-inline-start:1px solid var(--line)}.swatch-row{flex:0 0 auto;width:44px;height:44px;position:relative;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.swatch{width:44px;height:44px;border-radius:0;border:1px solid rgba(0,0,0,.25);cursor:pointer;position:relative;display:flex;align-items:flex-end;justify-content:flex-end;padding:0;transition:transform .12s}.swatch-row.active .swatch{outline:3px solid var(--ink);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--panel);z-index:1}.swatch-row.held .swatch{transform:scale(1.1);box-shadow:0 4px 12px #0000004d;z-index:2}.swatch .count{font-size:9.5px;font-weight:700;line-height:1.2;padding:0 3px;margin:2px;background:#ffffffe6;color:#222;font-variant-numeric:tabular-nums}.swatch .bg-badge{inset-inline-start:2px;bottom:auto;top:2px;padding:0 3px;font-size:8.5px}.pal-add{flex:0 0 44px;width:44px;height:44px;border:1px dashed var(--ink-soft);background:var(--panel-2);color:var(--ink-soft);display:grid;place-items:center;cursor:pointer;padding:0}.palette footer{display:flex;gap:6px;flex-shrink:0;align-items:center}.pal-menu-btn{gap:6px;max-width:220px}.pal-menu-btn .pal-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.pal-menu{min-width:260px}.pal-menu-name{display:flex;gap:6px;padding:4px 4px 8px}.pal-menu-name .pname{flex:1;min-width:0;height:var(--tap);padding:0 10px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px}.pal-menu .menu-item,.swatch-menu .menu-item{min-height:var(--tap)}.pal-menu .menu-item svg,.swatch-menu .menu-item svg{color:var(--ink-soft);flex:0 0 auto}.swatch-menu .menu-item.danger svg{color:var(--danger)}.swatch-menu{position:fixed;z-index:60;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:4px;overflow-y:auto}.swatch-menu-head{display:flex;gap:10px;align-items:center;padding:6px 8px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.swatch-menu-head .chip{width:36px;height:36px;flex:0 0 36px;border:1px solid rgba(0,0,0,.2)}.swatch-menu-head b{display:block;font-size:14px}.swatch-menu-head small{display:block;color:var(--ink-soft);font-size:12px}.swatch-menu-merge{padding:6px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:4px 0}.swatch-menu-merge .cd-merge-swatch{width:40px;height:40px;border-radius:0}.menu-pop.up{top:auto;bottom:calc(100% + 6px)}@media (max-width: 900px){.pal-current-meta,.pal-menu-btn .pal-name,.bg-btn .bg-lb{display:none}}.bg-btn{flex:0 0 auto;margin-inline-start:auto;gap:8px}.bg-chip{width:18px;height:18px;border:1px solid rgba(0,0,0,.25)}.bg-chip.none,.bgd-tile.none .bgd-swatch{background:repeating-linear-gradient(45deg,#fff 0 4px,var(--line) 4px 6px)}.bg-badge{position:absolute;inset-inline-start:4px;bottom:4px;padding:1px 4px;border-radius:3px;background:#0000008c;color:#fff;font-size:9px;font-weight:700;letter-spacing:.04em}.bgd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:6px;max-height:46vh;overflow-y:auto;margin-bottom:10px}.bgd-tile{display:flex;flex-direction:column;gap:3px;padding:4px;border:1px solid transparent;border-radius:8px;background:none;font:inherit;text-align:start;cursor:pointer}.bgd-tile:hover{background:var(--panel-2)}.bgd-tile.on{border-color:var(--accent);background:var(--accent-soft)}.bgd-swatch{height:40px;border-radius:5px;border:1px solid rgba(0,0,0,.15);display:flex;align-items:center;justify-content:center}.bgd-name{font-size:12px;line-height:1.2}.bgd-tint{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--ink-soft)}.bgd-tint input[type=color]{width:36px;height:36px;padding:0;border:1px solid var(--line);background:none}.pal-swatches{display:inline-flex;flex:0 0 auto;gap:2px}.pal-swatches i{width:12px;height:18px;border:1px solid rgba(0,0,0,.15)}.save-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.save-row input[type=text]{flex:1;min-height:var(--tap);padding:10px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px}.swatch-row.dragging{opacity:.5}.statusbar{display:flex;gap:14px;align-items:center;padding:6px 12px;background:var(--panel);border-top:1px solid var(--line);font-size:12px;color:var(--ink-soft);flex-wrap:wrap;font-variant-numeric:tabular-nums}.statusbar b{color:var(--ink);font-weight:600}.menu{position:relative}.menu-pop{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-start:0;min-width:220px;background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow);padding:6px;max-height:70vh;overflow-y:auto}.menu-pop.right{inset-inline-start:auto;inset-inline-end:0}.menu-item{display:flex;width:100%;align-items:center;gap:8px;padding:10px;border:0;background:none;border-radius:0;cursor:pointer;text-align:start}.menu-item:hover{background:var(--panel-2)}.menu-item.danger{color:var(--danger)}.menu-item>svg{flex:0 0 auto;color:var(--ink-soft)}.menu-item.danger>svg{color:var(--danger)}@media (pointer: coarse){.menu-item{min-height:var(--tap)}}.menu-sep{height:1px;background:var(--line);margin:5px 4px}.menu-label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:6px 10px 2px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14120e66;display:flex;align-items:center;justify-content:center;padding:20px}.modal:focus{outline:none}.modal{width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--panel);border-radius:0;box-shadow:var(--shadow);padding:18px;border:1px solid var(--line)}.modal h2{margin:0 0 12px;font-size:18px}.modal h3{margin:16px 0 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.modal .field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.modal .field label,.modal .field .field-label{font-size:12px;font-weight:600;color:var(--ink-soft)}.modal .field input[type=text],.modal .field input[type=number],.modal .field textarea{min-height:var(--field-h);padding:5px 9px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px}.modal .actions,.dock-panel .actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px;flex-wrap:wrap}.modal .actions.spread,.dock-panel .actions.spread{justify-content:flex-start}.modal .actions .grow,.dock-panel .actions .grow{flex:1}.modal .row2{display:flex;gap:10px}.modal .row2>*{flex:1 1 0;min-width:0}.modal .row2 input{width:100%;min-width:0;box-sizing:border-box}@media (max-width: 420px){.modal .row2{flex-wrap:wrap}.modal .row2>.field{flex-basis:100%}}.preset-grid{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.slot-list{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.slot{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--line);border-radius:10px}.slot .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hint{font-size:12px;color:var(--ink-soft)}.rule-blurb{margin:0;font-size:12px;line-height:1.45;color:var(--ink-soft)}.rule-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:6px}.rule-class{font-size:11px;font-weight:600;color:var(--ink);background:var(--panel-2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;cursor:help}.rule-tags code{font:11px/1.4 ui-monospace,Menlo,monospace;color:var(--ink-soft)}kbd{font:11px/1 ui-monospace,Menlo,monospace;background:var(--panel-2);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:2px 5px}.spec{white-space:pre-wrap;font:12px/1.5 ui-monospace,Menlo,monospace;background:var(--panel-2);border:1px solid var(--line);border-radius:10px;padding:12px;overflow-x:auto}.field input[type=range]{width:100%}.modal .field select{height:var(--field-h);padding:0 8px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px}.check{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font-size:13px}.check input{width:18px;height:18px;flex:none}.design-group{border:0;margin:28px 0 0;padding:0;min-width:0;scroll-margin-top:64px}.design-group:first-of-type{margin-top:8px}.design-group legend{padding:0;margin-bottom:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft)}.modal .field label.check.nd-palette{font-size:14px;font-weight:600;color:var(--ink)}.modal.nd{display:flex;flex-direction:column;width:min(1200px,100%);height:calc(100dvh - 48px);max-height:none;overflow:hidden;padding:0}.modal.nd>h2{margin:0;padding:16px 64px 12px 24px;border-bottom:1px solid var(--line)}.nd-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 340px}.nd-types,.nd-side{min-height:0;overflow-y:auto;padding:0 24px 24px}.nd-side{padding-top:16px;border-inline-start:1px solid var(--line)}.nd-chips{position:sticky;top:0;z-index:1;display:flex;gap:8px;overflow-x:auto;margin:0 -24px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--line)}.nd-chips .btn{min-height:40px;padding:0 14px;white-space:nowrap}.nd-chips .btn.on{border-color:var(--sw-turquoise-deep);color:var(--sw-turquoise-deep);font-weight:700}.nd .grid-type-field>.field-label{display:none}.nd-type-detail{margin:0 0 14px;padding:10px 12px;background:#2e9c951a;border-inline-start:3px solid var(--sw-turquoise-deep);font-size:13px;line-height:1.4;color:var(--ink-soft)}.nd-type-detail b{display:block;margin-bottom:2px;font-size:14px;color:var(--ink)}.nd .nd-size-row{flex-direction:column}.nd .nd-size-row .nd-dims{flex:none;flex-direction:row;gap:10px;width:100%}.nd .nd-size-row .nd-dims .field{flex:1}.modal.nd .actions.nd-actions{position:static;flex-wrap:nowrap;margin:0;padding:12px 24px calc(12px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--line)}@media (max-width: 1023px){.modal-backdrop:has(>.modal.nd){padding:0}.modal.nd{width:100%;height:100dvh;border:0}.nd-body{display:block;overflow-y:auto}.nd-types,.nd-side{overflow:visible}.nd-side{border-inline-start:0;border-top:1px solid var(--line);padding-top:16px}}@media (max-width: 600px){.grid-types{grid-template-columns:1fr;gap:8px}.modal .field label.check.grid-type,.check.grid-type{grid-template-columns:40px 1fr;min-height:72px}.grid-type .grid-glyph{width:40px;height:34px}.nd-types,.nd-side{padding-inline:16px}.nd-chips{margin:0 -16px;padding:10px 16px}.modal.nd .actions.nd-actions{padding-inline:16px}.modal.nd .actions .btn.primary{flex:1}.nd-photo-label{display:none}}.grid-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(208px,1fr));gap:12px}.modal .field label.check.grid-type,.check.grid-type{position:relative;display:grid;grid-template-columns:48px 1fr;align-items:start;gap:12px;min-height:96px;margin:0;padding:12px 14px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);font-size:15px;font-weight:600;line-height:1.25;cursor:pointer}.check.grid-type:hover{border-color:var(--ink-soft)}.check.grid-type>input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.check.grid-type:has(input:checked){border:2px solid var(--sw-turquoise-deep);padding:11px 13px;background:#2e9c951a}.check.grid-type:has(input:checked):after{content:"✓";position:absolute;top:6px;inset-inline-end:8px;color:var(--sw-turquoise-deep);font-size:16px;font-weight:700}.check.grid-type:has(input:focus-visible){outline:2px solid var(--sw-turquoise-deep);outline-offset:2px}.grid-type .grid-glyph{width:48px;height:40px}.grid-type small.hint,.modal .grid-type small.hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px;font-size:13px;font-weight:400;line-height:1.35;color:var(--ink-soft)}.grid-glyph{flex:none}.grid-glyph polygon{fill:var(--panel-2);stroke:var(--ink-soft);stroke-width:1}.grid-type input:checked+.grid-glyph polygon{fill:#2e9c9540;stroke:var(--sw-turquoise-deep)}.selburose-align{border:1px solid var(--line);padding:6px 10px 8px;margin:0}.selburose-align legend{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:0 4px}.selburose-align .check{margin:4px 0}.right-dock{flex:0 0 clamp(264px,30vw,340px);min-width:0;display:flex;flex-direction:column;background:var(--panel);border-inline-start:1px solid var(--line);overflow:hidden}.right-dock-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid var(--line);flex:none}.right-dock-head h3{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.right-dock-body{flex:1;min-height:0;overflow-y:auto;padding:12px}.dock-panel{display:flex;flex-direction:column;gap:10px}.layer-actions{display:flex;gap:4px}.layer-actions .btn.mini{flex:1 1 0;min-height:34px;gap:4px;padding:0 6px;font-size:13px;white-space:nowrap}.layer-list{display:flex;flex-direction:column;border:1px solid var(--line)}.layer-row{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 4px 0 6px;background:var(--panel-2);cursor:pointer;-webkit-user-select:none;user-select:none}.layer-row+.layer-row{border-top:1px solid var(--line)}.layer-row.active{box-shadow:inset 0 0 0 2px var(--accent, #1268ff)}.layer-row.picked{box-shadow:inset 0 0 0 2px #1268ff;background:#eef4ff}.layer-del{border:none;background:none;padding:4px;display:flex;color:var(--ink-soft);cursor:pointer}.layer-del:hover:not(:disabled){color:#d23}.layer-del:disabled{opacity:.3;cursor:default}.layer-row.hidden .layer-name{opacity:.45;text-decoration:line-through}.layer-row.dragging{opacity:.5}.layer-row .grip{cursor:grab;color:var(--ink-soft);display:flex}.layer-row .eye{border:none;background:none;padding:2px;color:var(--ink-soft);display:flex;cursor:pointer}.layer-row .eye[aria-pressed=true]{color:var(--ink)}.layer-swatch{width:15px;height:15px;flex:none;border-radius:4px;border:1px solid var(--line);box-shadow:inset 0 0 0 1px #ffffff40}.layer-row.hidden .layer-swatch{opacity:.4}.layer-name,.layer-name-input{flex:1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;line-height:1.25}.layer-name-input{border:1px solid var(--line);padding:2px 4px;font:inherit}.ref-panel h4{margin:2px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft)}.ref-num{display:flex;flex-direction:column;gap:2px;font-size:11px;font-weight:600;color:var(--ink-soft);flex:none}.ref-num input{width:62px;height:var(--tap);text-align:center;border:1px solid var(--line);border-radius:0;background:#fff;font-size:16px}.ref-panel .check{margin:2px 0}.ref-panel .field{display:flex;flex-direction:column;gap:4px;margin:0}.ref-panel .field label{font-size:12px;font-weight:600;color:var(--ink-soft)}.ref-panel .row2{display:flex;gap:10px}.ref-panel .row2>*{flex:1;min-width:0}.ref-btn-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ref-btn-row .grow{flex:1}.ref-size,.ref-colours{display:flex;gap:10px;align-items:flex-end}.ref-size{flex-wrap:wrap}.ref-size .btn{flex:1 1 120px;min-width:0;min-height:var(--tap);white-space:normal;height:auto;line-height:1.2;padding-block:6px}.ref-swatches{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:3px;align-content:flex-end;min-height:40px}.ref-swatches span{width:18px;height:18px;border:1px solid rgba(0,0,0,.18)}.ref-choice{display:flex}.ref-choice .btn{flex:1;min-height:var(--tap);padding:0 6px;font-size:13px}.ref-choice .btn+.btn{border-inline-start:none}.ref-choice .btn.on{background:var(--ink);color:#fff}.print-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#4c4c4c;display:flex;flex-direction:column}.print-bar{display:flex;gap:8px 12px;align-items:center;flex-wrap:wrap;padding:8px 12px;background:var(--panel);border-bottom:1px solid var(--line);flex:none;position:relative;z-index:2}.print-bar .grow{flex:1}.print-bar>.btn,.print-more>.btn{min-height:var(--tap)}.print-opt{display:inline-flex;align-items:center;gap:6px;font-size:14px;white-space:nowrap}.print-opt select,.print-opt input[type=number]{min-height:var(--tap);font-size:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:0 6px}.print-bar .check.print-opt,.print-pop .check.print-opt{min-height:var(--tap);margin:0;font-size:14px}.print-bar .check.print-opt input,.print-pop .check.print-opt input{width:20px;height:20px}.print-more{position:relative}.print-pop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:20;display:grid;gap:8px;width:max-content;min-width:280px;max-width:min(560px,calc(100vw - 24px));max-height:calc(100dvh - 120px);overflow:auto;padding:12px 14px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.print-pop .print-opt{display:flex;justify-content:space-between;gap:12px;white-space:normal}.print-pop .check.print-opt{justify-content:flex-start}.print-pop .print-opt:not(.check){display:grid;grid-template-columns:minmax(7em,10em) minmax(0,1fr)}.print-pop .print-opt-row .print-opt{display:inline-flex}.print-pop .print-opt select{max-width:100%;min-width:0}.print-opt-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}@media (max-width: 700px){.print-pop{position:fixed;inset:auto 0 0 0;width:auto;min-width:0;max-width:none;max-height:80dvh;gap:6px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));border-inline:0;border-bottom:0;z-index:320}.print-shade{position:fixed;top:0;right:0;bottom:0;left:0;z-index:310;background:#14120e66}.print-pop-done{min-height:var(--tap);margin-top:6px}}.print-opt input[type=number]{width:5.5em}.print-note{margin:0;padding:6px 14px;background:var(--panel);border-bottom:1px solid var(--line)}.print-bar .hint{color:var(--ink-soft)}.print-scroll{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:24px}.print-scroll>*{margin-inline:auto}.print-sheet{background:#fff;box-shadow:0 0 0 12.7mm #fff,0 8px 34px 12.7mm #0006;margin:12.7mm;flex:none}@media print{body.printing>#root{display:none!important}body.printing .print-bar{display:none!important}body.printing .print-view{position:static;background:#fff}body.printing .print-scroll{display:block;overflow:visible;padding:0}body.printing .print-sheet{display:block;box-shadow:none;break-after:page;margin:0}body.printing .print-sheet:last-of-type{break-after:auto}body.printing .print-note{display:none}}.modal.wide{width:min(980px,100%)}.cell-glyph{flex:none;display:inline-flex;align-items:center;justify-content:center}.cell-glyph>span{border:1.5px solid var(--ink-soft);border-radius:2px}.fb{display:flex;flex-direction:column;gap:8px;height:min(72vh,640px);outline:none}.fb-savebar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-savebar label{font-weight:600;font-size:14px}.fb-savebar input{flex:1 1 220px;min-width:0;font-size:16px;padding:6px 8px;border:1px solid var(--line)}.fb-save-where{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--ink-soft)}.fb-toolbar{display:flex;align-items:center;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--line)}.fb-nav,.fb-seg{display:flex}.fb-seg{border:1px solid var(--line);border-radius:7px;overflow:hidden}.fb-seg .fb-tb{border-radius:0}.fb-tb{display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:34px;padding:0 6px;border:none;border-radius:6px;background:none;color:var(--ink);cursor:pointer}.fb-tb:hover:not(:disabled){background:var(--panel-2)}.fb-tb:disabled{opacity:.3;cursor:default}.fb-tb.on{background:var(--accent-soft);color:var(--accent)}.fb-tb.danger:hover:not(:disabled){color:#d23}.fb-path{flex:1;min-width:0;display:flex;align-items:center;overflow-x:auto;white-space:nowrap;color:var(--ink-soft);scrollbar-width:none}.fb-crumb-wrap{display:inline-flex;align-items:center}.fb-crumb{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border:none;border-radius:5px;background:none;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.fb-crumb-wrap:last-child .fb-crumb,.fb-crumb.static{font-weight:600}.fb-crumb.static{cursor:default}.fb-crumb.drop{background:var(--accent);color:#fff}.fb-search{display:flex;align-items:center;gap:4px;padding:0 8px;border:1px solid var(--line);border-radius:7px;color:var(--ink-soft)}.fb-search input{width:130px;min-height:32px;border:none;outline:none;background:none;font-size:16px}.fb-body{flex:1;min-height:0;display:grid;grid-template-columns:190px 1fr;border:1px solid var(--line)}.fb-side{overflow-y:auto;padding:6px 4px;background:var(--panel-2);border-inline-end:1px solid var(--line);font-size:13px}.fb-side-head{padding:8px 8px 3px;font-size:11px;font-weight:600;color:var(--ink-soft)}.fb-side-item{display:flex;align-items:center;gap:5px;min-height:32px;padding-inline-end:6px;border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none}.fb-side-item:hover{background:#0000000a}.fb-side-item.here{background:#00000014;font-weight:600}.fb-side-item.drop{background:var(--accent);color:#fff}.fb-side-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-side-sep{height:1px;margin:6px;background:var(--line)}.fb-disclose{flex:none;display:inline-flex;align-items:center;justify-content:center;width:18px;height:22px;padding:0;border:none;background:none;color:var(--ink-soft);cursor:pointer}.fb-disclose svg{transition:transform .12s}.fb-disclose.open svg{transform:rotate(90deg)}.fb-badge{font-size:11px;padding:0 6px;border-radius:8px;background:var(--line);color:var(--ink)}.fb-main{position:relative;overflow:auto;outline:none}.fb-main.drop{box-shadow:inset 0 0 0 2px var(--accent)}.fb-empty{margin:40px 0;text-align:center;color:var(--ink-soft);font-size:13px}.fb-empty-go{display:block;margin:10px auto 0}.fb-list{min-width:520px;font-size:13px}.fb-head,.fb-row{display:grid;grid-template-columns:minmax(180px,1fr) 130px 80px 150px;align-items:center}.fb-head{position:sticky;top:0;z-index:1;background:var(--panel);border-bottom:1px solid var(--line)}.fb-head .fb-col{display:flex;align-items:center;gap:3px;padding:6px 8px;border:none;border-inline-start:1px solid var(--line);background:none;font:inherit;font-size:12px;color:var(--ink-soft);text-align:start;cursor:pointer}.fb-head .fb-col:first-child{border-inline-start:none}.fb-head .fb-col.on{color:var(--ink);font-weight:600}.fb-row{min-height:32px;cursor:default;-webkit-user-select:none;user-select:none}.fb-row:nth-child(odd){background:var(--panel-2)}.fb-row .fb-col{padding:3px 8px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.fb-row .fb-col.name{display:flex;align-items:center;gap:6px;color:var(--ink)}.fb-item.sel,.fb-row.sel:nth-child(odd){background:var(--accent)}.fb-item.sel .fb-col,.fb-item.sel .fb-col.name,.fb-item.sel .fb-where,.fb-tile.sel .fb-name,.fb-tile.sel .fb-sub{color:#fff}.fb-item.sel .cell-glyph>span{border-color:#fff}.fb-item.drop{box-shadow:inset 0 0 0 2px var(--accent);background:var(--accent-soft)}.fb-item.current .fb-name{font-weight:600}.fb-ico.folder{display:inline-flex;width:18px;justify-content:center;color:#4a90e2}.fb-item.sel .fb-ico.folder{color:#fff}.fb-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-where{margin-inline-start:6px;font-size:11px;color:var(--ink-soft)}.fb-rename{flex:1;min-width:0;font-size:16px;padding:1px 4px;border:1px solid var(--accent);outline:3px solid var(--accent-soft);color:var(--ink)}.fb-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:8px;padding:10px}.fb-tile{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:8px;text-align:center;-webkit-user-select:none;user-select:none}.fb-tile.sel{background:var(--accent-soft)}.fb-tile.sel .fb-thumb{box-shadow:0 0 0 2px var(--accent)}.fb-tile.sel .fb-name{background:var(--accent);border-radius:4px;padding:0 4px}.fb-tile.sel .fb-sub{color:var(--ink-soft)}.fb-thumb{width:112px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:#4a90e2}.fb-thumb img{max-width:112px;max-height:84px;image-rendering:pixelated;border:1px solid var(--line)}.fb-name.big{max-width:100%;font-size:13px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.fb-tile .fb-where{display:block;margin:0}.fb-sub{font-size:11px;color:var(--ink-soft)}.fb-actionbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fb-status{flex:1;font-size:12px;color:var(--ink-soft)}.fb-actionbar .btn.mini{min-height:34px;gap:4px;font-size:13px}.fb-move{min-height:34px;font-size:13px;max-width:160px}.fb-footer{margin-top:0!important}.fb-menu{position:fixed;z-index:1000;min-width:190px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px #0000002e;font-size:13px}.fb-menu button{display:flex;align-items:center;gap:6px;width:100%;padding:6px 10px;border:none;border-radius:5px;background:none;font:inherit;color:var(--ink);text-align:start;cursor:pointer}.fb-menu button:hover:not(:disabled){background:var(--accent);color:#fff}.fb-menu button:disabled{opacity:.4;cursor:default}.fb-menu-sep{height:1px;margin:4px 6px;background:var(--line)}.fb-menu-label{padding:4px 10px 2px;font-size:11px;color:var(--ink-soft)}@media (max-width: 700px){.fb-body{grid-template-columns:1fr}.fb-side{display:none}.fb-search input{width:90px}}.fb-strip{flex:none;display:inline-flex;height:14px;border:1px solid var(--line);border-radius:3px;overflow:hidden}.fb-strip i{width:6px}.fb-strip.big{display:grid;grid-template-columns:repeat(6,14px);grid-auto-rows:14px;height:auto;max-height:84px}.fb-strip.big i{width:auto}.clp{display:flex;flex-direction:column;gap:8px;height:min(74vh,660px)}.clp-top{display:flex;flex-direction:column;gap:8px}.clp-search input{width:100%}.clp-search{align-self:stretch}.clp-families{display:flex;flex-wrap:wrap;gap:5px}.clp-chip{display:inline-flex;align-items:center;gap:5px;min-height:30px;padding:0 10px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.clp-chip:disabled{opacity:.35;cursor:default}.clp-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.clp-chip i{width:10px;height:10px;border-radius:50%}.fam-neutrals i{background:linear-gradient(90deg,#f4f3ed 50%,#3a3a40 50%)}.fam-browns i{background:#6e4a2e}.fam-reds i{background:#c8171e}.fam-oranges i{background:#ee7621}.fam-yellows i{background:#f1c12e}.fam-greens i{background:#2e8b45}.fam-blues i{background:#2346a6}.fam-purples i{background:#6a3f9c}.fam-pinks i{background:#ed84a7}.fam-metallics i{background:linear-gradient(135deg,#f3e3a0,#b38b4c 55%,#7d7f82)}.clp-body{flex:1;min-height:0;display:grid;grid-template-columns:214px 1fr;border:1px solid var(--line)}.clp-body .fb-side-item{padding-inline-start:10px}.clp-grid{overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-content:start;gap:6px;padding:8px}.clp-grid .fb-empty{grid-column:1 / -1}.clp-grid .clp-widened{margin:4px 0;text-align:start}.clp-tile{display:flex;flex-direction:column;gap:2px;padding:4px;border:1px solid transparent;border-radius:8px;background:none;font:inherit;text-align:start;cursor:pointer;min-width:0}.clp-tile:hover{background:var(--panel-2)}.clp-tile.on{border-color:var(--accent);background:var(--accent-soft)}.clp-swatch{height:48px;border-radius:5px;border:1px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center}.clp-tile.on .clp-swatch{box-shadow:0 0 0 2px var(--accent)}.clp-have{font-size:10px;opacity:.85}.clp-name{font-size:12px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clp-code{font-size:11px;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clp-code em{font-style:normal}.clp-tray{display:flex;align-items:center;gap:8px}.clp-tray .grow{flex:1}.clp-picked{flex:1;min-width:0;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.clp-picked-chip{flex:none;display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 6px 0 4px;border:1px solid var(--line);border-radius:6px;background:var(--panel);font:inherit;font-size:12px;color:var(--ink);cursor:pointer}.clp-picked-chip i{width:18px;height:18px;border-radius:3px;border:1px solid rgba(0,0,0,.12)}@media (max-width: 700px){.clp-body{grid-template-columns:1fr}.clp-body .fb-side{display:none}}.cd-tabs{display:inline-flex;margin-bottom:12px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.cd-tab{min-height:34px;padding:0 16px;border:none;background:var(--panel);color:var(--ink);font:inherit;font-size:14px;cursor:pointer}.cd-tab+.cd-tab{border-inline-start:1px solid var(--line)}.cd-tab.on{background:var(--accent);color:#fff}.workcol{position:absolute;inset-inline:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:5px 6px 5px 4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 22px #00000038;z-index:5}.workcol-btn{flex:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:none;color:var(--ink);cursor:pointer}.workcol-btn:hover:not(:disabled){background:var(--panel-2)}.workcol-btn:disabled{opacity:.3;cursor:default}.workcol-title{flex:none;font-size:14px;white-space:nowrap;min-width:9.5em;text-align:center}.workcol-title b{font-size:18px;font-variant-numeric:tabular-nums}.workcol-title span{color:var(--ink-soft);font-size:12px}.workcol-runs{flex:1;display:flex;gap:3px;margin:0 0 0 6px;padding:0 0 0 10px;border-inline-start:1px solid var(--line);list-style:none;overflow-x:auto;scrollbar-width:thin;min-width:0}.workcol-runs li{flex:none;min-width:28px;height:28px;padding:0 6px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid rgba(0,0,0,.15);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.workcol-runs li.empty{background:repeating-linear-gradient(45deg,var(--panel-2) 0 4px,var(--line) 4px 6px);color:var(--ink-soft);font-weight:500}.count-cue{position:absolute;transform:translateY(-100%);display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 9px 0 7px;border:1px solid rgba(255,255,255,.5);border-radius:13px;background:#23201bb8;color:#fff;font:inherit;font-size:12px;font-weight:600;cursor:pointer;z-index:4}.count-cue:hover{background:#1268ff;border-color:#1268ff}.seg-tool{height:44px;display:inline-flex;align-items:center;gap:0;padding:0 4px}.seg-tool .lb{font-size:11px;color:var(--ink-soft);margin-inline-end:6px}.seg-tool button{height:30px;padding:0 10px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.seg-tool button+button{border-inline-start:none}.seg-tool button:first-of-type{border-radius:6px 0 0 6px}.seg-tool button:last-of-type{border-radius:0 6px 6px 0}.seg-tool button.on{background:var(--ink);border-color:var(--ink);color:#fff}.notice.has-action{display:flex;align-items:center;gap:12px;padding:4px 6px 4px 16px;pointer-events:auto}.notice-action{min-height:36px;padding:0 12px;border:0;border-radius:14px;background:transparent;color:#7fd8d0;font:inherit;font-weight:700;cursor:pointer}.notice-action:hover{background:#ffffff1f}.notice{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);transform:translate(-50%);padding:8px 14px;border-radius:18px;background:#23201be6;color:#fff;font-size:13px;font-weight:600;box-shadow:0 6px 20px #0003;pointer-events:none;z-index:2000;animation:notice-in .15s ease-out}body.printing .notice{display:none}@keyframes notice-in{0%{opacity:0;transform:translate(-50%,-6px)}}.layer-lock{border:none;background:none;padding:4px;display:flex;color:var(--ink-soft);opacity:.35;cursor:pointer}.layer-lock:hover,.layer-lock[aria-pressed=true]{opacity:1}.layer-lock[aria-pressed=true]{color:var(--ink)}.layer-row.locked .layer-name{color:var(--ink-soft);font-style:italic}.layer-row.locked{cursor:default}.account-btn{gap:6px;font-size:13px}.account-btn.offline,.account-btn.error{color:var(--danger);border-color:#e7c3bb}.acct{display:flex;flex-direction:column;gap:10px}.acct-who{display:flex;align-items:center;gap:8px;margin:0;font-size:15px}.acct-status{display:flex;align-items:center;gap:6px;margin:0;font-size:13px;color:var(--ink-soft)}.acct-status.offline,.acct-status.error{color:var(--danger)}.acct-held{margin:0;padding-left:20px;font-size:13px;color:var(--danger)}.acct-offer{padding:10px 12px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:8px}.acct-offer p{margin:0 0 8px;font-size:13px}.acct-error{margin:0;padding:8px 10px;border-radius:6px;background:#fbe9e5;color:var(--danger);font-size:13px}.acct .field input[type=email],.acct .field input[type=password],.acct .pw-field input{min-height:var(--field-h);padding:5px 9px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px}.acct .field .hint{margin-top:4px}img{object-fit:contain}.avatar{flex:none;border-radius:50%;object-fit:cover;image-rendering:pixelated;background:var(--panel-2);border:1px solid var(--line)}.avatar.initial{display:inline-flex;align-items:center;justify-content:center;font-weight:600;color:var(--ink-soft)}.people h3{display:flex;align-items:center;gap:6px}.acct-username{display:flex;align-items:center;gap:10px;margin:0}.acct-username>span{display:flex;flex-direction:column}.acct-username .btn{margin-inline-start:auto}.people-list{list-style:none;margin:0;padding:0}.people-list li{display:flex;align-items:center;gap:8px;min-height:var(--tap);border-bottom:1px solid var(--line)}.people-list .who{font-weight:600;margin-inline-end:auto;display:flex;flex-direction:column;min-width:0}.user-stats{display:inline-flex;flex-wrap:wrap;gap:2px 10px;font-size:12px;font-weight:400;color:var(--ink-soft)}.user-stats>span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.row-field{display:flex;gap:8px}.row-field input,.find-people input{flex:1;min-height:var(--field-h);padding:5px 9px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font-size:16px;-webkit-user-select:text;user-select:text}.share{display:flex;flex-direction:column;gap:8px}.share-opt{align-items:flex-start}.share-opt>span{display:flex;flex-direction:column}.share-friends{display:flex;flex-direction:column}.share-friends .check{min-height:var(--tap)}.icon-btn{padding:0;min-width:var(--tap);border-color:transparent}.home{--sw-sand: #f4e7d3;--sw-cream: #fbf3e6;--sw-adobe: #e6cfae;--sw-terracotta: #c2562f;--sw-turquoise: #2e9c95;--sw-turquoise-deep: #1f6f6a;--sw-ochre: #d99a3a;--sw-plum: #5b2d3b;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;overflow-y:auto;background:var(--sw-sand);color:var(--sw-plum);padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);-webkit-overflow-scrolling:touch}.home-hero{position:relative;padding-top:env(safe-area-inset-top);background-color:#e58a4e;background-size:cover;background-position:72% bottom;image-rendering:pixelated;overflow:hidden}.home-hero-inner{position:relative;max-width:1080px;margin:0 auto;padding:28px 16px 64px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.home-logo{flex:none;width:clamp(110px,17vw,176px);height:auto;filter:drop-shadow(0 0 3px rgba(45,12,22,.75)) drop-shadow(0 0 8px rgba(45,12,22,.45)) drop-shadow(0 3px 0 rgba(45,12,22,.35))}.home-title{flex:1;min-width:min(220px,100%)}.home-title h1{margin:0;font-family:Josefin Sans,system-ui,sans-serif;font-size:clamp(28px,6vw,60px);font-weight:700;line-height:1;letter-spacing:.14em;text-transform:uppercase;padding-top:.12em;color:var(--sw-cream);text-shadow:3px 3px 0 rgba(91,45,59,.55)}.home-quote{margin:8px 0 0;max-width:34em;padding-inline-start:12px;border-inline-start:3px solid var(--sw-cream);color:#fff4e2;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:clamp(15px,1.9vw,18px);line-height:1.4;text-shadow:0 1px 0 rgba(91,45,59,.35)}.home-quote em{font-style:italic;white-space:nowrap}@media (max-width: 600px){.home-quote em{white-space:normal}.home-title h1{font-size:26px;letter-spacing:.08em}}.home-zigzag{display:block;transform:scaleY(-1)}.home .btn{border-color:var(--sw-plum);color:var(--sw-plum)}.home .btn.primary{background:var(--sw-turquoise-deep);border-color:var(--sw-turquoise-deep);color:#fff}.home-hero .btn.primary{background:var(--sw-cream);border-color:var(--sw-cream);color:var(--sw-plum)}.home .hint{color:#7d5a4f}.home-inner{max-width:1080px;margin:0 auto;padding:24px 16px 48px}.home-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.home-mode{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-top:5px solid var(--sw-terracotta)}.home-mode+.home-mode{border-top-color:var(--sw-turquoise)}.home-mode.current{box-shadow:0 0 0 2px var(--sw-turquoise-deep)}.home-mode h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px}.home-mode ul{margin:0;padding-inline-start:18px;flex:1;color:#6e4c44;font-size:14px}.home-mode li+li{margin-top:6px}.home-mode .btn{align-self:flex-start;min-height:var(--tap)}.home-gallery h2{display:flex;align-items:center;gap:10px;margin:32px 0 14px;font-size:15px;letter-spacing:.18em;text-transform:uppercase}.home-gallery h2:after{content:"";flex:1;height:6px;background:repeating-linear-gradient(90deg,var(--sw-terracotta) 0 12px,var(--sw-ochre) 12px 18px,var(--sw-turquoise) 18px 30px,transparent 30px 36px)}.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.gallery-grid.justified{display:flex;flex-wrap:wrap;gap:14px}.gallery-grid.justified>li{display:flex;min-width:0}.gallery-grid.justified .gallery-card{flex:1}.gallery-card{width:100%;display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--sw-cream, var(--panel));border:1px solid var(--sw-adobe, var(--line));color:inherit;text-decoration:none;cursor:pointer;text-align:start}.gallery-card:active{transform:translateY(1px)}.gallery-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:var(--panel-2)}.gallery-thumb img,.gallery-preview img{max-width:100%;max-height:100%;image-rendering:pixelated}.justified .gallery-thumb{aspect-ratio:auto;flex:1;background:none}.justified .gallery-thumb img{max-width:100%;height:auto}.gallery-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-by{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ink-soft)}.preview-figure{display:flex;justify-content:center;align-items:stretch;gap:18px;max-width:100%}.preview-figure img{flex:0 1 auto;align-self:center;min-width:0;max-width:64%;height:auto}.dp-chart{display:flex;flex-direction:column;gap:6px;flex:0 1 auto;min-width:90px;max-width:34%;min-height:180px;margin:0}.dp-cols{display:flex;flex:1;align-items:flex-end;gap:3px;padding:0 0 2px;border-bottom:1px solid var(--line)}.dp-chart figcaption{align-self:flex-start;font-size:12px;white-space:nowrap}.dp-col-bar.metallic{background-image:linear-gradient(135deg,rgb(255 255 255 / .55),transparent 45%,rgb(0 0 0 / .25))}.dp-col{display:flex;flex:1 1 0;flex-direction:column;justify-content:flex-end;align-items:center;min-width:3px;max-width:36px;height:100%}.dp-col-bar{position:relative;width:100%;border-radius:3px 3px 0 0;box-shadow:inset 0 0 0 1px #00000026}.dp-col-n{margin:0 0 3px;font-size:11px;color:var(--ink-soft);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 600px){.preview-figure{flex-direction:column;align-items:center}.dp-chart{width:100%!important;max-width:100%;min-height:140px;height:140px}}.design-description{align-self:center;box-sizing:border-box;max-width:100%;width:62ch;min-width:min(100%,36ch);margin:2px auto 4px;overflow-wrap:anywhere;line-height:1.5;text-align:start}.design-description.plain{white-space:pre-line}.design-description>:last-child,.design-description p:last-child{margin-bottom:0}.gallery-preview{display:flex;flex-direction:column;align-items:center;gap:8px}.gallery-preview img{max-height:45vh}.reaction-summary{display:inline-flex;gap:10px;font-size:13px;color:var(--ink-soft)}.reaction-summary>span{display:inline-flex;align-items:center;gap:3px}.reaction-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.reaction-like.on{color:#c2362f;border-color:#c2362f}.reaction-stars{display:inline-flex}.reaction-star{width:var(--tap);height:var(--tap);display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:#c9bfae;cursor:pointer;padding:0}.reaction-star.on{color:#d99a3a}.reaction-star:disabled{cursor:default}.comments h3{display:flex;align-items:center;gap:6px}.comment-list{list-style:none;margin:0 0 8px;padding:0}.comment-list>li{border-bottom:1px solid var(--line)}.comment-row{display:flex;align-items:flex-start;gap:8px;padding:8px 0}.comment-replies{list-style:none;margin:0 0 6px;padding:0;padding-inline-start:14px;margin-inline-start:13px;border-inline-start:2px solid var(--line)}.comment-replies.flat{padding-inline-start:0;margin-inline-start:0;border-inline-start:0}.comment-replies .comment-row{padding:6px 0}.comment-reply-btn{display:inline-flex;align-items:center;gap:4px;min-height:32px;margin:2px 0 0;padding:0 6px;margin-inline-start:-6px;border:0;background:none;color:var(--ink-soft);font:inherit;font-size:13px;cursor:pointer}.comment-reply-btn[aria-expanded=true]{color:var(--ink)}.comment-actions{display:flex;align-items:center;gap:4px}.comment-like.on{color:var(--sw-adobe, #c8452f)}.comment-like-n{font-variant-numeric:tabular-nums}.reply-form{flex-direction:column;align-items:stretch;margin:0 0 10px;margin-inline-start:36px}.reply-form textarea{flex:none;width:100%;box-sizing:border-box}.reply-actions{display:flex;justify-content:flex-end;gap:8px}.comment-body{flex:1;min-width:0}.comment-head{display:flex;gap:8px;align-items:baseline}.comment-body p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.comment-form{display:flex;gap:8px;align-items:flex-end}.comment-form textarea{flex:1;min-height:60px;padding:6px 9px;border:1px solid var(--line);background:var(--panel-2);font-size:16px;resize:vertical;-webkit-user-select:text;user-select:text}.link-card{display:flex;align-items:center;gap:10px;margin-top:6px;padding:8px;max-width:420px;border:1px solid var(--line);background:var(--panel-2);color:inherit;text-decoration:none;text-align:start;font:inherit;cursor:pointer}.link-card img,.link-card .link-card-icon{flex:none;width:56px;height:56px;object-fit:contain;image-rendering:pixelated;background:var(--panel);display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.link-card-text{display:flex;flex-direction:column;min-width:0}.link-card-text b,.link-card-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-body a{color:var(--accent);overflow-wrap:anywhere}.settings{display:flex;flex-direction:column;gap:6px}.settings .check{align-items:flex-start;min-height:var(--tap)}.settings .check>span{padding-top:2px}.settings-sub{margin:8px 0 0}.settings-tabs{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--sw-adobe)}.settings-tab{display:flex;flex:none;align-items:center;gap:8px;min-height:var(--tap);padding:8px 14px;margin-bottom:-2px;border:0;border-bottom:3px solid transparent;background:none;color:inherit;font:inherit;font-size:16px;white-space:nowrap;cursor:pointer}.settings-tab:hover{background:var(--sw-cream)}.settings-tab.on{border-bottom-color:var(--sw-turquoise);font-weight:600}.settings-pane{min-width:0;max-width:760px;margin-top:16px;padding:16px 20px 20px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-top:5px solid var(--sw-turquoise)}.settings-pane h3,.notices-prefs h3{display:flex;align-items:center;gap:6px;margin:16px 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.settings-pane .field,.friends-page .field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.settings-pane .field label,.friends-page .field label{font-size:13px;font-weight:600}.settings-pane .actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.settings-pane .check{font-size:15px}.acct-data .danger-zone{margin-top:28px;padding-top:12px;border-top:1px solid var(--danger)}@media (max-width: 700px){.settings-pane{padding:12px}}.account-menu .menu-item{min-height:var(--tap);font-size:16px;color:var(--ink)}.notices-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:10px}.notices-bar .seg button{min-height:var(--tap)}.notices-prefs{max-width:760px;margin-bottom:16px;padding:12px 16px;background:var(--sw-cream);border:1px solid var(--sw-adobe)}.notices-page .notice-list{max-height:none;max-width:760px;background:var(--panel);border:1px solid var(--line)}.notices-page .journal-bar{flex-wrap:wrap}.notices-page .page-title{margin:4px 0}.friends-page{max-width:760px}.friends-page .home-section:first-child{margin-top:0}.people-list .who a{color:inherit;text-decoration:none}.seg{display:inline-flex;border:1px solid var(--sw-plum, var(--ink))}.seg button{min-height:var(--btn-h);padding:0 14px;border:0;background:transparent;color:inherit;cursor:pointer}.seg button+button{border-inline-start:1px solid var(--sw-plum, var(--ink))}.seg button.on{background:var(--sw-plum, var(--ink));color:#fff}.journal-bar{display:flex;align-items:center;gap:10px;margin-bottom:12px}.journal-bar .grow{flex:1}.post-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.post-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;background:var(--sw-cream, var(--panel));border:1px solid var(--sw-adobe, var(--line));border-inline-start:5px solid var(--sw-ochre, var(--accent));color:inherit;text-decoration:none;text-align:start;cursor:pointer}.post-card:active{transform:translateY(1px)}.post-card-head{display:flex;align-items:baseline;gap:8px;width:100%}.post-title{font-size:17px}.post-badge{margin-inline-start:auto;padding:1px 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;opacity:.75}.post-excerpt{font-size:14px;color:#6e4c44;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-thumbs{display:flex;align-items:center;gap:6px}.post-thumb{flex:none;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--ink-soft)}.post-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.gallery-thumb .post-thumb{width:100%;height:100%;background:none}.post-byline{margin:-6px 0 10px}.markup{-webkit-user-select:text;user-select:text;line-height:1.55;overflow-wrap:anywhere}.markup h3{margin:16px 0 6px;font-size:18px;text-transform:none;letter-spacing:0}.markup h4{margin:14px 0 4px;font-size:15px}.markup p{margin:0 0 10px;white-space:pre-wrap}.markup ul{margin:0 0 10px;padding-inline-start:20px}.markup a{color:var(--accent)}.post-designs{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.post-editor{display:flex;flex-direction:column;gap:12px}.post-editor input[type=text],.post-editor textarea{width:100%;padding:6px 9px;border:1px solid var(--line);background:var(--panel-2);font-size:16px;-webkit-user-select:text;user-select:text}.post-editor textarea{resize:vertical;min-height:160px;line-height:1.5}.post-picker{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;max-height:260px;overflow-y:auto}.post-pick{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border:1px solid var(--line);cursor:pointer}.post-pick.on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.post-pick input{position:absolute;top:4px;inset-inline-start:4px}.post-pick-name{font-size:12px;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;line-height:1.25;text-align:center}.pw-field{position:relative;display:flex}.pw-field input{flex:1;padding-inline-end:calc(var(--tap) + 4px)!important}.pw-eye{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);width:var(--tap);height:var(--tap);display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink-soft);cursor:pointer}.pw-eye[aria-pressed=true]{color:var(--ink)}.cloud-status{display:inline-flex;flex:none}.cloud-status.busy svg{animation:cloud-pulse 1s ease-in-out infinite alternate}.cloud-status.alert{color:var(--danger)}@keyframes cloud-pulse{0%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion: reduce){.cloud-status.busy svg{animation:none;opacity:.6}}.account-name{max-width:14ch;overflow:hidden;text-overflow:ellipsis}.account-pending{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--accent);color:#fff;font-size:11px;line-height:18px;text-align:center}.home-explore{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px}.explore-card{display:flex;align-items:center;gap:16px;padding:18px;min-height:96px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-inline-start:5px solid var(--sw-ochre);color:inherit;text-align:start;cursor:pointer}.explore-card+.explore-card{border-inline-start-color:var(--sw-turquoise)}.explore-card>span{flex:1;display:flex;flex-direction:column;gap:2px}.explore-card b{font-size:18px;letter-spacing:.08em;text-transform:uppercase}.explore-card:active{transform:translateY(1px)}.page-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:calc(8px + env(safe-area-inset-top)) 16px 14px;background-color:#d0693a;background-size:cover;background-position:center bottom;image-rendering:pixelated}.page-brand{display:flex;align-items:center;gap:10px;border:0;background:none;padding:.12em 0 0;cursor:pointer;color:var(--sw-cream);font-family:Josefin Sans,system-ui,sans-serif;font-size:22px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 0 rgba(91,45,59,.5)}.page-brand .home-logo{width:44px}.page-tabs{display:flex;gap:4px}.page-tabs button{min-height:var(--tap);padding:0 14px;border:0;border-bottom:3px solid transparent;background:none;color:#fff4e2;font-size:15px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.page-tabs button.on{border-bottom-color:var(--sw-cream);color:#fff;font-weight:700}.page-bar .grow{flex:1}.full-page .home-inner{max-width:1400px}.full-page .home-gallery h2{margin-top:8px}.full-page .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.home-btn{padding:0 6px}.logo-mark{display:block}.personal-home{display:flex;flex-direction:column;gap:8px}.continue-card{display:flex;align-items:center;gap:18px;width:100%;padding:14px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-inline-start:6px solid var(--sw-turquoise);color:inherit;text-align:start;cursor:pointer}.continue-card:active{transform:translateY(1px)}.continue-thumb{flex:none;width:120px;height:90px;display:flex;align-items:center;justify-content:center;background:var(--panel-2)}.continue-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.continue-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.continue-text b{font-size:22px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-section{margin-top:26px}.home-section-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}.home-section h2,.home-section-head h2{display:flex;align-items:center;gap:10px;flex:1;margin:0;font-size:15px;font-weight:600;color:var(--ink-soft)}.me-page .home-section h2,.me-page .home-section-head h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.me-page .home-section-head{justify-content:flex-end}.home-section>h2{margin-bottom:12px}.design-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:12px}.design-tile{width:100%;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--sw-cream);border:1px solid var(--sw-adobe);color:inherit;text-align:start;cursor:pointer}.design-tile:active{transform:translateY(1px)}.design-tile-thumb{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--sw-plum)}.design-tile-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.design-tile.new .design-tile-thumb{border:2px dashed var(--sw-adobe);background:transparent}.design-tile-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-badge{position:absolute;inset-inline-start:4px;bottom:4px;display:inline-flex;align-items:center;gap:3px;padding:1px 5px;font-size:11px;color:#fff;background:#5b2d3bd9}.store-badge.cloud{background:#1f6f6ae6}.store-badge.warn{background:#f2c14e;color:#3d2a00;font-weight:600}.store-badge.inline{position:static;align-self:flex-start;margin-top:4px}.activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.activity-item{width:100%;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 12px;background:var(--sw-cream);border:1px solid var(--sw-adobe);color:inherit;text-align:start;font:inherit}button.activity-item{cursor:pointer}button.activity-item:disabled{cursor:default}.activity-item.request{border-inline-start:5px solid var(--sw-ochre)}.activity-icon{flex:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sw-sand);color:var(--sw-terracotta)}.activity-text{flex:1;min-width:0;display:flex;flex-direction:column}.activity-text .hint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-when{flex:none}.friend-strip{list-style:none;margin:0 0 12px;padding:0;display:flex;gap:14px;overflow-x:auto}.friend-strip li{display:flex;flex-direction:column;align-items:center;gap:2px;max-width:72px}.friend-strip .hint{font-size:12px;overflow:hidden;text-overflow:ellipsis;max-width:72px;white-space:nowrap}.home-callout{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:8px 12px;background:#fdf0d5;border:1px solid var(--sw-ochre)}.page-account{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 12px;border:1px solid rgba(251,243,230,.6);background:#5b2d3b40;color:var(--sw-cream);font-size:15px;cursor:pointer}.page-title{margin:4px 0 16px;font-family:Josefin Sans,system-ui,sans-serif;font-size:28px;letter-spacing:.06em}.signin-card{max-width:440px;margin:24px auto;padding:22px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-top:5px solid var(--sw-turquoise)}.signin-card .signin-back{margin-bottom:12px}.signin-card h2{margin:0 0 14px;font-size:22px}.signin-card .field input[type=text],.signin-card .field input[type=email],.signin-card .pw-field input{width:100%;min-height:var(--field-h);padding:5px 9px;border:1px solid var(--line);background:#fff;font-size:16px}.signin-card .field{display:flex;flex-direction:column;gap:4px}.auth-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.auth-actions>.btn.primary{min-height:var(--tap);width:100%}.auth-links{display:flex;justify-content:space-between;flex-wrap:wrap}.auth-links .btn.ghost,.home .auth-links .btn.ghost{border-color:transparent;color:var(--sw-turquoise-deep, var(--accent));text-decoration:underline;text-underline-offset:3px}.home-callout.suspended{display:block;border-color:var(--danger);background:#fbe9e5;color:#6b2418}.admin-tabs{margin:8px 0 16px}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.admin-row{display:flex;align-items:center;gap:14px;padding:10px 12px;background:var(--sw-cream, var(--panel));border:1px solid var(--sw-adobe, var(--line))}.admin-row.dim{opacity:.65}.admin-thumb{flex:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--panel-2);color:var(--ink-soft)}.admin-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.admin-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.admin-text b{display:flex;align-items:center;gap:8px}.admin-excerpt{font-size:13px;color:#6e4c44;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-reasons{display:flex;flex-wrap:wrap;gap:6px;font-size:13px}.admin-reasons q{padding:1px 6px;background:#fdf0d5;border:1px solid var(--sw-ochre, #d99a3a)}.admin-flag{font-size:13px;color:var(--danger)}.admin-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-actions select{min-height:32px;font-size:15px}.btn.danger{border-color:var(--danger);color:var(--danger)}.admin-log{width:100%;border-collapse:collapse;font-size:14px}.admin-log th,.admin-log td{text-align:start;padding:6px 8px;border-bottom:1px solid var(--sw-adobe, var(--line))}.home-section-head .btn+.btn{margin-inline-start:0}.design-filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}.design-filters .fb-search{flex:1 1 220px;display:flex;align-items:center;gap:6px;min-height:var(--btn-h);padding:0 10px;background:#fff;border:1px solid var(--sw-adobe, var(--line))}.design-filters .fb-search input{flex:1;border:0;outline:none;background:transparent;font-size:16px;-webkit-user-select:text;user-select:text}.design-filters select{min-height:var(--btn-h);font-size:15px;padding:0 6px;border:1px solid var(--sw-adobe, var(--line));background:#fff}.design-count{margin-inline-start:auto}.design-folder{margin-bottom:10px}.design-folder-head{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 4px;border:0;border-bottom:1px solid var(--sw-adobe, var(--line));background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.design-folder-head svg{transition:transform .15s}.design-folder-head svg.open{transform:rotate(90deg)}.design-grid{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:8px}.design-grid .design-tile{padding:4px;gap:2px}.design-grid .design-tile-name{font-size:13px}.design-grid .hint{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.design-grid .store-badge{font-size:10px;padding:0 4px;white-space:nowrap;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis}.design-grid>li{position:relative}.design-grid .tile-trash{position:absolute;top:6px;inset-inline-end:6px;min-width:32px;min-height:32px;padding:0;justify-content:center;background:#fbf3e6eb;border-color:var(--sw-adobe);color:var(--sw-plum)}.design-grid .tile-trash:hover{color:var(--danger);border-color:var(--danger)}@media (hover: hover) and (pointer: fine){.design-grid .tile-trash{opacity:0}.design-grid>li:hover .tile-trash,.design-grid .tile-trash:focus-visible{opacity:1}}.design-grid .tile-to-cloud{width:100%;min-height:32px;margin-top:4px;justify-content:center;font-size:12px;gap:4px;padding:0 4px;white-space:nowrap}.design-grid .tile-to-cloud svg{flex-shrink:0}.local-only-note{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:12px}.local-only-note .hint{margin:0;flex:1 1 240px}.site-nav{display:flex;align-items:center;gap:2px}.site-nav .menu>.btn{min-width:var(--tap);min-height:var(--tap);padding:0 6px;border-color:transparent}.home-btn{gap:6px}.home-btn-label{font-family:Josefin Sans,system-ui,sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:14px;padding-top:2px}.save-status{min-width:11.5em;justify-content:flex-start;display:inline-flex;align-items:center;gap:5px;min-height:var(--btn-h);padding:0 8px;border:0;background:none;font-size:13px;color:var(--ink-soft);white-space:nowrap;cursor:pointer}.save-status.saved{cursor:default}.save-status.dirty,.save-status.unsaved{color:#9a5a12}.save-status.held{color:var(--danger)}.share-btn{gap:6px}.notes-btn{position:relative;gap:6px;min-height:44px}.notes-dot{position:absolute;top:6px;inset-inline-end:6px;width:8px;height:8px;border-radius:50%;background:var(--accent)}.modal .field textarea.notes-text{min-height:200px;resize:vertical;line-height:1.45;-webkit-user-select:text;user-select:text}.menu-item:disabled{opacity:.45;cursor:default}@media (max-width: 900px){.home-btn-label,.save-status-text,.notes-btn-label,.share-btn-label{display:none}}.remix-credit{display:inline-flex;align-items:center;gap:5px;font-size:14px;color:var(--sw-turquoise-deep, var(--accent));text-decoration:none}.remix-credit:hover{text-decoration:underline}.gallery-remix{align-self:flex-start;padding:0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor;color:var(--sw-turquoise-deep, var(--accent))}.preview-actions{flex-wrap:wrap}.sign-in-to-join{gap:5px}.reaction-bar .sign-in-to-join{margin-inline-start:4px}.modal .markup.rich h3,.markup.rich h3,.rich-surface h2{margin:18px 0 6px;font-size:22px;line-height:1.25;text-transform:none;letter-spacing:0}.modal .markup.rich h4,.markup.rich h4,.rich-surface h3{margin:14px 0 4px;font-size:17px;text-transform:none;letter-spacing:0;color:var(--ink)}.markup ol{margin:0 0 10px;padding-inline-start:24px}.markup blockquote{margin:0 0 10px;padding:2px 0 2px 14px;border-inline-start:3px solid var(--accent);color:var(--ink-soft);font-style:italic}.markup.rich p{white-space:normal}.rich-pic{margin:12px 0;text-align:center}.rich-pic img{max-width:100%;height:auto;border-radius:8px}.rich-pic.design img{image-rendering:pixelated;width:100%;max-height:560px;object-fit:contain;border-radius:4px}.rich-pic.size-half,.rich-pic.size-third{display:inline-block;vertical-align:top}.rich-pic.size-half{width:49%}.rich-pic.size-third{width:32%}.rich-pic.size-half+.rich-pic.size-half,.rich-pic.size-third+.rich-pic.size-third{margin-inline-start:2%}.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half,.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third{margin-inline-start:0}.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half,.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third{margin-inline-start:2%}.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half+.rich-pic.size-half,.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third+.rich-pic.size-third{margin-inline-start:0}.rich-pic.size-half img,.rich-pic.size-third img{width:auto;max-width:100%;max-height:320px}.rich-pic.design.size-half img,.rich-pic.design.size-third img{aspect-ratio:auto;object-fit:contain}.rich-design-facts{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px}.rich-design-colors{display:inline-flex;gap:2px}.rich-design-colors i{width:12px;height:12px;border-radius:3px;box-shadow:inset 0 0 0 1px #0003}.rich-open{margin-inline-start:6px}.rich-caption{display:block;margin-bottom:2px;color:var(--ink)}.rich-pic figcaption{font-size:13px;color:var(--ink-soft);margin-top:4px}.rich-pic.missing{padding:16px;border:1px dashed var(--line);border-radius:8px;color:var(--ink-soft);font-size:13px}.rich-design{border:0;padding:0;background:none;cursor:pointer}.rich-editor{border:1px solid var(--line);border-radius:0;background:var(--panel)}.rich-toolbar{position:sticky;top:0;z-index:1;display:flex;flex-wrap:wrap;align-items:center;gap:3px;padding:4px;border-bottom:1px solid var(--line);background:var(--panel-2)}.rich-toolbar .btn.mini{min-width:34px;min-height:34px;padding:0 6px;border-radius:0;border-color:var(--line);font-size:14px;gap:4px}.rich-toolbar .btn.mini:hover{border-color:var(--ink)}@media (pointer: coarse){.rich-toolbar .btn.mini{min-width:44px;min-height:44px}}@media (max-width: 600px){.rich-surface .fig-box[data-size=third]{width:49%}}.rich-toolbar .btn.on,.rich-toolbar .btn[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.rich-sep{width:1px;height:22px;margin:0 3px;background:var(--line)}.rich-surface p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--ink-soft);pointer-events:none}.rich-editor .tiptap:focus,.rich-editor .ProseMirror:focus{outline:none}.rich-surface .fig-box{display:block}.rich-surface .fig-box[data-size=half],.rich-surface .fig-box[data-size=third]{display:inline-block;vertical-align:top}.rich-surface .fig-box[data-size=half]{width:49%}.rich-surface .fig-box[data-size=third]{width:32%}.rich-surface .fig-box>figure{width:100%!important}.rich-surface .ProseMirror-selectednode>figure{border-color:var(--ink)}.rich-editor.words-only .rich-surface.markup{min-height:96px;max-height:40vh;overflow-y:auto}.rich-editor.loading{min-height:270px}.rich-editor.loading.words-only{min-height:150px}.description-field .hint.over{color:var(--danger)}.rich-surface{position:relative;min-height:220px;max-height:55vh;overflow-y:auto;padding:10px 14px;font-size:16px;outline:none}.rich-surface figure{margin:10px 0;text-align:center}.rich-surface figure img{max-width:100%;max-height:320px;border-radius:6px}.rich-surface figure img[data-design]{image-rendering:pixelated}.rich-surface figure{position:relative;padding:6px;border:1px dashed transparent;border-radius:8px}.rich-surface figure:hover,.rich-surface figure:focus-within{border-color:var(--line)}.rich-surface figure[data-size=half],.rich-surface figure[data-size=third]{display:inline-block;vertical-align:top;box-sizing:border-box}.rich-surface figure[data-size=half]{width:49%}.rich-surface figure[data-size=third]{width:32%}.rich-surface figure[data-size] img[data-photo]{width:auto;max-width:100%;max-height:320px}.rich-surface figure img[data-design]{width:100%;object-fit:contain}.fig-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:4px}.fig-tool{min-width:34px;min-height:32px;padding:0 6px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.fig-tool[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.fig-caption{display:block;width:100%;box-sizing:border-box;margin-top:4px;padding:4px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel-2);font-size:16px;text-align:center}.post-thumb.photo img{object-fit:cover;width:100%;height:100%;image-rendering:auto}.made-it{margin:12px 0 4px}.made-it h3{display:flex;align-items:center;gap:6px}.made-it-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.made-it-photo{border:0;padding:0;background:none;cursor:pointer}.made-it-photo img{width:112px;height:112px;object-fit:cover;border-radius:8px;display:block}.gallery-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px}.gallery-bar input[type=search]{flex:1 1 220px;min-height:var(--tap);font-size:16px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.gallery-bar .btn.on{background:var(--accent);color:#fff}.image-steps h4{display:flex;align-items:center;gap:8px}.step-n{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#fff;font-size:12px;font-weight:700}.report-cat{align-items:flex-start;min-height:var(--tap)}.report-cat>span{display:flex;flex-direction:column}.report-form input[type=url]{width:100%;min-height:var(--tap);font-size:16px;margin-bottom:6px}.admin-cats{display:flex;flex-wrap:wrap;gap:4px}.post-badge.warn{background:#b3261e;color:#fff}.admin-sources{font-size:13px;overflow-wrap:anywhere}.admin-sources a{color:var(--accent);margin-inline-end:8px}.statusbar .shine-btn{min-height:32px;gap:4px}.statusbar .shine-btn.on{background:var(--accent);color:#fff}.lang-select{min-height:var(--tap);font-size:16px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);max-width:100%}.canvas-wrap,.canvas-wrap *{direction:ltr}[dir=rtl] svg[data-icon=chevron-left],[dir=rtl] svg[data-icon=chevron-right],[dir=rtl] svg[data-icon=undo],[dir=rtl] svg[data-icon=redo]{transform:scaleX(-1)}.lang-btn{display:inline-flex;align-items:center;justify-content:center;min-width:var(--tap);min-height:var(--tap);padding:0 6px;border:0;background:none;cursor:pointer}.lang-flag{display:block;width:30px;height:22px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #0000001f}.lang-menu{display:flex;flex-direction:column;max-height:70vh;overflow-y:auto;min-width:240px}.lang-item{min-height:var(--tap)}.lang-item .grow{flex:1}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.admin-filters input[type=search]{flex:1 1 220px;min-height:var(--tap);font-size:16px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.admin-table-wrap{overflow-x:auto}table.admin-table{display:table;width:100%;border-collapse:collapse;font-size:14px}.admin-table th{text-align:start;font-size:12px;color:var(--ink-soft);border-bottom:1px solid var(--line);padding:4px 6px;white-space:nowrap}.admin-table td{padding:6px;border-bottom:1px solid var(--line);vertical-align:top}.admin-table tr.admin-row{display:table-row}.admin-table .admin-text{display:table-cell;min-width:180px}.admin-table .admin-text>*{display:block}.admin-table .admin-actions{display:table-cell;white-space:nowrap}.admin-table .admin-actions .btn{margin:0 4px 4px 0}.admin-date,.admin-num{white-space:nowrap;font-variant-numeric:tabular-nums}.admin-sort{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer}.admin-sort-arrow{font-size:10px;min-width:10px}.admin-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin:10px 0;font-variant-numeric:tabular-nums}.admin-examples{margin:0 0 28px}.admin-examples+.admin-examples{padding-top:20px;border-top:1px solid var(--line)}.admin-examples h2{margin:0 0 4px;font-size:18px}.admin-examples .admin-table input[type=checkbox]{width:22px;height:22px;margin:20px 4px}.admin-examples-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin:10px 0 0}.admin-examples-bar .hint{margin-inline-end:auto}.admin-file{display:inline-flex;align-items:center;gap:6px;margin:4px 0 10px;cursor:pointer}.body{position:relative}.coach{position:absolute;top:14px;inset-inline-start:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:10px;max-width:min(560px,calc(100% - 32px));padding:10px 12px;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);font-size:14px;pointer-events:none}[dir=rtl] .coach{transform:translate(50%)}.body:has(>.right-dock)>.coach{inset-inline-start:calc((100% - clamp(264px,30vw,340px))/2);max-width:min(560px,calc(100% - clamp(264px,30vw,340px) - 32px))}.coach>span{display:flex;flex-direction:column;gap:2px}.coach>span>span{color:var(--ink-soft);font-size:13px}.coach .btn{pointer-events:auto;flex:none}.visitor-note{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin:6px 0 0;font-size:14px;color:var(--ink-soft)}@media (max-width: 1366px){.dim-est{display:none}.dim-group>label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.profile-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 18px}.profile-who{display:flex;flex-direction:column;gap:4px}.profile-who .page-title{margin:0}.profile-who{flex:1 1 260px;min-width:0}.bio{margin:6px 0 0;max-width:60ch;white-space:pre-line;overflow-wrap:anywhere;line-height:1.45}.bio-view{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0 0 12px}.bio-form textarea{width:100%;font:inherit;font-size:16px;resize:vertical}.bio-count{font-variant-numeric:tabular-nums}.profile-friends{display:inline-flex;align-items:center;gap:6px;color:var(--ink-soft)}.profile-posts{list-style:none;margin:0;padding:0;display:grid;gap:10px}.comment-author,.gallery-by a{color:inherit;text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:3px}.modal .actions.preview-actions{position:sticky;bottom:-18px;margin:0 -18px -18px;padding:10px 18px;background:var(--panel);border-top:1px solid var(--line);z-index:2}.share-link-text{display:block;width:100%;margin-top:6px;min-height:var(--tap);font-size:16px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}.cd-merge{margin-top:4px}.cd-merge-label{font-weight:600}.cd-merge-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cd-merge-swatch{width:36px;height:36px;padding:0;border:1px solid var(--line);border-radius:6px;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffff80}.draft-callout{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}.draft-actions{display:flex;flex-wrap:wrap;gap:8px}.notice-bell,.messages-btn{position:relative;min-width:40px;padding:0 8px}.page-bell{background:none;border-color:#ffffff73;color:inherit}.notice-count{position:absolute;top:-5px;inset-inline-end:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}.notice-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 8px}.notice-list{list-style:none;margin:0;padding:0;max-height:60vh;overflow-y:auto}.nc-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 8px;border:0;border-bottom:1px solid var(--line);background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.nc-item.unread{background:var(--accent-soft)}.notice-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--panel-2);border:1px solid var(--line)}.notice-text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.notice-body{overflow-wrap:anywhere}.notice-dot{flex:none;width:9px;height:9px;margin-top:6px;border-radius:50%;background:var(--accent)}.notice-empty{padding:16px 0}a.mention{font-weight:600;text-decoration:none}a.mention:hover{text-decoration:underline}.mention-host{position:relative;display:flex;flex:1;flex-direction:column}.mention-host>textarea{flex:1}.mention-at{position:fixed;z-index:400;min-width:220px}.mention-list{z-index:5;margin:4px 0 0;padding:4px;list-style:none;border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.mention-list button{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:4px 8px;border:0;border-radius:6px;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.mention-list button.on,.mention-list button:hover{background:var(--accent-soft)}.chip{display:inline-flex;align-items:center;gap:4px;min-height:32px;padding:4px 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);font:inherit;font-size:13px;cursor:pointer}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media (pointer: coarse){.chip{min-height:var(--tap)}}.reaction-reasons{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex-basis:100%}.design-reach,.design-remixes{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0}.design-reach svg,.design-remixes svg{vertical-align:-2px}.gems-hint{margin:-4px 0 10px}.progress-page{max-width:900px}.progress section{margin:22px 0}.progress h2{font-size:17px;margin:0 0 8px}.progress-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;list-style:none;margin:0;padding:0}.progress-stats li{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}.progress-stats b{font-size:24px}.progress-chart{margin:10px 0 0}.progress-chart svg{width:100%;height:auto;display:block;background:var(--panel);border:1px solid var(--line)}.progress-chart .grid{stroke:var(--line)}.progress-chart text{font-size:11px;fill:var(--ink-soft)}.progress-chart .run{fill:none;stroke:var(--accent);stroke-width:2.5}.progress-chart circle{fill:#d99a3a;fill-opacity:.75;stroke:var(--panel)}.progress-themes,.progress-quiet{list-style:none;margin:0;padding:0;display:grid;gap:8px}.progress-themes q{display:block;margin-top:2px;color:var(--ink-soft);font-style:italic}.progress-quiet li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.modal-backdrop.page{padding:0;align-items:stretch;background:var(--panel)}.modal.page{width:100%;max-height:none;height:100%;padding:0;border:0;box-shadow:none}.page-sheet-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;min-height:52px;padding:4px max(16px,calc((100% - 860px)/2));background:var(--panel-2);border-bottom:1px solid var(--line)}.page-sheet{max-width:860px;margin:0 auto;padding:20px 16px 40px}.modal.page .page-sheet>h2{font-size:28px;line-height:1.2;margin:8px 0 10px}.modal.page .post-editor~.actions,.modal.page .page-sheet>.actions{position:sticky;bottom:0;z-index:2;margin:16px -16px -40px;padding:10px 16px;background:var(--panel);border-top:1px solid var(--line)}.modal.page .page-sheet>.actions.thread-actions{position:static;margin:16px 0 0;padding:10px 0 0}.group-list,.group-pick,.group-feed{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:10px}.group-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}.group-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);background:var(--panel)}.group-card-main{flex:1;min-width:0;display:flex;align-items:center;gap:12px;border:0;background:none;padding:0;text-align:start;font:inherit;color:inherit;cursor:pointer}.group-pick .group-card-main{width:100%;min-height:var(--tap);padding:6px;border:1px solid var(--line)}.group-card-text{display:flex;flex-direction:column;gap:3px;min-width:0}.group-about-excerpt{color:var(--ink-soft);font-size:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.group-picture{flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:700;letter-spacing:.04em}.group-picture .post-thumb,.group-picture img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.group-invitations h3,.group-members h3{font-size:15px;margin:14px 0 8px}.group-head{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px}.group-head-text{flex:1 1 260px;min-width:0}.group-head-text h2{margin:0 0 4px}.group-head-text p{margin:2px 0}.group-head-actions,.group-actions{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.group-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;z-index:20;width:min(320px,90vw);display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.group-menu .check{margin:2px 0;align-items:flex-start}.group-tabs{margin-bottom:12px}.group-composer{display:flex;align-items:center;gap:8px;width:100%;min-height:var(--tap);margin-bottom:12px;padding:10px 14px;border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);font:inherit;text-align:start;cursor:text}.thread-card.removed{opacity:.6}.post-badge.pinned{color:var(--accent);border-color:var(--accent)}.thread-body{white-space:pre-wrap;font-size:16px;line-height:1.55}.thread-body>p{margin:0 0 8px}.group-about p{white-space:pre-wrap}.group-members .friend-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.group-privacy{border:0;padding:0;margin:0 0 12px}.group-covers{display:flex;flex-wrap:wrap;gap:6px}.group-cover{min-width:64px;min-height:64px;padding:4px;border:2px solid var(--line);background:var(--panel);cursor:pointer}.group-cover.on{border-color:var(--accent)}.group-picture img.group-avatar{object-fit:cover;image-rendering:auto}.group-picture-edit{display:flex;align-items:center;gap:12px;margin-bottom:8px}.group-picture-actions{display:flex;flex-wrap:wrap;gap:6px}.picture-crop{position:relative;max-width:100%;margin:0 auto 8px;overflow:hidden;border-radius:12px;background:var(--panel);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.picture-crop:active{cursor:grabbing}.picture-crop img{position:absolute;max-width:none;pointer-events:none}.picture-crop-zoom input{width:100%}.post-designs.editing li{position:relative}.post-designs.editing li>.btn{position:absolute;top:4px;inset-inline-end:4px}.thread-pick{list-style:none;margin:6px 0;padding:0;max-height:260px;overflow-y:auto;border:1px solid var(--line)}.thread-pick li{padding:0 8px}.group-feed .post-card{width:100%}.thread-list{grid-template-columns:1fr}@media (max-width: 600px){.page-tabs{order:10;flex:1 0 100%;overflow-x:auto;scrollbar-width:none}.page-tabs button{padding:0 10px;font-size:13px;letter-spacing:.06em;white-space:nowrap}}.tag-filter,.tag-pick{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px}.post-tags{display:flex;flex-wrap:wrap;gap:4px;margin:4px 0}.post-tag{padding:1px 8px;border-radius:10px;font-size:12px;background:var(--accent-soft);color:var(--ink)}.post-tag.tag-howTo{background:#dff0e3}.post-tag.tag-inspiration{background:#fbe7cf}.post-tag.tag-wip{background:#e7e3f5}.post-tag.tag-finished{background:#d9ecf5}.post-tag.tag-question{background:#f8dfe0}.post-tag.tag-materials{background:#ece6d6}.post-tag.tag-story{background:#f2e3ef}.messages{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px;min-height:calc(100vh - 200px)}.messages:not(.with-chat){grid-template-columns:minmax(260px,640px)}.dm-list-pane h2{margin:0}.dm-list{list-style:none;margin:0;padding:0}.dm-row{display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 10px;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.dm-row.on{background:var(--accent-soft)}.dm-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.dm-last{color:var(--ink-soft);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-row.unread .dm-last{color:var(--ink);font-weight:600}.dm-row-side{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.notice-count.static{position:static}.dm-chat-pane{min-width:0;border:1px solid var(--line);background:var(--panel)}.dm-chat{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:360px}.dm-chat-head{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--line)}.dm-back{display:none}.dm-scroll{flex:1;overflow-y:auto;padding:12px}.dm-earlier{display:block;margin:0 auto 10px}.dm-bubbles{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.dm-bubbles li{display:flex;flex-direction:column;align-items:flex-start}.dm-bubbles li.mine{align-items:flex-end}.dm-time{align-self:center;margin:10px 0 4px;font-size:12px}.dm-bubble{max-width:min(78%,520px);padding:8px 12px;border-radius:16px;background:var(--panel-2);border:1px solid var(--line)}.mine .dm-bubble{background:var(--accent);border-color:var(--accent);color:#fff}.dm-text{white-space:pre-wrap;overflow-wrap:anywhere}.dm-design{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;padding:6px;border:0;border-radius:10px;background:var(--panel);color:var(--ink);font:inherit;cursor:pointer}.dm-design .post-thumb{width:180px;height:140px}.dm-unsend{border:0;background:none;color:var(--ink-soft);font-size:12px;min-height:28px;padding:2px 6px;cursor:pointer}.dm-unsend:hover,.dm-unsend:focus-visible{color:var(--danger)}.dm-seen{font-size:11px}.dm-compose{border-top:1px solid var(--line);padding:8px}.dm-compose-row{display:flex;align-items:flex-end;gap:8px}.dm-compose textarea{flex:1;min-height:40px;max-height:160px;resize:vertical;font:inherit;font-size:16px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2)}.dm-attached{display:inline-flex;align-items:center;gap:6px;margin-bottom:6px;font-size:13px}.dm-pick{width:100%;justify-content:flex-start}@media (max-width: 700px){.messages,.messages:not(.with-chat){grid-template-columns:minmax(0,1fr)}.messages.with-chat .dm-list-pane{display:none}.dm-back{display:inline-flex}.dm-chat{height:calc(100vh - 240px)}}.dm-chat-head a{color:inherit;text-decoration:none}.comment-edit textarea{width:100%;font:inherit;font-size:16px;padding:6px 8px}.crop-stage{display:flex;justify-content:center;margin:8px 0 12px}.crop-area{position:relative;width:min(100%,720px);max-height:60vh;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;background:var(--panel-2)}.crop-area img{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}.crop-box{position:absolute;box-shadow:0 0 0 9999px #00000073;outline:2px solid #fff;cursor:move}.crop-area{overflow:hidden}.crop-handle{position:absolute;width:22px;height:22px;margin:-11px;background:#fff;border:2px solid var(--accent);border-radius:50%}.crop-handle.x0y0{left:0;top:0;cursor:nwse-resize}.crop-handle.x1y0{left:100%;top:0;cursor:nesw-resize}.crop-handle.x0y1{left:0;top:100%;cursor:nesw-resize}.crop-handle.x1y1{left:100%;top:100%;cursor:nwse-resize}button.post-pick{background:var(--panel);font:inherit;color:inherit}.group-bell{white-space:nowrap}.progress-headline{margin:0;font-size:15px}body:has(.full-page) .notice{top:auto;bottom:calc(24px + env(safe-area-inset-bottom))}.gallery-downvoted{font-size:11px;color:var(--danger)}.gallery-grid.justified>li{position:relative}.card-downvote{position:absolute;top:6px;inset-inline-end:6px;width:26px;height:26px;padding:0;border-radius:13px;border:1px solid var(--line);background:#ffffffd9;color:var(--ink-soft);font-size:13px;font-weight:700;line-height:1;cursor:pointer}.card-downvote:after{content:"";position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px}.card-downvote.on{background:var(--danger);border-color:var(--danger);color:#fff}.mention-tools{display:flex;justify-content:flex-end;margin-top:2px}.design-chip-thumb{flex:none;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--panel-2)}.design-chip-thumb img{max-width:100%;max-height:100%;image-rendering:pixelated}.design-picker-search{width:100%;font:inherit;font-size:16px;padding:8px 10px;margin-bottom:6px}.design-picker{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:55vh;overflow-y:auto}.design-picker button{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;border:1px solid var(--line);background:var(--panel);font:inherit;color:inherit;cursor:pointer}.design-picker-name{font-size:13px;text-align:center;overflow-wrap:anywhere}.life-lab .field{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}.right-dock-body .life-run{position:sticky;bottom:-12px;z-index:2;margin:0 -12px;padding:8px 12px;background:var(--panel);border-top:1px solid var(--line)}.safety-banner{display:flex;align-items:center;gap:8px;margin:0 0 12px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel)}.acct-safety h3{margin:16px 0 6px;font-size:15px}.safety-list li{display:flex;align-items:center;gap:8px}.legal{max-width:46rem;line-height:1.55}.legal h2{margin:1.4em 0 .4em;font-size:18px}.legal ul{padding-inline-start:1.2em}.legal li{margin:.3em 0}.site-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:32px 0 8px;color:var(--ink-soft);font-size:14px}.auth-agree{margin:4px 0 0}.linkish{display:inline;padding:0;border:0;background:none;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}.site-foot .linkish{color:inherit}.notices-more{display:block;margin:12px auto 0}.feed-page{max-width:480px;margin:0 auto}@media (min-width: 768px){.feed-page{max-width:600px}}.feed-page .page-title{margin:4px 0 12px}.home-feed-link{min-height:var(--tap);margin:-6px 0 6px}.feed-list,.feed-skeletons{display:flex;flex-direction:column;gap:14px}.feed-list+.feed-skeletons{margin-top:14px}.feed-card{display:flex;flex-direction:column;min-width:0;background:var(--sw-cream);border:1px solid var(--sw-adobe)}.feed-card.post{border-inline-start:5px solid var(--sw-ochre)}.feed-card.thread{border-inline-start:5px solid var(--sw-turquoise)}.feed-card.activity{border-inline-start:5px solid var(--sw-terracotta)}.feed-head{display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px}.feed-who{display:flex;align-items:center;gap:10px;min-width:0;min-height:var(--tap);color:inherit;text-decoration:none}.feed-who>span:last-child{display:flex;flex-direction:column;min-width:0}.feed-who b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-who .group-picture{flex:none}.feed-picture{display:flex;align-items:center;justify-content:center;width:100%;min-height:96px;padding:0;border:0;border-block:1px solid var(--sw-adobe);background:var(--sw-sand);color:var(--ink-soft);cursor:pointer}.feed-picture img{display:block;width:100%;height:auto;max-height:min(72vh,620px);object-fit:contain;image-rendering:pixelated}.feed-picture img.photo{image-rendering:auto}.feed-text{display:flex;flex-direction:column;gap:4px;width:100%;min-height:var(--tap);padding:10px 12px 4px;border:0;background:none;color:inherit;text-align:start;cursor:pointer}.feed-head+.feed-text{padding-top:0}.feed-title{font-size:17px;overflow-wrap:anywhere}.feed-excerpt{font-size:15px;line-height:1.45;color:#6e4c44;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.feed-text+.feed-picture{margin-top:8px}.feed-card .remix-credit{align-self:flex-start;min-height:32px;padding:0 12px}.feed-actions{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:2px 4px 4px}.home .btn.feed-act{min-width:var(--tap);min-height:var(--tap);padding:0 10px;gap:6px;border-color:transparent;font-variant-numeric:tabular-nums}.home .btn.feed-like.on{background:none;color:#c2362f}.feed-rating{display:inline-flex;align-items:center;gap:4px;padding:0 8px;font-variant-numeric:tabular-nums}.feed-rating svg{color:#d99a3a}.feed-in{margin-inline-start:auto;padding-inline-end:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-text.feed-activity{flex-direction:row;align-items:flex-start;gap:12px;padding-bottom:12px}.feed-activity>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}.feed-activity .feed-title{font-size:15px}.feed-mini{flex:none;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--sw-sand)}.feed-mini img{max-width:100%;max-height:100%;image-rendering:pixelated}.feed-new-wrap{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:5;display:flex;justify-content:center;height:0}.feed-new{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);padding:0 18px;border:0;border-radius:22px;background:var(--sw-turquoise-deep);color:#fff;font-weight:600;white-space:nowrap;box-shadow:var(--shadow);cursor:pointer;animation:feed-new-in .25s ease-out}.feed-new .up{transform:rotate(-90deg)}@keyframes feed-new-in{0%{opacity:0;transform:translateY(-12px)}}.feed-more{display:flex;justify-content:center;padding:18px 0 8px}.home .feed-more .btn{min-width:180px;min-height:var(--tap)}.feed-end{margin:18px 0 0;text-align:center}.feed-empty{padding:16px;background:var(--sw-cream);border:1px solid var(--sw-adobe);border-inline-start:5px solid var(--sw-turquoise)}.feed-empty p{margin:0 0 12px;font-size:15px;line-height:1.45}.feed-empty-actions{display:flex;flex-wrap:wrap;gap:10px}.home .feed-empty-actions .btn{flex:1 1 auto;min-height:var(--tap)}.feed-heading{display:flex;align-items:center;gap:10px;margin:26px 0 12px;font-size:15px;letter-spacing:.18em;text-transform:uppercase}.feed-heading:after{content:"";flex:1;height:6px;background:repeating-linear-gradient(90deg,var(--sw-terracotta) 0 12px,var(--sw-ochre) 12px 18px,var(--sw-turquoise) 18px 30px,transparent 30px 36px)}.sk{display:block;background:var(--sw-adobe);opacity:.6;animation:feed-pulse 1.1s ease-in-out infinite alternate}.sk-avatar{flex:none;width:40px;height:40px;border-radius:50%}.sk-line{width:40%;height:12px}.sk-line.wide{width:70%;margin:14px 12px}.sk-picture{width:100%;aspect-ratio:1}@keyframes feed-pulse{to{opacity:.25}}@media (prefers-reduced-motion: reduce){.sk,.feed-new{animation:none}}.phone-tabs{display:none}@media (max-width: 899px){.page-tabs{display:none}.phone-tabs{position:fixed;inset-inline:0;bottom:0;z-index:50;display:flex;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--sw-cream);border-top:1px solid var(--sw-adobe)}.phone-tabs button{flex:1 1 0;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px 2px;border:0;background:none;color:#7d5a4f;font-size:11px;cursor:pointer}.phone-tabs button span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-tabs button.on{color:var(--sw-terracotta);font-weight:700;box-shadow:inset 0 3px 0 var(--sw-terracotta)}.home.full-page{padding-bottom:calc(57px + env(safe-area-inset-bottom))}body:has(.full-page) .notice{bottom:calc(80px + env(safe-area-inset-bottom))}}.test-push{margin:4px 0 12px}.test-push .hint{margin:6px 0 0}.activity-unread{align-self:center}.activity-item.unread{background:var(--accent-soft)}.activity-item.unread .activity-text b{font-weight:700}.activity-item .notice-dot{margin-top:0}.activity-item.request{flex-wrap:wrap}.activity-open{flex:1 1 240px;min-width:0;display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.activity-answer{display:flex;gap:6px;margin-inline-start:auto}.activity-answer .btn{min-height:40px}.comment{scroll-margin:80px 0 96px}.comment>.comment-row{transition:background-color .6s ease}.comment.comment-lit>.comment-row{background:var(--accent-soft);box-shadow:-8px 0 0 var(--accent-soft),8px 0 0 var(--accent-soft),-11px 0 0 var(--accent)}.comments h3 .comments-write{margin-inline-start:auto;font-weight:400}.comment-form.reply-form{align-items:stretch;margin-inline-start:0;scroll-margin:80px 0 96px}.comment-replies .comment-form.reply-form{margin-inline-start:0}.reply-form .mention-host{width:100%}.reply-form textarea{min-height:96px}.mention-host>textarea.auto-grow{flex:none}textarea.auto-grow{resize:none;overflow-y:auto;max-height:50vh;line-height:1.45}.comment-form textarea.auto-grow{min-height:60px}.reply-form textarea.auto-grow{min-height:96px}.modal.page .rich-surface{min-height:40vh;max-height:none;overflow-y:visible;padding-bottom:48px}.rich-surface figure img{cursor:text}.post-add-designs{align-self:flex-start}.post-editor textarea.auto-grow{min-height:200px;max-height:70vh}.saved-note{display:inline-flex;align-items:center;gap:3px;margin-inline-start:8px;font-size:12px;font-weight:600;color:var(--sw-turquoise-deep);animation:saved-note 2.5s ease forwards}@keyframes saved-note{0%,70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.saved-note{animation:none}}.profile-picture{margin:12px 0}.profile-picture-choices{margin-top:6px}.notice-list li.notice-answer{display:flex;flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--line)}.notice-list li.notice-answer.unread{background:var(--accent-soft)}.notice-answer .nc-item{flex:1 1 260px;border-bottom:0}.notice-actions{display:flex;gap:6px;padding:0 8px 8px;padding-inline-start:48px}.notice-answer .notice-actions .btn{min-height:var(--tap)}.settings-device{display:flex;align-items:center;gap:6px;margin:0 0 12px}.design-tile-name,.gallery-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow:hidden;overflow-wrap:anywhere;line-height:1.25}.design-grid .design-tile .hint.tile-folder{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;white-space:normal;overflow-wrap:anywhere}.name-full{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.modal:has(>.preview-body){display:flex;flex-direction:column;overflow:hidden}.modal:has(>.preview-body)>h2{flex:none}.modal>.preview-body{flex:1 1 auto;min-height:0;overflow-y:auto;margin:0 -18px;padding:0 18px 12px}.modal>.preview-body~.actions.preview-actions{position:static;flex:none;margin:0 -18px -18px}.group-composer{cursor:default}.group-composer-prompt{flex:1;min-width:0;display:flex;align-items:center;gap:8px;min-height:var(--tap);padding:0 4px;border:0;background:none;color:var(--ink-soft);font:inherit;text-align:start;cursor:text}.group-composer .btn.primary{flex:none}@media (max-width: 1300px){.topbar{gap:8px}.topbar .home-btn-label,.topbar .notes-btn-label,.topbar .share-btn-label{display:none}.topbar .save-status{min-width:10em}}@media (min-width: 960px){.topbar{flex-wrap:nowrap}.topbar>*{flex-shrink:0}.topbar>.name-input{flex:0 1 240px;min-width:6em}.topbar>.spacer{flex:1 1 0;min-width:0}.topbar .save-status{flex:0 1 11.5em;min-width:2.75em;overflow:hidden}.topbar .save-status-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.topbar .account-name{max-width:10ch}}.reaction-yours{font-size:13px;color:var(--ink-soft)}.reaction-average{display:inline-flex;align-items:center;gap:4px}.reaction-average svg{color:#d99a3a}.reaction-average-label{margin-inline-end:2px}.nd-same{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;margin-bottom:12px}.nd-palettes{display:flex;flex-direction:column;gap:2px}.check.nd-palette{min-height:44px;margin:0}.nd-palette-text{flex:1;min-width:0;line-height:1.25}.nd-palette-text small{display:block}.nd-strip{display:flex;flex:none}.nd-strip span{width:14px;height:22px;border:1px solid rgba(0,0,0,.12)}.nd-strip span+span{border-inline-start:none}.repeat-stepper{display:flex;align-items:center;gap:6px}.repeat-stepper .btn{min-width:var(--tap);min-height:var(--tap);font-size:20px;justify-content:center}.repeat-stepper input{width:5em;min-height:var(--tap);text-align:center;font-size:16px}.bgd-tile.other .bgd-swatch{border-style:dashed;color:var(--ink-soft)}.ref-scale{display:flex;justify-content:space-between;margin:-6px 0 4px;font-size:11px;color:var(--ink-soft)}.modal-backdrop.page.inline{position:static;z-index:auto;display:block;padding:0;background:none}.modal.page.inline{height:auto;overflow:visible;background:none}.modal.page.inline .page-sheet-bar{margin:-24px -16px 0;padding-inline:16px}.avatar.my-picture{vertical-align:middle}.share-description textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;resize:vertical}.picture-fit{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.picture-fit-option{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:140px;padding:12px;border:2px solid var(--line);border-radius:10px;background:var(--panel);font:inherit;color:inherit;cursor:pointer}.picture-fit-option.on{border-color:var(--accent)}.picture-fit-option img{image-rendering:auto}.page-title.waiting{visibility:hidden}.follow-lists{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.follow-lists h3{margin:0 0 8px;font-size:14px}.tool-options-room{visibility:hidden;pointer-events:none;display:flex}.fb-side-maker{cursor:pointer;border-radius:6px}.fb-side-maker:hover,.fb-side-maker.here{color:var(--ink);background:var(--panel-2)}button.dp-col{padding:0;border:none;background:none;font:inherit;color:inherit;cursor:pointer}button.dp-col.on .dp-col-bar{outline:2px solid var(--ink);outline-offset:1px}.dp-picked{color:var(--ink);font-weight:600}.preset-grid .nd-size{display:inline-flex;flex-direction:column;align-items:center;gap:2px;line-height:1.2}.preset-grid .nd-size .hint{font-size:11px}.nd-finished{display:block;margin:-4px 0 12px;font-variant-numeric:tabular-nums}.dm-new{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--danger);font-size:12px;font-weight:600;list-style:none}.dm-new:before,.dm-new:after{content:"";flex:1;border-top:1px solid currentColor;opacity:.5}.friend-list .remove-friend{margin-inline-start:28px;color:var(--ink-soft)}.send-to{display:flex;align-items:center;gap:8px;margin-top:0;font-weight:600}.send-note{width:100%;box-sizing:border-box;font:inherit;font-size:16px}.home-gallery .modal h2{display:block;margin:0 0 12px;font-size:18px;letter-spacing:normal;text-transform:none}.home-gallery .modal h2:after{content:none}@media (max-width: 1365px){.page-brand>span{display:none}}@media (max-width: 1099px){.page-account .page-account-name{display:none}}@media (max-width: 1023px){.page-tabs button{padding:0 9px;letter-spacing:.04em}}.page-tools{display:flex;align-items:center;gap:2px}.page-tools .lang-btn{min-width:38px;padding:0 4px}.page-tools .lang-flag{width:24px;height:17px}.page-tools .page-bell{min-width:38px;padding:0 6px;border:0;border-radius:8px}.page-tools .page-bell:hover,.page-tools .lang-btn:hover{background:#ffffff24}.page-tools .page-account{gap:6px;margin-inline-start:6px;padding:0 10px 0 6px;border-radius:999px;border-color:#fff6;font-size:14px}.page-tools .page-account .avatar{width:26px;height:26px}.page-tools .notice-count{top:2px;inset-inline-end:0}.group-brief{margin:0 0 14px;padding:10px 12px;border-inline-start:3px solid var(--accent);background:var(--accent-soft);font-size:14px;line-height:1.5}.group-brief p{margin:4px 0 0;white-space:pre-line;color:var(--ink)}.modal{position:relative}.modal-x{position:absolute;top:6px;inset-inline-end:6px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink-soft);font-size:28px;line-height:1;cursor:pointer}.modal-x:hover{color:var(--ink)}.modal>h2,.modal .page-sheet>h2{padding-inline-end:44px}.page-sheet-bar{display:flex;align-items:center}.page-sheet-bar .modal-x{position:static;margin-inline-start:auto}.attached-designs{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.attached-design{display:inline-flex;align-items:center;gap:6px;padding:3px 3px 3px 6px;border:1px solid var(--line);background:var(--panel-2);font-size:13px;max-width:100%}.attached-design .attached-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.settings-number{display:flex;align-items:center;gap:10px;margin:6px 0 0 28px;font-size:14px}.settings-number input{width:5em;min-height:var(--btn-h);font-size:16px}.workcol-axis{white-space:nowrap;width:auto;padding:0 8px;font-size:13px}@media (min-width: 900px){.feed-page{max-width:1240px}.feed-list,.feed-skeletons{display:block;columns:300px 4;column-gap:14px}.feed-list>*,.feed-skeletons>*{break-inside:avoid;margin-bottom:14px}.feed-picture img{max-height:360px}}.feed-talk{border-top:1px solid var(--sw-adobe);padding:4px 12px 10px;background:var(--panel)}.feed-talk .comments h3{font-size:14px}.feed-act.on{color:var(--ink);font-weight:700}.me-head{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px}.me-head .page-title{margin-inline-end:auto}.me-tabs{margin:4px 0 14px}.me-tabs button{min-height:var(--tap)}.me-cta{margin:0 0 16px;padding:14px 16px;border:1px solid var(--sw-adobe);border-inline-start:5px solid var(--sw-turquoise);background:var(--sw-cream)}.me-cta h2{margin:0 0 6px;font-size:18px}.me-cta p{margin:0 0 10px;max-width:62ch}.site-body{display:flex;align-items:flex-start;gap:8px}.site-body>.home-inner{flex:1;min-width:0}.side-nav{display:none}@media (min-width: 900px){.side-nav{display:block;flex:none;position:sticky;top:0;width:232px;max-height:100vh;overflow-y:auto;padding:14px 8px 24px 12px}.side-nav ul{list-style:none;margin:0;padding:0}.side-nav button{display:flex;align-items:center;gap:12px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:8px;background:none;color:var(--ink);font:inherit;font-size:15px;text-align:start;cursor:pointer}.side-nav button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav button:hover{background:#2e9c951f}.side-nav button.on{background:var(--sw-turquoise-deep);color:#fff;font-weight:700}.side-nav button.on:hover{background:var(--sw-turquoise-deep)}.side-nav h2{margin:14px 12px 4px;font-size:13px;font-weight:600;color:var(--ink-soft)}.side-foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--sw-adobe)}.side-signin{margin:14px 12px 0}.me-tabs{display:none}}.home .btn.page-create{min-height:var(--tap);padding:0 16px 0 12px;border:1px solid var(--sw-cream);background:var(--sw-turquoise-deep);color:#fff;font-size:15px;font-weight:650;box-shadow:0 2px #5b2d3b73}@media (hover: hover){.home .btn.page-create:hover{background:#185a56}}.page-create-short{display:none}@media (max-width: 599px){.page-bar{gap:6px;padding-inline:12px}.home .btn.page-create{padding:0 10px 0 6px;gap:4px}.page-create-long{display:none}.page-create-short{display:inline}}@media (min-width: 900px){.site-body .nav-named{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.site-body .me-tabs{display:none}.site-body .me-head{justify-content:flex-end}}.comment-like-own{display:inline-flex;align-items:center;gap:3px;padding:0 6px;color:var(--ink-soft);font-size:13px}.palette-note{margin:0 0 6px;padding:4px 8px;background:var(--accent-soft);font-size:13px}.comment-closed{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;padding:10px 0;color:var(--ink-soft)}.nd-size-row{display:flex;align-items:flex-start;gap:8px 16px}.nd-size-row .nd-dims{display:flex;flex-direction:column;flex:0 0 9.5em;gap:0}.nd-size-row .nd-dims input{width:100%}.nd-size-row .nd-presets{flex:1 1 auto;min-width:0;margin-top:6px;align-content:flex-start}.home-btn.back-to-designs{min-height:var(--tap);gap:2px;padding:0 8px 0 4px}.ref-keep-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.ref-keep-chip{width:var(--tap);height:var(--tap);border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 0 2px #000}.loom-canvas.picking{cursor:crosshair}.layer-nudge{display:flex;gap:4px;margin:6px 0}.layer-nudge .btn{min-width:var(--tap);min-height:var(--tap);justify-content:center}.layer-nudge{align-items:center}.layer-nudge-label{flex:1;font-size:13px}.layer-actions .btn.mini.layer-order{flex:0 0 var(--tap);min-width:var(--tap);padding:0;justify-content:center}.layer-nudge .nudge-up svg{transform:rotate(180deg)}.problems-panel{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.problems-panel h4{margin:0 0 6px;font-size:14px}.problems-panel p{margin:0}.problems-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.problem-group h4 .count{color:var(--ink-soft);font-weight:400}.problem-item{width:100%;white-space:normal;height:auto;min-height:var(--tap);justify-content:flex-start;text-align:start}.problem{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;padding:10px;border:1px solid var(--line);border-inline-start:4px solid var(--danger);border-radius:var(--radius)}.problem-fix{width:100%;white-space:normal;height:auto;min-height:var(--tap);display:grid;justify-items:start;text-align:start;gap:2px}.problem-fix small{color:var(--ink-soft)}.problem-fix.active{border-color:var(--accent);background:var(--accent-soft)}.problem-apply,.problem-more,.problem-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.problem-apply .btn,.problem-more .btn,.problem-presets .chip{min-height:var(--tap)}.problem-keep-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.problem-keep-chip{width:var(--tap);height:var(--tap);border:1px solid var(--line);border-radius:var(--radius);color:#fff;text-shadow:0 0 2px #000;font:inherit;font-size:12px;cursor:pointer;opacity:.45}.problem-keep-chip.kept{opacity:1;outline:3px solid var(--accent);outline-offset:1px}.problem-limits{display:grid;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.problem-limits .ref-num input{width:5em}.stamp-preview{position:absolute;top:8px;right:8px;margin:0;padding:6px;background:var(--panel);box-shadow:var(--shadow);pointer-events:none;z-index:3}.stamp-preview canvas{position:static;inset:auto;display:block;image-rendering:pixelated}.match-lines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.match-lines .btn{width:100%;justify-content:flex-start;gap:6px}.layer-actions .up{transform:rotate(180deg)}.dim-step{width:40px;min-height:40px}.layer-row .eye,.layer-row .layer-lock,.layer-row .layer-del,.layer-list .eye,.layer-list .layer-lock,.layer-list .layer-del{min-width:var(--tap);min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center}.seg-tool button{height:var(--tap)}.count-cue{min-height:var(--tap);padding-inline:12px}.layer-actions .btn.mini,.palette .btn,.palette .btn.mini{min-height:var(--tap)}.motif-here{white-space:normal;text-align:start;height:auto;min-height:var(--tap)}.right-dock .ref-btn-row .btn{white-space:normal;height:auto;min-height:var(--tap);line-height:1.2;padding-block:6px;max-width:100%}.layer-actions{flex-wrap:wrap}.layer-actions .btn.mini{flex:1 1 auto}.layer-name{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.fb-places-btn{display:none}@media (max-width: 700px){.fb-places-btn{display:inline-flex}.fb-toolbar{flex-wrap:wrap}.fb-path{order:10;flex:1 0 100%}.fb-tb{min-width:var(--tap);min-height:var(--tap)}.fb-body{position:relative}.fb-body.places .fb-side{display:block;position:absolute;inset-block:0;inset-inline-start:0;width:min(270px,85%);z-index:5;box-shadow:var(--shadow)}.fb-body.places .fb-side-item{min-height:var(--tap)}}@media (max-width: 700px){.settings-tabs{padding-inline-end:40px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}[dir=rtl] .settings-tabs{-webkit-mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to left,#000 calc(100% - 40px),transparent)}}.mention-pop{position:relative;height:0;z-index:30;order:0}.mention-pop>.mention-list{position:absolute;inset-inline:0;top:0;max-height:220px;overflow-y:auto}.mention-pop.up>.mention-list{top:auto;bottom:var(--above, 100%)}.rot-steps{display:flex;width:100%;padding:0}.rot-steps input[type=range]{flex:1;min-width:0}.doc-btn{gap:6px;white-space:nowrap;font-variant-numeric:tabular-nums}.doc-btn .doc-type{font-size:12px;color:var(--ink-soft)}@media (max-width: 900px){.doc-btn .doc-type{display:none}}.doc-size-field .dim-group{flex-wrap:wrap;gap:8px}.doc-size-field .dim-group>label{position:static;width:auto;height:auto;overflow:visible;clip:auto}.doc-size-field .dim-field{height:var(--tap)}.doc-size-field .dim-step{width:var(--tap)}.doc-size-field .dim-value{width:64px}.doc-size-field .dim-est{display:inline;font-size:13px}@media (pointer: coarse){.fb-tb{min-width:var(--tap);min-height:var(--tap)}}.swatch .code-q{position:absolute;top:2px;inset-inline-end:2px;width:16px;height:16px;border-radius:50%;background:#c8452f;color:#fff;font-size:11px;font-weight:700;line-height:16px;text-align:center}.swatch-menu-warn{margin:0 0 4px;padding:6px 4px;background:#fff4ef;border-bottom:1px solid var(--line)}.swatch-menu-warn p{margin:0 4px 4px;font-size:13px;color:#8a2d1c}.post-thumb.list{flex:none;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--line);background:var(--panel-2)}.post-thumb.list img{width:100%;height:100%;object-fit:cover}.post-thumb.list.none{color:var(--sw-terracotta);background:var(--sw-sand)}:root{--phone-bar-h: 56px}.phone-bar,.toolrail-head{display:none}.topbar-extras{display:contents}@media (max-width: 700px){.app{height:100dvh;min-height:0;grid-template-rows:auto minmax(0,1fr) auto auto}.app .body{min-height:0}.statusbar{display:none}.topbar{flex-wrap:nowrap;gap:4px;padding:2px 4px;min-height:48px}.topbar .brand,.topbar .notes-btn,.topbar .share-btn,.topbar .doc-btn,.topbar .spacer,.topbar-extras,.topbar .home-btn-label,.topbar .save-status-text{display:none}.topbar .name-input{flex:1 1 auto;min-width:0;width:auto}.toolrail{display:none}.app.tools-open .toolrail{display:flex;flex-wrap:wrap;align-content:flex-start;position:fixed;inset-inline:0;bottom:var(--phone-bar-h);max-height:58dvh;overflow-y:auto;z-index:50;gap:2px;padding:0 8px 12px;background:var(--panel);border-top:1px solid var(--line);box-shadow:0 -6px 24px #0000002e}.app.tools-open .toolrail-head{display:flex;width:100%;align-items:center;justify-content:space-between;min-height:var(--tap);position:sticky;top:0;background:var(--panel);z-index:1}.app.tools-open .toolrail .sep{width:100%;height:1px;margin:4px 0;background:var(--line)}.app.tools-open .toolrail .tool{width:calc(20% - 2px);min-height:56px}.app.tools-open .toolrail .menu{width:calc(20% - 2px)}.app.tools-open .toolrail .menu>.tool{width:100%}.right-dock{position:fixed;inset-inline:0;bottom:var(--phone-bar-h);width:auto;max-height:52dvh;z-index:40;border-inline-start:0;border-top:1px solid var(--line);box-shadow:0 -6px 24px #0000002e}.palette-bar{gap:6px;padding:4px 6px}.swatch-list{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-height:none}.palette .bg-btn{display:none}.phone-bar{display:flex;height:var(--phone-bar-h);background:var(--panel);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.phone-bar .pb{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--ink-soft);font-size:11px;cursor:pointer}.phone-bar .pb span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phone-bar .pb.on{color:var(--accent)}.phone-bar .pb:disabled{opacity:.35}}.right-dock-head .dock-more{margin-inline-start:auto}.ref-strip{display:flex;flex-direction:column;gap:6px}.ref-strip>.hint{margin:0;font-size:13px}.ref-strip-row{display:flex;gap:8px;align-items:stretch}.ref-strip-row .ref-choice{flex:1 1 auto;min-width:0}@media (max-width: 700px){.right-dock.strip .right-dock-head{padding-block:2px}.right-dock.strip .right-dock-body{padding:8px 12px 10px}.right-dock-body .ref-make{position:sticky;bottom:-12px;z-index:1;margin:0 -12px -12px;padding:8px 12px 12px;background:var(--panel);border-top:1px solid var(--line)}}@media (max-width: 700px){.workcol{flex-wrap:wrap;row-gap:4px}.workcol-title{min-width:0;flex:1 1 auto}.workcol-runs{order:10;flex:1 0 100%;margin:0;padding:0;border-inline-start:0}}@media (max-width: 700px){.pal-current{display:none}.swatch-list{border-inline-start:0;padding-inline:0}}@media screen and (max-width: 700px){.print-scroll{padding:12px}.print-scroll .print-sheet{width:100%;height:auto;margin:0;box-shadow:0 8px 34px #0006}}@media (max-width: 700px){.modal{max-height:calc(100dvh - 24px)}.modal .actions{position:sticky;bottom:-18px;margin-inline:-18px;margin-bottom:-18px;padding:10px 18px 14px;background:var(--panel);border-top:1px solid var(--line)}}.modal.doc-settings .actions{position:sticky;bottom:-18px;z-index:1;margin-inline:-18px;margin-bottom:-18px;padding:10px 18px 14px;background:var(--panel);border-top:1px solid var(--line)}.menu-key{margin-inline-start:auto;padding-inline-start:16px;color:var(--ink-soft);font-size:12px;font-variant-numeric:tabular-nums}@media (pointer: coarse){.menu-key{display:none}}.menu-pop{background:linear-gradient(var(--panel) 30%,transparent) top / 100% 24px no-repeat local,linear-gradient(transparent,var(--panel) 70%) bottom / 100% 24px no-repeat local,radial-gradient(farthest-side at 50% 0,rgb(0 0 0 / .2),transparent) top / 100% 10px no-repeat scroll,radial-gradient(farthest-side at 50% 100%,rgb(0 0 0 / .2),transparent) bottom / 100% 10px no-repeat scroll;background-color:var(--panel)}.workcol-runs{background:linear-gradient(to right,var(--panel) 30%,transparent) left / 24px 100% no-repeat local,linear-gradient(to left,var(--panel) 30%,transparent) right / 24px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgb(0 0 0 / .22),transparent) left / 10px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgb(0 0 0 / .22),transparent) right / 10px 100% no-repeat scroll}.layer-name{overflow-wrap:break-word;word-break:normal}.tool-glyph{font-size:13px;line-height:20px;height:20px;letter-spacing:1px}.workcol-sym{margin-inline-end:3px;font-weight:400}.workcol-dir{flex:none;font-size:16px;color:var(--ink-soft)}.home-headline{margin:10px 0 0;max-width:26em;color:var(--sw-cream);font-family:Josefin Sans,system-ui,sans-serif;font-size:clamp(19px,2.6vw,28px);font-weight:700;line-height:1.2;text-shadow:0 2px 0 rgba(91,45,59,.45)}.home-sub{margin:8px 0 0;max-width:38em;color:#fff4e2;font-size:clamp(14px,1.6vw,16px);line-height:1.45;text-shadow:0 1px 0 rgba(91,45,59,.4)}.home-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.home-ctas .btn{min-height:var(--tap);font-size:16px;gap:8px}.home-ctas .btn:not(.primary):not(.ghost){background:var(--sw-cream)}.home-ctas .btn.ghost{color:var(--sw-cream);border-color:transparent;text-decoration:underline;text-underline-offset:3px}.home-reassure{margin:10px 0 0;color:#fff4e2;font-size:13px}.home-quote-below{margin:8px auto 20px;color:var(--ink-soft);border-color:var(--line);text-shadow:none}.home-modes-head{margin:8px 0 10px;font-size:18px}.made-here h2{margin:4px 0 10px;font-size:18px}.made-here ul{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.made-here-tile{display:block;width:100%;aspect-ratio:1;padding:6px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.made-here-tile img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}.crash{display:grid;place-items:center;min-height:100%;padding:24px 16px;background:var(--bg);color:var(--ink)}.crash-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95}.crash-card{max-width:420px;padding:24px;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.crash-card h1{margin:0 0 8px;font-size:20px}.crash-card p{margin:0 0 20px;line-height:1.5}.crash-card .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.crash-card .btn{min-height:var(--tap)}.load-error{display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;text-align:center}.load-error p{margin:0;font-size:15px;color:var(--ink)}.load-error .btn{min-height:var(--tap);padding:0 20px}.journal-bar{flex-wrap:wrap}.journal-bar .seg button{white-space:nowrap}.journal-bar input[type=search]{flex:1 1 200px;min-width:0;min-height:var(--tap);font-size:16px;padding:0 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink)}@media (max-width: 600px){.journal-bar input[type=search]{order:3;flex-basis:100%}.gallery-bar .seg{display:grid;grid-template-columns:1fr 1fr;flex:1 1 100%}.gallery-bar .seg button{min-height:var(--tap);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-bar .seg button+button{border-inline-start:0}.gallery-bar .seg button:first-child{grid-column:1 / -1}.gallery-bar .seg button:nth-child(odd):not(:first-child){border-inline-start:1px solid var(--sw-plum, var(--ink))}.gallery-bar .seg button:not(:first-child){border-top:1px solid var(--sw-plum, var(--ink))}}@media (max-width: 600px){.coach{flex-direction:column;align-items:stretch;width:calc(100% - 32px)}.coach .btn{align-self:flex-end;min-height:var(--tap)}}:root{accent-color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.field>.seg{align-self:flex-start}.signin-card a{color:var(--sw-turquoise-deep, var(--accent));text-decoration:underline}@media (pointer: coarse){.topbar .btn,.topbar .name-input,.topbar button{min-height:var(--tap)}}.gallery-name,.post-title,.post-excerpt,.feed-title,.feed-text,.post-pick-name,.thread-body,.dm-text,.dm-bubble,.comment-body,.bio,.group-card-text h3,.remix-credit{unicode-bidi:plaintext}.share-success{display:grid;grid-template-columns:auto 1fr;column-gap:12px;row-gap:6px;align-items:center;font-size:15px}.share-success-thumb{grid-row:span 2;max-width:96px;max-height:96px;image-rendering:pixelated;border:1px solid var(--line);background:#fff}.share-success>b{font-size:17px}.share-success .share-link-text{grid-column:1 / -1}.gallery-featured,.gallery-official{align-self:flex-start;padding:0 6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;border:1px solid currentColor}.gallery-featured{color:var(--sw-ochre, #b07a20)}.gallery-official{color:var(--sw-plum, var(--ink))}.acct-change{display:flex;flex-direction:column;gap:10px;max-width:420px;margin:12px 0;padding:14px;border:1px solid var(--line);background:var(--panel-2)}.acct-change h4{margin:0}.acct-change .actions{justify-content:flex-end}.side-badge{margin-inline-start:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center}.agent-fab{position:fixed;inset-inline-end:16px;bottom:72px;z-index:120;display:grid;place-items:center;width:52px;height:52px;border:2px solid #d99a3a;border-radius:50%;background:#5b2d3b;color:#f2c14e;box-shadow:0 0 0 3px #d99a3a40,var(--shadow);cursor:pointer}.agent-fab svg{fill:#f2c14e59}.agent-fab:hover{box-shadow:0 0 0 5px #d99a3a59,var(--shadow)}.agent-crown{color:#d99a3a;fill:#d99a3a40}.agent-drawer{position:fixed;inset-block:0;inset-inline-end:0;z-index:120;display:flex;flex-direction:column;width:min(460px,100vw);background:var(--panel);border-inline-start:1px solid var(--line);box-shadow:var(--shadow)}.agent-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line)}.agent-head .grow{flex:1}.agent-lines{flex:1;min-height:0;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.agent-lines>*{flex:none}.agent-line{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.45}.agent-line.agent-you{align-self:flex-end;max-width:85%;padding:8px 10px;background:var(--accent-soft);border-radius:8px}.agent-line.agent-note{font-size:12px;color:var(--ink-soft)}.agent-line.agent-bad{color:var(--danger)}.agent-steps{font-family:ui-monospace,Menlo,monospace;font-size:12px;color:var(--ink-soft)}.agent-steps summary{display:flex;align-items:baseline;gap:8px;cursor:pointer;list-style:none}.agent-steps summary::-webkit-details-marker{display:none}.agent-steps summary:before{content:"›";flex:none;transition:transform .15s}.agent-steps[open] summary:before{transform:rotate(90deg)}.agent-step{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.agent-steps summary .agent-step{flex:1}.agent-step-n{flex:none;font-family:system-ui,sans-serif;font-size:11px}.agent-steps[open] summary .agent-step{visibility:hidden}.agent-steps ol{margin:4px 0 0;padding-inline-start:18px}.agent-steps li{padding:1px 0}.agent-include{margin:0;padding:6px 12px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-soft)}.agent-compose{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 14px;border-top:1px solid var(--line)}.agent-compose textarea{flex:1;font:inherit;font-size:16px;padding:8px;border:1px solid var(--line);resize:vertical}.agent-line.agent-claude{white-space:normal}.agent-claude p,.agent-claude ul,.agent-claude ol{margin:0 0 6px}.agent-claude ul,.agent-claude ol{padding-inline-start:20px}.agent-claude h4{margin:10px 0 4px;font-size:14px}.agent-claude code{font-family:ui-monospace,Menlo,monospace;font-size:12px;padding:0 3px;background:var(--panel-2)}.agent-claude pre{margin:0 0 6px;padding:8px;overflow-x:auto;font-size:12px;background:var(--panel-2);border:1px solid var(--line)}.draft-canvas.mode-pan{cursor:grab}.loom-ask{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0;padding:10px;border:1px solid var(--line);border-inline-start:4px solid var(--danger);border-radius:var(--radius)}.loom-ask p{flex-basis:100%;margin:0}.loom-ask .btn,.loom-buttons .btn{min-height:var(--tap)}.loom-set{border:0;padding:0;margin:12px 0 0;min-width:0}.loom-set legend{font-weight:600;margin-bottom:4px;padding:0}.loom-set .check{align-items:flex-start}.loom-set .check>span>small.hint{display:block;margin-top:2px;font-weight:400}.loom-buttons{display:flex;flex-wrap:wrap;gap:6px}.loom-more summary{min-height:var(--tap);display:flex;align-items:center;cursor:pointer}.menu-hint{max-width:260px;padding:8px 12px;margin:0}.symmetry-menu{min-width:240px}.cc-chip{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.3);flex:0 0 auto}.cc-swaps{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}.cc-swaps .btn{min-height:var(--tap, 44px)}.rep-editor{flex:1;min-width:0;display:flex;flex-direction:column}.rep-editor .canvas-wrap{flex:1}.rep-panel{flex:none;padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);display:grid;gap:6px}.rep-panel p{margin:0}.rep-readout{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--ink-soft)}.rep-readout .over{color:var(--danger);font-weight:600}.rep-sel{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.rep-sel .btn,.rep-sel .chip{min-height:var(--tap)}.rep-letters{display:inline-flex;flex-wrap:wrap;gap:4px}.rep-letters{gap:0;flex-wrap:nowrap}.problem-presets{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:0;padding-bottom:1px;padding-inline-start:1px}.rep-letters .chip,.problem-presets .chip{min-width:var(--tap);min-height:var(--tap);justify-content:center;text-align:center;border-color:var(--ink);font-size:14px}.rep-letters .chip+.chip{margin-inline-start:-1px}.problem-presets .chip{margin-bottom:-1px;margin-inline-start:-1px}.problem-join .problem-presets{margin-bottom:8px}.rep-letters .chip.on,.problem-presets .chip.on{background:var(--ink);border-color:var(--ink);color:#fff}.rep-letters .chip:disabled{opacity:.4;cursor:default}.rep-step{display:inline-flex;align-items:center;gap:6px}.rep-step .btn{min-width:var(--tap);justify-content:center}.rep-num{display:inline-flex;align-items:center;gap:4px}.rep-num input{width:4.2em;min-height:var(--tap);font-size:16px;text-align:center}.rep-swatch{display:inline-block;width:18px;height:18px;border-radius:var(--radius);border:1px solid var(--line);vertical-align:middle}.woven-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px 10px;margin-top:8px}.woven-grid .field input{width:100%;box-sizing:border-box}.woven-choices{display:flex;flex-wrap:wrap;gap:4px 14px}.woven-joins{margin:4px 0 0;padding-inline-start:18px}.woven-notes{display:grid;gap:6px;margin-top:10px}.woven-notes .field input{width:100%;box-sizing:border-box;font-size:16px}.woven-mixes ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}.woven-mix{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}.woven-mix-swatch{width:18px;height:18px;border-radius:var(--radius);border:1px solid var(--border, #999)}.woven-mix-part{display:inline-flex;align-items:center;gap:4px}.woven-mix-part input{width:3.5em;font-size:16px}.woven-mix-part select{font-size:16px;max-width:11em}.modal:has(>.thr){width:min(900px,100%)}.thr-tabs{display:flex;border:1px solid var(--ink);margin:0 0 10px;position:sticky;top:-18px;z-index:2;background:var(--panel)}.thr-tabs button{flex:1 1 0;min-width:0;min-height:var(--tap);border:0;border-radius:0;background:transparent;color:var(--ink);font:inherit;font-size:15px;cursor:pointer}.thr-tabs button+button{border-inline-start:1px solid var(--ink)}.thr-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.thr-preview{display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2)}.thr-preview p{margin:0}.thr-preview>p[role=status]{font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.thr-strip{display:block;width:100%;border:1px solid var(--line)}.thr-strip.thr-colours{height:20px}.thr-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}@media (max-width: 760px){.thr-cols{grid-template-columns:minmax(0,1fr);gap:12px}}.thr-row{display:flex;flex-direction:column;gap:4px;margin:0 0 10px}.thr-lbl,.thr-num>span{font-size:12px;font-weight:600;color:var(--ink-soft)}.thr-seg{display:flex;flex-wrap:wrap;padding:0 1px 1px 0}.thr-opt{position:relative;flex:1 1 auto;min-height:var(--tap);display:flex;align-items:center;justify-content:center;padding:0 10px;margin:0 -1px -1px 0;border:1px solid var(--ink);border-radius:0;background:var(--panel);color:var(--ink);font-size:14px;white-space:nowrap;cursor:pointer}.thr-opt.on{background:var(--ink);color:#fff}.thr-opt.off{color:var(--ink-soft);border-color:var(--line);cursor:default}.thr-opt input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:inherit}.thr-opt:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:1px;z-index:1}.thr .thr-kind-hint{margin:-6px 0 10px}.thr-nums,.thr-where{display:flex;flex-flow:row wrap;align-items:flex-end;gap:10px}.thr-where{margin:0 0 10px}.thr-where>.thr-row{margin:0;flex:1 1 auto}.thr-num{display:flex;flex-direction:column;gap:4px}.thr-num.thr-grow{flex:1 1 0;min-width:0}.thr input[type=number],.thr input[type=text],.thr select{box-sizing:border-box;height:var(--tap);min-height:var(--tap);padding:0 9px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);color:var(--ink);font-size:16px}.thr input[type=number]{width:76px}.thr-typed input[type=text]{width:100%}.thr select{min-width:0;max-width:100%}.thr .check{min-height:var(--tap);margin:0 0 6px;font-size:14px}.thr .thr-nums .check{margin:0}.thr .check>span>small.hint{display:block;margin-top:2px}.thr-cut p{margin:0 0 6px}.thr-ways{padding:10px 12px 4px;border:1px solid var(--line);background:var(--panel-2);min-width:0}.modal .thr-ways h3{margin:0 0 2px}.thr-ways>.hint{margin:0 0 8px}.thr-way{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 8px}.btn.thr-do{min-height:var(--tap);border-radius:0;background:var(--panel);font-size:14px;white-space:normal;text-align:start}.thr-sep{color:var(--ink-soft);font-size:16px}.thr-about{margin:0 0 8px}.thr-about summary{display:list-item;padding:12px 0;cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:3px}.thr-about dl{margin:0}.thr-about dt{font-size:13px;font-weight:600;margin-top:6px}.thr-about dd{margin:2px 0 0;font-size:12px;color:var(--ink-soft)}.thr-swatches{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.btn.thr-sw{min-height:var(--tap);min-width:var(--tap);padding:0 8px;gap:6px;border-color:var(--line);background:var(--panel);font-variant-numeric:tabular-nums}.thr-sw i{display:inline-block;width:18px;height:18px;border:1px solid rgba(0,0,0,.25)}.modal .actions.thr-foot{position:sticky;bottom:-18px;z-index:2;margin:12px -18px -18px;padding:10px 18px;background:var(--panel);border-top:1px solid var(--line);flex-wrap:nowrap}.thr-foot .btn{min-height:var(--tap)}.thr-foot .btn.primary{white-space:normal}.thr-way input[type=number]{width:60px}.thr .thr-way .check{margin:0}.thr-nums>.thr-row{margin:0}.thr-preview .thr-cut .loom-buttons{margin:0}.thr-params{display:inline-flex;align-items:center;gap:6px;flex:1 1 auto;min-width:0}.thr-params select{flex:1 1 6em}.share-link-box{margin-bottom:14px;padding:12px;border:1px solid var(--line);background:var(--panel-2)}.share-link-box h3{margin-top:0}.share-link-row{display:flex;gap:8px;align-items:stretch}.share-link-row .share-link-text{flex:1;min-width:0;min-height:var(--field-h, 40px);padding:4px 8px;border:1px solid var(--line);background:var(--panel);font-size:14px}.share-link-box .share-opt{margin-top:10px}.rep-wrap{position:relative}.rep-drag-note{position:absolute;z-index:4;transform:translate(-50%);max-width:320px;padding:6px 10px;background:#23201beb;color:#fff;font-size:13px;font-weight:600;pointer-events:none;white-space:normal}.rep-drag-note.at-left{transform:translate(calc(-100% - 96px))}.rep-drag-note{min-width:220px}.rep-drag-note .hint{display:block;margin-top:2px;color:#d8d2c6;font-weight:400}.rep-coach{position:absolute;z-index:4;left:16px;top:82px;max-width:min(420px,calc(100% - 32px));padding:10px 12px;background:#23201bf0;color:#fff;font-size:14px;line-height:1.4;display:flex;gap:10px;align-items:flex-end}.rep-coach p{margin:0}.dim-group .bead-pick{flex-basis:100%;display:flex;align-items:center;gap:8px;margin-top:6px}.dim-group .bead-pick select{min-height:40px;max-width:100%}.dim-group .warp-pick,.nd-bead-row .warp-pick{flex-basis:100%;display:flex;align-items:center;gap:8px}.warp-pick>span,.nd-bead-row .bead-pick>span{font-size:11px;color:var(--ink-soft);font-weight:700;text-transform:uppercase;letter-spacing:.04em;min-width:48px}.warp-pick .btn{min-height:var(--tap);flex:none;padding-inline:16px}.nd-bead-row{display:flex;flex-direction:column;gap:8px;margin-block:8px}.nd-bead-row .bead-pick{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nd-bead-row .bead-pick>span{min-width:0}.nd-bead-row select{min-height:40px;flex:1;min-width:0;width:100%;font-size:16px}.match-all{margin-top:8px}.match-far{border:1px solid var(--danger);padding:8px 12px;margin-block:8px}.match-far ul{margin:4px 0 0;padding-inline-start:20px}.match-plan{width:100%;border-collapse:collapse;margin-block:8px}.match-plan th{text-align:start;font-weight:600;font-size:13px;padding:4px 6px}.match-plan td{padding:4px 6px;border-top:1px solid var(--line);vertical-align:middle}.match-plan td:first-child,.match-plan td:last-child{width:46%}.match-cell{display:flex;align-items:center;gap:8px}.match-plan tr.far td{background:color-mix(in srgb,var(--danger) 8%,transparent)}.match-swatch{flex:0 0 auto;width:32px;height:32px;border:1px solid var(--line)}.match-name{min-width:0;overflow-wrap:anywhere}.match-arrow{text-align:center;color:var(--ink-soft)}.match-choice{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.match-choice select{min-height:var(--tap);font-size:16px;max-width:100%}.match-far-note{color:var(--danger)}.clp-others{margin:8px;white-space:normal;max-width:calc(100% - 16px)}.clp-credit{margin:8px;font-size:12px;line-height:1.35}.workcol-runs .workcol-shaping{background:none;border:1px dashed var(--ink-soft);font-weight:700;color:var(--ink);padding-inline:6px;width:auto;white-space:normal;max-width:17em;height:auto;min-height:28px;line-height:1.2;font-size:12px;text-align:start}.workcol-runs .workcol-pass{background:none;border:none;font-weight:700;color:var(--ink-soft);padding-inline:2px}.brick-shape-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.brick-shape-row select,.brick-shape-row input[type=text]{min-height:40px;max-width:100%}.brick-shape-row input[type=text]{flex:1 1 10em}.brick-shape-widest{display:inline-flex;align-items:center;gap:6px}.brick-shape-widest input{width:4.5em;min-height:40px}.fringe-field .fringe-list{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:4px}.fringe-field .fringe-list li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fringe-beads{display:inline-flex;gap:1px}.fringe-beads i{width:9px;height:12px;border-radius:3px;border:1px solid rgba(0,0,0,.25)}.fringe-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}.fringe-row label{display:inline-flex;align-items:center;gap:6px}.fringe-row input{width:4.5em;min-height:40px}.fringe-palette{display:flex;flex-wrap:wrap;gap:4px;margin:8px 0 4px}.fringe-swatch{width:32px;height:32px;border-radius:6px;border:1px solid rgba(0,0,0,.25);padding:0;cursor:pointer}.fringe-field>.btn{margin-top:8px}.cd-finishes{border:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:4px 14px}.cd-finishes legend{font-weight:600;padding:0;margin-bottom:4px}.beadwork h4{margin:12px 0 4px;font-size:15px}.beadwork h5{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.fringe-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:8px}.fringe-table th{text-align:left;font-weight:600;padding:2px 4px}.fringe-table td{padding:2px 4px;vertical-align:middle}.fringe-table tr.on{background:var(--panel-2)}.fringe-table input{width:3.6em;min-height:36px}.fringe-table .btn.ghost{text-align:left;white-space:normal}.fringe-swatch.on{outline:3px solid var(--ink);outline-offset:1px}.fringe-typed input{flex:1 1 10em;min-height:40px}@media (pointer: coarse){.fringe-swatch{width:44px;height:44px}}.feedback-kind{margin-bottom:12px}.feedback-kind .btn{gap:6px;font-size:15px}.modal .feedback-form .field input,.modal .feedback-form .field textarea{width:100%;box-sizing:border-box;min-height:var(--tap);padding:8px 10px;border:1px solid var(--line);border-radius:0;background:var(--panel-2);font:inherit;font-size:16px}.modal .feedback-form .field textarea{resize:vertical}.feedback-include{min-height:var(--tap);margin:0;font-size:15px}.feedback-include input{width:22px;height:22px}.feedback-info{margin:0 0 12px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2)}.feedback-info .hint{margin:0 0 6px}.feedback-info dl{margin:0;display:grid;gap:2px;font-size:13px}.feedback-info dl>div{display:grid;grid-template-columns:7.5em minmax(0,1fr);gap:8px}.feedback-info dt{color:var(--ink-soft);font-weight:600}.feedback-info dd{margin:0;overflow-wrap:anywhere}.feedback-info-off{margin:0 0 12px}.side-nav button.side-feedback{padding-block:8px;line-height:1.3}.side-nav button.side-feedback span{white-space:normal}.side-nav button.side-feedback svg{flex:none}.feedback-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;opacity:0;pointer-events:none}.feedback-done p{margin:0 0 10px;font-size:15px;line-height:1.45}.feedback-done .feedback-done-head{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700}.feedback-address{display:flex;align-items:center;gap:8px;font-weight:600;-webkit-user-select:all;user-select:all}.feedback-done .actions .btn{min-height:var(--tap);gap:6px;text-decoration:none}.beadwork .btn{white-space:normal;height:auto;min-height:40px;line-height:1.2}.fringe-table{table-layout:fixed}.fringe-table th:first-child,.fringe-table td:first-child{width:2em}.fringe-table th:nth-child(3),.fringe-table td:nth-child(3){width:4.4em}.fringe-table th:last-child,.fringe-table td:last-child{width:40px}.fringe-where .btn.ghost{display:block;padding-inline:2px;min-height:0}.fringe-where .fringe-beads{display:flex;flex-wrap:wrap;margin:2px 2px 0}.fringe-where .fringe-copy{display:block;max-width:100%;margin-top:4px;min-height:32px;font-size:12px}.material-img{flex:none;display:block;width:36px;height:36px;object-fit:cover;border:1px solid var(--line);border-radius:4px;background:var(--panel-2)}.fb-row.has-pic{min-height:var(--tap)}.fb-thumb .material-img{width:112px;height:84px}.clp-body .fb-side-item.has-pic{min-height:var(--tap);gap:8px}.clp-body .fb-side-item .material-img{width:32px;height:32px}.match-lines .btn{min-height:var(--tap);text-align:start}.match-lines .btn>span{min-width:0;white-space:normal}.nd-palette .material-img{width:32px;height:32px}.nd-palette .material-img~.nd-palette-text{flex:1 1 auto;min-width:min-content}.nd-palette .material-img~.nd-strip{flex:0 1000 auto;min-width:56px;overflow:hidden}.credits a{overflow-wrap:anywhere}.gallery-bead{font-size:12px;line-height:1.3;color:var(--ink-soft)}.cuff-open{align-self:flex-start;min-height:var(--tap)}.cuff-open.on{background:var(--ink);color:#fff}.cuff-wizard{display:flex;flex-direction:column;gap:8px;padding:12px;margin-block:8px;border:1px solid var(--line, #ccc);border-radius:10px}.cuff-wizard .field{margin:0}.cuff-fields,.repeat-along-row{display:flex;gap:12px}.cuff-fields .field{flex:1;min-width:0}.cuff-wizard input[type=number],.repeat-along-row input{font-size:16px;min-height:40px;width:100%}.cuff-wizard .ref-choice.cuff-fit{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:4px}.cuff-wizard .cuff-fit .btn+.btn{border-inline-start:1px solid var(--ink)}.cuff-fit .btn{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.15;padding:4px}.cuff-fit .btn small{font-size:11px;opacity:.75}.cuff-wizard input.cuff-repeat{width:110px}.cuff-own,.cuff-ends label,.repeat-along-row label{display:flex;flex-direction:column;gap:2px;font-size:13px}.cuff-own{margin-top:6px;max-width:160px}.cuff-ends{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}.cuff-ends label{width:110px}.cuff-swatches{display:flex;flex-wrap:wrap;gap:6px}.cuff-swatch{width:36px;height:36px;border-radius:8px;border:1px solid rgba(0,0,0,.25);padding:0}.cuff-swatch.on{outline:3px solid var(--ink);outline-offset:2px}.cuff-sum{margin:0;font-size:14px;line-height:1.4}.cuff-picks{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.cuff-picks .btn{min-height:40px}.repeat-along{border-top:1px solid var(--line, #ddd);padding-top:12px;margin-top:12px}.repeat-along-row label{flex:1}.pal-nostitch{flex:0 0 auto;height:44px;gap:6px;padding:0 10px}.pal-nostitch.on{outline:3px solid var(--ink);outline-offset:-1px}.pal-nostitch-chip{width:22px;height:22px;border:1px solid rgba(0,0,0,.25)}@media (max-width: 700px){.pal-nostitch-lb{display:none}}.knit-gauge-row{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.knit-gauge-row select{height:var(--tap);font-size:16px}.print-pop .print-gauge .knit-gauge-hint{grid-column:1 / -1;margin:0}