add-work-demo{display:block}add-work-demo [hidden]{display:none!important}add-work-demo .awd{color:var(--color-ink)}add-work-demo button{font:inherit}add-work-demo a{color:inherit}add-work-demo .awd-tabs{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}add-work-demo .awd-tabs button{border:1.5px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;align-items:center;gap:8px;padding:9px 16px;font-size:.8rem;font-weight:600;transition:all .15s;display:inline-flex}add-work-demo .awd-tabs button svg{fill:none;stroke:#22d3ee;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}add-work-demo .awd-tabs button:hover{background:#22d3ee14;border-color:#22d3ee}add-work-demo .awd-tabs button.on{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000}add-work-demo .awd-tabs button.on svg{stroke:#fff}add-work-demo .awd-tabs .count{background:#ffffff2e;border-radius:99px;padding:0 7px;font-size:.72rem}add-work-demo p.done,add-work-demo p.done2{text-align:center;color:#86efac;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:12px;margin:0 0 14px;padding:12px 16px;font-weight:600}add-work-demo p.done:empty,add-work-demo p.done2:empty{display:none}add-work-demo p.done:before{content:"✓  "}add-work-demo .stack{position:relative}add-work-demo .has-photos .stack,add-work-demo .estack{padding-left:44px}add-work-demo .has-photos .stack:before,add-work-demo .estack:before{content:"";background:var(--color-line);border-radius:2px;width:2px;position:absolute;top:30px;bottom:30px;left:15px}add-work-demo .card{border:1px solid var(--color-line);background:#1a1f4499;border-radius:16px;margin:0 0 10px;position:relative}add-work-demo .sh{align-items:center;gap:10px;padding:14px 16px;display:flex}add-work-demo .sh h2{text-align:left;letter-spacing:-.01em;flex:1;min-width:0;margin:0;font-size:1.05rem;font-weight:600}add-work-demo .sh .sum{text-overflow:ellipsis;white-space:nowrap;max-width:48%;color:var(--color-muted);font-size:.85rem;overflow:hidden}add-work-demo .sb{padding:0 16px 16px}add-work-demo .node{background:var(--color-canvas);border:2px solid var(--color-line);width:32px;height:32px;color:var(--color-muted);border-radius:50%;place-items:center;font-size:.8rem;font-weight:700;transition:all .25s;display:grid;position:absolute;top:10px;left:-44px}add-work-demo .has-photos .card:after,add-work-demo .estack .card:after{content:"";background:var(--color-line);width:12px;height:2px;position:absolute;top:25px;left:-12px}add-work-demo .photos-card .sh{display:none}add-work-demo .has-photos .photos-card .sh{display:flex}add-work-demo .photos-card .sb{padding-top:16px}add-work-demo .has-photos .photos-card .sb{padding-top:0}add-work-demo .step{display:none}add-work-demo .step:not([hidden]){display:block}add-work-demo .step.on{border-color:#22d3ee73;animation:.3s both awd-rise}add-work-demo .step.on .node{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000;box-shadow:0 0 0 4px #22d3ee33}add-work-demo .step.on .sh h2{font-size:1.25rem}add-work-demo .step:not(.on) .sb{display:none}add-work-demo .step.done .node,add-work-demo .has-photos .photos-card .node,add-work-demo .estack .node,add-work-demo .node.ok{background:var(--color-canvas);color:#22d3ee;border-color:#22d3ee}add-work-demo .step.done .sh{cursor:pointer}add-work-demo .step.done:hover{border-color:#22d3ee66}add-work-demo .step.todo{opacity:.55}add-work-demo .step.todo .sh h2{color:var(--color-muted);font-weight:400}@keyframes awd-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}add-work-demo .wiz{display:none}add-work-demo .has-photos .wiz{display:block}add-work-demo .qcards{display:contents}add-work-demo .photos{display:block}add-work-demo .drop{text-align:center;cursor:pointer;border:2px dashed var(--color-line);background:#12162f66;border-radius:14px;outline:0;flex-direction:column;align-items:center;gap:18px;padding:22px 12px;transition:all .15s;display:flex}add-work-demo .drop p{max-width:440px;color:var(--color-muted);margin:0;font-size:1rem;line-height:1.6}add-work-demo .drop .btn{text-align:center;color:#fff;background-image:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-radius:10px;padding:16px 40px;font-size:.95rem;font-weight:600;display:block;box-shadow:0 10px 30px -8px #8b5cf68c}add-work-demo .drop:hover,add-work-demo .drop:focus-visible,add-work-demo .drop[data-over]{background:#22d3ee0f;border-color:#22d3ee}add-work-demo .drop i{font-style:normal;display:none}add-work-demo .has-photos .photos{align-items:flex-start;gap:8px;display:flex}add-work-demo .has-photos .drop{background:0 0;border:0;flex:none;order:2;gap:0;padding:0}add-work-demo .has-photos .drop p,add-work-demo .box-title{display:none}add-work-demo .has-photos .drop i{display:inline}add-work-demo .has-photos .drop .btn{width:56px;height:56px;box-shadow:none;color:var(--color-ink);border:1.5px dashed var(--color-line);background:0 0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:0;line-height:1;display:flex}add-work-demo .has-photos .drop .btn:before{content:"+";font-size:1.6rem;font-weight:400}add-work-demo .has-photos .drop:hover .btn{background:#22d3ee14;border-color:#22d3ee}add-work-demo .samples{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:14px;display:flex}add-work-demo .samples p{color:var(--color-muted);margin:0;font-size:.9rem}add-work-demo .samples .trio{gap:6px;display:flex}add-work-demo .samples .trio img{object-fit:cover;border-radius:8px;width:44px;height:44px}add-work-demo .has-photos .samples,add-work-demo .has-photos .fine.start{display:none}add-work-demo .thumbs{gap:8px;display:grid}add-work-demo .thumbs:empty{display:none}add-work-demo .has-photos .thumbs{flex-wrap:wrap;flex:1;order:1;min-width:0;display:flex}add-work-demo .thumbs figure{background:var(--color-canvas);border-radius:10px;flex:none;width:56px;height:56px;margin:0;position:relative;overflow:hidden}add-work-demo .thumbs img{object-fit:cover;cursor:zoom-in;width:100%;height:100%;display:block}add-work-demo .thumbs .x{box-sizing:border-box;color:#fff;cursor:pointer;background:#070d1fc7;border:1.5px solid #fff;border-radius:50%;width:20px;height:20px;padding:0;font-size:.85rem;line-height:1;position:absolute;top:2px;right:2px}add-work-demo .thumbs .x:hover{background:#b3261e}add-work-demo .thumbs .cover{color:#fff;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:#070d1fc7;border:0;border-radius:99px;padding:2px 6px;font-size:.5rem;font-weight:700;position:absolute;bottom:3px;left:3px}add-work-demo .thumbs .cover.is{color:#0b1020;cursor:default;background:#22d3ee}add-work-demo .thumbs .cover:not(.is){opacity:0;transition:all .15s}add-work-demo .thumbs figure:hover .cover{opacity:1}@media (hover:none){add-work-demo .thumbs .cover:not(.is){opacity:.9;display:block}}add-work-demo .thumbs .sk{background:linear-gradient(100deg,#1a1f44 30%,#2a3170 50%,#1a1f44 70%) 0 0/300% 100%;animation:1.2s linear infinite awd-shimmer}@keyframes awd-shimmer{to{background-position:-300% 0}}add-work-demo .pbar{margin-top:12px}add-work-demo .ptrack{background:var(--color-line);border-radius:99px;height:8px;overflow:hidden}add-work-demo .pfill{background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:99px;width:0;height:100%;transition:width .25s}add-work-demo .plabel{color:var(--color-muted);text-align:center;margin-top:6px;font-size:.82rem;display:block}add-work-demo .note{color:#fcd34d;margin:.6em 0 0;font-size:.85rem}add-work-demo .note:empty{display:none}add-work-demo .manage .note{color:var(--color-muted)}add-work-demo .fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}add-work-demo .fields .full{grid-column:1/-1}add-work-demo .fields .fld,add-work-demo .fields label{color:var(--color-ink);flex-direction:column;gap:7px;font-size:.85rem;font-weight:600;display:flex;position:relative}add-work-demo .fields .l{justify-content:space-between;align-items:center;gap:8px;min-height:24px;line-height:1.3;display:flex}add-work-demo .fields small{color:var(--color-muted);font-size:.78rem;font-weight:400}add-work-demo .fields small.auto{z-index:1;pointer-events:none;color:#67e8f9;background:#22d3ee26;border-radius:99px;padding:2px 8px;font-size:.68rem;font-weight:600;position:absolute;bottom:11px;right:9px}add-work-demo .fields input,add-work-demo .fields select,add-work-demo .fields textarea,add-work-demo .addrow input{font:inherit;color:var(--color-ink);border:1px solid var(--color-line);color-scheme:dark;background:#12162fb3;border-radius:10px;width:100%;padding:11px 12px;font-weight:400;transition:border-color .15s,box-shadow .15s}add-work-demo .fields textarea{resize:vertical;line-height:1.6}add-work-demo .fields input::placeholder,add-work-demo .fields textarea::placeholder,add-work-demo .addrow input::placeholder{color:#b6bddc8c}add-work-demo .fields input:focus,add-work-demo .fields select:focus,add-work-demo .fields textarea:focus,add-work-demo .addrow input:focus{border-color:#67e8f9b3;outline:0;box-shadow:0 0 0 3px #22d3ee33}add-work-demo .fields label:has(small.auto) :is(input,select){padding-right:78px}add-work-demo .fields label:has(textarea) small.auto{top:30px;bottom:auto;right:12px}add-work-demo .fields.off{opacity:.4;pointer-events:none}add-work-demo .check{cursor:pointer;justify-content:center;align-items:center;gap:10px;margin-top:14px;font-size:.95rem;display:flex}add-work-demo .check input{accent-color:#22d3ee;width:20px;height:20px}add-work-demo .fine{text-align:center;color:var(--color-muted);margin:12px 0 0;font-size:.85rem;line-height:1.55}add-work-demo .fine a{text-underline-offset:2px;text-decoration:underline}add-work-demo .more>summary,add-work-demo .tech>summary{cursor:pointer;color:var(--color-muted);font-size:.85rem;font-weight:600}add-work-demo .more .fields,add-work-demo .tech{margin-top:14px}add-work-demo .tech:has(.report:empty){display:none}add-work-demo .spin{border:3px solid var(--color-line);border-top-color:#22d3ee;border-radius:50%;width:30px;height:30px;margin:16px auto 4px;animation:.8s linear infinite awd-spin}@keyframes awd-spin{to{transform:rotate(360deg)}}add-work-demo .pillhost{gap:10px;display:grid}add-work-demo .pills{flex-wrap:wrap;gap:8px;display:flex}add-work-demo .pills:empty{display:none}add-work-demo .pill{border:1.5px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;padding:9px 16px;font-size:.85rem;font-weight:600;transition:all .15s}add-work-demo .pill:hover{border-color:#22d3ee}add-work-demo .pill[aria-pressed=true]{color:#cffafe;background:#22d3ee29;border-color:#22d3ee}add-work-demo .pill[aria-pressed=true]:before{content:"✓ ";color:#67e8f9}add-work-demo .pill.rm:before{content:none!important}add-work-demo .pill.rm i{opacity:.7;margin-left:2px;font-style:normal}add-work-demo .pill.rm:hover{color:#fff;background:#b3261e;border-color:#b3261e}add-work-demo .addrow{gap:8px;display:flex}add-work-demo .addrow input{flex:1;min-width:0}add-work-demo .padd{color:#fff;cursor:pointer;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border:0;border-radius:10px;flex:none;width:46px;font-size:1.5rem;line-height:1}add-work-demo .padd:disabled{opacity:.35;cursor:default}add-work-demo .sugg{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}add-work-demo .sugg button{border:1px dashed var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;padding:6px 12px;font-size:.85rem}add-work-demo .sugg button:hover{border-style:solid;border-color:#22d3ee}add-work-demo .ghost{border:1.5px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;padding:10px 18px;font-size:.8rem;font-weight:600;transition:all .15s}add-work-demo .ghost:hover{border-color:#22d3ee}add-work-demo .ghost:disabled{opacity:.5;cursor:wait}add-work-demo .link{color:#67e8f9;cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:600;text-decoration:underline}add-work-demo .link:hover{color:#a5f3fc}add-work-demo .link:disabled{opacity:.5;cursor:not-allowed}add-work-demo .msg{text-align:center;margin:14px 0 0;font-weight:600}add-work-demo .msg:empty{display:none}add-work-demo .msg.err{color:#fca5a5}add-work-demo .nav{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}add-work-demo .nav .go{cursor:pointer;border:0;flex:1;justify-content:center;min-width:7rem;padding:14px}add-work-demo .nav .go:disabled{opacity:.5;cursor:wait}add-work-demo .nav .back{border:1.5px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:10px;flex:none;padding:14px 20px;font-size:.85rem;font-weight:600}add-work-demo .nav .back:hover{border-color:#22d3ee}add-work-demo .ai{background:#22d3ee0f;border:1px solid #22d3ee40;border-radius:12px;margin:16px 0 0;padding:14px 16px;font-size:.92rem;line-height:1.55}add-work-demo .ai:empty{display:none}add-work-demo .ai.busy{color:var(--color-muted)}add-work-demo .ai.err{color:#fcd34d;background:#f59e0b14;border-color:#f59e0b66}add-work-demo .ai small{color:var(--color-muted)}add-work-demo .where:empty{display:none}add-work-demo .where{margin:12px 0 0}add-work-demo .where label{flex-direction:column;gap:6px;margin-bottom:6px;font-size:.85rem;font-weight:600;display:flex}add-work-demo .where select{font:inherit;border:1px solid var(--color-line);color:var(--color-ink);background:#12162fb3;border-radius:10px;width:100%;padding:12px;font-weight:400}add-work-demo .where small{color:var(--color-muted);font-size:.78rem;display:block}add-work-demo .where a{text-decoration:underline}add-work-demo .report{margin-top:12px;font-size:.85rem}add-work-demo .report h3{margin:0 0 4px;font-size:1rem}add-work-demo .report .note{color:var(--color-muted)}add-work-demo .report .ph{border:1px solid var(--color-line);background:#12162f99;border-radius:10px;margin:0 0 8px}add-work-demo .report summary{cursor:pointer;align-items:center;gap:12px;padding:8px;list-style:none;display:flex}add-work-demo .report summary::-webkit-details-marker{display:none}add-work-demo .report summary img{object-fit:cover;border-radius:8px;flex:none;width:56px;height:56px}add-work-demo .report summary span{flex-direction:column;min-width:0;font-size:.82rem;line-height:1.35;display:flex}add-work-demo .report summary b{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}add-work-demo .report summary i{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}add-work-demo .report summary:after{content:"Details ▾";color:var(--color-muted);flex:none;margin-left:auto;font-size:.75rem}add-work-demo .report details[open] summary:after{content:"Hide ▴"}add-work-demo .report h4{text-transform:uppercase;letter-spacing:.1em;margin:14px 12px 6px;font-size:.75rem}add-work-demo .report h4 small{color:var(--color-muted);font-weight:400}add-work-demo .report table{border-collapse:collapse;width:calc(100% - 24px);margin:0 12px 8px;font-size:.8rem}add-work-demo .report th,add-work-demo .report td{text-align:left;vertical-align:top;border-bottom:1px solid var(--color-line);word-break:break-word;padding:5px 8px}add-work-demo .report th{width:34%;color:var(--color-muted);font-weight:600}add-work-demo .report .copy{border:1px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;margin-top:6px;padding:8px 16px;font-size:.78rem;font-weight:600}add-work-demo .report .copy:hover{border-color:#22d3ee}add-work-demo .manage{padding:22px}add-work-demo .manage h2{margin:0 0 14px;font-size:1.3rem}add-work-demo .mbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 14px;display:flex}add-work-demo .mcount{color:var(--color-muted);margin:0;font-size:.88rem}add-work-demo .seg{border:1.5px solid var(--color-line);border-radius:99px;display:inline-flex;overflow:hidden}add-work-demo .seg button{color:var(--color-muted);cursor:pointer;background:0 0;border:0;padding:7px 14px;font-size:.75rem;font-weight:600}add-work-demo .seg button.on{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490)}add-work-demo .list{gap:12px;margin:0;padding:0;list-style:none;display:grid}add-work-demo .list li{border:1px solid var(--color-line);background:#12162f80;border-radius:14px;align-items:stretch;gap:14px;padding:10px;display:flex}add-work-demo .list .pic{flex:none;width:104px;height:104px;position:relative}add-work-demo .list .pic img{object-fit:cover;border-radius:10px;width:100%;height:100%;display:block}add-work-demo .list .cnt{color:#fff;background:#070d1fc7;border-radius:99px;padding:2px 8px;font-size:.64rem;font-weight:700;position:absolute;bottom:6px;left:6px}add-work-demo .list .body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}add-work-demo .list .t strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1rem;line-height:1.25;display:-webkit-box;overflow:hidden}add-work-demo .list .t span{color:var(--color-muted);font-size:.84rem}add-work-demo .state{letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-self:flex-start;padding:2px 10px;font-size:.66rem;font-weight:700}add-work-demo .state.live{color:#86efac;background:#22c55e26}add-work-demo .state.draft{color:#fcd34d;background:#f59e0b26}add-work-demo .list li.off .pic img{opacity:.45;filter:grayscale()}add-work-demo .acts{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}add-work-demo .acts button{border:1.5px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:99px;padding:8px 14px;font-size:.75rem;font-weight:600}add-work-demo .acts button:hover{border-color:#22d3ee}add-work-demo .acts .del{color:#fca5a5;border-color:#0000;margin-left:auto;padding:8px 6px}add-work-demo .acts .del:hover{background:#b3261e33;border-color:#0000}add-work-demo .list .empty{color:var(--color-muted);background:0 0;border:0;padding:6px 2px;display:block}add-work-demo .epics{align-items:flex-start;gap:8px;display:flex}add-work-demo .ethumbs{flex-wrap:wrap;flex:1;min-width:0;display:flex}add-work-demo .addtile{border:1.5px dashed var(--color-line);width:56px;height:56px;color:var(--color-ink);cursor:pointer;background:0 0;border-radius:10px;flex:none;font-size:1.6rem}add-work-demo .addtile:hover{background:#22d3ee14;border-color:#22d3ee}add-work-demo #lb{z-index:100;background:#070d1ff2;justify-content:center;align-items:center;animation:.2s both awd-fade;display:flex;position:fixed;inset:0}@keyframes awd-fade{0%{opacity:0}}add-work-demo #lb img{object-fit:contain;border-radius:6px;max-width:94vw;max-height:82vh;box-shadow:0 20px 60px #00000080}add-work-demo #lb button{color:#fff;cursor:pointer;backdrop-filter:blur(6px);background:#ffffff24;border:0;border-radius:50%;line-height:1;position:absolute}add-work-demo #lb button:hover{color:#0b1020;background:#22d3ee}add-work-demo #lb .lbx{width:44px;height:44px;font-size:1.8rem;top:16px;right:16px}add-work-demo #lb .lbp,add-work-demo #lb .lbn{width:48px;height:48px;margin-top:-24px;padding-bottom:4px;font-size:2rem;top:50%}add-work-demo #lb .lbp{left:14px}add-work-demo #lb .lbn{right:14px}add-work-demo #lb.one .lbp,add-work-demo #lb.one .lbn{display:none}add-work-demo #lb .lbc{text-align:center;color:#c9d2da;letter-spacing:.1em;font-size:.8rem;font-weight:700;position:absolute;bottom:16px;left:0;right:0}add-work-demo #lb .lbe{border-radius:99px;width:auto;height:auto;padding:11px 20px;font-size:.8rem;font-weight:600;bottom:44px;left:50%;transform:translate(-50%)}body.awd-lb-open{overflow:hidden}add-work-demo #ed{z-index:110;background:#0a0f1f;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:fixed;inset:0}add-work-demo .edtop{z-index:2;color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:absolute;top:0;left:0;right:0}add-work-demo .edtop .edcancel{color:#c9d2da;cursor:pointer;background:0 0;border:0;font-size:.8rem;font-weight:600}add-work-demo .edtop .eddone{color:#fff;cursor:pointer;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border:0;border-radius:99px;padding:8px 18px;font-weight:600}add-work-demo .edstage{touch-action:none;margin-top:30px;position:relative}add-work-demo .edstage canvas{border-radius:2px;display:block}add-work-demo .crop{cursor:move;touch-action:none;background:linear-gradient(#ffffff59,#ffffff59) 33.3% 0/1px 100% no-repeat,linear-gradient(#ffffff59,#ffffff59) 66.6% 0/1px 100% no-repeat,linear-gradient(#ffffff59,#ffffff59) 0 33.3%/100% 1px no-repeat,linear-gradient(#ffffff59,#ffffff59) 0 66.6%/100% 1px no-repeat;border:2px solid #fff;position:absolute;box-shadow:0 0 0 100vmax #070d1f9e}add-work-demo .crop i{touch-action:none;background:#22d3ee;border:2px solid #fff;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute}add-work-demo .crop i:after{content:"";position:absolute;inset:-12px}add-work-demo .crop i[data-h=nw]{cursor:nwse-resize;top:0;left:0}add-work-demo .crop i[data-h=ne]{cursor:nesw-resize;top:0;left:100%}add-work-demo .crop i[data-h=se]{cursor:nwse-resize;top:100%;left:100%}add-work-demo .crop i[data-h=sw]{cursor:nesw-resize;top:100%;left:0}add-work-demo .crop i[data-h=n]{cursor:ns-resize;top:0;left:50%}add-work-demo .crop i[data-h=s]{cursor:ns-resize;top:100%;left:50%}add-work-demo .crop i[data-h=e]{cursor:ew-resize;top:50%;left:100%}add-work-demo .crop i[data-h=w]{cursor:ew-resize;top:50%;left:0}add-work-demo #ed.asp .crop i[data-h=n],add-work-demo #ed.asp .crop i[data-h=s],add-work-demo #ed.asp .crop i[data-h=e],add-work-demo #ed.asp .crop i[data-h=w]{display:none}add-work-demo .edtools{z-index:2;flex-wrap:wrap;justify-content:center;gap:10px 22px;padding:0 12px;display:flex;position:relative}add-work-demo .edrot,add-work-demo .edasp{gap:6px;display:flex}add-work-demo .edtools button{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff47;border-radius:99px;padding:9px 15px;font-size:.75rem;font-weight:600}add-work-demo .edtools button:hover{border-color:#22d3ee}add-work-demo .edtools .edasp button.on{color:#0b1020;background:#22d3ee;border-color:#22d3ee}add-work-demo dialog.preview{color:#18181b;background:#f6f4ef;border:0;border-radius:16px;width:min(960px,94vw);height:fit-content;max-height:92vh;margin:auto;padding:0;display:none;position:fixed;inset:0;overflow:hidden;box-shadow:0 30px 80px #0009}add-work-demo dialog.preview[open]{display:block}add-work-demo .m-scroll{overscroll-behavior:contain;grid-template-columns:1.7fr 1fr;align-items:stretch;max-height:92vh;display:grid;overflow:auto}add-work-demo dialog.preview::backdrop{background:#070d1fcc}add-work-demo .m-close{z-index:5;color:#fff;cursor:pointer;background:#18181bbf;border:0;border-radius:50%;width:38px;height:38px;font-size:1.5rem;line-height:1;position:absolute;top:10px;right:12px;box-shadow:0 2px 8px #00000059}add-work-demo .m-gallery{padding:16px}add-work-demo .m-main{position:relative}add-work-demo .m-main img{aspect-ratio:4/3;object-fit:cover;background:#ddd;border-radius:10px;width:100%;display:block}add-work-demo .m-nav{color:#fff;cursor:pointer;background:#18181ba6;border:0;border-radius:50%;width:38px;height:38px;margin-top:-19px;padding-bottom:3px;font-size:1.6rem;line-height:1;position:absolute;top:50%}add-work-demo .m-prev{left:8px}add-work-demo .m-next{right:8px}add-work-demo .m-thumbs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}add-work-demo .m-thumbs button{cursor:pointer;opacity:.85;background:0 0;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}add-work-demo .m-thumbs button.active{opacity:1;border-color:#18181b}add-work-demo .m-thumbs img{object-fit:cover;width:56px;height:56px;display:block}add-work-demo .m-copy{flex-direction:column;padding:22px 22px 0 6px;display:flex}add-work-demo .eyebrow{letter-spacing:.1em;text-transform:uppercase;color:#71717a;margin:0;font-size:.8rem;font-weight:600}add-work-demo .m-copy h3{letter-spacing:-.02em;color:#18181b;margin:6px 0 12px;font-size:1.6rem;line-height:1.15}add-work-demo .m-copy p{color:#3f3f46;margin:0 0 10px;font-size:.95rem;line-height:1.6}add-work-demo .m-facts{color:#18181b;gap:4px;margin:14px 0 0;padding:0;font-size:.88rem;list-style:none;display:grid}add-work-demo .m-facts span{color:#71717a;min-width:5.5rem;display:inline-block}add-work-demo .m-bar{background:linear-gradient(#f6f4ef00,#f6f4ef 28%);margin-top:auto;padding:14px 0 22px;position:sticky;bottom:0}add-work-demo .m-cta{background:#18181b;border-radius:8px;padding:12px 22px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block;color:#fff!important}@media (width<=720px){add-work-demo .m-scroll{grid-template-columns:1fr}add-work-demo .m-copy{padding:0 18px}}add-work-demo .result{margin-top:28px;scroll-margin-top:5.5rem}add-work-demo .result-h{align-items:center;gap:12px;margin:0 0 16px;font-size:1.15rem;font-weight:600;display:flex;position:relative}add-work-demo .result-h .node{flex:none;position:static}add-work-demo .frame{border:1px solid var(--color-line);background:var(--color-panel);border-radius:14px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}add-work-demo .frame-bar{border-bottom:1px solid var(--color-line);background:#ffffff05;align-items:center;gap:8px;padding:10px 14px;display:flex}add-work-demo .dots{gap:6px;display:flex}add-work-demo .dots span{background:#3f3f46;border-radius:50%;width:10px;height:10px}add-work-demo .url{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--color-line);min-width:0;color:var(--color-muted);background:#0000004d;border-radius:6px;flex:1;margin-left:8px;padding:4px 12px;font-size:.75rem;overflow:hidden}add-work-demo .site{color:#18181b;background:#f6f4ef;padding:22px}add-work-demo .site h4{letter-spacing:.12em;text-transform:uppercase;color:#71717a;margin:0;font-size:.75rem;font-weight:600}add-work-demo .tiles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;margin:14px 0 0;padding:0;list-style:none;display:grid}add-work-demo .tile{text-align:left;cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;width:100%;padding:0;transition:box-shadow .15s;overflow:hidden}add-work-demo .tile:hover{box-shadow:0 8px 24px #00000026}add-work-demo .tile img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}add-work-demo .tile .tc{padding:10px 12px 12px}add-work-demo .tile .badge{color:#fff;background:#059669;border-radius:99px;margin-bottom:4px;padding:1px 9px;font-size:.68rem;font-weight:600;display:inline-block}add-work-demo .tile strong{color:#18181b;font-size:.95rem;line-height:1.25;display:block}add-work-demo .tile span{color:#71717a;margin-top:2px;font-size:.78rem;display:block}add-work-demo .site .hint{color:#71717a;margin:12px 0 0;font-size:.8rem}add-work-demo .cta{background:#22d3ee0d;border:1px solid #22d3ee40;border-radius:14px;margin-top:20px;padding:22px}add-work-demo .cta-h{letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:1.1rem;font-weight:600}add-work-demo .cta-p{max-width:42rem;color:var(--color-muted);margin:8px 0 0;font-size:.9rem;line-height:1.6}add-work-demo .cta-row{flex-direction:column;gap:8px;margin-top:16px;display:flex}@media (width>=640px){add-work-demo .cta-row{flex-direction:row}}add-work-demo .ghost-link{border:1px solid var(--color-line);color:var(--color-ink);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}add-work-demo .ghost-link:hover{background:#ffffff0d}@media (width<=560px){add-work-demo .fields{grid-template-columns:1fr}add-work-demo .has-photos .stack,add-work-demo .estack{padding-left:38px}add-work-demo .has-photos .stack:before,add-work-demo .estack:before{left:12px}add-work-demo .node{width:28px;height:28px;font-size:.72rem;left:-38px}add-work-demo .card:after{width:10px!important;left:-10px!important}add-work-demo .sh .sum{max-width:40%}add-work-demo .list .pic{width:84px;height:84px}}@media (width<=639px){add-work-demo .has-photos .stack,add-work-demo .estack{padding-left:0}add-work-demo .has-photos .stack:before,add-work-demo .estack:before,add-work-demo .card:after{display:none!important}add-work-demo .card{border:0;border-top:1px solid var(--color-line);background:0 0;border-radius:0;margin:0}add-work-demo .stack>.card:first-child,add-work-demo .photos-card{border-top:0}add-work-demo .sh{padding:16px 0 12px}add-work-demo .sb{padding:0 0 18px}add-work-demo .node{flex:none;width:28px;height:28px;position:static}add-work-demo .manage.card{border-top:0}add-work-demo .box-title,add-work-demo .drop .box-title,add-work-demo .samples .box-title{letter-spacing:-.025em;text-align:center;color:#fff;text-wrap:balance;max-width:none;margin:0;font-size:1.5rem;font-weight:800;line-height:1.15;display:block}add-work-demo .drop{background:#22d3ee0f;border:1.5px dashed #22d3ee80;border-radius:14px;gap:12px;padding:16px 14px}add-work-demo .samples{background:#22d3ee0f;border:1px solid #22d3ee4d;border-radius:14px;grid-template-columns:auto 1fr;justify-content:stretch;align-items:center;gap:12px 14px;margin-top:12px;padding:16px 14px;display:grid}add-work-demo .samples .box-title{grid-column:1/-1}add-work-demo .samples .trio{gap:0}add-work-demo .samples .trio img{border:2px solid var(--color-canvas);border-radius:9px;width:38px;height:38px}add-work-demo .samples .trio img+img{margin-left:-14px}add-work-demo .samples p:not(.box-title){text-align:left;font-size:.78rem}add-work-demo .has-photos .box-title,add-work-demo .loc-note,add-work-demo .step.todo{display:none}add-work-demo .step:not(.on) .sh{gap:9px;padding:11px 0}add-work-demo .step:not(.on) .sh h2{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}add-work-demo .step:not(.on) .sh .sum{flex:0 auto;max-width:48%;font-size:.8rem}add-work-demo .node,add-work-demo .step:not(.on) .node,add-work-demo .has-photos .photos-card .node{width:26px;height:26px;margin:0;font-size:.72rem;line-height:1}add-work-demo .step.on .node{width:28px;height:28px}add-work-demo .has-photos .photos-card .sh h2,add-work-demo .step:not(.on) .sh h2{line-height:26px}add-work-demo .has-photos .photos-card{align-items:center;gap:10px;padding:12px 0;display:flex}add-work-demo .has-photos .photos-card .sh{flex:none;padding:0}add-work-demo .has-photos .photos-card .sh h2{flex:none;font-size:1rem}add-work-demo .has-photos .photos-card .sh .sum{display:none}add-work-demo .has-photos .photos-card .sb{flex:1;min-width:0;padding:0}add-work-demo .has-photos .photos{align-items:center;gap:6px}add-work-demo .has-photos .thumbs{flex-wrap:nowrap;gap:5px;overflow:hidden}add-work-demo .has-photos .thumbs figure{border-radius:7px;width:30px;height:30px}add-work-demo .has-photos .thumbs .x,add-work-demo .has-photos .thumbs .cover{display:none!important}add-work-demo .has-photos .drop .btn{border-radius:7px;width:30px;height:30px}add-work-demo .has-photos .drop .btn:before{font-size:1.15rem}add-work-demo .samples .ghost{color:#fff;white-space:nowrap;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border:0;border-radius:10px;width:100%;padding:9px 14px;font-size:.88rem;font-weight:600}}@media (prefers-reduced-motion:reduce){add-work-demo *{transition:none!important;animation:none!important}}[data-story] .chapter{padding:4.5rem 0}[data-story] .chapter-grid{align-items:center;gap:2rem;max-width:72rem;margin:0 auto;padding:0 1.5rem;display:grid}@media (width>=768px){[data-story] .chapter-grid{grid-template-columns:1fr 1fr;gap:4rem}}[data-story] .chapter-h{letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin-top:.75rem;font-size:clamp(2.25rem,6vw,4.25rem);font-weight:700;line-height:1.04}[data-story] .chapter-p{max-width:30rem;color:var(--color-muted);text-wrap:pretty;margin-top:1.25rem;font-size:1.2rem;line-height:1.6}[data-story] .visual{border:1px solid var(--color-line);background:#1a1f4499;border-radius:1.75rem;width:100%;max-width:28rem;margin:0 auto;padding:1.5rem}[data-story] .chapter-copy{text-align:left}[data-story] .visual[data-open-demo]{cursor:pointer;transition:border-color .25s,box-shadow .25s}[data-story] .visual[data-open-demo]:hover{border-color:#22d3ee8c;box-shadow:0 0 0 4px #22d3ee14,0 20px 50px -20px #7c3aed99}[data-story] .kick{letter-spacing:.05em;text-transform:uppercase;font-size:.8rem;font-weight:600}[data-story] .ui-title{letter-spacing:-.01em;color:var(--color-ink);font-size:1rem;font-weight:600}[data-story] .ui-label{color:var(--color-ink);margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:block}[data-story] .ui-label em{color:#6ee7b7;margin-left:.25rem;font-style:normal;font-weight:500}[data-story] .ui-input{border:1.5px solid var(--color-line);min-height:2.6rem;color:var(--color-ink);background:#0e112899;border-radius:.6rem;align-items:center;padding:.5rem .8rem;font-size:.9rem;display:flex}[data-story] .ui-note{color:var(--color-muted);align-items:flex-start;gap:.5rem;font-size:.85rem;line-height:1.45;display:flex}[data-story] .ui-note svg{color:#6ee7b7;flex:none;margin-top:.15rem}[data-story] .ui-fine{color:var(--color-muted);font-size:.75rem}[data-story] .ui-check{color:var(--color-ink);align-items:center;gap:.55rem;font-size:.85rem;display:flex}[data-story] .ui-check span{border:1.5px solid var(--color-line);border-radius:.3rem;width:1.05rem;height:1.05rem}[data-story] .ui-drop{color:#67e8f9;background:#22d3ee0f;border:2px dashed #22d3ee73;border-radius:1rem;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;font-weight:600;display:flex}[data-story] .chip{border:1.5px solid var(--color-line);color:var(--color-ink);border-radius:99px;padding:.45rem .9rem;font-size:.85rem;font-weight:600}[data-story] .publish-btn{background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490)}[data-story] .type{white-space:nowrap;display:inline-block}[data-story] .next-mini,[data-story] .story-steps{display:none}[data-story] .visual{position:relative}[data-story] .drag-photo{display:none}[data-story]:not(.story-on) .story-art{display:none!important}@media (width<=767px){[data-story] .story-art{color:#ffffff1f}[data-story] .story-art .phone-art{top:calc(var(--sticky-bar-h,0px) + 2.9rem)}[data-story] .story-art [stroke*=rgb\(],[data-story] .story-art [fill*=rgb\(52],[data-story] .story-art [fill*=rgb\(251]{opacity:.4}[data-story] .story-art .px{top:var(--sticky-bar-h,0px);height:auto;position:absolute;bottom:auto;left:0;right:0}[data-story] .story-art .px svg{aspect-ratio:1200/700;max-width:none;width:190%!important;height:auto!important;position:static!important}[data-story] .story-art .px:nth-child(2) svg{margin-left:-90%}}[data-story] .chapter-grid{position:relative}[data-story] .px{will-change:transform;transform:translate3d(0, calc(var(--py,0) * 1px), 0)}[data-story].story-on{height:calc(100svh - var(--nav,4.5rem) + var(--n) * 100svh)}[data-story].story-on .story-stage{top:var(--nav,4.5rem);height:calc(100svh - var(--nav,4.5rem));position:sticky;overflow:hidden}[data-story].story-on .story-dots{display:flex}[data-story].story-on .chapter .next-mini{z-index:5;color:#67e8f9;cursor:pointer;background:#22d3ee1a;border:1px solid #22d3ee73;border-radius:99px;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;margin-left:-1.375rem;transition:background .2s;display:inline-flex;position:absolute;bottom:1rem;left:50%}[data-story].story-on .chapter .next-mini:hover{background:#22d3ee38}[data-story].story-on .chapter{pointer-events:none;padding:calc(var(--sticky-bar-h,0px) + .75rem) 0 .75rem;opacity:0;filter:blur(8px);align-items:center;transition:opacity .7s,transform .9s cubic-bezier(.2,.8,.2,1),filter .7s,padding .3s;display:flex;position:absolute;inset:0;transform:translateY(8vh)scale(.98)}[data-story].story-on .story-steps{top:calc(var(--sticky-bar-h,0px) + 1.4rem);z-index:6;padding:0 1.75rem;transition:top .3s;display:block;position:absolute;left:0;right:0}[data-story] .story-steps li{opacity:0;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.15);transform:translateY(-10px)}[data-story].started .story-steps li{opacity:1;transform:none}[data-story].started .story-steps li:first-child{transition-delay:.1s}[data-story].started .story-steps li:nth-child(2){transition-delay:.18s}[data-story].started .story-steps li:nth-child(3){transition-delay:.26s}[data-story].started .story-steps li:nth-child(4){transition-delay:.34s}[data-story].started .story-steps li:nth-child(5){transition-delay:.42s}[data-story].started .story-steps li:nth-child(6){transition-delay:.5s}[data-story] .story-steps ol{align-items:center;margin:0;padding:0;list-style:none;display:flex}[data-story] .story-steps li{flex:1;justify-content:flex-end;display:flex;position:relative}[data-story] .story-steps li:first-child{flex:none}[data-story] .story-steps li:not(:first-child):before{content:"";background:#ffffff24;border-radius:2px;height:2px;margin-top:-1px;transition:background .5s;position:absolute;top:50%;left:-.2rem;right:1.7rem}[data-story] .story-steps li.done:not(:first-child):before,[data-story] .story-steps li.on:not(:first-child):before{background:linear-gradient(90deg,#7c3aed,#22d3ee)}[data-story] .story-steps button{background:var(--color-canvas);width:1.7rem;height:1.7rem;color:var(--color-muted);cursor:pointer;border:1.5px solid #ffffff38;border-radius:99px;padding:0;font-size:.75rem;font-weight:700;line-height:1;transition:all .4s;position:relative}[data-story] .story-steps li.done button{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000}[data-story] .story-steps li.on button{color:#fff;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);border-color:#0000;transform:scale(1.22);box-shadow:0 0 0 4px #8b5cf647}[data-story] .story-steps .step-label{display:none}@media (width>=768px){[data-story].story-on .story-steps{top:calc(var(--sticky-bar-h,0px) + 1.25rem);padding:0}[data-story].story-on .story-steps ol{max-width:44rem;margin:0 auto;padding:0 1.5rem}[data-story].story-on .story-dots{display:none}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 5.25rem)}[data-story] .story-steps button{width:2.1rem;height:2.1rem;font-size:.85rem}[data-story] .story-steps li:not(:first-child):before{right:2.1rem}[data-story] .story-steps .step-label{white-space:nowrap;color:var(--color-muted);font-size:.72rem;font-weight:600;transition:color .4s;display:block;position:absolute;top:calc(100% + .4rem);right:1.05rem;transform:translate(50%)}[data-story] .story-steps li.on .step-label{color:var(--color-ink)}}@media (width<=767px){[data-story].story-on .chapter{padding:calc(var(--sticky-bar-h,0px) + 4.2rem) 0 .75rem}[data-story].story-on .kick,[data-story].story-on .story-dots,[data-story].story-on .next-mini{display:none}[data-story].story-on .chapter-grid{gap:1.25rem}[data-story].story-on .visual{border-radius:1.4rem;padding:1.1rem}[data-story].story-on .ui-drop{flex-direction:row;gap:.6rem;padding:.7rem 1rem}[data-story].story-on .ui-drop svg{width:20px;height:20px}[data-story].story-on .chip{padding:.35rem .75rem;font-size:.8rem}[data-story].story-on .chapter-p{margin-top:.75rem;font-size:1.02rem;line-height:1.5}[data-story].story-on .chapter-h{white-space:nowrap;letter-spacing:-.025em;font-size:clamp(1.1rem,8vw - .24rem,2.5rem)}}@media (width<=767px) and (height<=779px){[data-story].story-on .hide-sm{display:none}}@media (width<=767px){[data-story].story-on .hide-xs{display:none}}@media (width<=767px) and (height<=779px){[data-story].story-on .pub-pic{aspect-ratio:16/2.8}[data-story].story-on .pub-row{margin-top:.85rem}}@media (width<=767px) and (height>=780px){[data-story].story-on .chapter-grid{gap:2rem}[data-story].story-on .chapter-p{margin-top:1rem}[data-story].story-on .visual{padding:1.4rem}[data-story].story-on .visual .ui-title.mt-5,[data-story].story-on .visual .mt-5{margin-top:1.5rem}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 4.8rem)}}@media (width<=767px) and (height>=860px){[data-story].story-on .chapter-grid{gap:2.75rem}[data-story].story-on .chapter-p{margin-top:1.25rem;font-size:1.1rem}[data-story].story-on .visual{padding:1.6rem}[data-story].story-on .chapter{padding-top:calc(var(--sticky-bar-h,0px) + 5.4rem)}}@media (height<=760px) and (width>=768px){[data-story].story-on .chapter-h{font-size:clamp(1.9rem,5vw,3.25rem)}[data-story].story-on .chapter-p{margin-top:.75rem;font-size:1.05rem;line-height:1.5}}[data-story].story-on .chapter>*{width:100%}[data-story].story-on .chapter.is-active{opacity:1;filter:none;pointer-events:auto;transform:none}[data-story].story-on .chapter.is-past{transform:translateY(-8vh)scale(.98)}[data-story].story-on .pop{opacity:0;transition:opacity .6s,transform .8s cubic-bezier(.2,.9,.3,1.15);transform:translateY(28px)scale(.94)}[data-story].story-on .is-active .pop{opacity:1;transition-delay:calc(var(--i,0) * .11s + .15s);transform:none}[data-story].story-on .grow-line{opacity:0;transform-origin:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .3s;transform:scaleX(0)}[data-story].story-on .is-active .grow-line{opacity:1;transition-delay:calc(var(--i,0) * .11s + .15s);transform:none}[data-story].story-on .type{clip-path:inset(0 100% 0 0)}[data-story].story-on .is-active .type{clip-path:inset(0);transition:clip-path 1s steps(var(--ch,10), end) calc(var(--i,3) * .11s + .7s)}[data-story] .chip{isolation:isolate;position:relative}[data-story] .chip:before{content:"";z-index:-1;border-radius:inherit;opacity:0;background:linear-gradient(120deg,#7c3aed,#2563eb 55%,#0e7490);position:absolute;inset:-1.5px}[data-story] .tap{display:none}[data-story].story-on .tap{z-index:3;opacity:0;color:#fff;pointer-events:none;filter:drop-shadow(0 4px 6px #00000080);display:block;position:absolute;bottom:-1.5rem;right:-.4rem}[data-story].story-on .tap svg{fill:#1a1f44}[data-story].story-on .is-active .chip.sel{animation:chip-text .4s ease var(--t,1.5s) both}[data-story].story-on .is-active .chip.sel:before{animation:chip-fill .4s ease var(--t,1.5s) both}[data-story].story-on .is-active .chip.sel .tap{animation:chip-tap 1s ease calc(var(--t,1.5s) - .55s) both}@keyframes chip-fill{to{opacity:1}}@keyframes chip-text{to{color:#fff;border-color:#0000}}@keyframes chip-tap{0%{opacity:0;transform:translate(46px,50px)}35%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(-2px,-3px)scale(.84)}70%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(10px,14px)}}[data-story].story-on .drag-photo{opacity:0;display:flex}[data-story].story-on .is-active .drag-photo{animation:2.2s cubic-bezier(.45,0,.2,1) .9s both story-drag}[data-story].story-on .is-active .ui-drop{animation:.9s 2.7s backwards story-drop-hit}@keyframes story-drag{0%{opacity:0;transform:translate(150px,190px)rotate(10deg)scale(1.1)}12%{opacity:1}72%{opacity:1;transform:translate(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(4px)scale(.55)}}@keyframes story-drop-hit{40%{background:#22d3ee47;border-color:#22d3ee;transform:scale(1.03)}}[data-story].story-on .is-active .publish-btn{animation:.6s 2.3s both story-press}@keyframes story-press{40%{filter:brightness(1.3);transform:scale(.92)}}[data-story] .story-dots li.on{background:var(--color-ink);height:1.5rem}.story-nudge{animation:1.8s ease-in-out infinite story-nudge}.live-dot{animation:1.6s ease-out infinite story-ping}@keyframes story-nudge{50%{transform:translateY(6px)}}@keyframes story-ping{0%{box-shadow:0 0 #064e3b80}to{box-shadow:0 0 0 9px #064e3b00}}@media (prefers-reduced-motion:reduce){.story-nudge,.live-dot{animation:none}}html.demo-open{overflow:hidden}@media (prefers-reduced-motion:no-preference){#demo-modal[open]{animation:.5s cubic-bezier(.2,.8,.2,1) demo-in}#demo-modal[open]::backdrop{animation:.5s demo-fade}}@keyframes demo-in{0%{opacity:0;transform:translateY(28px)scale(.985)}}@keyframes demo-fade{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.hero-in{animation:1s cubic-bezier(.16,1,.3,1) backwards hero-in;animation-delay:calc(var(--d,0) * .11s + .1s)}}@keyframes hero-in{0%{opacity:0;filter:blur(6px);transform:translateY(22px)}}