:root{color-scheme:light;font-family:Helvetica Neue,Hiragino Sans,Noto Sans JP,sans-serif;font-size:13px;line-height:1.4;font-weight:400;letter-spacing:.04em;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:#0e0e0d}button,input{font:inherit;color:inherit}button{background:none;border:0;padding:0;cursor:pointer}button:disabled{cursor:default;opacity:.35}button:focus-visible,input:focus-visible{outline:1px solid currentColor;outline-offset:4px}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.unsupported{display:none;min-height:100%;place-items:center;align-content:center;gap:18px;padding:32px;background:#f3efe8;color:#1c1915;text-align:center}.unsupported .mark{position:static;margin:0}.shell{position:relative;height:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.shell[data-tone=light]{color:#1c1915}.shell[data-tone=dark]{color:#f4f0e8}.shell[data-dropping=true]:after{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;border:1px solid currentColor;pointer-events:none;z-index:6}.bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.anchor{position:absolute;z-index:1;pointer-events:none;transform-style:preserve-3d}.slot{position:absolute;pointer-events:none;transform-style:preserve-3d}.slot-pick{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;pointer-events:auto;letter-spacing:.18em;color:#f4f0e8;transform-origin:center center}.slot-pick span{border-bottom:1px solid currentColor;padding-bottom:2px}.device{position:relative;width:100%;height:100%;pointer-events:auto;cursor:grab;touch-action:none;transform-style:preserve-3d}.device:active{cursor:grabbing}.device-body{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;box-shadow:inset 1px 1px #ffffff29,inset -1px -1px #00000047}.device[data-chassis=black] .device-body{box-shadow:inset 1px 1px #ffffff52,inset -1px -1px #000000b8}.device[data-device=plain] .device-body{box-shadow:none}.device[data-device=browser] .device-body{box-shadow:inset 0 0 0 1px #ffffff29}.device[data-device=browser][data-tone=light-shell] .device-body{box-shadow:inset 0 0 0 1px #00000024}.device[data-device=plain] .device-glass{background:transparent}.device-slab{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;backface-visibility:hidden}.device[data-chassis=black] .device-camera,.device[data-chassis=red] .device-camera{box-shadow:0 0 0 1px #ffffff73}.device-glass{position:absolute;overflow:hidden;background:#070707}.device-browser .device-glass{left:0;right:0;bottom:0}.device-glass img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform-origin:center center;pointer-events:none}.device-browser .device-glass img{object-position:center top;transform-origin:center top}.device-sheen{position:absolute;inset:0 0 auto 0;height:22%;background:linear-gradient(to bottom,rgba(255,255,255,.2),transparent);pointer-events:none}.device-island{position:absolute;top:1.4%;left:50%;width:20%;height:2%;min-height:10px;transform:translate(-50%);border-radius:999px;background:#000;box-shadow:0 0 0 1px #ffffff24}.device-hole{position:absolute;top:2.8%;left:50%;width:5.2%;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#050505;box-shadow:0 0 0 1px #ffffff38}.device-camera{position:absolute;top:1.1%;left:50%;width:1.6%;min-width:7px;aspect-ratio:1;transform:translate(-50%);border-radius:50%;background:#1b1b1d}.device-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:.14em;padding:0 .3em 0 .38em}.device-browser[data-tone=dark-shell] .device-bar{color:#f4f0e8}.device-browser[data-tone=light-shell] .device-bar{color:#1a1814}.win-dots,.win-nav,.win-tools{display:flex;align-items:center;flex:none}.win-dots{gap:.11em}.win-dots i{width:.2em;height:.2em;border-radius:50%;box-shadow:inset 0 -.04em #00000047}.win-dots i:nth-child(1){background:linear-gradient(#ff8d86,#e2463e)}.win-dots i:nth-child(2){background:linear-gradient(#ffe08a,#e6ae22)}.win-dots i:nth-child(3){background:linear-gradient(#5ee07a,#22b042)}.win-nav{gap:.04em}.win-nav svg:last-child{opacity:.4}.win-tools{gap:.16em}.device-bar svg{width:.32em;height:.32em;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.win-url{flex:1;min-width:0;height:.46em;margin:0 .06em;border-radius:.13em;display:flex;align-items:center;padding-left:.16em}.win-url svg{width:.24em;height:.24em;opacity:.55}.device-browser[data-tone=dark-shell] .win-url{background:#ffffff17}.device-browser[data-tone=light-shell] .win-url{background:#00000012}.win-avatar{width:.26em;height:.26em;border-radius:50%}.device-browser[data-tone=dark-shell] .win-avatar{background:#d6c6b0}.device-browser[data-tone=light-shell] .win-avatar{background:#1c18148c}.device-browser[data-tone=dark-shell] .device-bar{box-shadow:inset 0 -1px #ffffff1a}.device-browser[data-tone=light-shell] .device-bar{box-shadow:inset 0 -1px #0000001f}.chrome,.dock{pointer-events:none}.chrome button,.chrome input,.chrome label{pointer-events:auto}.mark{position:absolute;top:28px;left:28px;z-index:4;margin:0;font-family:Didot,"Bodoni 72",Iowan Old Style,Palatino,serif;font-size:28px;font-weight:400;letter-spacing:-.03em;line-height:1}.export{position:absolute;top:22px;right:28px;z-index:4;padding:11px 18px 12px;background:#f4f0e8;color:#161411;letter-spacing:.2em;box-shadow:0 10px 28px #00000052}.shell[data-tone=light] .export{background:#161411;color:#f4f0e8;box-shadow:0 10px 28px #1614113d}.export:disabled{opacity:1;box-shadow:0 10px 28px #00000052}.export kbd{margin-left:10px;font-family:inherit;font-size:11px;letter-spacing:0;opacity:.62;color:inherit}.status{position:absolute;top:74px;right:32px;z-index:4;margin:0;min-height:1em;font-size:12px;letter-spacing:.08em;opacity:.75}.exports{position:absolute;top:104px;right:32px;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.export-custom{display:flex;align-items:center;justify-content:flex-end;gap:8px}.export-custom .num{width:4.2em}.export-custom .num::placeholder{color:currentColor;opacity:.35}.export-times{opacity:.45}.export-service{display:flex;align-items:center;justify-content:flex-end;gap:10px}.export-service span{opacity:.45;font-size:11px;letter-spacing:.08em}.export-service button{font-size:12px;letter-spacing:.08em;opacity:.38;padding-bottom:1px}.export-service button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.invite{position:absolute;z-index:3;transform:translate(-50%,-46%);text-align:center;pointer-events:none;color:#f4f0e8}.shell[data-tone=light] .invite[data-on=field]{color:#1c1915}.invite-word{margin:0;font-family:Hiragino Mincho ProN,Yu Mincho,serif;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1;letter-spacing:.18em}.invite-sub{margin:12px 0 0;font-size:11px;letter-spacing:.16em;opacity:.62}.text-btn{margin-top:14px;letter-spacing:.14em;border-bottom:1px solid currentColor;padding-bottom:2px;pointer-events:auto}.devices{position:absolute;left:32px;top:50%;z-index:4;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-start;gap:18px}.devices button{letter-spacing:.12em;opacity:.38}.devices button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.key{display:inline-block;width:1.4em;opacity:.5;font-variant-numeric:tabular-nums}.panel{position:absolute;left:32px;bottom:28px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.row{display:flex;align-items:center;gap:14px;min-height:28px}.label{opacity:.5;min-width:2.5em}.row button{opacity:.4;padding-bottom:2px}.row button[aria-pressed=true]{opacity:1;border-bottom:1px solid currentColor}.row button.chip{width:16px;height:16px;padding:0;border:1px solid rgba(127,127,127,.45);opacity:1}.row button.chip[aria-pressed=true]{outline:1px solid currentColor;outline-offset:3px;border-bottom:1px solid rgba(127,127,127,.45)}.value{font-variant-numeric:tabular-nums;min-width:4.5em}.axis{opacity:.5}.num{width:3.4em;margin:0;padding:2px 0 3px;border:0;border-bottom:1px solid currentColor;background:transparent;text-align:right;font-variant-numeric:tabular-nums;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.num::-webkit-outer-spin-button,.num::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hint{margin:0;font-size:11px;letter-spacing:.06em;opacity:.48}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:148px;height:18px;margin:0;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:1px;background:currentColor}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:9px;height:9px;margin-top:-4px;background:currentColor;border:0}input[type=range]::-moz-range-track{height:1px;background:currentColor;border:0}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:currentColor;border:0;border-radius:0}.swatches{position:absolute;right:32px;top:50%;z-index:4;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.bg-cats{display:flex;flex-direction:column;align-items:flex-end;align-self:flex-end;gap:9px;margin-bottom:8px}.bg-cats button{letter-spacing:.16em;font-size:12px;opacity:.38}.bg-cats button[aria-selected=true]{opacity:1;border-bottom:1px solid currentColor}.bg-list{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:34px;max-height:46vh;overflow:auto}.swatch{width:26px;height:34px;border:1px solid rgba(127,127,127,.45);padding:0}.swatch[aria-selected=true]{outline:1px solid currentColor;outline-offset:3px}.swatch-name{margin-top:4px;font-size:11px;letter-spacing:.16em;opacity:.7}.grad{display:flex;flex-direction:column;align-items:flex-end;gap:8px;margin-top:10px}.grad-colors{display:flex;align-items:flex-end;gap:6px}.grad input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:28px;padding:0;border:1px solid rgba(127,127,127,.45);background:transparent;cursor:pointer}.grad input[type=color]:first-child{height:34px}.grad-read{width:22px;height:28px;border:1px solid rgba(127,127,127,.45)}.grad-read:first-child{height:34px}.grad input[type=color]::-webkit-color-swatch-wrapper{padding:0}.grad input[type=color]::-webkit-color-swatch{border:0}.grad input[type=color]::-moz-color-swatch{border:0}.grad-actions{display:flex;gap:10px}.grad-go{font-size:12px;letter-spacing:.16em;opacity:.72}.grad-go:hover{opacity:1}.file{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:1099px){.mark{left:20px;top:20px}.export{right:20px;top:18px}.status{right:20px;top:68px}.exports{right:20px;top:96px}.dock{position:absolute;left:16px;right:16px;bottom:14px;z-index:4;display:flex;flex-direction:column;gap:12px}.devices,.panel,.swatches{position:static;transform:none}.devices{flex-direction:row;flex-wrap:wrap;gap:8px 16px}.panel{width:auto;bottom:auto;left:auto}.row{flex-wrap:wrap}.swatches{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center}.bg-cats,.bg-list,.grad,.grad-colors{flex-direction:row;align-items:center;align-self:auto;margin-bottom:0}.grad{margin-top:0}.bg-list{min-height:0}.swatch{width:22px;height:28px}}@media(max-width:720px){.mark{top:16px;left:16px;font-size:22px}.export{top:14px;right:16px;letter-spacing:.12em;padding:9px 12px 10px}.export kbd{display:none}.status{top:58px;right:16px}.hint{display:none}.invite-word{font-size:32px;letter-spacing:.12em}.invite-sub{letter-spacing:.08em}input[type=range]{width:92px}.value,.label{min-width:0}}@media(max-width:699px)and (pointer:coarse){.shell{display:none}.unsupported{display:grid}}