:root{--bg:#EFEFED;--panel:#F6F6F4;--field:#FCFCFB;--hair:#DCDBD6;--hair-2:#CBCAC5;--ink:#1C1C1A;--sub:#85847E;--faint:#B6B5AF;--orange:#F04E00;--key-hi:rgba(255,255,255,.92);--key-shadow:rgb(var(--shadow-rgb)/.10);--r:7px;--mono:"IBM Plex Mono",monospace;--sans:"Instrument Sans",sans-serif;--ease:cubic-bezier(.72,0,.18,1);--ease-pop:cubic-bezier(.34,1.28,.64,1);--shadow-rgb:22 22 20;--orange-rgb:240 78 0;--fs-name:12px;--fs-ui:11.5px;--fs-mono:10.5px;--fs-hint:10px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);font-size:13px;-webkit-font-smoothing:antialiased}.mono{font-family:var(--mono)}button{font-family:var(--sans);color:var(--ink)}.app{display:grid;grid-template-rows:62px 1fr;height:100vh;--panel-w:412px}.key{background:linear-gradient(180deg,#FDFDFC,#F1F1EF);border:1px solid #d2d1cc;border-bottom-color:#bfbeb9;border-radius:var(--r);box-shadow:0 1px 1.5px var(--key-shadow),inset 0 1px 0 var(--key-hi);cursor:pointer;transition:border-color .1s,background .12s,box-shadow .12s,color .12s}.key:hover:not(:disabled):not(.active){border-color:#B2B1AC #B2B1AC #A5A49F}.key:active:not(:disabled){background:#ECECEA;box-shadow:inset 0 1.5px 3px rgb(var(--shadow-rgb)/.15);transform:translateY(.5px)}.key.active{color:var(--ink);background:#E8E8E5;border-color:#C3C2BD #C3C2BD #CFCEC9;box-shadow:inset 0 2px 3px rgb(var(--shadow-rgb)/.13),inset 0 -1px 0 rgba(255,255,255,.55)}.key:disabled{color:var(--faint);cursor:default}.key.ikey{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;flex:none;font-size:14px;line-height:1;color:var(--sub)}.key.ikey.active{color:var(--ink)}.key.ikey span{display:inline-flex}.key.ikey svg{display:block}.key.ikey.sm{width:20px;height:20px;border-radius:6px;font-size:var(--fs-ui);font-weight:500}.key.ikey.sm svg{width:13px;height:13px}.ikey-sheet{min-height:100vh;background:var(--bg);padding:40px 48px;display:flex;flex-direction:column;gap:34px}.ikey-sheet header{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--hair-2);padding-bottom:14px}.ikey-sheet .heading{font-size:var(--fs-name);font-weight:600;letter-spacing:.14em;color:var(--ink)}.ikey-sheet .note{font-size:var(--fs-mono);color:var(--faint)}.ikey-sheet section{display:flex;flex-direction:column;gap:12px}.ikey-sheet .cap{font-size:9.5px;letter-spacing:.12em;color:var(--faint)}.ikey-sheet .row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start}.ikey-sheet .chrome-row{align-items:center;gap:8px}.ikey-sheet .cell{display:flex;flex-direction:column;align-items:center;gap:7px}.ikey-sheet .cell.gap{width:14px}.ikey-sheet .cluster{display:inline-flex;gap:2px}.ikey-sheet .lbl{font-size:9px;letter-spacing:.08em;color:var(--faint)}.ikey-sheet .key:not(.ikey){padding:7px 13px;font-size:var(--fs-ui);font-weight:500;color:var(--sub)}.ikey-sheet .key.active{color:var(--ink)}.key:focus-visible,.ruler:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--orange-rgb)/.25),0 1px 1.5px var(--key-shadow)}input:focus-visible,textarea:focus-visible{outline:none}.chrome{grid-row:1;display:flex;align-items:stretch;background:var(--panel);border-bottom:1px solid var(--hair-2)}.chrome-l{width:var(--panel-w);flex:none;gap:12px;border-right:1px solid var(--hair-2);overflow:hidden;white-space:nowrap}.chrome-l,.chrome-r{display:flex;align-items:center;padding:0 16px}.chrome-r{flex:1 1;min-width:0;gap:8px}.chrome-spacer{flex:1 1}.chrome .key{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;padding:7px 13px;font-size:var(--fs-ui);font-weight:500;color:var(--sub)}.chrome .key.active{color:var(--ink)}.chrome .key b{color:var(--orange);font-weight:600}.panel-nav{display:grid;justify-items:end;align-items:center;flex:none}.panel-nav>*{grid-area:1/1}.panel-nav .crumbs{display:inline-flex;align-items:center;gap:5px}.panel-nav .tray{transition:opacity .18s var(--ease),transform .28s var(--ease)}.panel-nav.drill .tray{opacity:0;transform:translateX(-6px) scale(.95);visibility:hidden;pointer-events:none;transition:opacity .18s var(--ease),transform .28s var(--ease),visibility 0s .3s}.panel-nav:not(.drill) .crumbs{visibility:hidden;pointer-events:none;transition:visibility 0s .3s}.panel-nav .crumb-chip{display:inline-flex;align-items:center;cursor:default}.panel-nav .crumb-chip,.panel-nav .tray-root{padding:7px 13px;font-size:var(--fs-ui);font-weight:500}.panel-nav .crumb-sep{flex:none;color:var(--faint)}.panel-nav .crumb-chip,.panel-nav .crumb-sep,.panel-nav .tray-root{transition:opacity .18s var(--ease),transform .28s var(--ease)}.panel-nav:not(.drill) .tray-root{opacity:0;transform:scale(.9)}.panel-nav:not(.drill) .crumb-sep{opacity:0;transform:translateX(10px)}.panel-nav:not(.drill) .crumb-chip{opacity:0;transform:translateX(14px)}.panel-nav.drill .crumb-sep{transition-delay:.05s}.panel-nav.drill .crumb-chip{transition-delay:.09s}@media (prefers-reduced-motion:reduce){.panel-nav .crumb-chip,.panel-nav .crumb-sep,.panel-nav .crumbs,.panel-nav .tray,.panel-nav .tray-root{transition:none}}.tray{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:10px;background:#E9E9E6;border:1px solid #d5d4cf;box-shadow:inset 0 1.5px 3px rgb(var(--shadow-rgb)/.09)}.tray-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:var(--r);background:linear-gradient(180deg,#FDFDFC,#F1F1EF);border:1px solid #c9c8c3;border-bottom-color:#bbbab5;box-shadow:0 1px 1.5px var(--key-shadow),inset 0 1px 0 var(--key-hi);transition:transform .28s var(--ease)}.tray-seg{position:relative;z-index:1;padding:5px 14px;border:0;border-radius:var(--r);background:none;font-size:var(--fs-ui);font-weight:500;color:var(--sub);cursor:pointer;transition:color .15s}.tray-seg.on{color:var(--ink)}.tray-seg:disabled{color:var(--faint);cursor:default}.tray-seg:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--orange-rgb)/.25)}@media (prefers-reduced-motion:reduce){.tray-thumb{transition:none}}.wordmark{display:flex;align-items:baseline}.wordmark .name{font-size:31.75px;line-height:1;font-weight:700;letter-spacing:-.02em}.wordmark .name:after{content:".";color:var(--orange)}.header-beam{position:fixed;top:61px;left:0;right:0;height:2px;z-index:45;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .25s ease}.app.busy .header-beam{opacity:1}.header-beam i{position:absolute;top:0;height:100%;width:34%;left:-34%;background:linear-gradient(90deg,transparent,rgb(var(--orange-rgb)/.55) 40%,#F04E00 50%,rgb(var(--orange-rgb)/.55) 60%,transparent);animation:header-beam 1.5s cubic-bezier(.45,0,.55,1) infinite}@keyframes header-beam{to{left:100%}}@media (prefers-reduced-motion:reduce){.header-beam i{animation:none;opacity:.6;left:33%}}@property --led{syntax:"<color>";inherits:true;initial-value:#F04E00}.key.glow{--led:#F04E00;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:7px;font-weight:600;color:#C64000;text-shadow:0 0 7px rgb(var(--orange-rgb)/.5);background:linear-gradient(105deg,rgba(255,255,255,0) 12%,rgba(255,255,255,.42) 16%,rgba(255,255,255,.08) 34%,rgba(255,255,255,0) 40%),rgba(255,255,255,.12);-webkit-backdrop-filter:blur(5px) saturate(1.1);backdrop-filter:blur(5px) saturate(1.1);border:1px solid color-mix(in srgb,var(--led) 55%,transparent);box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.1),0 0 14px rgb(var(--orange-rgb)/.3);transition:--led .28s ease,color .28s ease,text-shadow .28s ease,border-color .28s ease,box-shadow .28s ease;animation:glow-pulse 3.2s ease-in-out infinite}.key.glow:before{z-index:-1;border-radius:6px;background:radial-gradient(130% 170% at 50% 108%,color-mix(in srgb,var(--led) 26%,transparent) 0,color-mix(in srgb,var(--led) 12%,transparent) 52%,color-mix(in srgb,var(--led) 5%,transparent) 100%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--led) 55%,transparent),inset 0 0 9px color-mix(in srgb,var(--led) 30%,transparent)}.key.glow:after,.key.glow:before{content:"";position:absolute;inset:0;pointer-events:none}.key.glow:after{border-radius:var(--r);padding:1px;background:conic-gradient(from 0deg,rgba(255,255,255,.45) 0deg,rgba(255,255,255,.14) 80deg,rgba(255,255,255,.6) 135deg,rgba(255,255,255,.1) 190deg,rgba(255,255,255,.22) 265deg,rgba(255,255,255,.88) 318deg,rgba(255,255,255,.45) 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.key.glow:hover:not(:disabled):not(.off){color:#D64400;text-shadow:0 0 9px rgb(var(--orange-rgb)/.65);box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.1),0 0 18px rgb(var(--orange-rgb)/.42)}.key.glow:active:not(:disabled):not(.off){transform:translateY(.5px);box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.12),0 0 16px rgb(var(--orange-rgb)/.55);animation:none}.key.glow:active:not(:disabled):not(.off):before{box-shadow:inset 0 0 0 1px rgb(var(--orange-rgb)/.7),inset 0 2px 10px rgb(var(--orange-rgb)/.4)}.key.glow:disabled{cursor:default}.key.glow.off{--led:#BBBAB5;color:var(--sub);text-shadow:0 0 6px rgba(255,255,255,.75);box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.08),0 0 10px color-mix(in srgb,var(--led) 25%,transparent);animation:none}.key.glow.off:hover:not(:disabled){--led:#A9A8A2;color:var(--ink)}@keyframes glow-pulse{0%,to{box-shadow:0 1px 2px rgba(120,32,0,.35),0 0 12px rgb(var(--orange-rgb)/.28)}50%{box-shadow:0 1px 2px rgba(120,32,0,.35),0 0 22px rgb(var(--orange-rgb)/.52)}}@media (prefers-reduced-motion:reduce){.key.glow,.key.glow:before{animation:none;transition:none}}.linkmenu{position:relative;flex:none}.lm-trigger{display:inline-flex;align-items:center;gap:8px;padding:7px 11px 7px 13px;max-width:300px}.lm-title{font-size:var(--fs-name);font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lm-chev{flex:none;color:var(--faint);transition:transform .22s var(--ease)}.lm-chev.up{transform:rotate(180deg)}.lm-pop{position:absolute;top:calc(100% + 8px);left:0;z-index:60;width:288px;max-height:380px;overflow-y:auto;background:var(--panel);border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 12px 34px rgb(var(--shadow-rgb)/.18);padding:6px;transform-origin:top left;opacity:0;transform:translateY(-6px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .13s ease,transform .16s var(--ease),visibility 0s .18s}.lm-pop.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .16s ease,transform .24s var(--ease-pop),visibility 0s}.lm-pop.open .take-row{animation:row-in .24s var(--ease) both;animation-delay:calc(var(--i, 0) * 26ms + 40ms)}.lm-pop .um-item svg{color:var(--sub);flex:none}.pubmenu{position:relative;flex:none}.pub-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:296px;background:var(--panel);border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 12px 34px rgb(var(--shadow-rgb)/.18);padding:16px;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .13s ease,transform .16s var(--ease),visibility 0s .18s}.pub-pop.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .16s ease,transform .24s var(--ease-pop),visibility 0s}.pub-field{display:flex;align-items:center;gap:0;background:var(--field);border:1px solid var(--hair-2);border-radius:var(--r);padding:8px 10px}.pub-field:focus-within{border-color:#B2B1AC}.pub-host{color:var(--faint);flex:none}.pub-host,.pub-slug{font-size:var(--fs-mono)}.pub-slug{flex:1 1;min-width:0;border:0;background:transparent;font-family:var(--mono);color:var(--ink)}.pub-slug::placeholder{color:var(--faint)}.pub-avail{font-size:var(--fs-hint);color:var(--faint);padding:7px 2px 9px;min-height:24px}.pub-avail.ok{color:var(--orange)}.pub-go{width:100%;justify-content:center;padding:8px 0;font-size:var(--fs-ui);font-weight:500}.pub-fld-wrap{padding:0 0 10px}.pub-pop .pub-go{margin-top:6px}.pub-fld{display:flex;align-items:center;gap:8px;min-width:0;background:var(--field);border:1px solid #d9d8d3;border-radius:var(--r);padding:7px 7px 7px 10px;box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.05)}.pub-url{flex:1 1;min-width:0;font-size:var(--fs-mono);color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pub-url:hover{color:var(--orange)}.pub-tag{flex:none;border:0;cursor:pointer;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:5px;background:var(--hair);color:var(--sub);transition:background .12s,color .12s}.pub-tag:hover{background:var(--hair-2);color:var(--ink)}.pub-tag.did{background:var(--orange);color:#fff}.pub-hint{font-size:var(--fs-hint);color:var(--faint);padding:8px 2px 0;line-height:1.5}.mg-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.mg-card{width:min(380px,100%);background:var(--panel);border:1px solid var(--hair-2);border-radius:12px;box-shadow:0 12px 34px rgb(var(--shadow-rgb)/.1);padding:22px}.mg-label{font-size:var(--fs-hint);letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}.mg-head{padding-bottom:14px}.mg-slug{font-size:17px;font-weight:500;color:var(--ink);margin:8px 0 0}.mg-rows{border-top:1px solid var(--hair)}.mg-row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--hair)}.mg-k{font-size:var(--fs-hint);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.mg-v{font-size:var(--fs-mono);color:var(--ink)}.mg-v.live{color:var(--orange)}.mg-v.dim{color:var(--faint)}.mg-actions{display:flex;gap:8px;padding:16px 0 0;align-items:center}.mg-open{display:inline-flex;align-items:center;color:var(--ink);text-decoration:none}.mg-open,.mg-unpub{padding:7px 13px;font-size:var(--fs-ui);font-weight:500}.mg-unpub{color:var(--sub)}.mg-unpub.armed{color:#B3261E;border-color:#D8B4B0}.mg-hint{font-size:var(--fs-hint);color:var(--faint);padding-top:14px;line-height:1.5}.usermenu{position:relative;flex:none}.avatar{width:30px;height:30px;border-radius:50%;padding:0;flex:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;background:radial-gradient(125% 125% at 32% 24%,rgba(255,255,255,.95) 0,rgba(255,255,255,0) 44%),linear-gradient(180deg,#FCFCFB,#E8E7E4);border:1px solid #cbcac4;box-shadow:0 1px 2px rgb(var(--shadow-rgb)/.11),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 4px rgb(var(--shadow-rgb)/.07);transition:box-shadow .15s ease,transform .12s ease}.avatar:hover{box-shadow:0 2px 5px rgb(var(--shadow-rgb)/.15),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -2px 4px rgb(var(--shadow-rgb)/.07)}.avatar:active{transform:translateY(.5px);box-shadow:0 1px 1.5px rgb(var(--shadow-rgb)/.1),inset 0 2px 4px rgb(var(--shadow-rgb)/.13)}.avatar:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--orange-rgb)/.28),0 2px 5px rgb(var(--shadow-rgb)/.2)}.avatar .dot{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 4px rgb(var(--orange-rgb)/.45),inset 0 1px 0 rgba(255,255,255,.5)}.avatar.mini{width:22px;height:22px}.avatar.mini .dot{width:6px;height:6px}.um-pop{position:absolute;top:calc(100% + 8px);right:0;z-index:60;width:232px;background:var(--panel);border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 12px 34px rgb(var(--shadow-rgb)/.18);padding:6px;transform-origin:top right;opacity:0;transform:translateY(-6px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .13s ease,transform .16s var(--ease),visibility 0s .18s}.um-pop.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .16s ease,transform .24s var(--ease-pop),visibility 0s}.um-id{display:flex;align-items:center;gap:10px;padding:6px 8px 8px}.um-id-text{display:flex;flex-direction:column;gap:1px;min-width:0}.um-id-name{font-size:12.5px;font-weight:600;color:var(--ink)}.um-id-sub{font-size:9.5px;color:var(--faint)}.um-div{height:1px;background:var(--hair);margin:4px 6px}.um-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;padding:8px 9px;border:0;background:transparent;border-radius:var(--r);cursor:pointer;font-size:var(--fs-name);font-weight:500;color:var(--ink);transition:background .1s ease}.um-item.on,.um-item:hover:not(:disabled){background:#ececea}.um-item:disabled{color:var(--faint);cursor:default}.um-count{margin-left:auto;font-size:var(--fs-mono);color:var(--faint)}.um-fly-chev{transition:transform .2s var(--ease);color:var(--faint)}.um-item .um-count+.um-fly-chev{margin-left:6px}.um-fly-chev.open{transform:rotate(180deg)}.um-soon{margin-left:auto;font-size:8.5px;letter-spacing:.08em;text-transform:uppercase;padding:2px 5px;border-radius:5px;background:var(--hair);color:var(--sub)}.um-soon.on-dark{background:rgba(255,255,255,.22);color:rgba(255,255,255,.92)}.um-fly{position:absolute;top:4px;right:calc(100% + 8px);z-index:61;width:232px;max-height:320px;overflow-y:auto;background:var(--panel);border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 12px 34px rgb(var(--shadow-rgb)/.18);padding:6px;transform-origin:top right;opacity:0;transform:translateX(6px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .13s ease,transform .16s var(--ease),visibility 0s .18s}.um-fly.open{opacity:1;transform:none;visibility:visible;pointer-events:auto;transition:opacity .16s ease,transform .22s var(--ease-pop),visibility 0s}.um-fly.open .take-row{animation:row-in .24s var(--ease) both;animation-delay:calc(var(--i, 0) * 26ms + 40ms)}.take-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 9px;border:0;background:transparent;border-radius:var(--r);cursor:pointer;opacity:0;transition:background .1s ease}@keyframes row-in{0%{opacity:0;transform:translateX(-5px)}to{opacity:1;transform:none}}.take-row.current,.take-row:hover{background:#ececea}.tk-no{font-size:var(--fs-hint);color:var(--orange);flex:none}.tk-subject{font-size:var(--fs-name);font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.body{grid-row:2}.body,.panel{display:flex;overflow:hidden;min-height:0}.panel{width:var(--panel-w);flex:none;background:var(--panel);border-right:1px solid var(--hair-2);flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1)}.app.collapsed .panel{transform:translateX(-100%);margin-left:calc(var(--panel-w) * -1)}.panel-scroll{flex:1 1;overflow-y:auto;min-height:0;padding-bottom:var(--island-clear,200px)}.panel section{padding:16px;border-bottom:1px solid var(--hair)}.panel section:last-child{border-bottom:0}.compose-island{position:fixed;left:16px;bottom:16px;width:380px;z-index:40;background:var(--field);border:1px solid #d9d8d3;border-radius:13px;box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.05),0 14px 38px rgb(var(--shadow-rgb)/.15),0 2px 8px rgb(var(--shadow-rgb)/.07);display:flex;align-items:center;gap:10px;padding:8px 9px 8px 14px}.compose-island:focus-within{border-color:rgb(var(--orange-rgb)/.55);box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.05),0 0 0 3px rgb(var(--orange-rgb)/.1),0 14px 38px rgb(var(--shadow-rgb)/.15)}.compose-island .brief-input{flex:1 1;min-width:0;width:auto;border:0;background:transparent;box-shadow:none;padding:6px 0;line-height:20px;font-family:var(--sans);font-size:13px;color:var(--ink)}.compose-island .brief-input:disabled{font-family:var(--mono);font-size:var(--fs-ui);font-weight:500;color:var(--sub);opacity:1;-webkit-text-fill-color:var(--sub)}.compose-island .brief-input:hover{border:0}.compose-island .brief-input:focus,.compose-island .brief-input:focus-visible{outline:none;box-shadow:none}.compose-island .generate{margin:0}@property --beam{syntax:"<angle>";inherits:false;initial-value:0deg}.compose-island.island-beam:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;background:conic-gradient(from var(--beam),transparent 0 55%,rgb(var(--orange-rgb)/.12) 60%,rgb(var(--orange-rgb)/.5) 64%,var(--orange) 68%,rgb(var(--orange-rgb)/.5) 72%,rgb(var(--orange-rgb)/.12) 76%,transparent 81%);animation:island-beam 2.6s linear infinite}@keyframes island-beam{to{--beam:360deg}}@media (prefers-reduced-motion:reduce){.compose-island.island-beam:before{animation:none;background:none}}.sec-head{display:flex;align-items:baseline;gap:10px;margin-bottom:11px}.sec-head .idx{font-family:var(--mono);font-size:var(--fs-hint);color:var(--orange)}.sec-head .t{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink)}.sec-head .rule{flex:1 1;height:1px;background:var(--hair)}.sec-head .hint{font-size:var(--fs-mono);color:var(--faint)}input[type=text],textarea{width:100%;background:var(--field);border:1px solid #d9d8d3;border-radius:var(--r);padding:11px 13px;font-family:var(--sans);font-size:13px;color:var(--ink);resize:none;box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.05);transition:border-color .12s,box-shadow .12s}textarea{min-height:54px;line-height:1.45}input:hover,textarea:hover{border-color:#C6C5C0}input:focus,textarea:focus{border-color:var(--ink);box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.05),0 0 0 3px rgb(var(--orange-rgb)/.13)}::placeholder{color:var(--faint)}.field+.field{margin-top:10px}.ch{padding:4px 0 8px}.ch-head{display:flex;align-items:baseline;gap:8px;min-width:0;margin-bottom:1px}.ch-head .name{flex:none;font-size:var(--fs-name);font-weight:500}.ch-head .ch-hint{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ch-head .tgl{align-self:center}.ch-head .val{font-family:var(--mono);font-size:11px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ch.active .val{color:var(--orange)}.ruler{position:relative;height:32px;cursor:ew-resize;touch-action:none;border-radius:4px}.ticks{position:absolute;left:6px;right:6px;top:0;bottom:6px;display:flex;justify-content:space-between;align-items:flex-end}.tick{width:1.5px;height:9px;background:#C7C6C1;border-radius:1px;transition:height .09s ease-out,background-color .09s ease-out}.tick.major{height:15px;background:#B4B3AE}.tick.lit{background:var(--ink)}.tick.needle{background:var(--orange)}.baseline{position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--hair)}.generate{justify-content:center;width:30px;height:30px;padding:0;gap:0;flex:none}.generate svg{display:block}.generate{position:relative;overflow:hidden}.generate.busy:disabled{opacity:1;cursor:default}.stage{flex:1 1;min-width:0;display:flex;flex-direction:column;background:var(--panel)}.canvas-wrap{flex:1 1;justify-content:center;padding:16px;min-height:0}.canvas,.canvas-wrap{position:relative;display:flex}.canvas{background:#fff;border:1px solid var(--hair-2);border-radius:13px;box-shadow:0 14px 34px rgb(var(--shadow-rgb)/.13),0 2px 6px rgb(var(--shadow-rgb)/.07);width:100%;overflow:hidden}.canvas iframe{border:0;width:100%;height:100%}@media (prefers-reduced-motion:reduce){.lm-pop.open .take-row,.um-fly.open .take-row{animation:none}.avatar,.canvas,.lm-chev,.lm-pop,.map-card,.map-head,.map-list,.map-row,.take-row,.tick,.um-fly,.um-fly-chev,.um-pop{transition:none}.lm-pop.open .take-row,.um-fly.open .take-row{opacity:1}}@media (max-width:900px){.app,.app.collapsed{grid-template-rows:62px auto 1fr;height:auto;min-height:100vh}.chrome-l{width:auto}.body{flex-direction:column}.body,.panel{overflow:visible}.panel{width:auto;border-right:0;border-bottom:1px solid var(--hair-2)}.app.collapsed .panel{display:none;transform:none;margin-left:0}.panel-scroll{overflow:visible;padding-bottom:16px}.compose-island{left:12px;right:12px;bottom:12px;width:auto}.app.mode-boot .compose-island,.app.mode-intro .compose-island{left:50%;right:auto;bottom:calc(50% - 40px);width:calc(100vw - 32px);transform:translate(-50%,50%)}.canvas-wrap{min-height:70vh;padding-bottom:150px}}.tick.def{position:relative}.tick.def:after{content:"";position:absolute;left:50%;bottom:-6px;width:4px;height:4px;transform:translateX(-50%) rotate(45deg);background:var(--faint)}.tick.def.needle:after{background:var(--orange)}.ch-hint{font-style:normal;font-size:var(--fs-hint);color:var(--faint);font-weight:400}.ch.off{opacity:.45;pointer-events:none}.stale{margin-top:8px;font-size:var(--fs-hint);letter-spacing:.05em;color:var(--orange)}.key.roll{padding:3px 9px;font-size:9px;letter-spacing:.12em;flex:none}.face-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px 13px;border-radius:9px;text-align:left}.face-tile .ft-band{position:absolute;top:11px;right:12px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:var(--faint)}.face-tile.active .ft-band{color:var(--sub)}.face-tile .ft-display{padding-right:62px;font-size:22px;line-height:1.08;color:var(--ink)}.face-tile .ft-display,.face-tile .ft-sub{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.face-tile .ft-sub{display:flex;align-items:baseline;gap:6px;font-size:var(--fs-name);color:var(--sub)}.face-tile .ft-sub .ft-dot{color:var(--faint)}.face-tile .ft-sub .ft-label{font-size:var(--fs-hint);letter-spacing:.04em;text-transform:uppercase}.ch>.face-tile,.shape-tiles{margin-top:7px}.shape-tiles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.shape-tile{position:relative;display:flex;align-items:center;justify-content:center;padding:16px 8px 21px;border-radius:9px}.shape-tile .sh-swatch{width:36px;height:24px;flex:none;background:var(--ink)}.shape-tile .sh-led{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:var(--hair-2);transition:background .12s ease,box-shadow .12s ease}.shape-tile.on .sh-led{background:var(--orange);box-shadow:0 0 5px rgb(var(--orange-rgb)/.55)}.media-ctl{gap:8px}.media-ctl,.media-drop{display:flex;flex-direction:column}.media-drop{align-items:center;gap:6px;width:100%;padding:18px 12px 15px;background:transparent;border:1.5px dashed var(--hair-2);border-radius:9px;color:var(--sub);cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.media-drop:hover{border-color:var(--sub);color:var(--ink)}.media-drop.over{border-color:var(--orange);background:rgb(var(--orange-rgb)/.04);color:var(--ink)}.media-drop svg{display:block;opacity:.75}.media-cta{font-size:var(--fs-ui);font-weight:400}.media-cta b{font-weight:600}.media-fine{font-size:var(--fs-hint);color:var(--faint);letter-spacing:.04em}.media-zone{position:relative}.media-drop.filled{padding:10px 12px 9px;gap:7px}.media-preview{display:block;height:84px;max-width:100%;object-fit:cover;border-radius:5px;background:var(--hair);transition:aspect-ratio .25s var(--ease)}.media-x{position:absolute;top:6px;right:6px}.face-grid,.face-picker{display:flex;flex-direction:column}.face-grid{gap:8px;margin-top:2px}.sec-browser,.sec-browser section{display:flex;flex-direction:column}.sec-browser section{gap:12px}.sec-browser .sec-head{margin-bottom:0}.sec-item{display:flex;flex-direction:column;gap:6px}.sec-item .ch-head{margin-bottom:0}.sec-hint{margin-left:0}.sec-tile{padding:0;border-radius:9px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sec-tile-frame{position:relative;overflow:hidden;background:#fff;transition:height .25s ease;contain:paint}.sec-tile-frame iframe{border:0;pointer-events:none;display:block}.sec-empty{padding:24px 16px;font-size:11px;color:var(--faint)}.canvas{transition:opacity .22s ease,visibility 0s}.canvas.map-hidden{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.map-list{position:absolute;inset:0;overflow-y:auto;display:flex;flex-direction:column;gap:16px;padding:16px;transition:gap .45s var(--ease),opacity .22s ease,visibility 0s}.map-list.map-away{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s ease,visibility 0s .22s}.map-list.map-gone{display:none}.map-row{position:relative;scroll-margin-top:16px}.map-list.map-enter{gap:0}.map-list.map-enter .map-card{border-radius:0;border-color:transparent;box-shadow:none}.map-list.map-enter .map-head{max-height:0;padding-bottom:0;opacity:0;overflow:hidden}.map-head{display:flex;align-items:center;gap:10px;padding:0 2px 8px;cursor:default;max-height:60px;transition:max-height .45s var(--ease),opacity .3s ease,padding-bottom .45s var(--ease)}.map-head .sec-head{flex:1 1;min-width:0;margin-bottom:0}.map-tools{gap:2px}.map-swap,.map-tools{display:inline-flex;flex:none}.map-swap{gap:4px}.key.swapk{padding:3px 9px;font-size:9.5px;font-weight:500}.map-card{position:relative;background:#fff;border:1px solid var(--hair-2);border-radius:13px;box-shadow:0 14px 34px rgb(var(--shadow-rgb)/.13),0 2px 6px rgb(var(--shadow-rgb)/.07);overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:border-radius .45s var(--ease),border-color .45s var(--ease),box-shadow .45s var(--ease),outline-color .12s,opacity .12s}.map-card.pinned{cursor:default}.map-card.dragging{opacity:.45}.map-card.swap{outline:2px solid var(--orange);outline-offset:2px}.map-card-frame{position:relative;overflow:hidden;transition:height .25s ease;contain:paint}.map-card-frame iframe{border:0;width:100%;pointer-events:none;display:block}.map-row.insert-after:after,.map-row.insert-before:before{content:"";position:absolute;left:0;right:0;height:2px;border-radius:1px;background:var(--orange);box-shadow:0 0 0 1px rgb(var(--orange-rgb)/.25)}.map-row.insert-before:before{top:-9px}.map-row.insert-after:after{bottom:-9px}.drag-ghost{position:fixed;z-index:80;pointer-events:none}.drag-ghost.chip{padding:5px 10px;border-radius:6px;background:#1C1C1A;color:#F5F5F3;font-size:var(--fs-mono);box-shadow:0 6px 18px rgb(var(--shadow-rgb)/.3)}.drag-ghost.spec{width:260px;max-height:170px;overflow:hidden;background:#fff;border:1px solid var(--hair-2);border-radius:10px;box-shadow:0 18px 44px rgb(var(--shadow-rgb)/.24),0 3px 8px rgb(var(--shadow-rgb)/.1)}.drag-ghost.spec iframe{width:1200px;height:900px;border:0;display:block;zoom:calc(260 / 1200);pointer-events:none}.panel-swap{flex:1 1;min-height:0;overflow:hidden}.swap-track{display:flex;width:400%;height:100%;transform:translateX(0);transition:transform .46s var(--ease)}.panel-swap.view-faces .swap-track{transform:translateX(-25%)}.panel-swap.view-sections .swap-track{transform:translateX(-50%)}.panel-swap.view-editor .swap-track{transform:translateX(-75%)}.swap-pane{width:25%;min-width:0;height:100%;display:flex;flex-direction:column;transition:opacity .46s var(--ease),transform .46s var(--ease)}.swap-pane .panel-scroll{flex:1 1}.pane-editor,.pane-faces,.pane-sections{box-shadow:-14px 0 30px rgb(var(--shadow-rgb)/.05)}.panel-swap:not(.view-editor) .pane-editor,.panel-swap:not(.view-faces) .pane-faces,.panel-swap:not(.view-levers) .pane-levers,.panel-swap:not(.view-sections) .pane-sections{opacity:.55;transform:scale(.985)}.swap-pane[aria-hidden=true]{pointer-events:none;visibility:hidden;transition:opacity .46s var(--ease),transform .46s var(--ease),visibility 0s .5s}.panel-swap.view-faces .pane-faces .face-picker{animation:pane-settle .5s var(--ease)}@keyframes pane-settle{0%{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.swap-pane,.swap-track{transition:none}.panel-swap.view-faces .pane-faces .face-picker{animation:none}}.content-editor{display:flex;flex-direction:column;padding:0 0 var(--island-clear,200px)}.content-editor .sec-head{margin-bottom:0}.ce-field{display:flex;flex-direction:column;gap:5px}.ce-field .ch-head{margin-bottom:0}.ce-field input,.ce-field textarea{width:100%;padding:7px 10px;border:1px solid var(--hair-2);border-radius:var(--r);font-family:inherit;font-size:var(--fs-name);line-height:1.45;color:var(--ink);background:#FBFBFA}.ce-field textarea{resize:none;overflow:hidden;display:block;min-height:0}.ce-field input:focus,.ce-field textarea:focus{outline:2px solid var(--orange);outline-offset:1px}.ce-field .ce-link{font-size:var(--fs-mono);color:var(--sub)}.ce-group{display:flex;flex-direction:column;gap:10px}.ce-pager{display:flex;align-items:center;gap:4px;margin-top:2px}.ce-pager-gap{flex:1 1}.tgl{position:relative;width:26px;height:15px;flex:none;padding:0;border-radius:999px;cursor:pointer;background:linear-gradient(180deg,#E7E7E4,#DDDCD8);border:1px solid #c9c8c3;box-shadow:inset 0 1px 2px rgb(var(--shadow-rgb)/.12);transition:background .15s,border-color .15s}.tgl i{position:absolute;top:1px;left:1px;width:11px;height:11px;border-radius:50%;background:linear-gradient(180deg,#FDFDFC,#EFEFED);border:1px solid #bfbeb9;box-shadow:0 1px 1.5px rgb(var(--shadow-rgb)/.25);transition:transform .18s var(--ease)}.tgl.on{background:var(--orange);border-color:#D64500;box-shadow:inset 0 1px 2px rgba(0,0,0,.18)}.tgl.on i{transform:translateX(11px)}.tgl:disabled{opacity:.5;cursor:default}.tgl:focus-visible{outline:none;box-shadow:0 0 0 3px rgb(var(--orange-rgb)/.25)}@media (prefers-reduced-motion:reduce){.tgl,.tgl i{transition:none}}.ce-ghead{display:flex;align-items:center;gap:10px}.ce-ghead .sec-head{flex:1 1;min-width:0;margin-bottom:0}.ce-off{opacity:.45;pointer-events:none}.ce-group-body{display:flex;flex-direction:column;gap:10px;transition:opacity .18s}.app.mode-boot .body,.app.mode-boot .chrome,.app.mode-intro .body,.app.mode-intro .chrome{opacity:0;visibility:hidden;pointer-events:none}.app.mode-boot .header-beam,.app.mode-intro .header-beam{opacity:0}.body,.chrome{transition:opacity .3s ease,visibility 0s .3s}.app.mode-shell .body,.app.mode-shell .chrome{transition:opacity .3s ease,visibility 0s}.app.mode-boot .compose-island,.app.mode-intro .compose-island{left:50%;bottom:calc(50% - 40px);width:min(560px,calc(100vw - 32px));transform:translate(-50%,50%);padding:12px 15px 12px 18px}.app.mode-boot .compose-island{opacity:0;pointer-events:none}.app.mode-intro .compose-island{animation:hero-in .55s ease 2.4s both}.app.mode-intro.intro-quick .compose-island{animation:hero-in .3s ease both}@keyframes hero-in{0%{opacity:0}to{opacity:1}}.app.mode-intro .compose-island .brief-input{font-size:16px;line-height:24px;padding:6px 0}.compose-island{transition:border-color .12s,box-shadow .12s}.app.intro-exit .compose-island,.app.mode-intro .compose-island{transition:border-color .12s,box-shadow .12s,left .6s var(--ease),bottom .6s var(--ease),width .6s var(--ease),transform .6s var(--ease),padding .6s var(--ease)}.app.intro-exit .compose-island .brief-input,.app.mode-intro .compose-island .brief-input{transition:font-size .6s var(--ease),padding .6s var(--ease)}.intro{position:fixed;inset:0;z-index:30;pointer-events:none}.intro-lockup{position:absolute;left:50%;top:50%;width:max-content;font-size:clamp(40px,7vw,60px);transform:translate(-50%,calc(-50% - 96px))}.intro-mark{display:flex;align-items:baseline;font-size:inherit;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1}.intro-dot{color:var(--orange)}.intro-tag{top:100%;left:50%;margin:14px 0 0;transform:translateX(-50%);white-space:nowrap;font-size:14px}.intro-close,.intro-tag{position:absolute;color:var(--sub)}.intro-close{top:16px;right:16px;pointer-events:auto;padding:7px 13px;font-size:var(--fs-ui);font-weight:500}.mode-boot .intro-name,.mode-boot .intro-tag{opacity:0}.mode-boot .intro-dot,.mode-intro .intro:not(.quick) .intro-dot{display:inline-block;animation:dot-pop .45s var(--ease-pop) both}.intro-knock{display:inline-block}.mode-boot .intro-lockup{transform:translate(-50%,calc(-50% - .22em))}.mode-boot .intro-knock{transform:translateX(calc(-1 * var(--name-half, 56px)))}.mode-intro .intro:not(.quick) .intro-lockup{animation:lockup-flow 3s both}.mode-intro .intro:not(.quick) .intro-name{animation:name-spring .6s var(--ease) .45s both}.mode-intro .intro:not(.quick) .intro-knock{animation:dot-rubber .85s cubic-bezier(.3,.9,.4,1) .62s both}.mode-intro .intro:not(.quick) .intro-tag{animation:tag-rise .45s var(--ease) 1.65s both}@keyframes dot-pop{0%{transform:scale(0)}70%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes lockup-flow{0%,55%{transform:translate(-50%,calc(-50% - .22em));animation-timing-function:cubic-bezier(.4,0,.3,1)}62%{transform:translate(-50%,calc(-50% - 42px));animation-timing-function:cubic-bezier(.4,0,.3,1)}70%,80%{transform:translate(-50%,calc(-50% - 34px));animation-timing-function:cubic-bezier(.4,0,.3,1)}89%{transform:translate(-50%,calc(-50% - 103px));animation-timing-function:cubic-bezier(.4,0,.3,1)}to{transform:translate(-50%,calc(-50% - 96px))}}@keyframes name-spring{0%{opacity:0;transform:translateX(-76px)}60%{opacity:1;transform:translateX(5px)}80%{transform:translateX(-2px)}to{opacity:1;transform:none}}@keyframes dot-rubber{0%{transform:translateX(calc(-1 * var(--name-half, 56px))) scale(1)}40%{transform:translateX(16px) scale(.84,1.07)}65%{transform:translateX(-5px) scale(1.03,.98)}85%{transform:translateX(2px) scale(1)}to{transform:translateX(0) scale(1)}}@keyframes tag-rise{0%{opacity:0;transform:translate(-50%,16px)}70%{opacity:1;transform:translate(-50%,-3px)}to{opacity:1;transform:translate(-50%)}}.intro.quick .intro-lockup{display:none}.intro.intro-leave{transition:opacity .25s ease;opacity:0}.app.shell-enter .chrome{animation:piece-in .4s var(--ease) .45s both}.app.shell-enter .panel-swap{animation:piece-in .4s var(--ease) .6s both}.app.shell-enter .stage{animation:piece-in .4s var(--ease) .75s both}@keyframes piece-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app.enter-cold .compose-island{animation:island-appear .4s ease .75s both}@keyframes island-appear{0%{opacity:0}to{opacity:1}}.app.shell-return .chrome,.app.shell-return .panel-swap,.app.shell-return .stage{animation:shell-back .25s ease both}@keyframes shell-back{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.app.enter-cold .compose-island,.app.mode-intro .compose-island,.app.mode-intro.intro-quick .compose-island,.app.shell-enter .chrome,.app.shell-enter .panel-swap,.app.shell-enter .stage,.app.shell-return .chrome,.app.shell-return .panel-swap,.app.shell-return .stage,.mode-boot .intro-dot,.mode-intro .intro:not(.quick) .intro-dot,.mode-intro .intro:not(.quick) .intro-knock,.mode-intro .intro:not(.quick) .intro-lockup,.mode-intro .intro:not(.quick) .intro-name,.mode-intro .intro:not(.quick) .intro-tag{animation:none}.app.intro-exit .compose-island,.app.intro-exit .compose-island .brief-input,.app.mode-intro .compose-island,.app.mode-intro .compose-island .brief-input,.compose-island,.compose-island .brief-input,.intro.intro-leave{transition:none}.mode-boot .intro-name,.mode-boot .intro-tag{opacity:1}.mode-boot .intro-lockup{transform:translate(-50%,calc(-50% - 96px))}.mode-boot .intro-knock{transform:none}}