@layer components{.ar-depths-grid{gap:40px;display:grid}.ar-depth{padding-block:18px}.ar-depth-name{letter-spacing:-.03em;color:var(--soft);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:700;line-height:1.1;transition:color .4s}.ar-depth[data-on] .ar-depth-name{color:var(--ink)}.ar-depth-book{margin-top:6px;font-weight:600}.ar-depth-line{color:var(--soft);max-width:26rem;margin-top:4px}.ar-depth-own{margin-top:20px}.ar-depths-stage{display:none}@media (min-width:960px){.ar-depths-grid{grid-template-columns:4fr 7fr;gap:72px}.ar-depth{flex-direction:column;justify-content:center;min-height:54vh;display:flex}.ar-depth .ar-depth-own{display:none}.ar-depth:not([data-on]) .ar-depth-book,.ar-depth:not([data-on]) .ar-depth-line{opacity:.35}.ar-depth-book,.ar-depth-line{transition:opacity .4s}.ar-depths-stage{display:block}.ar-depths-sticky{perspective:1600px;height:520px;position:sticky;top:calc(50vh - 260px)}.ar-depths-layer{opacity:0;transition:opacity .7s var(--ease), transform .9s var(--ease), filter .7s var(--ease);filter:blur(8px);place-items:center;display:grid;position:absolute;inset:0;transform:translateY(40px)rotateX(8deg)scale(.96)}.ar-depths-layer[data-past]{transform:translateY(-40px)scale(.98)}.ar-depths-layer[data-on]{opacity:1;filter:none;transform:none}.ar-depths-layer .ar-spread{width:min(100%,620px)}.ar-depths-dots{inset-inline-start:-28px;gap:8px;display:grid;position:absolute;top:50%;translate:0 -50%}.ar-depths-dots li{background:var(--line);width:6px;height:6px;transition:height .4s var(--ease), background .4s;border-radius:99px}.ar-depths-dots li[data-on]{background:var(--act);height:22px}}.ar-live{align-items:start;gap:32px;display:grid}@media (min-width:960px){.ar-live{grid-template-columns:8fr 4fr;gap:48px}}.ar-live-stage{border-radius:var(--radius);background:var(--tile);align-content:center;min-height:420px;padding:clamp(20px,4vw,48px);display:grid}.ar-live-spread{gap:3px;width:100%;max-width:300px;margin-inline:auto;display:grid}.ar-live-spread[data-pages="2"]{grid-template-columns:1fr 1fr;max-width:780px}.ar-live-page{width:100%;height:auto;box-shadow:var(--sheet-shadow);border-radius:var(--corner-xs);animation:ar-in .5s var(--ease);background:#fff;display:block}.ar-live-wait{width:100%;max-width:300px;margin-inline:auto}.ar-live-count{text-align:center;color:var(--soft);margin-top:18px;font-size:13px}.ar-live-controls{gap:16px;display:grid}.ar-live-label{font-weight:600}.ar-live-text{resize:vertical;border-radius:var(--corner-xl);background:var(--card);width:100%;color:var(--ink);border:1px solid var(--line);font-family:var(--font-serif);padding:14px 16px;font-size:17px;line-height:1.55;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.ar-live-text:focus{border-color:color-mix(in oklch, var(--act) 60%, transparent);box-shadow:0 0 0 4px color-mix(in oklch, var(--act) 14%, transparent);outline:none}.ar-live-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ar-live-name{color:var(--soft);min-width:5.5rem;font-size:14px}.ar-live-num{font-variant-numeric:tabular-nums;min-width:3.5rem;font-size:14px}.ar-chip{border-radius:var(--corner-md);background:var(--card);border:1px solid var(--line);height:34px;transition:background .2s, transform .2s var(--ease);padding-inline:14px;font-size:14px;font-weight:600}.ar-chip:hover{background:var(--bg2)}.ar-chip:active{transform:scale(.96)}.ar-chip-quiet{color:var(--soft);background:0 0;border-color:#0000;font-weight:500}.ar-range{flex:1;min-width:8rem}.ar-import-art{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid;position:relative}.ar-doc{aspect-ratio:210/297;color:#222;border-radius:var(--corner-sm);font-family:Arial, var(--font-sans);box-shadow:var(--sheet-shadow);background:#fff;flex-direction:column;gap:.6em;padding:10% 9%;font-size:clamp(8px,.95vw,11.5px);line-height:1.55;display:flex}.ar-doc-name{color:#2b579a;align-items:center;gap:6px;margin-bottom:.6em;font-size:1.1em;font-weight:700;display:flex}.ar-doc-h{font-size:1.5em;font-weight:700}.ar-doc-foot{color:#555;border-top:1px solid #ccc;margin-top:auto;padding-top:.5em;font-size:.85em}.ar-import-arrow{border-radius:var(--corner-xl);background:var(--act);width:40px;height:40px;color:var(--act-ink);place-items:center;display:grid}.ar-import-otz{color:var(--soft);grid-column:1/-1;justify-content:center;align-items:center;gap:8px;margin-top:12px;font-size:15px;display:flex}}
@layer components{.ar-bento{gap:16px;display:grid}@media (min-width:860px){.ar-bento{grid-template-columns:repeat(3,1fr)}.ar-tile-wide{grid-column:span 2}.ar-tile-tall{grid-row:span 2}.ar-tile-full{grid-column:1/-1}.ar-tile-full .ar-design-list{grid-template-columns:repeat(3,1fr);gap:28px}}.ar-tile{border-radius:var(--radius);background:var(--tile);flex-direction:column;gap:22px;padding:28px;display:flex;overflow:hidden}.ar-tile-pad{padding:clamp(24px,3.4vw,44px)}.ar-tile-cap{gap:2px;margin-top:auto;display:grid}.ar-tile-cap b{letter-spacing:-.01em;font-size:1.15rem}.ar-tile-cap span{color:var(--soft);font-size:15px}.ar-frame{aspect-ratio:4/3;color:#2a1f1a;border-radius:var(--corner-sm);width:min(100%,420px);box-shadow:var(--sheet-shadow);text-align:center;background:#fff;place-items:center;margin-inline:auto;display:grid;position:relative}.ar-frame-c{width:18%;color:var(--wine);position:absolute}.ar-frame-tr{top:6%;right:5%}.ar-frame-tl{top:6%;left:5%}.ar-frame-br{bottom:6%;right:5%}.ar-frame-bl{bottom:6%;left:5%}.ar-frame-in{justify-items:center;gap:4px;display:grid}.ar-frame-mid{width:54px;color:var(--wine);margin-top:10px}.ar-title-big{font-family:var(--font-serif);font-size:clamp(2rem,4vw,2.8rem);font-weight:700;line-height:1.1}.ar-title-small{font-family:var(--font-serif);font-size:15px}.ar-designs{perspective:900px;gap:14px;display:grid}.ar-design-card{border-radius:var(--corner-lg);padding:6px;transition:box-shadow .3s}.ar-design-card[data-on]{box-shadow:0 0 0 2px var(--act)}.ar-design-card .ar-sheet{object-fit:cover;object-position:top;max-height:210px}.ar-orns{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:10px;display:grid}.ar-orns li{aspect-ratio:1;border-radius:var(--corner-xl);background:var(--card);color:var(--ink);transition:transform .35s var(--ease);place-items:center;padding:14px;display:grid;position:relative}.ar-orns li span:not(.ar-orn-pic){color:var(--soft);text-align:center;opacity:0;white-space:nowrap;font-size:11px;transition:opacity .2s;position:absolute;inset:auto 0 -1.6em}.ar-orn-pic{background:currentColor;width:100%;height:100%;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ar-orns li:hover{color:var(--act);transform:scale(1.08)}.ar-orns li:hover span:not(.ar-orn-pic){opacity:1}.ar-design-list{gap:18px;display:grid}.ar-design-list li{gap:2px;display:grid}.ar-design-list span{color:var(--soft);font-size:15px}.ar-room{background:var(--room);color:#f5f5f7;--soft:#a1a1a6;--line:#ffffff1f;--card:#1f1f22}.ar .ar-room{border-radius:clamp(0px, 3vw, var(--corner-4xl));margin-inline:clamp(0px,2vw,24px)}.ar-checks{gap:12px;margin-top:28px;display:grid}.ar-checks li{align-items:baseline;gap:10px;display:flex}.ar-checks svg{color:var(--gold);flex:none;translate:0 2px}.ar-assist{border-radius:var(--corner-3xl);color:#1d1d1f;background:#fff;flex-direction:column;width:min(100%,440px);height:470px;margin-inline:auto;display:flex;overflow:hidden;box-shadow:0 0 0 .5px #0000001a,0 30px 80px -20px #0009}.ar-assist-head{border-bottom:1px solid #00000012;align-items:center;gap:6px;padding:14px 18px;font-size:14px;font-weight:600;display:flex}.ar-assist-log{flex-direction:column;flex:1;justify-content:flex-end;gap:14px;min-height:0;padding:16px 18px;font-size:14px;display:flex;overflow:hidden}.ar-assist-turn{animation:ar-in .45s var(--ease);gap:8px;display:grid}.ar-asked{border-radius:var(--corner-xl) var(--corner-xl) var(--corner-xl) var(--corner-sm);background:#f0f0f2;justify-self:start;max-width:85%;padding:8px 13px}.ar-did{animation:ar-in .45s var(--ease);gap:8px;display:grid}.ar-changes{border-radius:var(--corner-xl);border:1px solid #00000014;padding:6px 12px;font-size:13px}.ar-changes li{align-items:center;gap:6px;padding-block:4px;display:flex}.ar-changes li+li{border-top:1px solid #0000000f}.ar-changes span{color:#6e6e73;flex:1}.ar-changes s{color:#8e8e93}.ar-undo{color:#6e6e73;border-bottom:1px solid #00000026;justify-self:start;font-size:12px}.ar-dots{gap:4px;padding:6px 2px;display:flex}.ar-dots i{background:#b0b0b5;border-radius:9px;width:6px;height:6px;animation:1s infinite ar-dot}.ar-dots i:nth-child(2){animation-delay:.15s}.ar-dots i:nth-child(3){animation-delay:.3s}.ar-assist-input{border-radius:var(--corner-xl);background:#f5f5f7;align-items:center;gap:8px;min-height:46px;margin:0 14px 14px;padding:10px;padding-inline-start:16px;font-size:14px;display:flex}.ar-assist-input>span:first-child{flex:1}.ar-caret:after{content:"";vertical-align:-.15em;background:var(--wine);width:1.5px;height:1.1em;margin-inline-start:1px;animation:1s step-end infinite ar-blink;display:inline-block}.ar-send{border-radius:var(--corner-md);color:#fff;background:#d1d1d6;place-items:center;width:28px;height:28px;transition:background .2s;display:grid}.ar-send[data-on]{background:var(--wine)}.ar-craft-grid{align-items:center;gap:48px;display:grid}@media (min-width:960px){.ar-craft-grid{grid-template-columns:5fr 6fr;gap:88px}}.ar-advice-wrap{width:min(100%,360px);margin-inline:auto;position:relative}.ar-advice{inset-inline-start:-14%;border-radius:var(--corner-xl);background:color-mix(in oklch, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);width:70%;box-shadow:0 0 0 .5px var(--line), 0 20px 50px -20px #0006;gap:6px;padding:14px 16px;font-size:13.5px;display:grid;position:absolute;bottom:18%}.ar-advice-h{font-weight:700}.ar-advice-do span{border-radius:var(--corner-md);background:var(--act);color:var(--act-ink);margin-top:4px;padding:5px 12px;font-size:12.5px;font-weight:600;display:inline-block}.ar-craft-list{gap:28px;display:grid}.ar-craft-list dt{letter-spacing:-.015em;font-size:1.25rem;font-weight:700}.ar-craft-list dd{color:var(--soft);max-width:34rem;margin-top:4px}.ar-pair{gap:16px;display:grid}@media (min-width:960px){.ar-pair{grid-template-columns:1fr 1fr}}.ar-mini{color:var(--soft);gap:8px;font-size:15px;display:grid}.ar-mini b{color:var(--ink)}.ar-proof,.ar-together,.ar-pdf-opts{border-radius:var(--corner-xl);background:var(--card);box-shadow:0 0 0 .5px var(--line), 0 12px 32px -16px #00000040;padding:16px;font-size:14px}.ar-proof-head{justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.ar-proof-head small{color:var(--soft);font-size:11px;font-weight:400}.ar-proof-qs{border-radius:var(--corner-lg);background:var(--bg2);grid-template-columns:repeat(4,1fr);gap:4px;margin-top:12px;padding:3px;display:grid}.ar-proof-q{border-radius:var(--corner-md);color:var(--soft);justify-items:center;padding:6px 2px;font-size:12px;display:grid}.ar-proof-q b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:15px}.ar-proof-q[data-on]{background:var(--card);box-shadow:0 1px 2px #0000001a}.ar-proof-find{border-radius:var(--corner-xl);border:1px solid var(--line);gap:6px;margin-top:12px;padding:12px;display:grid}.ar-proof-kind{font-weight:600}.ar-proof-sample s{color:var(--soft)}.ar-proof-acts{color:var(--soft);align-items:center;gap:12px;font-size:13px;display:flex}.ar-proof-fix{border-radius:var(--corner-md);background:var(--act);color:var(--act-ink);padding:4px 12px;font-weight:600}.ar-quote{font-family:var(--font-serif);font-size:15px}.ar-proof-why{color:var(--soft);font-size:13px}.ar-together-people{align-items:center;gap:0;display:flex}.ar-together-people small{color:var(--soft);margin-inline-start:12px;font-size:12.5px}.ar-face{color:#fff;background:oklch(.6 .12 var(--h));width:28px;height:28px;box-shadow:0 0 0 2px var(--card);border-radius:99px;place-items:center;margin-inline-start:-6px;font-size:12px;font-weight:700;display:inline-grid}.ar-face:first-child{margin-inline-start:0}.ar-together-text{font-family:var(--font-serif);margin-top:14px;font-size:17px;line-height:1.7}.ar-together-text del{color:var(--soft)}.ar-together-text ins{background:#4394582e;background:lab(55.1223% -36.1121 23.6764/.18);text-decoration:none;box-shadow:inset 0 -2px #439458;box-shadow:inset 0 -2px lab(55.1223% -36.1121 23.6764)}.ar-suggest{border-radius:var(--corner-xl);background:var(--bg2);gap:10px;margin-top:12px;padding:12px;display:flex}.ar-face-s{flex:none;margin:0}.ar-suggest-acts{color:var(--soft);align-items:center;gap:12px;margin-top:8px;font-size:13px;display:flex}.ar-ok{border-radius:var(--corner-md);background:var(--act);color:var(--act-ink);align-items:center;gap:4px;padding:4px 12px;font-weight:600;display:inline-flex}.ar-pdf{grid-template-columns:1.1fr 1fr;align-items:center;gap:20px;display:grid}.ar-pdf-sheet{border-radius:var(--corner-xs);box-shadow:var(--sheet-shadow);background:#fff;padding:18px;position:relative}.ar-pdf-bleed{outline-offset:5px;outline:1px dashed #2784d599;outline:1px dashed lab(52.8659% -4.50641 -50.4063/.6)}.ar-pdf-bleed .ar-sheet{box-shadow:none}.ar-crop{border-color:#111;width:12px;height:12px;position:absolute}.ar-crop-tl{border-bottom:1px solid;border-right:1px solid;top:4px;left:4px}.ar-crop-tr{border-bottom:1px solid;border-left:1px solid;top:4px;right:4px}.ar-crop-bl{border-top:1px solid;border-right:1px solid;bottom:4px;left:4px}.ar-crop-br{border-top:1px solid;border-left:1px solid;bottom:4px;right:4px}.ar-pdf-title{align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.ar-pdf-row{border-top:1px solid var(--line);gap:1px;padding-block:7px;display:grid}.ar-pdf-row span{color:var(--soft);font-size:12px}.ar-pdf-row b{font-weight:550}.ar-pdf-go{text-align:center;border-radius:var(--corner-md);background:var(--act);color:var(--act-ink);margin-top:10px;padding:8px;font-weight:600;display:block}.ar-tags{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.ar-tags span{border-radius:var(--corner-md);background:var(--tile);padding:6px 14px;font-size:14px}@media (max-width:640px){.ar-advice{inset-inline-start:6%;width:88%;bottom:6%}.ar-pdf{grid-template-columns:1fr}.ar-pdf-sheet{width:min(100%,300px);margin-inline:auto}}}
