*{box-sizing:border-box}body{color:#25212e;background:#f6f5f9;margin:0;font-family:Arial,Noto Sans,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;background:#fff;border:1px solid #e4e0e9;border-radius:10px;padding:10px 15px}button:hover{border-color:#9e78b8}button:disabled{opacity:.5}button.primary{color:#fff;background:#30263e;border-color:#30263e}input,textarea{color:#30263e;background:#fff;border:1px solid #dedbe5;border-radius:8px;width:100%;padding:10px}input[type=color]{height:38px;padding:3px}input[type=range]{padding:0}label{color:#7a7186;margin-bottom:13px;font-size:12px;display:block}label input,label textarea{margin-top:7px;display:block}h1{letter-spacing:-1px;margin:10px 0;font-size:30px}h3{font-size:14px}p{color:#8b8296;font-size:13px}.app{min-height:100vh;display:flex}.rail{background:#fff;border-right:1px solid #e7e2ed;flex-shrink:0;width:225px;padding:30px 20px;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;margin-bottom:60px;font-size:25px;display:flex}.brand span{font-size:16px;font-weight:700}.brand .thin{letter-spacing:2px;color:#9d8da8;margin-top:5px;font-size:9px;display:block}.nav{text-align:left;color:#654d7b;background:#efeaf5;border:0;width:100%}.railfoot{letter-spacing:1px;color:#ab9db5;font-size:10px;line-height:2;position:absolute;bottom:30px}.railfoot small{letter-spacing:0}main{width:calc(100% - 225px);margin-left:225px;padding:38px 40px}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:38px;display:flex}.eyebrow{color:#a38ab2;letter-spacing:2px;font-size:10px}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status{color:#8a7b95;font-size:11px}.summary{color:#8a7b95;border-bottom:1px solid #e6e0ec;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;font-size:12px;display:flex}.summary b{background:#e9e3f0;border-radius:15px;margin-left:8px;padding:3px 8px;display:inline-block}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:grid}.card{background:#fff;border:1px solid #e6e0ec;border-radius:16px;overflow:hidden}.thumb{cursor:pointer;background:#e7e0eb;justify-content:center;height:300px;padding:20px;display:flex;overflow:hidden}.thumb .scene{border-radius:10px;width:145px;min-width:145px}.cardbody{padding:16px}.cardbody h3{margin:0 0 8px}.cardbody small{color:#9c8fa8;font-size:10px}.cardactions{gap:6px;margin-top:18px;display:flex}.cardactions button{flex:1;padding:8px;font-size:12px}.newcard{color:#887196;background:#f1edf5;border:1px dashed #cfc1db;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:420px;display:flex}.newcard span{font-size:36px;font-weight:200}.editor{grid-template-columns:310px minmax(320px,1fr);gap:30px;display:grid}.controls{background:#fff;border:1px solid #e6e0ec;border-radius:16px;padding:22px}.controls h3{margin:22px 0 15px}.controls h3:first-child{margin-top:0}.row{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.row label{flex:1;min-width:65px}.row button{margin-bottom:13px;font-size:11px}.layers{gap:5px;margin-bottom:12px;display:grid}.layers button{text-align:left;white-space:nowrap;font-size:12px;overflow:hidden}.layers .chosen{background:#f1e9f8;border-color:#bd9cd2}.canvas{background:#eae6ef;border-radius:18px;flex-direction:column;align-items:center;padding:25px;display:flex}.canvaslabel{color:#8c7e99;letter-spacing:2px;justify-content:space-between;width:100%;max-width:390px;margin-bottom:20px;font-size:10px;display:flex}.scene{aspect-ratio:390/844;isolation:isolate;background-position:50%;background-size:cover;border-radius:16px;width:100%;max-width:390px;position:relative;overflow:hidden;box-shadow:0 15px 35px #25212e24;container-type:inline-size}.shade{position:absolute;inset:0}.piece{white-space:pre-wrap;overflow-wrap:anywhere;touch-action:none;cursor:default;line-height:1.45;position:absolute}.piece a{color:inherit;text-decoration:none;display:block}.piece.selected{cursor:move;outline:2px solid #d3abef}.preview{background:#17131e;justify-content:center;min-height:100vh;padding:0;display:flex}.preview .scene{border-radius:0;min-height:100svh}.back{z-index:5;background:#ffffffdf;font-size:12px;position:fixed;top:12px;left:12px}@media (max-width:1000px){.rail{width:165px;padding:25px 15px}main{width:calc(100% - 165px);margin-left:165px;padding:25px 20px}header{flex-direction:column;align-items:flex-start}.editor{grid-template-columns:280px 1fr;gap:15px}.canvas{padding:15px}}@media (max-width:760px){.rail{border-bottom:1px solid #e6e0ec;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;display:flex;position:static}.brand{margin:0}.nav{width:auto}.railfoot{display:none}.app{display:block}main{width:100%;margin:0;padding:25px 18px}.editor{flex-direction:column-reverse;display:flex}.canvas{padding:20px}.canvas .scene{max-width:300px}.summary span:last-child{display:none}.actions{width:100%}h1{font-size:25px}}.media{pointer-events:none;position:absolute;inset:0;overflow:hidden}.media img,.media video,.media canvas{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.media canvas{image-rendering:pixelated}.mediaerror{color:#fff;pointer-events:auto;background:#1d152add;padding:12px;font-size:12px;position:absolute;top:20%;left:10%;right:10%}.playmedia{pointer-events:auto;font-size:12px;position:absolute;top:22%;left:25%}.videobadge{text-align:center;color:#ece1f2;width:100%;font-size:10px;position:absolute;top:23%}.card{content-visibility:auto;contain-intrinsic-size:auto 420px}.piece{contain:layout style}.shade{pointer-events:none}.controls input[type=range]{accent-color:#9564b3;cursor:pointer;min-height:28px}.checklabel{align-items:center;gap:8px;display:flex}.checklabel input{width:auto;margin:0}@keyframes comment-stream{0%{transform:translate(0,0)}to{transform:translateY(-50%)}}.comment-window{pointer-events:none;height:32cqw;position:absolute;bottom:3%;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 20% 90%,#0000);mask-image:linear-gradient(#0000,#000 20% 90%,#0000)}.comment-track{will-change:transform;animation:linear infinite comment-stream}.comment-group{flex-direction:column;gap:3cqw;min-height:38cqw;padding-bottom:3cqw;display:flex}.comment-bubble{white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0;font-weight:600;line-height:1.45}.editor .comment-bubble{pointer-events:auto;cursor:pointer}.comment-bubble.selected{outline:2px solid #d3abef}.comment-paused{animation-play-state:paused}.comment-still{will-change:auto;animation:none}@media (prefers-reduced-motion:reduce){.comment-track{will-change:auto;animation:none}.comment-window{pointer-events:auto;overflow-y:auto}.comment-group[aria-hidden=true]{display:none}}.preview,.preview .scene{min-height:100dvh}.comment-window{bottom:max(3%,env(safe-area-inset-bottom,0px))}.back{top:max(12px,env(safe-area-inset-top,0px));left:max(12px,env(safe-area-inset-left,0px))}@media (max-width:760px){.preview{width:100%;height:100vh;overscroll-behavior:none;height:100dvh;min-height:0;position:fixed;inset:0;overflow:hidden}.preview .scene{aspect-ratio:auto;width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;border-radius:0}.preview .comment-window{height:min(32cqw,18dvh)}}.size-controls{grid-template-columns:1fr 1fr;gap:10px;display:grid}.size-controls label{min-width:0}.button-piece{justify-content:center;align-items:center;display:flex}.button-piece a{width:100%}.balance-action{color:#674a7b;background:#f0e9f6;border-color:#d7c5e4;width:100%;margin-bottom:6px}.button-piece{line-height:1.35;box-shadow:0 5px 16px #140c2018}.domain-settings{background:#faf7fc;border:1px solid #dfd2e9;border-radius:12px;margin:20px 0;padding:14px}.domain-settings h3{margin:0 0 15px}.domain-url{overflow-wrap:anywhere;color:#674a7b;background:#eee6f4;border-radius:7px;padding:10px;font-size:12px}.domain-state{color:#8b6a36;font-size:12px}.domain-settings details{margin-top:15px;font-size:11px}.domain-settings summary{cursor:pointer}.dns-record{border-top:1px solid #dfd2e9;gap:7px;margin-top:12px;padding-top:12px;display:grid}.dns-record small{color:#8a7b95}.dns-record code{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:10px}.dns-record button{padding:6px;font-size:11px}.missing{max-width:600px;margin:20vh auto;padding:25px}.card-label{color:#9b8ca7;letter-spacing:.05em;margin-bottom:5px;font-size:10px;display:block}.card-url-info{background:#f8f5fb;border:1px solid #eee6f3;border-radius:10px;margin:12px 0;padding:12px}.card-url-info strong{overflow-wrap:anywhere;font-size:13px;display:block}.card-url-info code{overflow-wrap:anywhere;color:#78618a;margin:5px 0;font-size:11px;display:block}.card-url-info .pending-label{color:#98703c;font-size:10px;display:block}.card-copy{color:#fff;background:#33273f;border:0;width:100%;margin-top:10px;font-size:12px;display:block}.card-fallback-copy{width:100%;margin-top:6px;font-size:11px;display:block}.code-login{background:radial-gradient(at 60% 20%,#dfd1eb,#0000 55%),#f6f4f9;place-items:center;width:100%;min-height:100dvh;margin:0;padding:24px;display:grid}.code-login-card{background:#ffffffed;border:1px solid #e5dbea;border-radius:24px;width:min(100%,380px);padding:36px 28px;box-shadow:0 16px 60px #37214414}.login-moon{color:#836395;margin-bottom:14px;font-size:42px}.code-login-card small{letter-spacing:2px;color:#9f89ae;font-size:10px}.code-login-card h1{margin:14px 0;font-size:25px}.code-login-card label{margin-top:26px}.code-login-card input{padding:14px;font-size:17px}.code-login-card button{width:100%;margin-top:20px;padding:14px}.code-login-card .login-error{color:#a73a57;font-size:12px;line-height:1.6}.card-url-info .ready-label{color:#557d64;font-size:10px;display:block}.cardactions{flex-wrap:wrap}.cardactions .card-open{text-align:center;color:#674a7b;background:#f0e9f6;border-radius:8px;flex-basis:100%;margin-bottom:4px;padding:10px;font-size:12px;text-decoration:none;display:block}.thumb{color:inherit;text-decoration:none}.site-only{overflow:hidden}.site-directory{background:#f6f3f9;place-items:center;width:100%;min-height:100dvh;margin:0;padding:40px 24px;display:grid}.site-directory section{width:min(100%,440px)}.site-directory small{letter-spacing:3px;color:#9b84ac;font-size:11px}.site-directory h1{margin-bottom:24px;font-size:25px}.site-directory a{color:#382a43;overflow-wrap:anywhere;background:#fff;border:1px solid #e5dbea;border-radius:14px;margin-bottom:12px;padding:20px;font-weight:600;text-decoration:none;display:block}.site-directory a span{color:#9b84ac;margin-top:8px;font-size:12px;font-weight:400;display:block}.site-directory .admin-entry{color:#fff;background:#30263e;border-color:#30263e;margin-bottom:24px}.site-directory .admin-entry span{color:#e4d8ed}.store-dialog{color:#292133;white-space:normal;text-align:center;letter-spacing:normal;touch-action:auto;-webkit-user-select:text;user-select:text;background:#fff;border:1px solid #ffffff38;border-radius:24px;width:min(90vw,380px);max-height:calc(100dvh - 40px);margin:auto;padding:0;font:400 15px/1.6 Arial,sans-serif;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 90px #0006}.store-dialog::backdrop{background:#17101dc9}.store-dialog-card{padding:38px 24px 24px;position:relative}.store-dialog small{color:#8b689e;letter-spacing:.08em;font-size:12px;display:block}.store-dialog h2{margin:12px 0 18px;font-size:23px;font-weight:700;line-height:1.4}.store-dialog p{color:#62586c;margin:0 0 22px;font-size:14px;line-height:1.8}.store-dialog strong{color:#37213f}.store-dialog .store-dialog-link{color:#fff;-webkit-touch-callout:default;touch-action:auto;background:#ec39c8;border-radius:14px;padding:16px 12px;font-size:17px;font-weight:700;text-decoration:none;display:block}.store-dialog .store-dialog-hint{color:#807587;margin:12px 0 18px;font-size:11px}.store-dialog .store-dialog-close{color:#8a7d94;background:0 0;border:0;padding:4px 12px;font-size:26px;line-height:1.2;position:absolute;top:8px;right:10px}.store-dialog .store-dialog-back{color:#62536f;background:#f3eff6;border:0;width:100%;padding:11px;font-size:14px}.store-dialog :focus-visible{outline-offset:3px;outline:3px solid #9872bb}.store-dialog .store-dialog-fallback{color:#654a7a;background:#f0e8f6;border:1px solid #dfcfe9}.media video,.media img,.media canvas{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.media video::-webkit-media-controls{pointer-events:none;display:none!important}.media video::-webkit-media-controls-start-playback-button{pointer-events:none;display:none!important}