: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=spaceblack] .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:not(.device-brand){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-brand{position:absolute;z-index:1;height:auto;pointer-events:none}.device-browser .device-glass img:not(.device-brand){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,.chrome a{pointer-events:auto}.mark{position:absolute;top:28px;left:28px;z-index:4;display:block;height:32px;width:auto;margin:0}.export{position:absolute;top:22px;right:28px;z-index:4;padding:11px 18px 12px;border-radius:16px;letter-spacing:.2em;color:inherit;background-color:#fffaf46b;background-image:linear-gradient(180deg,#ffffffc7,#ffffff1f 22%,#fff0 48%);-webkit-backdrop-filter:blur(26px) saturate(1.85);backdrop-filter:blur(26px) saturate(1.85);box-shadow:inset 0 1px #fffffff2,0 10px 28px #1c191529}.export:before,.export:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;padding:1.5px;background:conic-gradient(from var(--export-turn),#ff6b8a,#ffb15a,#ffe08a,#7ddeb0,#6ec8ff,#b09bff,#ff7ad9,#ff6b8a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;animation:export-turn 3.6s linear infinite}.export:before{top:-3px;right:-3px;bottom:-3px;left:-3px;filter:blur(7px);opacity:.9}.shell[data-tone=dark] .export{background-color:#12100e8c;background-image:linear-gradient(180deg,#ffffff5c,#ffffff0f 18%,#0000001f 48%);box-shadow:inset 0 1px #ffffff80,0 10px 28px #00000052}.export:disabled{opacity:1}.export:disabled:before,.export:disabled:after{opacity:.28;animation-play-state:paused}@property --export-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes export-turn{to{--export-turn: 360deg}}@media(prefers-reduced-motion:reduce){.export:before,.export:after{animation:none}}.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;padding:14px 16px 12px}.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}.side{position:absolute;left:32px;top:76px;bottom:28px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:22px;width:max-content;max-width:calc(100% - 64px);pointer-events:none;overflow:visible}.side-nav{flex:1 0 auto;display:flex;flex-direction:column;justify-content:center}.devices{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:16px 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{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:16px 18px 14px}.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;max-width:36em;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:360px;z-index:4;transform-origin:top right;overflow:visible;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 14px}.devices,.panel,.swatches,.exports{pointer-events:auto;border-radius:26px;background-color:#fffaf452;background-image:linear-gradient(180deg,#ffffffc7,#ffffff1f 20%,#fff0 46%,#ffffff2e);-webkit-backdrop-filter:blur(26px) saturate(1.85);backdrop-filter:blur(26px) saturate(1.85);border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 1px #fffffff2,inset 0 0 0 .5px #fff6,0 10px 28px #1c19151f}.shell[data-tone=dark] .devices,.shell[data-tone=dark] .panel,.shell[data-tone=dark] .swatches,.shell[data-tone=dark] .exports{background-color:#12100e8c;background-image:linear-gradient(180deg,#ffffff5c,#ffffff0f 18%,#0000001f 48%,#ffffff14);border-color:#ffffff47;box-shadow:inset 0 1px #ffffff80,inset 1px 0 #ffffff29,inset 0 -1px #0000006b,0 14px 36px #00000052}@media(prefers-reduced-transparency:reduce){.devices,.panel,.swatches,.exports{-webkit-backdrop-filter:none;backdrop-filter:none;background-image:none;background-color:#f4f0e8f0}.shell[data-tone=dark] .devices,.shell[data-tone=dark] .panel,.shell[data-tone=dark] .swatches,.shell[data-tone=dark] .exports{background-color:#161411eb}}.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}.bg-saved{display:grid;grid-template-columns:repeat(2,26px);justify-content:center;gap:8px}.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}.service-footer{position:absolute;right:22px;bottom:18px;z-index:4;display:flex;flex-flow:row wrap;justify-content:flex-end;align-items:stretch;gap:6px;width:min(372px,calc(100% - 48px));padding:8px;pointer-events:none;border-radius:22px;background-color:#fffaf447;background-image:linear-gradient(180deg,#ffffff8c,#fff0 42%);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.42);box-shadow:inset 0 1px #ffffffb3,0 12px 32px #1c19151f}.shell[data-tone=dark] .service-footer{background-color:#12100e66;background-image:linear-gradient(180deg,#fff3,#fff0 42%);border-color:#fff3}.service-banner{display:flex;flex:1 1 150px;flex-direction:column;align-items:flex-start;gap:3px;min-width:0;width:auto;padding:8px 10px 9px;pointer-events:auto;text-decoration:none;border-radius:14px;background:#f4f0e8b8;color:#1c1915}.shell[data-tone=dark] .service-banner{background:#161411e6;color:#f4f0e8}.service-banner[aria-current=page]{opacity:.72}.service-banner-name{font-size:15px;line-height:1;letter-spacing:-.03em}.service-banner-logo{display:block;height:23px;width:auto}.service-banner[data-service=gazodasu] .service-banner-name{font-family:Helvetica Neue,Hiragino Sans,sans-serif;font-weight:600;font-size:16px}.service-banner-label{font-size:11px;line-height:1.35;letter-spacing:.04em;opacity:.68}@media(max-width:1099px){.mark{left:20px;top:20px}.export{right:20px;top:18px}.service-footer{position:static;align-self:flex-end;width:min(100%,372px);margin-top:4px}.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}.side{position:static;top:auto;bottom:auto;left:auto;max-width:none;overflow:visible}.side-nav{flex:none}.devices,.panel,.swatches{position:static;transform:none}.devices{flex-direction:row;flex-wrap:wrap;gap:8px 16px}.panel{width:auto}.row{flex-wrap:wrap}.swatches{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;top:auto;max-height:none;overflow:visible}.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}}