:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f0f13;--panel:#17171c;--raised:#1e1e25;--line:#292932;--line-soft:#21212a;--text:#ececf1;--dim:#8b8b98;--accent:#a855f7;--accent-soft:#a855f726;--hover:#262630;--hover-line:#35353f;--open-line:#3a3a46;--field:#0c0c10;--checker-a:#17171b;--checker-b:#1a1a1f;--stripe-a:#24242a;--stripe-b:#1b1b20;--warn-bg:#241f14;--warn-text:#f0dcae;--bad-bg:#241618;--bad-line:#5a2a2a;--bad-text:#f0b8b8;--preview-bg:#16161a;--panel-shadow:none;--shadow-md:0 12px 32px #0009;--shadow-lg:0 24px 64px #000a;--glass:#0000008c;--glass-soft:#00000059;--glass-strong:#000000c7;--veil:#16161a66;--spin-track:#ffffff38;--spin-head:#fff;--chip-line:#ffffff24;--plate-bed:#26262e;--plate-edge:#3f3f4c;--ok:#4ade80;--bad:#ff6b6b;--warn:#f5b544;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--r1:6px;--r2:8px;--r3:12px;--control:32px;--z-canvas:1;--z-overlay:10;--z-menu:20;--z-toast:30;--ease:cubic-bezier(.2, 0, .1, 1);accent-color:var(--accent)}*{box-sizing:border-box}:where(button,input,select,textarea,summary,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r1)}:where(button,summary){-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]){--bg:#f7f2fc;--panel:#fff;--raised:#f3ecfa;--line:#e8dcf5;--line-soft:#f1e9fa;--text:#2b1b3d;--dim:#6d5b82;--accent:#7127b0;--accent-soft:#7127b01f;--ok:#1a7f4b;--bad:#c02626;--warn:#8a6000;--hover:#f0e7fa;--hover-line:#d9c6ef;--open-line:#c9b0e6;--field:#fff;--checker-a:#f6f0fd;--checker-b:#ece1f8;--stripe-a:#ebe1f7;--stripe-b:#f8f3fd;--warn-bg:#fdf4dc;--warn-text:#6b4e00;--bad-bg:#fdeceb;--bad-line:#f2c9c6;--bad-text:#8f2320;--preview-bg:#f2eafa;--panel-shadow:0 1px 2px #4018680d, 0 8px 24px #4018680f;--shadow-md:0 12px 32px #40186824;--glass:#ffffffc7;--glass-soft:#ffffffa8;--glass-strong:#fffffff0;--veil:#f7f2fc99;--spin-track:#4018682e;--spin-head:#7127b0;--chip-line:#2b1b3d29;--plate-bed:#ece4f6;--plate-edge:#c9b4e4;--shadow-lg:0 24px 64px #4018682e}}:root[data-theme=light]{--bg:#f7f2fc;--panel:#fff;--raised:#f3ecfa;--line:#e8dcf5;--line-soft:#f1e9fa;--text:#2b1b3d;--dim:#6d5b82;--accent:#7127b0;--accent-soft:#7127b01f;--ok:#1a7f4b;--bad:#c02626;--warn:#8a6000;--hover:#f0e7fa;--hover-line:#d9c6ef;--open-line:#c9b0e6;--field:#fff;--checker-a:#f6f0fd;--checker-b:#ece1f8;--stripe-a:#ebe1f7;--stripe-b:#f8f3fd;--warn-bg:#fdf4dc;--warn-text:#6b4e00;--bad-bg:#fdeceb;--bad-line:#f2c9c6;--bad-text:#8f2320;--preview-bg:#f2eafa;--panel-shadow:0 1px 2px #4018680d, 0 8px 24px #4018680f;--shadow-md:0 12px 32px #40186824;--glass:#ffffffc7;--glass-soft:#ffffffa8;--glass-strong:#fffffff0;--veil:#f7f2fc99;--spin-track:#4018682e;--spin-head:#7127b0;--chip-line:#2b1b3d29;--shadow-lg:0 24px 64px #4018682e}:root[data-theme=light] .segmented button.on{color:var(--accent)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .segmented button.on{color:var(--accent)}}body{background:var(--bg);min-height:100vh;color:var(--text);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,.button{justify-content:center;align-items:center;gap:var(--s2);min-height:var(--control);padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r1);background:var(--raised);color:var(--text);font:inherit;cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), color .16s var(--ease);font-size:13px;text-decoration:none;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--hover);border-color:var(--hover-line)}button:disabled{opacity:.4;cursor:default}button.primary,.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled),.button.primary:hover{background:#b673f9;border-color:#b673f9}button.quiet{color:var(--dim);background:0 0;border-color:#0000}button.quiet:hover:not(:disabled){background:var(--raised);color:var(--text)}button.icon{width:var(--control);padding:0}input,select{width:100%;min-height:var(--control);padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r1);background:var(--field);color:var(--text);font:inherit;font-size:13px}input[type=range]{padding:0}.gate{place-items:center;min-height:100vh;padding:24px;display:grid}.card{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:16px;width:min(380px,100%);padding:28px;display:flex}.card h1{margin:0;font-size:18px}.sub{color:var(--dim);margin:-10px 0 0}.card label{color:var(--dim);flex-direction:column;gap:6px;font-size:13px;display:flex}.card button[type=submit]{background:var(--accent);border-color:var(--accent);font-weight:600}.card button[type=submit]:hover:not(:disabled){background:#b673f9}.card button.signup{border-color:var(--accent);color:var(--text);margin-top:-6px;font-weight:600}.card button.signup:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}.or{color:var(--dim);align-items:center;gap:10px;margin:-4px 0;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}.card .button.google{justify-content:center;gap:10px;font-weight:600;text-decoration:none}.hint{color:var(--dim);font-size:12px}.error{color:var(--bad);margin:0}.notice{color:var(--ok);margin:0}.links{flex-wrap:wrap;gap:6px;display:flex}.links a{color:var(--dim);padding:4px}.links a:first-of-type{margin-left:auto}.links button{color:var(--dim);background:0 0;border:0;padding:4px;text-decoration:underline}.links button:hover{color:var(--text);background:0 0}.auth-card{max-height:calc(100dvh - 2 * var(--s3));box-shadow:var(--shadow-lg);overflow-y:auto}.auth-card .keep-designing{margin-top:-6px}.auth-card .links{justify-content:center}.auth-card .links a:first-of-type{margin-left:0}.app{flex-direction:column;height:100vh;display:flex}header{align-items:center;gap:var(--s2);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);background:var(--panel);display:flex}.brand{align-items:center;gap:var(--s2);letter-spacing:-.01em;padding-right:var(--s2);white-space:nowrap;font-size:13px;font-weight:600;display:flex}.brand:before{content:"";background:var(--accent);width:20px;height:20px;-webkit-mask:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20612%20612.15'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:url(%23linear-gradient);}%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='303.21'%20y1='0.57'%20x2='309.41'%20y2='676.23'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.11'%20stop-color='%23762684'/%3e%3cstop%20offset='0.17'%20stop-color='%236c207c'/%3e%3cstop%20offset='0.34'%20stop-color='%2355126b'/%3e%3cstop%20offset='0.53'%20stop-color='%2345085f'/%3e%3cstop%20offset='0.73'%20stop-color='%233b0257'/%3e%3cstop%20offset='1'%20stop-color='%23380055'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M241.62,430.94,228.77,181.35c.35-5,3-7.56,7.21-7.56H376c5.92,0,8.27,2.52,7.91,7.56l-3.43,49.17q-.54,7.56-8.1,7.56h-66.5L303.32,274H366q7.56,0,7,7.57l-3.43,49.16q-.54,7.56-8.09,7.56H298.82l-2.51,35.93h66.5q7.56,0,7,7.56l-3.44,49.16c-.35,5.05-3.05,7.56-8.09,7.56H248.65C243.61,438.5,241.26,436,241.62,430.94ZM302.88,12.3q58,0,107,19.88t80.72,54.08a337.67,337.67,0,0,1,54.08,78.33,267.4,267.4,0,0,1,27.43,92.65,478.33,478.33,0,0,1,.4,97.42,266.07,266.07,0,0,1-26.64,93,320.85,320.85,0,0,1-53.68,77.93Q460.34,559.45,411,579.72T302.88,600q-56.47,0-104.58-20.27t-79.13-54.08q-31-33.79-52.49-77.93a278.08,278.08,0,0,1-26.64-93,498,498,0,0,1-.79-97.42,259.22,259.22,0,0,1,26.24-92.65,341.47,341.47,0,0,1,52.89-78.33q31-34.19,79.13-54.08T302.88,12.3Zm3.18,547.14a91.13,91.13,0,0,0,36.58-7.56q17.49-7.54,34.6-26.64t29.42-48.11q12.31-29,19.88-75.55t7.56-106.17q0-58-9.15-103t-23.06-70.78Q388,95.82,369.68,79.5T335.88,58a94.37,94.37,0,0,0-29.82-5.17q-23.87,0-46.13,12.33t-42.54,39q-20.28,26.66-32.61,75.95T172.45,295.41q0,58.86,8.36,105.77t21.47,75.95q13.13,29,31,48.11t35.79,26.64A93.93,93.93,0,0,0,306.06,559.44ZM241.58,451.3l5.56,65.7c.12,1.3.22,2.63.34,4,9,8.83,18,15.14,26.69,18.82a81.63,81.63,0,0,0,31.88,6.51,78.42,78.42,0,0,0,31.39-6.48c9.25-4,18.73-11.17,28.21-21.36,2.32-29.47,4.31-51.8,6-67.18ZM306,511.83a17.06,17.06,0,1,1,17.06-17.06A17,17,0,0,1,306,511.83ZM331.72,70.46A81.89,81.89,0,0,0,306.06,66a79.55,79.55,0,0,0-33,7.3q2.67,19.56,5.26,54.3,1.24,17,2.05,34.7c13.59,0,37.84,0,51.32,0q.88-19.19,2.34-37.52,2.73-34.67,4.69-51.35A53.42,53.42,0,0,0,331.72,70.46Z'/%3e%3c/svg%3e") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20viewBox='0%200%20612%20612.15'%3e%3cdefs%3e%3cstyle%3e.cls-1{fill:url(%23linear-gradient);}%3c/style%3e%3clinearGradient%20id='linear-gradient'%20x1='303.21'%20y1='0.57'%20x2='309.41'%20y2='676.23'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20offset='0.11'%20stop-color='%23762684'/%3e%3cstop%20offset='0.17'%20stop-color='%236c207c'/%3e%3cstop%20offset='0.34'%20stop-color='%2355126b'/%3e%3cstop%20offset='0.53'%20stop-color='%2345085f'/%3e%3cstop%20offset='0.73'%20stop-color='%233b0257'/%3e%3cstop%20offset='1'%20stop-color='%23380055'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M241.62,430.94,228.77,181.35c.35-5,3-7.56,7.21-7.56H376c5.92,0,8.27,2.52,7.91,7.56l-3.43,49.17q-.54,7.56-8.1,7.56h-66.5L303.32,274H366q7.56,0,7,7.57l-3.43,49.16q-.54,7.56-8.09,7.56H298.82l-2.51,35.93h66.5q7.56,0,7,7.56l-3.44,49.16c-.35,5.05-3.05,7.56-8.09,7.56H248.65C243.61,438.5,241.26,436,241.62,430.94ZM302.88,12.3q58,0,107,19.88t80.72,54.08a337.67,337.67,0,0,1,54.08,78.33,267.4,267.4,0,0,1,27.43,92.65,478.33,478.33,0,0,1,.4,97.42,266.07,266.07,0,0,1-26.64,93,320.85,320.85,0,0,1-53.68,77.93Q460.34,559.45,411,579.72T302.88,600q-56.47,0-104.58-20.27t-79.13-54.08q-31-33.79-52.49-77.93a278.08,278.08,0,0,1-26.64-93,498,498,0,0,1-.79-97.42,259.22,259.22,0,0,1,26.24-92.65,341.47,341.47,0,0,1,52.89-78.33q31-34.19,79.13-54.08T302.88,12.3Zm3.18,547.14a91.13,91.13,0,0,0,36.58-7.56q17.49-7.54,34.6-26.64t29.42-48.11q12.31-29,19.88-75.55t7.56-106.17q0-58-9.15-103t-23.06-70.78Q388,95.82,369.68,79.5T335.88,58a94.37,94.37,0,0,0-29.82-5.17q-23.87,0-46.13,12.33t-42.54,39q-20.28,26.66-32.61,75.95T172.45,295.41q0,58.86,8.36,105.77t21.47,75.95q13.13,29,31,48.11t35.79,26.64A93.93,93.93,0,0,0,306.06,559.44ZM241.58,451.3l5.56,65.7c.12,1.3.22,2.63.34,4,9,8.83,18,15.14,26.69,18.82a81.63,81.63,0,0,0,31.88,6.51,78.42,78.42,0,0,0,31.39-6.48c9.25-4,18.73-11.17,28.21-21.36,2.32-29.47,4.31-51.8,6-67.18ZM306,511.83a17.06,17.06,0,1,1,17.06-17.06A17,17,0,0,1,306,511.83ZM331.72,70.46A81.89,81.89,0,0,0,306.06,66a79.55,79.55,0,0,0-33,7.3q2.67,19.56,5.26,54.3,1.24,17,2.05,34.7c13.59,0,37.84,0,51.32,0q.88-19.19,2.34-37.52,2.73-34.67,4.69-51.35A53.42,53.42,0,0,0,331.72,70.46Z'/%3e%3c/svg%3e") 50%/contain no-repeat}header .name{width:190px}.spacer{flex:1}.menu{position:relative}.menu>summary{align-items:center;gap:var(--s2);min-height:var(--control);padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r1);background:var(--raised);cursor:pointer;white-space:nowrap;font-size:13px;list-style:none;display:inline-flex}.menu>summary::-webkit-details-marker{display:none}.menu>summary:hover{background:var(--hover)}.menu[open]>summary{border-color:var(--open-line)}.menu-panel{z-index:var(--z-menu);min-width:240px;max-height:60vh;padding:var(--s2);border:1px solid var(--line);border-radius:var(--r2);background:var(--panel);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto}.menu-panel h3{margin:var(--s2) var(--s2) var(--s1);text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:11px}.menu-panel .who{padding:var(--s2);color:var(--dim);word-break:break-all;font-size:12px}.menu-panel button{justify-content:flex-start;width:100%}.toolbar{align-items:center;gap:var(--s1);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);background:var(--bg);display:flex}.toolbar .rule{background:var(--line);width:1px;height:18px;margin:0 var(--s2)}.toolbar .hint{font-size:12px}.segmented{border:1px solid var(--line);border-radius:var(--r1);display:inline-flex;overflow:hidden}.canvas-faces{background:var(--glass-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex:none}.segmented button{color:var(--dim);text-transform:capitalize;padding:0 var(--s3);background:0 0;border:0;border-radius:0}.segmented button.on{background:var(--accent-soft);color:var(--text);font-weight:600}.segmented button:hover:not(.on){background:var(--raised);color:var(--text)}.banner{align-items:center;gap:var(--s3);padding:var(--s2) var(--s4);border-bottom:1px solid var(--line);background:var(--warn-bg);color:var(--warn-text);font-size:13px;display:flex}.banner.bad{background:var(--bad-bg);color:var(--bad-text)}.body{flex:1;min-height:0;display:flex}aside{width:268px;padding:var(--s3);border-right:1px solid var(--line);gap:var(--s2);background:var(--bg);flex-direction:column;flex:none;display:flex;overflow-y:auto}.panel{border-radius:var(--r3);background:var(--panel);box-shadow:var(--panel-shadow)}.panel>summary{align-items:center;gap:var(--s2);padding:var(--s3);border-radius:var(--r3);cursor:pointer;color:var(--text);transition:background .16s var(--ease);font-size:13px;font-weight:600;list-style:none;display:flex}.panel>summary::-webkit-details-marker{display:none}.panel>summary:hover{background:var(--raised)}.panel>summary>svg:first-child{color:var(--accent);flex:none}.panel>summary>span:first-of-type{flex:1}.panel>summary .chev{color:var(--dim);transition:transform .16s var(--ease);display:flex}.panel[open]>summary .chev{transform:rotate(180deg)}.panel-body{padding:0 var(--s3) var(--s3);gap:var(--s3);flex-direction:column;display:flex}.section{gap:var(--s2);flex-direction:column;display:flex}.section>.row{gap:var(--s2);display:flex}.section>.row>button{flex:1}.drawer{gap:var(--s1);grid-template-columns:repeat(6,1fr);display:grid}.drawer-item{aspect-ratio:1;min-height:0;color:var(--dim);background:var(--raised);border-color:#0000;padding:6px}.drawer-item:hover:not(:disabled){color:var(--accent);background:var(--hover);border-color:#0000}.drawer-item svg{width:100%;height:100%;display:block}.library{gap:var(--s1);grid-template-columns:repeat(4,1fr);display:grid}.library-item{position:relative}.library-place{aspect-ratio:1;background:var(--raised);border-color:#0000;width:100%;min-height:0;padding:4px}.library-place:hover:not(:disabled){background:var(--hover);border-color:#0000}.library-place img{object-fit:contain;width:100%;height:100%;display:block}.library-remove{opacity:0;width:22px;height:22px;min-height:0;padding:3px;position:absolute;top:2px;right:2px}.library-item:hover .library-remove,.library-remove:focus-visible{opacity:1}.empty{padding:var(--s4) var(--s3);border:1px dashed var(--line);border-radius:var(--r2);color:var(--dim);text-align:center;font-size:12px;line-height:1.5}.advanced>summary{align-items:center;gap:var(--s2);cursor:pointer;text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:11px;list-style:none;display:flex}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary svg{transition:transform .16s var(--ease)}.advanced[open]>summary svg{transform:rotate(180deg)}.advanced .section{margin-top:var(--s3)}aside dl{gap:var(--s1) var(--s3);grid-template-columns:auto 1fr;margin:0;font-size:12px;display:grid}aside dt{color:var(--dim)}aside dd{font-variant-numeric:tabular-nums;text-align:right;margin:0}.designs{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.designs li{gap:var(--s1);display:flex}.designs li button:first-child{text-overflow:ellipsis;white-space:nowrap;flex:1;justify-content:flex-start;overflow:hidden}.designs li.current button:first-child{border-color:var(--accent)}.designs .del{width:var(--control);flex:none;padding:0}main{flex-direction:column;flex:1;min-width:0;display:flex}.preview{flex:1;min-height:0;position:relative}.preview-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-actions{top:var(--s3);right:var(--s3);z-index:var(--z-overlay);gap:var(--s2);display:flex;position:absolute}.preview-actions button{color:var(--text);background:var(--glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--line)}.preview-actions button:hover{background:var(--glass-strong)}.preview-actions button[aria-pressed=true]{border-color:var(--accent);color:var(--text)}.modal{z-index:var(--z-toast);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;place-items:center;display:grid;position:fixed;inset:0}.modal-card{gap:var(--s3);padding:var(--s4);border-radius:var(--r3);background:var(--panel);box-shadow:var(--shadow-lg);max-width:92vw;max-height:calc(100dvh - 2 * var(--s3));overscroll-behavior:contain;flex-direction:column;align-items:stretch;display:flex;overflow-y:auto}.modal-card h2{margin:0;font-size:15px}.modal-card .sub a{color:var(--accent)}.name-card{width:min(92vw,360px)}.modal-card>label{gap:var(--s1);color:var(--dim);grid-template-columns:1fr auto;font-size:12px;display:grid}.modal-card>label>span{color:var(--text);font-variant-numeric:tabular-nums}.modal-card>label>input{grid-column:1/-1}.modal-actions{gap:var(--s2);justify-content:flex-end;display:flex}.modal-card>.modal-actions{bottom:calc(-1 * var(--s4));margin:0 calc(-1 * var(--s4)) calc(-1 * var(--s4));padding:var(--s3) var(--s4) var(--s4);background:var(--panel);position:sticky}.crop-frame{border-radius:var(--r2);cursor:grab;touch-action:none;box-shadow:0 0 0 1px var(--line);background:#000;align-self:center;position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame img{-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.crop-thirds{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.667% - .5px),#ffffff73 calc(66.667% - .5px) calc(66.667% + .5px),#0000 calc(66.667% + .5px)),linear-gradient(#0000 calc(33.333% - .5px),#ffffff73 calc(33.333% - .5px) calc(33.333% + .5px),#0000 calc(33.333% + .5px) calc(66.667% - .5px),#ffffff73 calc(66.667% - .5px) calc(66.667% + .5px),#0000 calc(66.667% + .5px));position:absolute;inset:0}.toast{bottom:var(--s5);z-index:var(--z-toast);pointer-events:none;padding:var(--s2) var(--s4);border-radius:var(--r2);background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow-md);font-size:13px;animation:2.6s forwards toast;position:fixed;left:50%}@keyframes toast{0%{opacity:0;transform:translate(-50%,8px)}12%{opacity:1;transform:translate(-50%)}80%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}main.split{grid-template-columns:minmax(0,auto) minmax(0,1fr);min-height:0;display:grid}main.split .preview{border-left:1px solid var(--line)}main.split>.canvas-wrap{grid-area:1/1}main.split>.preview{grid-area:1/2}.inspector{z-index:var(--z-overlay);margin:var(--s3);width:264px;max-height:calc(100% - 2 * var(--s3));border-radius:var(--r3);background:var(--panel);box-shadow:0 0 0 1px var(--line), var(--shadow-lg);visibility:hidden;opacity:0;transform-origin:0 0;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility 0s linear .18s;grid-area:1/2;place-self:start;overflow-y:auto;transform:translate(-14px)scale(.98)}.inspector.open{visibility:visible;opacity:1;transition:opacity .18s var(--ease), transform .18s var(--ease), visibility 0s;transform:none}@starting-style{.inspector.open{opacity:0;transform:translate(-14px)scale(.98)}}.inspector-head{align-items:center;gap:var(--s2);padding:var(--s3);color:var(--text);font-size:13px;font-weight:600;display:flex}.inspector-head>svg:first-child{color:var(--accent);flex:none}.inspector-head>span{flex:1}.inspector-head>button{flex:none;width:26px;height:26px;padding:0}.inspector-fold{display:none}.inspector-body{padding:0 var(--s3) var(--s3);gap:var(--s3);flex-direction:column;display:flex}.preview-busy{z-index:var(--z-overlay);background:var(--veil);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.preview-busy:after{content:"";border:3px solid var(--spin-track);border-top-color:var(--spin-head);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.preview-busy:after{animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.25}}}.canvas-wrap{justify-content:safe center;align-items:center;gap:var(--s3);padding:var(--s4);background:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%), linear-gradient(45deg, var(--checker-b) 25%, transparent 25%, transparent 75%, var(--checker-b) 75%) 8px 8px, var(--checker-a);background-size:16px 16px;flex-direction:column;display:flex;overflow:auto}.canvas-surface{touch-action:none;flex:none;position:relative;box-shadow:0 6px 24px #0008}.canvas-window,.canvas-hole{pointer-events:none;background:#16161a;position:absolute}.canvas-window{outline:1px dashed #ffffff40;place-items:center;display:grid}.canvas-window span{color:#fff5;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.canvas-hole{border-radius:50%}.canvas-art{cursor:grab;-webkit-user-select:none;user-select:none;position:absolute}.canvas-frame{pointer-events:none;outline:1px solid var(--accent);outline-offset:2px;position:absolute}.canvas-handle{background:var(--accent);cursor:nwse-resize;border:2px solid #fff;border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute}.canvas-rotate{border:2px solid var(--accent);color:#16161a;cursor:grab;-webkit-user-select:none;user-select:none;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin:-10px 0 0 -10px;font-size:13px;line-height:1;display:grid;position:absolute}.canvas-rotate:active{cursor:grabbing}.canvas-size{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;border-radius:4px;padding:2px 7px;font-size:11px;position:absolute;transform:translate(-50%,2px)}.canvas-size.side{transform:translate(2px,-50%)}.banner.warn{background:#2a2418}.drop{place-items:center;gap:var(--s2);padding:var(--s5) var(--s3);border:1px dashed var(--line);border-radius:var(--r2);color:var(--dim);cursor:pointer;text-align:center;transition:border-color .16s var(--ease), color .16s var(--ease), background .16s var(--ease);font-size:12px;display:grid}.drop:hover{border-color:var(--accent);color:var(--text);background:var(--accent-soft)}.drop.small{padding:var(--s3)}.drop input{display:none}.slots{gap:var(--s2);display:flex}.slot{height:var(--control);border-radius:var(--r1);cursor:pointer;border:1px solid var(--line);flex:1;min-height:0;padding:0;position:relative;overflow:hidden}.slots>.slot,.slots>.shell-slot{flex:1;min-width:0}.shell-slot{display:contents}.shell-slot>.slot{flex:1;box-shadow:inset 0 0 0 2px #0006}.slot.open{outline:2px solid var(--accent);outline-offset:1px}.swatch-panel{z-index:var(--z-menu);gap:var(--s3);padding:var(--s3);border:1px solid var(--line);border-radius:var(--r2);background:var(--panel);flex-direction:column;display:flex;position:fixed;box-shadow:0 16px 40px #000b}.swatch-grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.swatch-chip{aspect-ratio:1;border:1px solid var(--chip-line);border-radius:5px;width:100%;height:auto;min-height:0;padding:0}.swatch-chip:hover:not(:disabled){border-color:#fff}.swatch-chip.on{outline:2px solid var(--accent);outline-offset:1px}.mixer{gap:var(--s2);flex-direction:column;display:flex}.mixer-sv{border-radius:var(--r1);cursor:crosshair;touch-action:none;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);height:116px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a}.mixer-dot{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;box-shadow:0 0 0 1px #0008,0 1px 4px #0008}.mixer-row{align-items:center;gap:var(--s2);display:flex}.mixer-row>.mixer-hue{flex:1;min-width:0}.mixer-pick{flex:none;width:28px;height:28px;padding:0}.mixer-hue{appearance:none;background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%);border:0;border-radius:999px;height:14px;padding:0}.mixer-hue::-webkit-slider-thumb{-webkit-appearance:none;cursor:ew-resize;background:#fff;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0008}.mixer-hue::-moz-range-thumb{cursor:ew-resize;background:#fff;border:2px solid #fff;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 1px #0008}.swatch-hex{align-items:center;gap:var(--s2);color:var(--dim);grid-template-columns:auto 1fr;font-size:12px;display:grid}.swatch-hex input{text-transform:uppercase;letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.props label.swatch-row{grid-template-columns:1fr auto;align-items:center}.props label.swatch-row>.slot{flex:none;grid-column:auto;width:44px}.slot input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.slot.shell{box-shadow:inset 0 0 0 2px #0006}.slot.empty{background:repeating-linear-gradient(45deg, var(--stripe-a) 0 5px, var(--stripe-b) 5px 10px)}.props{gap:var(--s3);flex-direction:column;display:flex}.props label{gap:var(--s1);color:var(--dim);grid-template-columns:1fr auto;font-size:12px;display:grid}.props label>span:first-of-type{text-align:right;color:var(--text);font-variant-numeric:tabular-nums}.props label input,.props label .hint{grid-column:1/-1}.props input[type=range]{background:0 0;border:0;width:100%;padding:0}.props label.toggle{color:var(--text);grid-template-columns:auto 1fr;align-items:center;gap:8px}.props label.toggle input{grid-column:auto;width:auto}.remap{align-items:center;gap:var(--s2);display:flex}.remap-from{border-radius:var(--r1);flex:none;width:22px;height:22px;box-shadow:inset 0 0 0 1px #ffffff2e}.remap-arrow{color:var(--dim);flex:none;font-size:12px}.remap-to{flex-wrap:wrap;flex:1;gap:5px;display:flex}.remap-to .swatch-chip{aspect-ratio:1;flex:none;width:22px}.face-slots{gap:var(--s1);flex-direction:column;display:flex}.face-slots-label{text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:11px}.switch{align-items:center;gap:var(--s2);cursor:pointer;color:var(--text);font-size:13px;display:flex}.switch input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.switch-track{background:var(--raised);width:34px;height:20px;box-shadow:inset 0 0 0 1px var(--line);transition:background .16s var(--ease), box-shadow .16s var(--ease);border-radius:999px;flex:none;align-items:center;padding:2px;display:flex}.switch-knob{background:var(--dim);width:16px;height:16px;transition:transform .16s var(--ease), background .16s var(--ease);border-radius:50%}.switch input:checked+.switch-track{background:var(--accent);box-shadow:none}.switch input:checked+.switch-track>.switch-knob{background:#fff;transform:translate(14px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:2px}.filament-choice{flex-wrap:wrap;grid-column:1/-1;gap:5px;display:flex}.filament-choice .swatch-chip{aspect-ratio:1;flex:none;width:26px}.card-thumb{aspect-ratio:55/85;width:104px;height:auto;min-height:0;box-shadow:0 0 0 1px var(--line), var(--shadow-md);cursor:pointer;background:#fff;border:0;border-radius:6px;align-self:center;padding:0;position:relative;overflow:hidden}.card-thumb:hover:not(:disabled),.card-thumb.over{box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.card-thumb-upload{color:#fff;transition:opacity .14s var(--ease);background:linear-gradient(#0000,#0000008c);flex-direction:column;align-items:center;gap:2px;padding:18px 0 8px;font-size:11px;font-weight:600;display:flex;position:absolute;inset:auto 0 0}.card-thumb-upload svg{width:20px;height:20px}.card-thumb.has-own .card-thumb-upload{opacity:0}.card-thumb.has-own:hover .card-thumb-upload,.card-thumb.has-own:focus-visible .card-thumb-upload,.card-thumb.over .card-thumb-upload{opacity:1}@media (hover:none){.card-thumb.has-own .card-thumb-upload{opacity:1}}.card-thumb img{object-fit:cover;width:100%;height:100%;display:block}.add-card{width:min(94vw,440px)}.add-card:focus{outline:none}.add-drop{justify-content:center;align-items:center;gap:var(--s1);padding:var(--s5) var(--s3);border:1px dashed var(--line);border-radius:var(--r2);color:var(--dim);text-align:center;transition:border-color .16s var(--ease), background .16s var(--ease), color .16s var(--ease);flex-direction:column;display:flex}.add-card>input[type=file]{display:none}.add-drop>svg{color:var(--accent)}.add-drop-title{color:var(--text);font-size:13px;font-weight:600}.add-drop.over{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.add-upload{justify-content:center;align-items:center;gap:var(--s2);width:100%;display:flex}.add-upload>svg{color:var(--accent)}.add-drop.over{border-style:solid}.add-or{align-items:center;gap:var(--s2);color:var(--dim);font-size:12px;display:flex}.add-or:before,.add-or:after{content:"";background:var(--line);flex:1;height:1px}.add-url{gap:var(--s1);flex-direction:column;display:flex}.add-url-row{gap:var(--s2);display:flex}.add-url-row input{flex:1;min-width:0}.add-url-row button{flex:none}button.drop{height:auto;padding:var(--s4) var(--s3);background:0 0;border-style:dashed;flex-direction:column;gap:2px}button.drop>svg{color:var(--accent)}button.drop:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft)}.tune-card{width:min(96vw,700px)}.tune-stages{gap:var(--s4);flex-wrap:wrap;justify-content:center;display:flex}.tune-stage{gap:var(--s2);flex-direction:column;display:flex}.tune-label{text-transform:uppercase;letter-spacing:.07em;color:var(--dim);font-size:11px}.tune-crop{border-radius:var(--r2);cursor:move;touch-action:none;box-shadow:0 0 0 1px var(--line);background:#000;align-self:center;position:relative;overflow:hidden}.tune-crop img{-webkit-user-select:none;user-select:none;position:absolute;inset:0}.tune-shade{pointer-events:none;background:#0000009e;position:absolute;inset:0}.tune-rect{outline:1px solid #fff;position:absolute}.tune-grip{background:var(--accent);touch-action:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute}.tune-grip.nw,.tune-grip.se{cursor:nwse-resize}.tune-grip.ne,.tune-grip.sw{cursor:nesw-resize}.tune-result{padding:var(--s3);border-radius:var(--r2);background:repeating-linear-gradient(45deg, var(--stripe-a) 0 6px, var(--stripe-b) 6px 12px);box-shadow:0 0 0 1px var(--line);place-items:center;display:grid}.tune-result svg{width:100%;height:100%}.tune-result .hint{text-align:center;max-width:24ch}.tune-controls{gap:var(--s3);flex-direction:column;display:flex}.tune-controls label{gap:var(--s1);color:var(--dim);grid-template-columns:1fr auto;font-size:12px;display:grid}.tune-controls label>span:first-of-type{color:var(--text);font-variant-numeric:tabular-nums}.tune-controls label input[type=range],.tune-controls label .hint{grid-column:1/-1}.tune-controls label input[type=range]{background:0 0;border:0;padding:0}.tune-controls label.toggle{align-items:center;gap:var(--s2);color:var(--text);grid-template-columns:auto 1fr}.tune-controls label.toggle input{width:auto}.mobile-nav,.sheet-close,.sheet-backdrop,.phone-only,.phone-icon{display:none}@media (width<=820px){:root{--nav-h:58px}.app{height:100dvh}input,select,textarea{font-size:16px}header{padding:var(--s2) var(--s3);gap:var(--s1)}.brand{padding-right:var(--s1);gap:0;font-size:0}header .name{flex:1;width:auto;min-width:0}header .spacer,header .theme-toggle,header .label{display:none}header button,header .menu>summary{padding:0 var(--s2);white-space:nowrap}header .menu>summary svg+svg{display:none}.phone-only{display:flex}.phone-icon{display:contents}.menu-panel{top:56px;left:var(--s2);right:var(--s2);min-width:0;position:fixed}.toolbar{padding:var(--s1) var(--s3)}.toolbar .hint{display:none}.body{padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));flex-direction:column}main.split{flex:1;grid-template-columns:minmax(0,1fr)}main.split>.canvas-wrap,main.split>.preview{grid-area:1/1}main.split .preview{border-left:0}.app[data-view="3d"] .canvas-wrap,.app[data-view=design] main.split>.preview{display:none}aside{left:0;right:0;bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));z-index:var(--z-menu);border-radius:var(--r3) var(--r3) 0 0;background:var(--panel);width:auto;max-height:62dvh;box-shadow:var(--shadow-lg);visibility:hidden;transition:transform .22s var(--ease), visibility 0s linear .22s;border-right:0;position:fixed;transform:translateY(110%)}.app:not([data-sheet=""]) aside{visibility:visible;transition:transform .22s var(--ease), visibility 0s;transform:none}aside .panel{box-shadow:none;display:none}.app[data-sheet=add] aside .panel[data-panel=add],.app[data-sheet=add] aside .panel[data-panel=library],.app[data-sheet=shapes] aside .panel[data-panel=shapes],.app[data-sheet=filaments] aside .panel[data-panel=filaments],.app[data-sheet=card] aside .panel[data-panel=card]{display:block}aside .panel>summary{pointer-events:none;padding-right:44px}aside .panel>summary .chev{display:none}.sheet-close{top:var(--s3);right:var(--s3);z-index:1;display:grid;position:absolute}.sheet-backdrop{inset:0 0 calc(var(--nav-h) + env(safe-area-inset-bottom,0px));z-index:var(--z-overlay);background:#00000040;display:block;position:fixed}aside .drawer{grid-template-columns:repeat(6,1fr)}.library-remove{opacity:1}.inspector{left:var(--s2);right:var(--s2);bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--s2));width:auto;max-height:42dvh;z-index:var(--z-menu);transform-origin:bottom;justify-self:stretch;margin:0;position:fixed;transform:translateY(14px)}@starting-style{.inspector.open{opacity:0;transform:translateY(14px)}}.app:not([data-sheet=""]) .inspector{display:none}.inspector-head{cursor:pointer}.inspector-fold{place-items:center;display:grid}.inspector-fold svg{transition:transform .16s var(--ease)}.inspector[data-folded] .inspector-fold svg{transform:rotate(180deg)}.inspector[data-folded] .inspector-body{display:none}.toast{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + var(--s3))}.mobile-nav{z-index:var(--z-menu);height:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid var(--line);background:var(--panel);grid-template-columns:1fr 1fr 1px 1fr 1fr 1fr 1fr;align-items:stretch;display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav .rule{background:var(--line);margin:var(--s3) 0}.mobile-nav button{min-height:0;color:var(--dim);background:0 0;border:0;border-radius:0;flex-direction:column;gap:3px;padding:0;font-size:11px}.mobile-nav button svg{width:20px;height:20px}.mobile-nav button.on{color:var(--accent);font-weight:600}}@media (pointer:coarse){.canvas-handle{width:22px;height:22px;margin:-11px 0 0 -11px}.canvas-rotate{width:32px;height:32px;margin:-16px 0 0 -16px;font-size:16px}}:root[data-owner]{--accent:#e3b341;--accent-soft:#e3b34126;--spin-head:#e3b341}:root[data-owner][data-theme=light]{--accent:#9a6f00;--accent-soft:#9a6f001f;--spin-head:#9a6f00}@media (prefers-color-scheme:light){:root[data-owner]:not([data-theme=dark]){--accent:#9a6f00;--accent-soft:#9a6f001f;--spin-head:#9a6f00}}:root[data-owner] button.primary,:root[data-owner] .button.primary{color:#1a1406}:root[data-owner] button.primary:hover:not(:disabled),:root[data-owner] .button.primary:hover{background:#f0c75e;border-color:#f0c75e}:root[data-owner][data-theme=light] button.primary,:root[data-owner][data-theme=light] .button.primary{color:#fff}:root[data-owner][data-theme=light] button.primary:hover:not(:disabled){background:#b38300;border-color:#b38300}@media (prefers-color-scheme:light){:root[data-owner]:not([data-theme=dark]) button.primary{color:#fff}:root[data-owner]:not([data-theme=dark]) button.primary:hover:not(:disabled){background:#b38300;border-color:#b38300}}.welcome{z-index:var(--z-toast);padding:var(--s3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:welcome-fade .24s var(--ease);background:#0009;place-items:center;display:grid;position:fixed;inset:0}@keyframes welcome-fade{0%{opacity:0}}.welcome-card{width:min(100%,420px);max-height:calc(100dvh - 2 * var(--s3));padding:var(--s5);background:var(--panel);box-shadow:var(--shadow-lg);border-radius:20px;flex-direction:column;display:flex;overflow-y:auto}.welcome-top{margin:calc(-1 * var(--s2)) 0 var(--s4);grid-template-columns:40px 1fr 56px;align-items:center;display:grid}.welcome-back{display:grid;transform:rotate(90deg)}.welcome-skip{justify-self:end}.welcome-dots{justify-content:center;gap:6px;display:flex}.welcome-dots span{background:var(--line);width:8px;height:8px;transition:width .2s var(--ease), background .2s var(--ease);border-radius:99px}.welcome-dots span.on{background:var(--accent)}.welcome-dots span.now{background:var(--accent);width:22px}.welcome-screen{gap:var(--s3);animation:welcome-in .28s var(--ease);flex-direction:column;display:flex}@keyframes welcome-in{0%{opacity:0;transform:translate(24px)}}.welcome h1{letter-spacing:-.01em;margin:0;font-size:24px;line-height:1.2}.welcome .sub{color:var(--dim);margin:0;font-size:15px}.welcome-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:600}.welcome-steps{gap:var(--s2);margin:var(--s2) 0;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.welcome-steps li{align-items:center;gap:var(--s2);text-align:center;color:var(--dim);flex-direction:column;font-size:13px;display:flex}.welcome-steps li span{background:var(--accent-soft);width:48px;height:48px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.welcome-steps svg{width:22px;height:22px}.welcome-options,.welcome-actions{gap:var(--s2);margin-top:var(--s2);flex-direction:column;display:flex}.welcome button.big{border-radius:var(--r3);min-height:52px;font-size:16px}.welcome-options button.big{padding:0 var(--s4);justify-content:flex-start}.welcome-options button.big:active{border-color:var(--accent);background:var(--accent-soft)}.welcome-actions button.quiet{min-height:44px;font-size:14px}.welcome-signin{margin:var(--s2) 0 0;text-align:center;color:var(--dim);font-size:13px}button.link{min-height:0;color:var(--accent);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}button.link:hover:not(:disabled){background:0 0}@media (width<=820px){.welcome{place-items:stretch stretch;padding:0}.welcome-card{width:100%;max-height:none;padding:calc(env(safe-area-inset-top,0px) + var(--s5)) var(--s5) calc(env(safe-area-inset-bottom,0px) + var(--s5));border-radius:0}.welcome-screen{flex:1}.welcome-options,.welcome-actions{padding-top:var(--s4);margin-top:auto}.welcome h1{font-size:26px}}.echo-says{align-items:center;gap:var(--s2);display:flex}.echo-art{aspect-ratio:512/320;-webkit-user-select:none;user-select:none;flex:none;width:112px;height:auto;animation:3.2s ease-in-out infinite echo-bob}.echo-says.small .echo-art{width:72px}@keyframes echo-bob{50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.echo-art{animation:none}}.echo-bubble{padding:var(--s2) var(--s3);border-radius:var(--r3);background:var(--accent-soft);margin:0;font-size:14px;line-height:1.4;position:relative}.echo-bubble:before{content:"";background:inherit;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;left:-6px;transform:rotate(45deg)}.tips{z-index:var(--z-toast);position:fixed;inset:0}.tips-spot{border-radius:var(--r3);outline:2px solid var(--accent);pointer-events:none;transition:top .26s var(--ease), left .26s var(--ease), width .26s var(--ease), height .26s var(--ease);position:fixed;box-shadow:0 0 0 200vmax #0000008c}.tips-bubble{width:min(300px,100vw - 24px);padding:var(--s3) var(--s4);border-radius:var(--r3);background:var(--raised);border:1px solid var(--line);box-shadow:var(--shadow-md);animation:tips-in .22s var(--ease);position:fixed}@keyframes tips-in{0%{opacity:0;transform:translateY(6px)}}.tips-bubble strong{font-size:15px;display:block}.tips-head{align-items:center;gap:var(--s2);display:flex}.tips-echo{aspect-ratio:512/320;-webkit-user-select:none;user-select:none;flex:none;width:52px;height:auto;margin-left:-6px}.tips-bubble p{margin:var(--s1) 0 var(--s3);color:var(--dim);font-size:14px}.tips-bubble:before{content:"";left:var(--arrow,50%);background:inherit;border:inherit;width:12px;height:12px;margin-left:-6px;display:none;position:absolute;transform:rotate(45deg)}.tips-bubble[data-side=below]:before{border-bottom:0;border-right:0;display:block;top:-7px}.tips-bubble[data-side=above]:before{border-top:0;border-left:0;display:block;bottom:-7px}.tips-actions{align-items:center;gap:var(--s2);display:flex}.tips-count{color:var(--dim);margin-right:auto;font-size:12px}.tips-actions button{min-height:36px}