.record-overlay{position:fixed;z-index:80;inset:0;overflow:auto;background:#080e21e8;padding:28px 18px;backdrop-filter:blur(16px)}.record-sheet{max-width:1050px;margin:auto;padding:30px;border:1px solid #d5c6d836;border-radius:18px;background:#1b243c;color:#eee4e5}.record-sheet header{display:flex;align-items:center;justify-content:space-between;gap:20px}.record-sheet h2{font-size:28px;font-weight:400}.record-sheet p{font-size:12px;line-height:1.9;color:#b8bdd0}.record-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:36px;margin:25px 0}.record-preview{align-self:start;max-width:380px;margin:auto;width:100%}.record-preview canvas{display:block;width:100%;height:auto;border:1px solid #f4cebc36;box-shadow:0 18px 60px #070d2660;border-radius:8px}.record-tools{display:flex;flex-direction:column;align-items:stretch;gap:17px}.record-tools fieldset{display:flex;gap:22px;border:1px solid #d7c6d233;padding:18px;border-radius:10px}.record-tools legend{font-size:12px;color:#d7bfac}.record-tools label{font-size:12px;line-height:1.8}.record-tools input[type=checkbox],.record-tools input[type=radio]{accent-color:#dfc1b6;margin-right:8px}.record-tools .footnote{text-align:left;margin:0}.record-tools input[readonly]{width:100%;font-size:12px;margin-bottom:12px}.record-public[hidden]{display:none}.record-public{padding:17px;border:1px solid #b5c6da33;border-radius:10px}.record-public button{font-size:12px}.shared-landing{max-width:860px}.shared-landing-copy{text-align:center;padding:60px 0;background:linear-gradient(#151e394d,#12192fe8),url('/assets/anime-rooftop-v2.webp') center/cover;border-radius:18px;margin-top:25px;overflow:hidden}.shared-landing-copy>p,.shared-landing-copy>h2{padding:0 22px}.shared-landing h1{font-size:38px}.shared-landing h2{font-size:23px;font-weight:400;line-height:1.8}.shared-landing .shared-cast{display:flex;justify-content:center;gap:22px;margin:30px auto;max-width:480px}.shared-cast>div{width:45%;display:flex;align-items:center;flex-direction:column}.shared-cast .anime-avatar{width:160px;height:280px}.shared-cast strong{font-size:16px;margin-top:8px}.shared-cast small{color:#d8c7d9;font-size:11px;margin-top:8px}.shared-landing .primary{margin-top:20px}.invitation-landing{max-width:650px;margin:45px auto;text-align:center;border:1px solid #d9c6de33;border-radius:18px;padding:35px 22px;background:linear-gradient(#15203ccc,#18243cdd),url('/assets/anime-rooftop-v2.webp') center/cover}.invitation-landing .anime-avatar{width:160px;height:280px}.invitation-landing h1{font-size:30px}.invitation-landing p{font-size:13px;line-height:1.9}.shared-record-entry{margin-top:20px;padding:22px;border:1px solid #e0c8c53d;background:linear-gradient(120deg,#e4bea60c,#a4bbdd0c);border-radius:12px}.shared-record-entry h3{font-size:21px;font-weight:400;margin:0 0 8px}.shared-record-entry p{font-size:12px;line-height:1.8;color:#b8bdd0}.shared-record-entry .primary{font-size:12px}.growth-privacy{font-size:10px;line-height:1.8;color:#a0abc3;text-align:center;padding:8px 18px;max-width:640px;margin:auto}
.record-preview canvas[hidden],.record-saved-image[hidden]{display:none}.record-saved-image{display:block;max-width:100%;height:auto;border-radius:8px}.record-tools button:disabled{opacity:.55;cursor:wait}
@media(max-width:650px){.record-overlay{padding:12px}.record-sheet{padding:20px 16px}.record-layout{grid-template-columns:1fr;gap:24px}.record-sheet h2{font-size:23px}.record-preview{max-width:290px}.record-tools{gap:15px}.shared-landing-copy{padding:32px 0}.shared-landing h1{font-size:29px}.shared-landing h2{font-size:19px}.shared-cast .anime-avatar{width:135px;height:235px}.shared-landing .shared-cast{gap:5px}.invitation-landing{margin:25px auto}.shared-record-entry{padding:18px}.shared-record-entry h3{font-size:19px}}