dialog.auth-dialog{--auth-accent: #c4a1ff;--auth-line: #b0a2df38;width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - max(32px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));padding:clamp(22px,3vw,28px);color:#eee9fa;background:radial-gradient(ellipse at 100% 0%,#64419d26,transparent 55%),linear-gradient(145deg,#1b2034,#111628 80%);border:1px solid var(--auth-line);border-radius:20px;box-shadow:inset 0 1px #e8deff12,0 24px 90px #02051199;scrollbar-color:#8a70b380 transparent;overscroll-behavior:contain;scroll-padding-block:20px;color-scheme:dark;animation:auth-dialog-enter .3s cubic-bezier(.22,1,.36,1) both}.auth-dialog::backdrop{background:#050817a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:auth-backdrop-enter .24s ease-out both}dialog.auth-dialog.auth-closing{pointer-events:none;animation:auth-dialog-exit .18s cubic-bezier(.4,0,1,1) both}.auth-dialog.auth-closing::backdrop{animation:auth-backdrop-exit .18s ease-in both}@keyframes auth-dialog-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(8px) scale(.99)}}@keyframes auth-backdrop-exit{0%{background:#050817a8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{background:#05081700;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}.auth-dialog .dialog-heading{align-items:flex-start;gap:12px;margin-bottom:24px}.auth-dialog .dialog-heading h2{display:flex;align-items:center;gap:12px;color:#f2ebfc;font:400 clamp(28px,5vw,34px)/1.15 "Pegasus Editorial",Georgia,serif;letter-spacing:-.035em}.auth-dialog .auth-brand-quill{width:32px;height:32px;flex:none;object-fit:contain}.auth-dialog .dialog-heading>.button{width:36px;min-height:36px;flex:none;margin:-6px -8px 0 0;border:1px solid transparent;border-radius:9px;background:transparent;color:#b4a9c7}.auth-dialog .dialog-heading>.button:hover{color:#f1eaff;border-color:var(--auth-line);background:#a781e518}.auth-body{overflow:clip;overflow-clip-margin:5px}.auth-content{display:flow-root}.auth-content-forward{animation:auth-content-forward .26s ease-out both}.auth-content-backward{animation:auth-content-backward .26s ease-out both}.auth-intro{color:#b6aec8;line-height:1.65;font-size:14px;margin:0 0 18px;max-width:44ch;text-wrap:pretty}.auth-form fieldset{border:0;padding:0;margin:0;display:grid;gap:16px;min-width:0}.auth-form label,.auth-field{display:grid;align-content:start;gap:6px;min-width:0;color:#d9d1e7;font-size:13px;line-height:1.4}.auth-field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auth-label-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}.auth-label-row a{font-size:11px;color:#c7aedf;text-decoration:none;text-underline-offset:3px}.auth-label-row a:hover{color:#ead8ff;text-decoration:underline}.auth-label-row>label{display:block}.auth-label-help{justify-content:flex-start;align-items:center;gap:4px 7px}.auth-help-toggle{position:relative;display:inline-grid;place-items:center;flex:none;width:24px;min-height:24px;padding:0;border:0;border-radius:4px;background:transparent;color:#aa97c2;font:italic 400 17px/1 Georgia,serif;transition:color .16s ease;cursor:pointer}.auth-help-toggle:hover,.auth-help-toggle[aria-expanded=true]{background:transparent;color:#dac0ff}.auth-form .auth-help-text{position:fixed;inset:auto;margin:0;padding:13px 15px;border:1px solid #bba2e333;border-radius:12px;background:linear-gradient(145deg,#2b2943,#202238);color:#e1d7ef;box-shadow:0 10px 28px #05081755,inset 0 1px #e5d8ff09;overflow:visible;font-size:12px;line-height:1.65;text-wrap:pretty;transform-origin:var(--auth-help-anchor, 24px) top}.auth-help-text:before{content:"";position:absolute;top:-5px;left:calc(var(--auth-help-anchor, 24px) - 4px);width:8px;height:8px;border-top:1px solid #bba2e333;border-left:1px solid #bba2e333;background:#2b2943;transform:rotate(45deg)}.auth-help-text:popover-open{animation:auth-help-enter .18s cubic-bezier(.2,.8,.2,1) both}@keyframes auth-help-enter{0%{opacity:0;transform:translateY(-3px) scale(.985)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.auth-help-text:popover-open{animation:none}.auth-help-toggle{transition:none}}.auth-form input{width:100%;min-width:0;min-height:44px;padding:10px 13px;border:1px solid var(--auth-line);border-radius:9px;background:#080e20b3;color:#f2ebfc;font:400 16px/1.4 Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 3px #02051126;transition:border-color .16s ease,box-shadow .16s ease}.auth-form input::placeholder{color:#8f879f;font-size:14px;opacity:1}.auth-form input:hover{border-color:#b49adb73}.auth-form input:focus-visible{outline:2px solid #c4a1ff;outline-offset:2px;border-color:#b787efb3;box-shadow:none}.auth-form input[aria-invalid=true]{border-color:#f18b9b}.auth-form small{color:#a79db9;font-size:11px;line-height:1.55}.auth-password{display:flex;align-items:center;position:relative}.auth-password input{padding-right:50px}.auth-password button{position:absolute;right:3px;width:42px;min-height:42px;padding:10px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#b6a6cc;cursor:pointer}.auth-password button:hover{background:#a781e518;color:#ead8ff}.auth-submit{display:flex;align-items:center;justify-content:center;gap:12px;min-height:48px;margin-top:2px;padding:12px 16px;border:1px solid #d1b2ff66;border-radius:9px;background:#8052b8;color:#fbf7ff;box-shadow:none;font:600 14px/1.5 Arial,Helvetica,sans-serif;cursor:pointer;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.auth-submit>svg{flex:none}.auth-submit:hover:not(:disabled){background:#8d60c5;border-color:#dfc9ff99;box-shadow:none}.auth-submit:disabled{opacity:.6;cursor:default}.auth-form[aria-busy=true] .auth-submit{cursor:wait}.auth-spinner{animation:auth-spin .9s linear infinite}.auth-links{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:4px 8px;margin-top:18px;padding-bottom:3px;color:#a79db9;font-size:12px;line-height:1.6}.auth-links:empty{display:none}.auth-links a{color:#d1b5f0;text-underline-offset:3px}.auth-links a:hover{color:#eedbff}.auth-dialog :is(a,button):focus-visible{outline:2px solid #c4a1ff;outline-offset:3px}.auth-local-note{display:flex;align-items:flex-start;gap:10px;padding-top:19px;border-top:1px solid #b0a2df26;margin:23px 0 0;color:#aba1bc;font-size:11px;line-height:1.65}.auth-local-note>svg{flex:none;margin-top:2px;color:#b9a5d8}.auth-local-note p{margin:0}.auth-local-note span{display:block;color:#9b91ad}.auth-error,.auth-success{padding:12px;border-radius:9px;line-height:1.5;font-size:13px;margin:12px 0;overflow-wrap:anywhere}.auth-error{background:#d5486220;color:#ffbdc6;border:1px solid #f18b9b3b}.auth-success{background:#56c6ae15;color:#b2eadb;border:1px solid #72d9bf33}@keyframes auth-dialog-enter{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes auth-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes auth-content-forward{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}@keyframes auth-content-backward{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:480px){dialog.auth-dialog{width:calc(100vw - 24px);padding:24px 22px;max-height:calc(100dvh - max(24px,env(safe-area-inset-top)) - env(safe-area-inset-bottom));border-radius:16px}.auth-field-row{grid-template-columns:minmax(0,1fr);gap:18px}.auth-dialog .dialog-heading{margin-bottom:20px}.auth-local-note span{display:inline}}@media(max-height:700px){dialog.auth-dialog{padding:22px}.auth-dialog .dialog-heading{margin-bottom:18px}.auth-intro{margin:18px 0}.auth-form fieldset,.auth-field-row{gap:14px}.auth-local-note{margin-top:18px;padding-top:16px}}@media(prefers-reduced-motion:reduce){dialog.auth-dialog,.auth-dialog::backdrop,.auth-content,.auth-spinner{animation:none}.auth-form input,.auth-submit{transition:none}}.admin-eyebrow{color:#8ed8df;font-size:10px;letter-spacing:.2em}.admin-filters label{display:grid;gap:7px;font-size:13px;color:#d2dfed}.admin-filters input,.admin-filters select{width:100%;min-width:0;padding:12px 13px;color:#f0f5ff;border:1px solid #95bbd43a;background:#071224b8;border-radius:10px;font:inherit;font-size:16px}.admin-filters :focus-visible{outline:2px solid #a4e6dc;outline-offset:2px}.session-lock a{color:#b8e8e9;text-underline-offset:4px}.account-menu{position:relative;z-index:25;font-size:13px;text-align:left;color:#e6f1ff}.account-menu summary{display:flex;align-items:center;gap:12px;border:1px solid #93bdd438;border-radius:25px;padding:10px 15px;cursor:pointer;max-width:190px;overflow-wrap:anywhere}.account-menu .account-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:980px){.app-canvas .editor-header>.account-menu{grid-column:3;grid-row:2;justify-self:end}.app.app-canvas .editor-header>nav{grid-column:1 / 3}.workspace-header .account-menu summary{padding:8px;min-width:34px;justify-content:center}.workspace-header .account-name,.workspace-header .account-chevron{display:none}}@media(max-width:980px)and (max-height:500px)and (min-width:650px){.app.app-canvas .topbar.editor-header{grid-template-columns:auto minmax(0,1fr) minmax(90px,180px) 44px 34px}.app.app-canvas .editor-header>nav{grid-column:2;grid-row:1}.app.app-canvas .editor-header>.account-menu{grid-column:5;grid-row:1}}.workspace-header-actions{gap:12px}.account-menu summary::-webkit-details-marker{display:none}.account-menu-panel{box-sizing:border-box;position:absolute;right:0;top:calc(100% + 9px);display:grid;gap:0;padding:18px;width:min(320px,calc(100vw - 32px));max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #93bdd438;background:#101c30;border-radius:15px;box-shadow:0 15px 55px #0007;overflow-wrap:anywhere;transform-origin:top right}.account-menu[open]>.account-menu-panel{animation:account-menu-enter .19s cubic-bezier(.2,.8,.2,1) both}.account-menu[data-closing=true]>.account-menu-panel{animation:account-menu-exit .14s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes account-menu-enter{0%{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes account-menu-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-4px) scale(.985)}}@media(prefers-reduced-motion:reduce){.account-menu[open]>.account-menu-panel{animation:none}}.account-menu-panel span,.account-menu-panel small{color:#a8bbd3}.account-menu-panel a{color:#b4e8e2}.account-menu-panel button,.auth-links button,.session-lock button,.admin-pagination button,.admin-page .auth-error button{padding:10px 14px;border-radius:9px;border:1px solid #8bc9d24d;background:#28465e65;color:#d6f0f2;cursor:pointer}.account-menu-identity{display:flex;flex-direction:column;align-items:center;gap:10px;padding:4px 8px 20px;text-align:center}.account-menu-identity>img{width:96px;height:96px;object-fit:contain;flex:none;background:radial-gradient(ellipse,#c69aff22,transparent 72%)}.account-menu-identity>div{display:grid;justify-items:center;gap:5px;min-width:0;width:100%}.account-menu-identity strong{font-size:16px;line-height:1.35}.account-menu-identity span{font-size:12px;line-height:1.4}.account-menu-space{border-block:1px solid #b59ac52b;padding:14px 0 10px}.account-menu-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 6px 8px}.account-menu-section-heading>span{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.account-menu-section-heading>small{font-size:10px;border:1px solid #bd96f538;border-radius:20px;padding:3px 7px}.account-menu .account-menu-panel .account-menu-option{display:flex;align-items:center;gap:12px;width:100%;min-height:42px;padding:10px 6px;border:0;background:transparent;color:#b4a9c4;text-align:left;font:inherit;cursor:default;opacity:1}.account-menu-option>svg{flex:none;opacity:.75}.account-menu-option>span{display:grid;gap:4px}.account-menu-option small{font-size:11px;line-height:1.4}.account-menu-actions{display:grid;gap:4px;padding-top:10px}.account-menu .account-menu-panel .account-menu-action{display:flex;align-items:center;gap:12px;width:100%;min-height:40px;box-sizing:border-box;padding:10px 8px;border:0;border-radius:8px;background:transparent;color:inherit;text-decoration:none;font:inherit;text-align:left;cursor:pointer}.account-menu .account-menu-action:hover{background:#bd96f51a}.account-menu .account-menu-action:focus-visible{outline:2px solid #d7b6ff;outline-offset:1px}.account-menu .account-menu-storage{display:block;margin:10px 6px 0;font-size:10px;line-height:1.5}.session-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0c1628;color:#edf4ff;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;padding:30px;text-align:center}.session-lock h1{font-size:25px}.session-lock p{max-width:500px;line-height:1.6}.session-lock.restricted-access{overflow-y:auto;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 46%,#7952b51c,transparent 55%),#0c1222}.restricted-access-content{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4svh,36px);margin-block:auto}.restricted-access-emblem{display:grid;place-items:center;width:clamp(96px,17svh,132px);aspect-ratio:1;border:1px solid #c4a1ff38;border-radius:50%;color:#d5bbf7;background:radial-gradient(circle at 50% 30%,#b88be51c,#9c74cb06);box-shadow:inset 0 1px #eee3ff0a,0 0 70px #aa78e510}.restricted-access-emblem svg{width:44%;height:44%}.restricted-access h1{margin:0;color:#eee5fa;font:400 clamp(30px,5vw,44px)/1.15 "Pegasus Editorial",Georgia,serif;letter-spacing:-.025em;text-wrap:balance}.restricted-access a.restricted-access-back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;border:1px solid #c4a1ff30;border-radius:10px;background:#b389e50a;color:#c7b4df;font-size:13px;line-height:1.5;text-decoration:none;transition:background .16s ease,border-color .16s ease}.restricted-access a.restricted-access-back:hover{background:#b389e51c;border-color:#c4a1ff70;color:#eee5fa}.restricted-access-back:focus-visible{outline:2px solid #c4a1ff;outline-offset:4px}@media(prefers-reduced-motion:reduce){.restricted-access a.restricted-access-back{transition:none}}.account-menu summary>.account-avatar-icon{width:24px;height:24px;object-fit:contain;border-radius:50%;flex:none}@media(max-width:600px){.account-menu summary{max-width:135px}.mode-header{flex-wrap:wrap;gap:12px}}:is(.mode-header,.workspace-header:not(.editor-header)) .account-menu.account-menu-compact summary{box-sizing:border-box;width:56px;height:56px;min-width:56px;padding:0;justify-content:center;border:0;border-radius:8px;background:transparent;box-shadow:none}:is(.mode-header,.workspace-header:not(.editor-header)) .account-menu.account-menu-compact summary>.account-avatar-icon{display:block;width:56px;height:56px;border-radius:0;object-fit:contain}:is(.mode-header,.workspace-header:not(.editor-header)) .account-menu-compact .account-session-dot{display:none}:is(.mode-header,.workspace-header:not(.editor-header)) .account-menu.account-menu-compact summary:focus-visible{outline:2px solid #d7b6ff;outline-offset:3px}dialog.account-settings{box-sizing:border-box;width:min(1100px,calc(100vw - 48px));height:min(790px,calc(100dvh - 80px));max-width:none;max-height:none;margin:auto;padding:0;overflow:hidden;color:#e5edf9;background:#101b2d;border:1px solid #8197bb45;border-radius:24px;box-shadow:0 40px 130px #0009;font-family:inherit;text-align:left;transform-origin:85% 0;animation:account-settings-enter .32s cubic-bezier(.16,1,.3,1) both}.account-settings::backdrop{background:#020815b8;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:account-settings-shade .26s ease both}dialog.account-settings.is-closing{animation:account-settings-exit .18s ease both}.account-settings.is-closing::backdrop{animation:account-settings-shade .18s ease reverse both}.account-settings>.dialog-heading{box-sizing:border-box;height:100px;padding:24px 32px;margin:0;border-bottom:1px solid #9bacc21c;display:flex;justify-content:space-between;align-items:center;gap:14px;background:linear-gradient(100deg,#1f30444a,transparent)}.account-settings .dialog-eyebrow{color:#b4a0d8;font-size:10px;letter-spacing:.18em}.account-settings .dialog-heading h2{margin:7px 0 0;font-size:clamp(20px,2.3vw,27px);font-weight:600;letter-spacing:-.035em}.account-settings .dialog-heading>button{flex:none;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:#b7c6dd;border:1px solid #899fbd38;background:#ffffff05;padding:0;cursor:pointer}.account-settings-layout{display:grid;grid-template-columns:255px minmax(0,1fr);height:calc(100% - 100px)}.account-settings-sidebar{display:flex;flex-direction:column;min-height:0;padding:28px 18px 22px;border-right:1px solid #9bacc21c;background:#0811213b;overflow:auto}.account-settings-person{display:grid;justify-items:center;text-align:center;gap:7px;padding:0 4px 28px;overflow-wrap:anywhere}.account-settings-person>img{width:112px;height:112px;object-fit:contain;margin-bottom:5px;background:radial-gradient(ellipse,#bb8df726,transparent 70%)}.account-settings-person>strong{font-size:16px}.account-settings-person>span{color:#9cacc5;font-size:12px}.account-settings-person>small{display:flex;align-items:center;gap:6px;color:#a4c5bd;font-size:10px;margin-top:5px}.account-settings-dot{width:5px;height:5px;background:#9ed9c2;border-radius:50%;box-shadow:0 0 9px #9ed9c245}.account-settings-sidebar nav{display:grid;gap:6px}.account-settings-sidebar nav button{display:flex;align-items:center;gap:11px;padding:13px 12px;min-height:46px;border:1px solid transparent;border-radius:10px;background:transparent;color:#9fadc5;font:inherit;font-size:12px;text-align:left;cursor:pointer;transition:color .16s,background .16s,border-color .16s}.account-settings-sidebar nav button:hover{background:#af91df0b;color:#e7dafa}.account-settings-sidebar nav button[aria-current]{background:#b08ae917;border-color:#b08ae92e;color:#dfc9fc}.account-settings-local{margin:auto 12px 0;padding-top:28px;font-size:10px;line-height:1.8;color:#7f91ac}.account-settings-content{min-width:0;padding:clamp(24px,3.5vw,46px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6c60804a transparent}.account-settings-section{max-width:660px;margin:0 auto;animation:account-settings-content .23s ease both}.account-settings-kicker{color:#8c9db8;font-size:10px;letter-spacing:.17em}.account-settings h3{font-size:clamp(24px,2.8vw,32px);letter-spacing:-.04em;font-weight:500;margin:10px 0}.account-settings h4{font-weight:600;font-size:16px;margin:0 0 12px;color:#e2e9f5}.account-settings-section>p,.account-settings-card>p{font-size:13px;line-height:1.8;color:#9eafc7;margin:0 0 26px}.account-settings-form fieldset{margin:0;padding:0;border:0;min-width:0;display:grid;gap:23px}.account-settings-form label{display:grid;gap:9px;font-size:13px;color:#d8e1ef}.account-settings-form input{box-sizing:border-box;width:100%;min-width:0;border:1px solid #8197bb38;border-radius:10px;padding:13px 14px;background:#090f1e70;color:#e3eaf5;font:inherit;font-size:16px}.account-settings-form label small{color:#899bb6;font-size:11px;line-height:1.6}.account-settings-readonly{display:flex;gap:12px;align-items:center;padding:17px 0;border-block:1px solid #8197bb24;color:#9eaec6}.account-settings-readonly>div{min-width:0;display:grid;gap:6px;flex:1}.account-settings-readonly small{font-size:11px}.account-settings-readonly strong{font-size:13px;font-weight:400;color:#d5dfed;overflow-wrap:anywhere}.account-settings-readonly>span,.account-settings-current-email small{display:flex;gap:4px;align-items:center;font-size:10px;color:#a9d9c6}.account-settings-form-footer{display:flex;justify-content:space-between;align-items:center;gap:16px}.account-settings-form-footer>span{color:#8f9eb6;font-size:10px;line-height:1.6}.account-settings-primary,.account-settings-secondary{justify-self:start;border-radius:9px;padding:12px 18px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:filter .16s,background .16s}.account-settings-primary{border:1px solid #d8bef674;background:#d3b6ed;color:#20192d;white-space:nowrap}.account-settings-secondary{border:1px solid #b7a0d650;background:#b7a0d60b;color:#d8c7ef}.account-settings button:disabled{opacity:.45;cursor:default}.account-settings button:not(:disabled):hover{filter:brightness(1.12)}.account-settings :focus-visible{outline:2px solid #d8b9fa;outline-offset:3px}.account-settings-admin{display:flex;align-items:center;gap:15px;margin-top:32px;padding:20px;border:1px solid #9c86bf30;border-radius:12px;color:#cbb4e7;text-decoration:none;background:linear-gradient(110deg,#b28be30c,transparent)}.account-settings-admin>div{display:grid;gap:6px;flex:1}.account-settings-admin strong{font-size:13px;font-weight:500}.account-settings-admin span{color:#94a5be;font-size:11px;line-height:1.6}.account-settings-card{padding:23px;border:1px solid #8197bb2a;border-radius:13px;margin-top:20px;background:#ffffff02}.account-settings-card p{margin-top:15px;margin-bottom:18px}.account-settings-current-email{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;overflow-wrap:anywhere}.account-settings-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(30px,6vh,70px) 20px;border:1px dashed #b198d43a;border-radius:16px;background:radial-gradient(ellipse at top,#b69de90b,transparent 70%)}.account-settings-empty>svg{color:#b6a0d5;margin-bottom:20px}.account-settings-badge{display:inline-block;width:fit-content;padding:5px 10px;border:1px solid #b198d438;border-radius:20px;color:#bca6db;font-size:10px}.account-settings-empty h4{margin:22px 0 12px;font-size:20px;font-weight:500}.account-settings-empty p{max-width:330px;color:#a0afc6;font-size:13px;line-height:1.8}.account-settings-empty small{color:#7f91ac;font-size:10px;line-height:1.7}@keyframes account-settings-enter{0%{opacity:0;transform:translateY(-22px) scale(.96)}to{opacity:1;transform:none}}@keyframes account-settings-exit{to{opacity:0;transform:translateY(-12px) scale(.975)}}@keyframes account-settings-shade{0%{opacity:0}to{opacity:1}}@keyframes account-settings-content{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:700px){dialog.account-settings{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:18px}.account-settings>.dialog-heading{height:86px;padding:18px 20px}.account-settings .dialog-heading h2{font-size:20px}.account-settings-layout{height:calc(100% - 86px);grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.account-settings-sidebar{overflow:visible;padding:0 12px 12px;border-right:0;border-bottom:1px solid #9bacc21c}.account-settings-person,.account-settings-local{display:none}.account-settings-sidebar nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:12px}.account-settings-sidebar nav button{flex-direction:column;justify-content:start;padding:10px 3px;gap:7px;font-size:10px;text-align:center;line-height:1.4}.account-settings-content{padding:25px 20px}.account-settings-card{padding:18px}.account-settings-readonly{flex-wrap:wrap}.account-settings-readonly>span{margin-left:30px}.account-settings-form-footer{align-items:stretch;flex-direction:column;gap:12px}.account-settings-primary{white-space:normal;min-height:44px}}@media(prefers-reduced-motion:reduce){dialog.account-settings,.account-settings::backdrop,.account-settings-section{animation:none!important;transition:none!important}}@media(min-width:701px)and (max-height:600px){dialog.account-settings{height:calc(100dvh - 24px)}.account-settings>.dialog-heading{height:78px;padding:16px 25px}.account-settings-layout{height:calc(100% - 78px);grid-template-columns:215px minmax(0,1fr)}.account-settings-sidebar{padding:14px 12px}.account-settings-person{display:none}.account-settings-sidebar nav{gap:3px}.account-settings-sidebar nav button{padding:10px 12px;min-height:42px}.account-settings-local{padding-top:14px}.account-settings-content{padding:24px 30px}}.avatar-library,.admin-avatars{color:#e2e9f5}.avatar-profile-link{width:100%;display:flex;align-items:center;gap:16px;padding:16px 18px;margin:0 0 28px;background:linear-gradient(115deg,#b08ae912,#ffffff02);border:1px solid #b08ae930;border-radius:12px;color:#d8c7ef;cursor:pointer;text-align:left;font:inherit}.avatar-profile-link>img{width:52px;height:52px;object-fit:contain;flex:none}.avatar-profile-link>span{flex:1;min-width:0;display:grid;gap:7px}.avatar-profile-link strong{font-size:13px;font-weight:500}.avatar-profile-link small{font-size:11px;color:#9fadc5;line-height:1.6}.avatar-profile-link>svg{flex:none}.avatar-text-button{display:inline;width:fit-content;padding:4px 0;border:0;background:none;color:#d6b5f5;font:inherit;font-size:11px;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}.avatar-collection-count{font-size:11px;color:#9fadc5;margin:20px 0 12px}.avatar-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}.avatar-filters button{padding:9px 12px;font:inherit;font-size:11px;color:#9fadc5;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer}.avatar-filters button[aria-pressed=true]{background:#b08ae917;border-color:#b08ae938;color:#dfc9fc}.avatar-search-row{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.avatar-search{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid #8197bb38;background:#090f1e70;border-radius:9px;padding:0 12px;color:#94a5be;flex:1 1 180px}.avatar-search input{width:100%;min-width:0;padding:12px 0;color:#e3eaf5;background:none;border:0;font:inherit;font-size:13px}.avatar-search-row select,.avatar-admin-form input:not([type=checkbox]),.avatar-admin-form select,.avatar-admin-form textarea{box-sizing:border-box;min-width:0;border:1px solid #8197bb38;border-radius:9px;padding:12px;background:#10182b;color:#e3eaf5;font:inherit;font-size:13px}.avatar-search-row select{max-width:100%;flex:1 1 160px}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(175px,100%),1fr));gap:14px;margin:20px 0}.avatar-card{min-width:0;display:flex;flex-direction:column;border:1px solid #8197bb2a;border-radius:14px;overflow:hidden;background:#ffffff03}.avatar-card.is-selected{border-color:#c7a5eb85;box-shadow:0 0 0 1px #c7a5eb20}.avatar-card.is-hidden{border-style:dashed}.account-settings-content:has(.avatar-library){padding:clamp(20px,3vw,32px);min-height:0;overflow:hidden}.account-settings-section:has(.avatar-library){max-width:none;height:100%;min-height:0}.avatar-library{display:flex;flex-direction:column;height:100%;min-height:0}.avatar-library>:not(.avatar-results){flex-shrink:0}.avatar-results{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#6c60804a transparent;scrollbar-gutter:stable;padding:6px;margin:-6px}.avatar-library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.avatar-library-heading h3{margin:0 0 6px;font-size:26px}.avatar-library-heading .avatar-collection-count{margin:0;line-height:1.6}.avatar-save-button{display:inline-flex;align-items:center;justify-content:center;flex:none;gap:6px;padding:8px 10px;border:1px solid #a6b6d025;border-radius:8px;background:#ffffff03;color:#b6a4cd;font:inherit;font-size:11px;cursor:pointer}.avatar-save-button:enabled{color:#f3e5ff;border-color:#c598eb80;background:#8c5bb844}.avatar-save-button:disabled{opacity:.45;cursor:default}.avatar-save-button:enabled:hover{color:#ebd6ff;background:#b08ae912;border-color:#b08ae94d}.avatar-browse-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #8197bb20}.avatar-library .avatar-filters{flex:none;padding:3px;margin:0;gap:2px;border:1px solid #8197bb20;border-radius:10px;background:#080f1e70}.avatar-library .avatar-filters button{padding:8px 10px;font-size:10px;border-radius:7px;white-space:nowrap}.avatar-library .avatar-filters button[aria-pressed=true]{background:#b08ae924;border-color:#b08ae940;color:#ead8ff;box-shadow:0 2px 6px #0002}.avatar-library .avatar-search-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,.8fr);flex:1 1 290px;gap:8px;margin:0;min-width:0}.avatar-library .avatar-search{padding:0 10px}.avatar-library .avatar-search>svg{flex:none}.avatar-library .avatar-search input,.avatar-library .avatar-search-row select{padding-top:10px;padding-bottom:10px;font-size:11px}.avatar-library .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(min(160px,100%),1fr));gap:12px;margin:0}.avatar-library .avatar-card{position:relative;isolation:isolate;border-radius:12px;background:linear-gradient(160deg,#1b293e70,#111b2c);transition:border-color .18s ease,box-shadow .18s ease}.avatar-library .avatar-card:has(.avatar-select:enabled):hover{border-color:#b69ace80;box-shadow:0 6px 22px #0003}.avatar-library .avatar-card:has(.avatar-select:focus-visible){outline:2px solid #e3c4ff;outline-offset:4px}.avatar-select{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.avatar-select:disabled{cursor:default}.avatar-library .avatar-card.is-selected{border-color:#edcfff;box-shadow:0 0 0 1px #e3bdff80,0 0 16px #c58aff55,0 0 30px #b474ed26,inset 0 0 18px #ecd0ff15}.avatar-library .avatar-card-art{padding:34px 14px 6px;background:radial-gradient(ellipse at 50% 60%,#b08ae913,transparent 70%)}.avatar-library .avatar-card.is-selected .avatar-card-art{background:radial-gradient(ellipse at 50% 60%,#e9caff70,transparent 75%)}.avatar-library .avatar-art{height:auto;aspect-ratio:1.2}.avatar-library .avatar-card.is-selected .avatar-art img{filter:brightness(1.12) drop-shadow(0 0 8px #e2b3ff99)}.avatar-status{position:absolute;top:8px;right:7px;display:inline-flex;align-items:center;gap:5px;padding:3px 6px;border:1px solid #b198d430;border-radius:20px;background:#101727a6;color:#b9accb;font-size:9px;line-height:1.4}.avatar-status.is-available{color:#b0dece;border-color:#8fceb130}.avatar-card.is-selected .avatar-status{color:#352046;border-color:#e3c4ff;background:#f0dbff;box-shadow:0 0 10px #e3b8ff66;font-weight:600}.avatar-library .avatar-card-body{padding:10px 12px 14px;border-top:0;align-items:center;text-align:center}.avatar-library .avatar-card-body h4{margin:0;font-size:12px;line-height:1.5;font-weight:500;min-height:36px;display:grid;align-items:center}.avatar-unlock-details{width:100%;margin-top:5px}.avatar-unlock-details summary{color:#b9a9cd;font-size:10px;line-height:1.5;cursor:pointer}.avatar-library .avatar-card.is-selected h4{color:#f1e5ff}.avatar-library .avatar-card-body .avatar-unlock-hint{margin:8px 0 0;font-size:10px;color:#8f9fb8}.avatar-library :focus-visible{outline:2px solid #d8b9fa;outline-offset:3px}.avatar-library .avatar-select:focus-visible{outline:none}.avatar-card-art{position:relative;padding:18px 16px 38px;background:radial-gradient(ellipse at center,#b08ae915,transparent 75%)}.avatar-art{display:grid;place-items:center;width:100%;height:120px}.avatar-art img{display:block;width:100%;height:100%;min-height:0;object-fit:contain}.avatar-art>span{color:#8a7c9f}.avatar-access{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid #b198d430;border-radius:20px;background:#101727;color:#c5afd9;font-size:9px}.avatar-card-body{flex:1;min-width:0;padding:15px;border-top:1px solid #8197bb16;display:flex;flex-direction:column;align-items:start;overflow-wrap:anywhere}.avatar-card-body>small{color:#8e9eb8;font-size:10px;line-height:1.6}.avatar-card-body h3,.avatar-card-body h4{color:#e2e9f5;font-size:14px;font-weight:500;letter-spacing:-.015em;line-height:1.5;margin:7px 0}.avatar-card-body p{color:#9fadc5;font-size:11px;line-height:1.7;margin:0 0 16px}.avatar-card-body button{margin-top:auto;width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px}.avatar-locked-label{display:flex;align-items:center;gap:5px;color:#bcaccf;font-size:11px;margin-top:auto;padding-top:3px}.avatar-card-body .avatar-unlock-hint{margin:8px 0 0;font-size:10px}.avatar-card-body .avatar-coming-soon{margin-top:10px;color:#c1a5e0;font-size:9px}.avatar-empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:36px 16px;border:1px dashed #b198d430;border-radius:14px;color:#b198d4}.avatar-empty h3,.avatar-empty h4{font-size:16px;margin:0}.avatar-empty p{color:#9fadc5;font-size:12px;line-height:1.7;margin:0}.avatar-admin-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0}.avatar-admin-toolbar h2{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:500;margin:0 0 8px}.avatar-admin-toolbar p{font-size:12px;color:#9fadc5;line-height:1.7;margin:0}.avatar-admin-toolbar>button{display:flex;align-items:center;justify-content:center;gap:8px}.admin-avatars>.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(min(210px,100%),1fr))}.avatar-admin-form{scroll-margin-top:16px;border:1px solid #b198d43a;padding:clamp(16px,3vw,28px);background:#10192bd9;border-radius:14px;margin:20px 0 28px}.avatar-admin-form h3{margin:0 0 22px;font-size:19px;font-weight:500}.avatar-admin-form fieldset{min-width:0;display:grid;gap:20px;border:0;margin:0;padding:0}.avatar-admin-form label{display:grid;gap:9px;font-size:12px;line-height:1.6;min-width:0}.avatar-admin-form label small{color:#9fadc5;font-size:11px}.avatar-admin-form input,.avatar-admin-form textarea,.avatar-admin-form select{width:100%}.avatar-admin-form textarea{resize:vertical}.avatar-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.avatar-upload{display:flex;align-items:center;gap:24px}.avatar-upload>.avatar-art{width:110px;height:110px;flex:none;background:#b08ae90a;border-radius:12px;padding:10px;box-sizing:border-box}.avatar-upload label{flex:1}.avatar-upload input[type=file]{font-size:12px;padding:8px}.avatar-admin-form .avatar-checkbox{display:flex;align-items:center;gap:10px}.avatar-admin-form input[type=checkbox]{width:17px;height:17px;flex:none;accent-color:#c1a5e0}.avatar-admin-note{display:flex;align-items:start;gap:8px;color:#9fadc5;font-size:11px;line-height:1.8;margin:16px 0}.avatar-admin-note>svg{flex:none;margin-top:2px}.avatar-form-actions{display:flex;flex-wrap:wrap;justify-content:end;gap:10px}.admin-avatars :focus-visible,.avatar-user-grants :focus-visible{outline:2px solid #d8b9fa;outline-offset:3px}.admin-avatars button:disabled,.avatar-user-grants button:disabled{opacity:.45;cursor:default}.avatar-user-grants{margin:22px 0;border-block:1px solid #8197bb30;padding:16px 0}.avatar-user-grants summary{cursor:pointer;color:#d0b4ed;font-size:13px}.avatar-user-grants summary>svg{vertical-align:middle;margin-right:6px}.avatar-user-grants p{font-size:12px;line-height:1.7;color:#9fadc5}.avatar-grant-row{display:flex;align-items:center;gap:10px;border-top:1px solid #8197bb20;padding:12px 0}.avatar-grant-row .avatar-art{width:48px;height:48px;flex:none}.avatar-grant-row>div:nth-child(2){min-width:0;flex:1;display:grid;gap:4px;overflow-wrap:anywhere}.avatar-grant-row strong{font-size:12px;font-weight:500}.avatar-grant-row small{font-size:10px;color:#9fadc5}.avatar-grant-row button{font-size:11px;padding:10px}@media(max-width:700px){.account-settings-sidebar nav{grid-template-columns:repeat(5,minmax(0,1fr))}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.avatar-art{height:100px}.avatar-card-art{padding:14px 12px 36px}.avatar-card-body{padding:12px}.avatar-card-body h3,.avatar-card-body h4{font-size:13px}.avatar-admin-toolbar{align-items:start;flex-direction:column;gap:15px}.avatar-admin-toolbar h2{font-size:19px}.avatar-form-grid{grid-template-columns:minmax(0,1fr);gap:18px}.avatar-upload{flex-direction:column;align-items:start;gap:15px}.avatar-upload label{width:100%}.avatar-search input,.avatar-search-row select,.avatar-admin-form input:not([type=checkbox]),.avatar-admin-form select,.avatar-admin-form textarea{font-size:16px}.avatar-grant-row{flex-wrap:wrap}.avatar-grant-row>button{margin-left:58px}}@media(max-width:350px){.avatar-grid{grid-template-columns:minmax(0,1fr)}.avatar-filters button{padding:9px 8px;font-size:10px}}@media(max-width:700px){.account-settings-content:has(.avatar-library){padding:20px 16px}.avatar-library-heading{margin-bottom:16px;gap:10px}.avatar-library-heading h3{font-size:24px}.avatar-save-button{padding:8px;font-size:10px}.avatar-browse-toolbar{gap:10px;padding-bottom:14px;margin-bottom:16px}.avatar-library .avatar-filters{display:grid;grid-template-columns:auto auto auto;width:100%}.avatar-library .avatar-filters button{padding:9px 5px;min-height:36px}.avatar-library .avatar-search-row{flex-basis:100%}.avatar-library .avatar-search input,.avatar-library .avatar-search-row select{font-size:16px;min-height:42px}.avatar-library .avatar-search input::placeholder{font-size:12px}.avatar-library .avatar-grid{grid-template-columns:repeat(auto-fill,minmax(min(110px,100%),1fr));gap:12px}.avatar-library .avatar-card{border-radius:12px}.avatar-library .avatar-card-art{padding:30px 10px 4px}.avatar-status{top:8px;right:7px;font-size:9px}.avatar-library .avatar-card-body{padding:8px 8px 10px}.avatar-library .avatar-card-body h4{font-size:11px}}@media(prefers-reduced-motion:reduce){.avatar-library .avatar-card{transition:none}}.avatar-feedback{min-height:18px;margin:0 0 12px;color:#b0dece;font-size:11px;line-height:18px}.avatar-library .avatar-card:before{content:"";position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;background:linear-gradient(155deg,#785698,#38274f);opacity:0;transition:opacity .32s ease;pointer-events:none}.avatar-library .avatar-card.is-selected:before{opacity:1}.avatar-library .avatar-art{transition:transform .22s ease,opacity .22s ease}.avatar-library .avatar-art img{transition:filter .32s ease}.avatar-library .avatar-status{transition:background-color .22s ease,color .22s ease,box-shadow .32s ease}.avatar-library .avatar-card.is-saving{border-color:#d8b9fa99}.avatar-library .is-saving .avatar-art{opacity:.7;transform:scale(.96)}.avatar-saving-spinner{animation:avatar-saving .8s linear infinite}.avatar-library .is-activated .avatar-art{animation:avatar-activate .6s cubic-bezier(.2,.7,.3,1) both}.avatar-library .is-activated .avatar-status svg{animation:avatar-confirm .38s .12s ease both}.avatar-library .is-activated:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#f0d9ff38 50%,transparent 70%);animation:avatar-shine .65s ease-out both}@keyframes avatar-saving{to{transform:rotate(360deg)}}@keyframes avatar-activate{0%{transform:scale(.96)}45%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes avatar-confirm{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes avatar-shine{0%{transform:translate(-100%);opacity:0}25%{opacity:1}to{transform:translate(100%);opacity:0}}@media(prefers-reduced-motion:reduce){.avatar-library .avatar-card:before,.avatar-library .avatar-art,.avatar-library .avatar-art img,.avatar-library .avatar-status{transition:none}.avatar-library .avatar-saving-spinner,.avatar-library .is-activated .avatar-art,.avatar-library .is-activated .avatar-status svg,.avatar-library .is-activated:after{animation:none}.avatar-library .is-activated:after{display:none}}.avatar-library .avatar-card.is-pending{border-color:#e3bdff;box-shadow:0 0 0 1px #c9afe860,0 0 18px #b474ed33}.avatar-library .avatar-card.is-pending:before{opacity:.7}.avatar-active-check{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:26px;height:26px;border:1px solid #e3c4ff;border-radius:50%;background:#f0dbff;color:#352046;box-shadow:0 0 10px #e3b8ff66;pointer-events:none}.avatar-library .is-pending .avatar-status{background:#40304f;color:#f0daff;border-color:#c9afe860}@media(max-height:700px){.account-settings-content:has(.avatar-library){padding:12px 16px}.avatar-library-heading{margin-bottom:10px}.avatar-library-heading h3{font-size:22px}.avatar-browse-toolbar{gap:6px;padding-bottom:8px;margin-bottom:8px}.avatar-feedback{margin-bottom:8px}}.avatar-collectible-meta{display:grid;gap:5px;margin:5px 0 12px;color:#9fadc5;font-size:11px;line-height:1.6;width:100%}.avatar-rarity{color:#becbdb}.avatar-rarity.rarity-uncommon{color:#a8dfbb}.avatar-rarity.rarity-rare{color:#9cc9ff}.avatar-rarity.rarity-epic{color:#ddafff}.avatar-rarity.rarity-legendary{color:#f4cf8b}.avatar-instance-details{position:relative;z-index:3;width:100%;border-top:1px solid #8197bb30;padding-top:10px;text-align:left}.avatar-instance-details summary,.avatar-season-progress summary,.avatar-season-admin summary{color:#d0b4ed;cursor:pointer;font-size:12px;line-height:1.7}.avatar-instance-row{display:grid;gap:9px;padding:14px 0;border-bottom:1px solid #8197bb25}.avatar-instance-row strong{font-size:12px;color:#e3d8f4}.avatar-instance-row form,.avatar-instance-row label{display:grid;gap:8px;min-width:0}.avatar-instance-row label{font-size:10px;color:#aebbd0}.avatar-instance-row input,.avatar-collection-filters select,.avatar-season-admin input,.avatar-instance-grant select{box-sizing:border-box;width:100%;min-width:0;padding:10px;border:1px solid #8197bb38;border-radius:9px;background:#10182b;color:#e3eaf5;font:inherit;font-size:12px}.avatar-instance-row button{min-height:40px;font-size:11px}.avatar-collection-filters{display:flex;gap:8px;width:100%;min-width:0}.avatar-collection-filters select{flex:1}.avatar-season-progress{margin-bottom:18px;padding:12px;border:1px solid #8197bb25;border-radius:10px}.avatar-season-progress>div{display:grid;gap:6px;padding:12px 0;color:#c6d2e3;font-size:12px}.avatar-season-progress progress{width:100%;accent-color:#be9bdc}.avatar-season-progress small{color:#9fadc5;line-height:1.7}.avatar-season-admin{border:1px solid #8197bb38;border-radius:12px;padding:16px;margin:20px 0}.avatar-season-admin p{font-size:12px;line-height:1.8;color:#9fadc5}.avatar-season-admin form,.avatar-instance-grant{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:16px 0}.avatar-season-admin label,.avatar-instance-grant label{display:grid;flex:1 1 200px;gap:8px;min-width:0;font-size:12px}.avatar-season-admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #8197bb30}.avatar-season-admin-row>div{display:grid;flex:1 1 220px;gap:6px;min-width:0;overflow-wrap:anywhere}.avatar-season-admin-row small{color:#9fadc5;font-size:11px;line-height:1.7}@media(max-width:700px){.avatar-collection-filters select,.avatar-instance-row input,.avatar-season-admin input,.avatar-instance-grant select{font-size:16px;min-height:44px}.avatar-collectible-meta{font-size:10px}.avatar-instance-details summary{min-height:36px;display:flex;align-items:center;justify-content:center}.avatar-library .avatar-card:has(.avatar-instance-details[open]){grid-column:1 / -1}.avatar-library .avatar-card:has(.avatar-instance-details[open]) .avatar-card-art{max-width:230px;width:100%;box-sizing:border-box;align-self:center}.avatar-library .avatar-card:has(.avatar-instance-details[open]) .avatar-instance-row{grid-template-columns:minmax(0,1fr)}}@media(max-height:600px){.avatar-library .avatar-browse-toolbar{gap:5px}.avatar-library .avatar-collection-filters select{padding-block:6px;min-height:34px}}.avatar-collection-tools{margin:0 0 12px;padding:10px 12px;border:1px solid #8197bb25;border-radius:10px}.avatar-collection-tools>summary{color:#c9b2e0;font-size:12px;line-height:1.7;cursor:pointer}.avatar-collection-tools .avatar-collection-filters{margin-top:12px}.avatar-collection-tools .avatar-season-progress{margin:12px 0 0;border:0;padding:0}@media(max-width:700px){.avatar-collection-tools .avatar-collection-filters{flex-wrap:wrap}.avatar-collection-tools .avatar-collection-filters select{flex:1 1 180px}}@font-face{font-family:Pegasus Editorial;src:url(/fonts/oldstandardtt.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.pegasus-home{--home-lilac: #ddadff;color:#f6f4ff;background:#070d25;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}.pegasus-home a{color:inherit;text-decoration:none}.pegasus-home a:focus-visible,.pegasus-home button:focus-visible{outline:2px solid #e1b7ff;outline-offset:6px}.home-skip{position:fixed;top:-100px;left:24px;z-index:20;padding:12px 20px;background:#101736;border-radius:8px}.home-skip:focus{top:16px}.home-hero{position:relative;min-height:720px;height:100svh;max-height:1300px;isolation:isolate;display:flex;align-items:center;overflow:clip}.home-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;overflow:hidden;background:#040a2e}.home-city{width:100%;height:100%;object-fit:cover;object-position:center bottom;animation:home-city-enter 1.8s ease-out both}.home-wolf-reveal{position:absolute;width:100%;left:0;top:-4%;opacity:0;transform:translate3d(0,36px,0) scale(.97)}.home-foreground{position:absolute;top:0;right:0;bottom:0;left:0}.home-art-ready .home-wolf-reveal{animation:home-wolf-enter 2.4s cubic-bezier(.16,1,.3,1) .15s both}.home-wolf{display:block;width:100%;height:auto;-webkit-mask-image:radial-gradient(ellipse 43% 20% at 0% 44%,transparent 68%,#000 100%);mask-image:radial-gradient(ellipse 43% 20% at 0% 44%,transparent 68%,#000 100%);animation:home-wolf-float 9s ease-in-out 2.6s infinite}.home-aura{position:absolute;top:8%;right:-15%;bottom:20%;left:35%;background:radial-gradient(ellipse,#6a69ff20,#5198fa0a 45%,transparent 68%);opacity:0}.home-art-ready .home-aura{animation:home-fade-in 2.6s .3s both}.home-scene-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#030a2b89,#05092b40 27%,transparent 60%),linear-gradient(0deg,#02071ee0,transparent 16%,transparent 86%,#03092255)}.home-header{position:absolute;z-index:5;top:max(24px,env(safe-area-inset-top));left:3%;right:3%;height:72px;padding:0 28px;border:1px solid #c6d0ff45;border-top-color:#e0e5ff70;border-bottom-color:#a5b4ee30;border-radius:18px;display:flex;gap:38px;align-items:center;background:linear-gradient(115deg,#d6dfff16,#acbaff05 48%,#b9ceff12),linear-gradient(180deg,#101a427a,#090f3270);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);box-shadow:0 12px 32px #02072238,inset 0 1px #ffffff1f,inset 0 -1px #bbcaff0a;animation:home-nav-enter .9s .1s both}.home-brand{display:flex;gap:12px;align-items:center;white-space:nowrap}.home-brand img{object-fit:contain;width:38px;height:38px}.home-brand span{font-size:clamp(15px,1.45vw,23px);letter-spacing:.19em;font-weight:400}.home-brand strong{font-weight:600}.home-actions{margin-left:auto}.home-actions .account-menu summary{box-sizing:border-box;width:44px;height:44px;padding:2px;gap:0;justify-content:center;border:0;border-radius:8px;background:transparent;box-shadow:none}.home-actions .account-menu summary>.account-avatar-icon{width:43.7px;height:43.7px;border-radius:0;filter:drop-shadow(0 3px 3px #030820a6) drop-shadow(0 0 5px #d4b5ff73);transition:filter .16s}.home-actions .account-menu summary:hover>.account-avatar-icon,.home-actions .account-menu[open] summary>.account-avatar-icon{filter:drop-shadow(0 3px 4px #030820bf) drop-shadow(0 0 7px #e2caffb3)}.home-actions .account-menu summary:focus-visible{outline:2px solid #e2d5ff;outline-offset:3px}.home-actions .account-name,.home-actions .account-chevron{display:none}.home-session-error{max-width:360px;margin-top:16px;font-size:14px}.home-session-error button{padding:8px 16px;border:1px solid #c5c9f4a8;border-radius:20px}.home-enter{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:40px;padding:0 24px;border:1px solid #c5c9f4a8;border-radius:30px;font-size:14px;transition:background .2s,border-color .2s}.home-enter:hover{background:#a6aaf221;border-color:#e4d2ff}.home-copy{width:100%;padding:0 0 0 6.5%;position:relative}.home-copy .home-eyebrow{display:flex;gap:10px;align-items:center;animation:home-copy-enter .9s .35s both}.home-copy h1{font-family:Pegasus Editorial,Georgia,serif;font-weight:400;font-size:clamp(54px,4.65vw,82px);line-height:1.06;letter-spacing:-.045em;margin:0;max-width:720px;text-shadow:0 3px 28px #060b4a60;animation:home-copy-enter 1.1s .45s both}.pegasus-home em{font-style:italic;font-weight:400}.home-subtitle{color:#e8e5fc;font-size:clamp(18px,1.75vw,28px);letter-spacing:-.035em;margin:20px 0 28px;animation:home-copy-enter 1s .6s both}.home-primary{display:inline-flex;justify-content:center;align-items:center;gap:34px;min-height:60px;padding:0 30px;border-radius:40px;color:#1b1540!important;background:linear-gradient(110deg,#dca9fa,#dcafff 55%,#cba4fb);font-size:16px;font-weight:600;box-shadow:0 5px 35px #b880ff24,inset 0 1px #ffffff40;transition:transform .25s,box-shadow .25s}.home-primary:hover{transform:translateY(-3px);box-shadow:0 8px 40px #c194ff52}.home-primary svg{transition:transform .25s}.home-primary:hover svg{transform:translate(4px)}.home-copy .home-primary{animation:home-copy-enter 1s .75s backwards}.home-star{position:absolute;width:7px;height:7px;background:#fff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);animation:home-twinkle 4s ease-in-out infinite}.home-star-one{left:13%;top:24%}.home-star-two{left:44%;top:18%;width:10px;height:10px;animation-delay:-1.3s}.home-star-three{right:9%;top:38%;animation-delay:-2.7s}@keyframes home-city-enter{0%{opacity:.25;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes home-nav-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes home-copy-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes home-wolf-enter{0%{opacity:0;transform:translate3d(0,36px,0) scale(.97);filter:blur(12px)}to{opacity:1;transform:translateZ(0) scale(1);filter:blur(0)}}@keyframes home-wolf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes home-fade-in{0%{opacity:0}to{opacity:1}}@keyframes home-twinkle{0%,to{opacity:.3}50%{opacity:1}}@media(min-aspect-ratio:19/10)and (min-width:761px){.home-hero{min-height:580px}.home-wolf-reveal{width:84%;left:10%;top:3%;bottom:auto}.home-wolf{-webkit-mask-image:radial-gradient(ellipse 43% 20% at 0% 44%,transparent 68%,#000 100%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:radial-gradient(ellipse 43% 20% at 0% 44%,transparent 68%,#000 100%),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.home-copy{padding-top:0}.home-copy h1{font-size:clamp(58px,5.2vw,90px)}}@media(max-width:1000px){.home-header{gap:22px;padding:0 22px}.home-brand img{width:32px;height:32px}.home-copy h1{font-size:clamp(52px,6.7vw,74px)}}@media(max-width:760px){.home-hero{--home-copy-bottom: max(4.8svh, calc(env(safe-area-inset-bottom) + 18px) );--home-writer-width: min(96vw, 55svh);--home-desk-bottom: 20%;height:100svh;min-height:520px;max-height:none;align-items:flex-end}.home-header{top:max(17px,calc(env(safe-area-inset-top) + 10px));left:3.7%;right:3.7%;height:clamp(44px,5.8svh,58px);padding:0 clamp(12px,3.5vw,22px);gap:10px;border-radius:13px}.home-brand{gap:clamp(7px,2.3vw,12px)}.home-brand img{width:clamp(27px,7.5vw,38px);height:clamp(27px,7.5vw,38px)}.home-brand span{font-size:clamp(10px,3.05vw,17px);letter-spacing:.14em}.home-enter{margin-left:auto;min-height:44px;padding:0;border:0;border-radius:8px;font-size:clamp(12px,3.3vw,18px);gap:clamp(7px,2vw,13px)}.home-enter svg{width:17px;height:17px;transform:rotate(45deg)}.home-city{position:absolute;top:0;right:0;bottom:0;left:0;object-position:center;animation:home-fade-in 1.5s both}.home-wolf-reveal{width:max(113vw,59svh);left:calc(50% - (max(113vw,59svh)/2));top:6.5%;bottom:auto}.home-wolf{height:auto;-webkit-mask-image:none;mask-image:none;animation-duration:10s}.home-foreground{inset:auto auto var(--home-desk-bottom) calc(50% - var(--home-writer-width) * .55);width:var(--home-writer-width);height:auto;object-fit:contain;-webkit-mask-image:linear-gradient(#000 70%,transparent 100%);mask-image:linear-gradient(#000 70%,transparent 100%)}.home-aura{top:12%;right:-25%;bottom:30%;left:-25%}.home-scene-shade{background:linear-gradient(0deg,#03071d99,#03071dce 18%,#03071d99 25%,transparent 40%,transparent 88%,#03071d40)}.home-copy{padding:0 10.8% var(--home-copy-bottom)}.home-copy h1{font-size:clamp(34px,10.3vw,60px);line-height:1.04;letter-spacing:-.035em;text-shadow:0 2px 20px #02051ea8}.home-copy em{font-style:normal}.home-subtitle{font-size:clamp(15px,3.85vw,22px);margin:clamp(9px,1.4svh,15px) 0 clamp(13px,1.9svh,20px);letter-spacing:-.025em;white-space:nowrap}.home-primary{min-height:clamp(49px,6.8svh,62px);padding:0 clamp(25px,6.4vw,38px);font-size:clamp(15px,3.85vw,20px);gap:clamp(28px,7.5vw,45px)}.home-primary svg{width:23px;height:23px}.home-star-one{top:16%;left:19%}.home-star-two{top:40%;left:83%}}@media(max-width:760px)and (min-aspect-ratio:9/16){.home-hero{--home-writer-width: 81vw;--home-desk-bottom: 27%;--home-copy-bottom: max(4svh, calc(env(safe-area-inset-bottom) + 16px) )}.home-wolf-reveal{width:103%;left:-1.5%;top:5%}.home-copy h1{font-size:clamp(33px,9.8vw,55px)}.home-subtitle{margin:8px 0 12px}}@media(min-width:761px)and (max-aspect-ratio:6/5){.home-hero{align-items:flex-end}.home-copy{padding-bottom:130px}.home-wolf-reveal{width:144%;left:-14%;bottom:auto;top:11%}.home-wolf{-webkit-mask-image:none;mask-image:none}.home-scene-shade{background:linear-gradient(0deg,#050b28d9,#050b2899 35%,transparent 68%)}}@media(prefers-reduced-motion:reduce){.pegasus-home *,.pegasus-home *:before,.pegasus-home *:after{animation:none!important;transition:none!important}.home-wolf-reveal,.home-aura{opacity:1;transform:none}}.welcome-kitten{position:fixed;z-index:20;right:max(24px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:4px;width:min(720px,calc(100vw - 40px));pointer-events:none}.welcome-bubble{position:relative;flex:1;min-width:0;margin-bottom:24px;padding:27px 30px 19px;isolation:isolate;pointer-events:auto;animation:welcome-bubble-in .5s ease-out both}.welcome-bubble-shape{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;width:calc(100% + 24px);height:100%;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 2px #efc5ff55) drop-shadow(0 0 12px #9737cf35)}.welcome-message{margin:0 0 12px;padding-right:8px;color:#fff0ff;font:400 23px/1.4 Pegasus Editorial,Georgia,serif;text-wrap:pretty;animation:welcome-message-in .3s ease-out both}.welcome-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;color:#e9d7f5;background:transparent}.welcome-kitten button:focus-visible,.welcome-kitten a:focus-visible,.welcome-launcher:focus-visible{outline:2px solid #f0caff;outline-offset:3px}.welcome-character{width:245px;flex:0 0 40%;transform-origin:50% 95%;animation:welcome-kitten-in .9s cubic-bezier(.2,.8,.3,1.12) both;filter:drop-shadow(0 0 12px #b77fea25)}.welcome-character img{display:block;width:100%;height:auto}.welcome-launcher{position:fixed;z-index:20;right:max(20px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:10px;min-height:54px;padding:8px 18px 8px 10px;border:1px solid #d5a7f380;border-radius:28px;color:#efdcff;background:#190d2cf2;box-shadow:0 0 20px #a14ae520;font:12px Arial,sans-serif;cursor:pointer}.welcome-launcher-avatar{position:relative;display:block;width:38px;height:38px;flex:0 0 38px;overflow:visible}.welcome-launcher-avatar img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px #e6a7fa62)}.welcome-launcher>span:last-child{color:#f8edff;font-size:16px;letter-spacing:.01em}@keyframes welcome-kitten-in{0%{opacity:0;transform:translateY(110%) rotate(8deg)}70%{opacity:1;transform:translateY(-6px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes welcome-bubble-in{0%{opacity:0;transform:translate(12px,8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes welcome-message-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.welcome-kitten{right:max(10px,env(safe-area-inset-right));bottom:max(10px,env(safe-area-inset-bottom));width:calc(100vw - 20px);gap:0}.welcome-character{flex-basis:31%}.welcome-bubble{margin-bottom:10px;padding:28px 19px 14px}.welcome-bubble-shape{width:calc(100% + 17px)}.welcome-message{font-size:18px;line-height:1.3;margin:0 0 8px;padding-right:0}.welcome-close{top:4px;right:4px}}@media(prefers-reduced-motion:reduce){.welcome-character,.welcome-bubble,.welcome-message{animation:none}}.mode-card.is-welcome-invited{z-index:2}.welcome-paw{position:absolute;z-index:4;top:-34px;right:22px;display:block;width:96px;height:96px;border-radius:50%;filter:drop-shadow(0 0 9px #f4bcdf75) drop-shadow(0 5px 12px #14051caa);animation:welcome-paw-arrive .6s cubic-bezier(.2,.8,.3,1.15) both}.welcome-paw img{display:block;width:100%;height:100%;object-fit:contain;animation:welcome-paw-beckon 2.6s .6s ease-in-out infinite}.welcome-paw:hover{filter:drop-shadow(0 0 16px #f8dbbca0)}@keyframes welcome-paw-arrive{0%{opacity:0;transform:translateY(-20px) scale(1.3) rotate(-10deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes welcome-paw-beckon{0%,45%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(-5px) rotate(-6deg)}32%{transform:translateY(1px) rotate(3deg)}}@media(max-width:700px){.welcome-paw{width:66px;height:66px;top:-25px;right:8px}}@media(prefers-reduced-motion:reduce){.welcome-paw,.welcome-paw img{animation:none}}.welcome-kitten.is-leaving .welcome-bubble{pointer-events:none;animation:welcome-bubble-out .24s ease-in both}.welcome-kitten.is-leaving .welcome-character{animation:welcome-kitten-out .52s 80ms cubic-bezier(.5,0,.75,.5) both}.welcome-paw.is-leaving{pointer-events:none;animation:welcome-paw-out .34s ease-in both}.welcome-paw.is-leaving img{animation-play-state:paused}@keyframes welcome-bubble-out{to{opacity:0;transform:translate(12px,8px) scale(.96)}}@keyframes welcome-kitten-out{20%{opacity:1;transform:translateY(-3px) rotate(-2deg)}to{opacity:0;transform:translateY(115%) rotate(7deg)}}@keyframes welcome-paw-out{to{opacity:0;transform:translateY(10px) scale(.65) rotate(12deg)}}@media(prefers-reduced-motion:reduce){.welcome-kitten.is-leaving .welcome-bubble,.welcome-kitten.is-leaving .welcome-character,.welcome-paw.is-leaving{animation-duration:1ms;animation-delay:0ms}}.mode-page{color:#f5efff;background:#020b1b;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow:clip;font:14px/1.5 Arial,Helvetica,sans-serif}.mode-page a{color:inherit;text-decoration:none}.mode-page a:focus-visible{outline:2px solid #cfc6ff;outline-offset:6px}.mode-accessible-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.mode-space{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;overflow:hidden;z-index:-1;pointer-events:none;transform:translate(var(--space-x, 0px),var(--space-y, 0px));transition:transform 1.2s ease-out;background:radial-gradient(ellipse at 50% 46%,#04122e00 15%,#010711 85%),radial-gradient(ellipse at 22% 22%,#163b7330,transparent 42%),radial-gradient(ellipse at 82% 75%,#163b7330,transparent 40%)}.mode-nebula{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.7;background:radial-gradient(ellipse 10% 26% at 19% 26%,#2153a11c,transparent 75%),radial-gradient(ellipse 12% 25% at 72% 29%,#23368025,transparent 75%),radial-gradient(ellipse 26% 10% at 51% 77%,#24378920,transparent 80%);animation:mode-breathe 12s ease-in-out infinite alternate}.mode-orbit{position:absolute;border:1px solid #6484fb30;width:128%;height:62%;border-radius:50%;left:-14%;top:16%;transform:rotate(-19deg)}.mode-orbit-two{width:143%;height:63%;left:-20%;top:12%;transform:rotate(21deg);border-color:#4264cf24}.mode-orbit-three{top:50%;height:28%;width:144%;left:-20%;transform:rotate(-17deg);border-color:#6585fa42}.mode-star{position:absolute;width:var(--star-size);height:var(--star-size);background:#a6caff;border-radius:50%;opacity:.65;box-shadow:0 0 5px #6499ff5c;animation:mode-twinkle 6s var(--star-delay) ease-in-out infinite alternate}.mode-star-bright{background:transparent;border-radius:0;box-shadow:none;opacity:.95;filter:drop-shadow(0 0 4px #4f82ff)}.mode-star-bright:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#c8d8ff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%)}.mode-header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:68px;padding:max(12px,env(safe-area-inset-top)) 3.7%;border-bottom:1px solid #5974aa28;background:#02091588}.mode-header .home-brand{gap:15px}.mode-header .home-brand span{font-size:17px;letter-spacing:.14em}.mode-content{width:min(1760px,92.6%);flex:1;margin:0 auto;padding:48px 0 max(80px,10svh);display:flex;align-items:center}.mode-grid{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.1vw,22px);perspective:1400px}.mode-card{--accent: #b9b2ff;--glow: #7362f2;--tilt-x: 0deg;--tilt-y: 0deg;--light-x: 50%;--light-y: 30%;min-width:0;position:relative;border-radius:23px;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .35s ease-out;animation:mode-arrive 2.11s calc(.12s + var(--card-order) * 90ms) backwards}.mode-card-letters{--glow: #9071b8}.mode-card-free{--accent: #c4a1ff;--glow: #9b5de5}.mode-card-inner{display:grid;grid-template-columns:60% 40%;align-items:center;text-align:left;width:100%;height:100%;aspect-ratio:1.48;min-height:210px;padding:8px 13px 8px 4px;border:1px solid #a5a3f5be;border-radius:inherit;background:radial-gradient(ellipse at 15% 45%,#29235445,transparent 75%),linear-gradient(145deg,#10152be6,#070d1ded 65%,#111332dc);position:relative;overflow:hidden;box-shadow:inset 0 1px 2px #d9d4ff35,0 12px 38px #0004,inset 0 -1px #7978f86b;transition:border-color .35s,box-shadow .35s}.mode-page .mode-card-inner:disabled{opacity:1;cursor:default;color:inherit}.mode-card-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--light-x) var(--light-y),color-mix(in srgb,var(--glow) 23%,transparent),transparent 65%);transition:opacity .4s}.mode-card:hover .mode-card-inner,.mode-card:focus-within .mode-card-inner{border-color:var(--accent);box-shadow:0 22px 55px #0005,0 0 24px color-mix(in srgb,var(--glow) 22%,transparent),inset 0 1px #ffffff4a}.mode-card:hover .mode-card-inner:before,.mode-card:focus-within .mode-card-inner:before{opacity:1}.mode-card-free .mode-card-inner{border-color:#c4a1fff0;background:radial-gradient(ellipse at 25% 40%,#69349c55,transparent 70%),linear-gradient(125deg,#211039ee,#160c29ed 80%,#302044ea);box-shadow:0 0 19px #9b5de538,0 0 6px #b47aff40,inset 0 1px 3px #e5d1ffb0,inset 0 -2px 3px #8954dbce}.mode-art{position:relative;min-width:0;width:114%;margin-left:-3%;display:grid;place-items:center;pointer-events:none}.mode-art-aura{position:absolute;top:15%;right:8%;bottom:15%;left:8%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--glow) 18%,transparent),transparent 70%);transition:transform .6s,opacity .6s;opacity:.75}.mode-art-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;position:relative;filter:drop-shadow(0 8px 15px #0006);animation:mode-float 8s calc(var(--card-order) * -1.3s) ease-in-out infinite;transition:filter .4s}.mode-card:hover .mode-art-image,.mode-card:focus-within .mode-art-image{filter:drop-shadow(0 10px 18px #0008) brightness(1.09)}.mode-card:hover .mode-art-aura,.mode-card:focus-within .mode-art-aura{opacity:1;transform:scale(1.15)}.mode-card-copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:17px;margin-left:-6px;z-index:1}.mode-name{font:400 clamp(27px,2.25vw,42px)/1.1 "Pegasus Editorial",Georgia,serif;letter-spacing:-.05em;text-shadow:0 3px 14px #000a}.mode-status{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#e0d9ee;font-size:clamp(8px,.7vw,12px);white-space:nowrap;background:linear-gradient(180deg,#1a1b3ba6,#0b1023c4);border:1px solid #a59af530;border-radius:30px;min-height:36px;padding:7px 10px;box-shadow:inset 0 1px 8px #a798f00b,0 4px 15px #0002}.mode-page:not(.mode-page-editorial) .mode-card-copy{position:static}.mode-page:not(.mode-page-editorial) .mode-status{position:absolute;right:13px;bottom:13px;min-height:0;padding:0;gap:6px;border:0;border-radius:0;background:none;box-shadow:none;color:#b9bfd4;font-size:11px}.mode-page:not(.mode-page-editorial) .mode-status.is-available{padding:0;color:#c4a1ff;background:none;box-shadow:none}.mode-page:not(.mode-page-editorial) .mode-status i{width:5px;height:5px}.mode-page:not(.mode-page-editorial) .mode-enter-arrow{width:18px;height:18px;margin:0;border:0;border-radius:0;box-shadow:none}.mode-page:not(.mode-page-editorial) .mode-enter-arrow svg{width:16px;height:16px}.mode-page:not(.mode-page-editorial) .mode-status .mode-enter-arrow{display:none}.mode-status>svg{flex-shrink:0;width:13px}.mode-status.is-available{color:#88f8ff;border-color:#22dae2c2;background:linear-gradient(180deg,#003e4994,#011c31b2);padding:0 0 0 10px;gap:6px;box-shadow:inset 0 1px 8px #0efbff15,0 0 12px #17e8ff17}.mode-status i{width:7px;height:7px;border-radius:50%;background:#c4a1ff;box-shadow:0 0 9px #9b5de570;flex-shrink:0}.mode-enter-arrow{display:grid;place-items:center;height:36px;width:36px;border:1px solid #81f4ff;border-radius:50%;margin:-1px -1px -1px 1px;box-shadow:0 0 10px #21d9fd5c,inset 0 0 12px #72f2ff29}.mode-enter-arrow svg{transition:transform .3s}.mode-card-free:hover .mode-enter-arrow svg{transform:translate(3px)}@keyframes mode-arrive{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}@keyframes mode-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes mode-twinkle{0%{opacity:.3}to{opacity:.9}}@keyframes mode-breathe{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}@media(max-width:1190px)and (min-width:701px){.mode-content{width:min(850px,88%);padding:50px 0 80px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mode-card-inner{min-height:220px}.mode-name{font-size:clamp(34px,3.8vw,42px)}.mode-status{font-size:11px}}@media(max-width:700px){.mode-header{min-height:65px;padding:max(12px,env(safe-area-inset-top)) 5%}.mode-header .home-brand{gap:8px}.mode-header .home-brand img{width:29px;height:29px}.mode-header .home-brand span{font-size:11px;letter-spacing:.1em}.mode-content{width:90%;padding:38px 0 max(58px,env(safe-area-inset-bottom))}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mode-card{border-radius:19px}.mode-card-inner{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;min-height:210px;height:clamp(210px,29svh,270px);aspect-ratio:auto;padding:5px 10px 16px}.mode-art{width:100%;min-height:0;height:auto;align-self:stretch;margin:0}.mode-art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none}.mode-card-copy{margin:0;gap:12px}.mode-name{font-size:clamp(28px,7.8vw,36px)}.mode-status{font-size:9px;min-height:30px;padding:5px 9px}.mode-status.is-available{padding:0 0 0 9px}.mode-enter-arrow{width:30px;height:30px}.mode-enter-arrow svg{width:17px}.mode-orbit{width:200%;left:-50%;height:50%}.mode-orbit-two{top:28%;transform:rotate(33deg)}.mode-orbit-three{width:210%;top:70%;height:22%;transform:rotate(-25deg)}}@media(max-width:370px){.mode-grid{gap:12px}.mode-card-inner{min-height:200px;height:200px;padding:5px 7px 14px}.mode-status{font-size:8px;gap:5px}}@media(prefers-reduced-motion:reduce){.mode-page *,.mode-page *:before{animation:none!important;transition:none!important}.mode-card,.mode-space{transform:none!important}}.mode-view-switch{display:flex;padding:3px;border:1px solid #8eabdc35;border-radius:30px;background:#050f23a6;gap:3px}.mode-view-switch button{border:1px solid transparent;border-radius:24px;background:transparent;color:#b2b9d3;font-size:11px;padding:8px 17px;min-height:34px;transition:color .2s,background .2s,border-color .2s}.mode-view-switch button:hover{color:#f4f4ff;background:#abbcff10}.mode-view-switch button[aria-pressed=true]{color:#e8f8ff;border-color:#b0c4fc47;background:linear-gradient(120deg,#415e8442,#6d5aaf30);box-shadow:inset 0 1px #d8e6ff16}.mode-view-switch button:focus-visible{outline:2px solid #cfc6ff;outline-offset:3px}.mode-page-editorial .mode-content{justify-content:center;padding:32px 0 max(40px,env(safe-area-inset-bottom))}.mode-page-editorial .mode-grid{width:min(100%,calc(2 * 670px * .67 + 24px));grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mode-page-editorial .mode-card{--accent: #c4a1ff;--glow: #9b5de5;border-radius:17px}.mode-page-editorial .mode-card-inner{grid-template-columns:35% 65%;aspect-ratio:670 / 334;min-height:0;height:auto;padding:18px 9px 18px 30px;background:radial-gradient(ellipse at 75% 60%,#38316532,transparent 75%),linear-gradient(145deg,#0c1026eb,#090f21ed 65%,#15132ddd)}.mode-page-editorial .mode-card-free .mode-card-inner{border-color:#c4a1fff0;background:radial-gradient(ellipse at 65% 40%,#69349c50,transparent 75%),linear-gradient(125deg,#211039ee,#160c29ed 80%,#302044ea);box-shadow:0 0 18px #9b5de530,0 0 8px #b47aff42,inset 0 1px 3px #e5d1ffa0,inset 0 -2px 3px #8954db90}.mode-page-editorial .mode-card:hover .mode-card-inner,.mode-page-editorial .mode-card:focus-within .mode-card-inner{border-color:var(--accent);box-shadow:0 22px 55px #0005,0 0 24px color-mix(in srgb,var(--glow) 30%,transparent),inset 0 1px #e5d1ff6b}.mode-page-editorial .mode-card-copy{grid-column:1;grid-row:1;align-items:flex-start;margin:0;gap:0}.mode-page-editorial .mode-name{font-size:36px;letter-spacing:-.045em}.mode-editorial-divider{position:relative;width:69px;height:1px;margin:14px 0 15px;background:linear-gradient(90deg,#d9d6f09a,#d9d6f050 80%,transparent)}.mode-editorial-divider:after{content:"";position:absolute;left:32px;top:-4px;width:8px;height:9px;background:#e6e6ff;clip-path:polygon(50% 0,64% 36%,100% 50%,64% 64%,50% 100%,36% 64%,0 50%,36% 36%)}.mode-editorial-description{font:400 16px/1.3 Pegasus Editorial,Georgia,serif;color:#ece6fa;max-width:155px;text-wrap:balance}.mode-page-editorial .mode-status{border:0;padding:0;margin-top:25px;min-height:20px;background:none;box-shadow:none;font-size:12px;color:#c2b2f3}.mode-page-editorial .mode-status.is-available{color:#c4a1ff}.mode-page-editorial .mode-enter-arrow{position:absolute;right:20px;bottom:20px;border:0;margin:0;width:30px;height:26px;box-shadow:none}.mode-page-editorial .mode-enter-arrow svg{width:25px;height:25px;filter:drop-shadow(0 0 5px #9b5de580)}.mode-page-editorial .mode-art{grid-column:2;grid-row:1;width:109%;height:100%;min-height:0;margin:0 0 0 -4%;align-self:stretch}.mode-page-editorial .mode-art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@media(min-width:701px)and (max-width:1030px){.mode-page-editorial .mode-card-inner{padding-left:22px}.mode-page-editorial .mode-name{font-size:clamp(29px,3.5vw,36px)}.mode-editorial-description{font-size:14px}.mode-page-editorial .mode-status{margin-top:18px;font-size:11px}}@media(max-width:700px){.mode-header{flex-wrap:wrap;column-gap:8px;row-gap:8px}.mode-view-switch{order:3;margin:0 auto}.mode-view-switch button{padding:6px 18px;min-height:32px}.mode-page-editorial .mode-content{padding:28px 0 34px}.mode-page-editorial .mode-grid{gap:14px}.mode-page-editorial .mode-card-inner{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto;height:clamp(226px,29svh,258px);padding:9px 15px 15px;aspect-ratio:auto}.mode-page-editorial .mode-art{grid-column:1;grid-row:1;width:100%;height:auto;margin:0}.mode-page-editorial .mode-card-copy{grid-column:1;grid-row:2}.mode-page-editorial .mode-name{font-size:28px}.mode-editorial-divider{margin:8px 0;width:53px}.mode-editorial-divider:after{left:24px;width:6px;height:7px;top:-3px}.mode-editorial-description{font-size:12px;max-width:135px;min-height:32px}.mode-page-editorial .mode-status{margin-top:12px;min-height:16px;font-size:10px}.mode-page-editorial .mode-enter-arrow{left:auto;right:15px;bottom:14px;width:21px;height:21px}.mode-page-editorial .mode-enter-arrow svg{width:19px;height:19px}}@media(max-width:370px){.mode-page-editorial .mode-content{padding:20px 0 24px}.mode-page-editorial .mode-grid{gap:12px}.mode-page-editorial .mode-card-inner{height:200px;padding:7px 12px 12px}.mode-page-editorial .mode-name{font-size:25px}.mode-editorial-description{font-size:11px;min-height:29px}.mode-page-editorial .mode-status{font-size:9px;margin-top:10px}}.mode-selection{width:100%}.mode-page-editorial .mode-selection{width:min(100%,calc(2 * 670px * .67 + 24px))}.mode-page-editorial .mode-selection .mode-grid{width:100%}.mode-gifts{position:absolute;top:clamp(112px,15svh,172px);right:clamp(24px,4vw,76px);z-index:3}.mode-gifts.is-waiting{visibility:hidden;pointer-events:none}.mode-gifts.is-arrived{animation:gift-arrive .85s cubic-bezier(.2,.75,.25,1) both}@keyframes gift-arrive{0%{opacity:0;transform:translate(48px,-28px) scale(.72) rotate(9deg)}60%{opacity:1;transform:translate(-4px,3px) scale(1.04) rotate(-2deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}.gift-trigger{position:relative;display:grid;place-items:center;width:clamp(100px,8vw,132px);aspect-ratio:1080 / 940;padding:0;border:0;border-radius:18px;color:#eadbff;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.gift-trigger:before{content:"";position:absolute;top:25%;right:8%;bottom:5%;left:8%;border-radius:50%;background:radial-gradient(ellipse,#bd8cfa2a,transparent 70%);filter:blur(13px);opacity:.5;transition:opacity .3s}.gift-trigger .welcome-paw{top:-32%;right:0;width:64%;height:auto;aspect-ratio:1}.gift-trigger:hover:before,.gift-trigger:focus-visible:before{opacity:1}.gift-trigger:focus-visible{outline:2px solid #d3b5ff;outline-offset:7px}.gift-art{position:relative;display:block;width:100%;aspect-ratio:1080 / 940;isolation:isolate;filter:drop-shadow(0 9px 11px #0005)}.gift-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.gift-layer-body{z-index:1}.gift-layer-lid{z-index:3;transform-origin:50% 52%}.gift-layer-magic{z-index:2;opacity:0;transform:translateY(-26%) scale(.65)}.mode-gifts .gift-art{animation:gift-float 6s ease-in-out infinite;transition:filter .3s}.gift-trigger:hover .gift-art{filter:drop-shadow(0 8px 15px #c393f340)}.has-new-gifts .gift-art{filter:drop-shadow(0 5px 12px #c393f345)}@keyframes gift-float{50%{transform:translateY(-5px) rotate(1.5deg)}}.mode-gifts .gift-count{top:8%;right:0;min-width:21px;height:21px;font-size:11px}.gift-count{position:absolute;top:0;right:-3px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border:2px solid #07101f;border-radius:20px;background:#e7ceff;color:#32154e;font:700 10px/1 system-ui}.gift-connection-dot{position:absolute;top:3px;right:0;width:7px;height:7px;border-radius:50%;background:#dfb873}dialog.gift-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 40px);margin:auto;padding:clamp(20px,4vw,32px);overflow-y:auto;color:#eee8fa;border:1px solid #b99bdf70;border-radius:24px;background:radial-gradient(ellipse at 90% 0,#49305f50,transparent 55%),#101020;box-shadow:0 30px 100px #0009,inset 0 1px #e4c6ff18;font-family:Inter,system-ui,sans-serif}.gift-dialog::backdrop{background:#020611ba;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.gift-dialog .dialog-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}.gift-dialog .dialog-heading h2{display:flex;align-items:center;gap:10px;margin:8px 0 0;color:#f1e7ff;font:400 32px/1.2 Pegasus Editorial,Georgia,serif}.gift-dialog .dialog-heading h2>svg{width:24px;color:#d4b0f7}.gift-dialog .dialog-eyebrow{color:#b4a0c8;font-size:9px;letter-spacing:.17em}.gift-dialog .dialog-heading>button{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;padding:0;border:1px solid #c8a5ed25;border-radius:50%;background:#ac86dc0c;color:#d9c8eb;cursor:pointer}.gift-dialog button:focus-visible{outline:2px solid #d3b5ff;outline-offset:3px}.gift-intro{margin:0 0 24px;color:#aaa3bb;font-size:13px;line-height:1.7}.gift-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(20px,5svh,46px) 10px}.gift-empty-art{width:90px;height:90px;padding:16px;border:1px solid #c098f024;border-radius:50%;background:radial-gradient(circle,#ab6ce71c,#ab6ce704)}.gift-empty h3{margin:24px 0 10px;font:400 25px/1.2 Pegasus Editorial,Georgia,serif}.gift-empty p{max-width:350px;margin:0;font-size:13px;line-height:1.8;color:#b0a8c2}.gift-empty>span{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:32px;color:#b89dd5;font-size:11px;line-height:1.6}.gift-list{display:grid;gap:18px}.received-gift{padding:20px;border:1px solid #b697df32;border-radius:17px;background:linear-gradient(130deg,#9d61d40e,#b1a0f504)}.received-gift-heading{display:flex;align-items:center;gap:12px}.received-gift-heading>div{min-width:0;flex:1}.gift-package-icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:11px;background:#b78be21a;color:#d7b4fb}.received-gift h3{margin:0 0 5px;font-size:15px;font-weight:500;overflow-wrap:anywhere}.received-gift time{color:#9e93b0;font-size:10px}.gift-received-label{color:#c3deb9;background:#a7cf9210;border:1px solid #a7cf9228;border-radius:20px;padding:5px 8px;font-size:9px}.gift-message{color:#bcb0cb;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0}.gift-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 0;padding:0;list-style:none}.gift-resources li{min-width:0}.gift-resource-art{display:grid;place-items:center;height:115px;padding:12px;border-radius:12px;border:1px solid #c4a3df20;background:#e8dfe5;overflow:hidden}.gift-resource-art img{width:100%;height:100%;min-height:0;object-fit:contain}.gift-resource-avatar{background:radial-gradient(circle,#47315660,#201d32)}.gift-resource-texture{padding:0}.gift-resource-texture img{object-fit:cover}.gift-resource-art>svg{color:#82648e;width:32px;height:32px}.gift-resources li>div:last-child:not(.gift-resource-art){padding:10px 2px 0}.gift-resources small{display:block;margin-bottom:4px;color:#9e8ab6;font-size:9px}.gift-resources strong{display:block;color:#e0d4ed;font-size:11px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.gift-footnote{margin:0;color:#9f92b1;font-size:11px;line-height:1.8}.gift-error{padding:14px;border:1px solid #dcab9940;border-radius:12px;background:#d681660a;color:#efc3b2;font-size:12px}.gift-error p{margin:0 0 10px}.gift-error button{border:1px solid #e0b39c55;border-radius:7px;padding:7px 12px;background:transparent;color:inherit;cursor:pointer}.gift-loading{animation:gift-spin 1s linear infinite;margin-bottom:15px}@keyframes gift-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.mode-selection{position:relative}.mode-gifts{top:auto;right:-6px;bottom:calc(100% - 8px)}.mode-gifts .gift-trigger{width:66px}.mode-gifts .gift-count{min-width:16px;height:16px;font-size:9px}}@media(max-width:440px){.gift-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.received-gift{padding:15px}.gift-received-label{display:none}.gift-empty>span{margin-top:22px}}@media(max-height:600px){.gift-empty{padding:12px 0}.gift-empty-art{width:64px;height:64px;padding:10px}.gift-empty h3{margin-top:16px}}@media(prefers-reduced-motion:reduce){.mode-gifts.is-arrived{animation:none!important}.gift-trigger{transition:none}.gift-loading,.mode-gifts .gift-art{animation:none}}.admin-gifts{margin:22px 0;padding-top:18px;border-top:1px solid #b79ad329}.admin-gift-form{display:grid;gap:14px;margin-top:15px}.admin-gift-form>p,.admin-gift-form fieldset>p,.admin-gift-success p{margin:0;color:#aaa3bb;font-size:12px;line-height:1.7}.admin-gift-form fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}.admin-gift-form fieldset:disabled{opacity:.7}.admin-gift-form fieldset>label{display:grid;gap:7px;color:#d5c9e4;font-size:12px}.admin-gift-form input:not([type=checkbox]),.admin-gift-form textarea{box-sizing:border-box;width:100%;padding:10px 12px;border:1px solid #baa4d342;border-radius:9px;color:#ece5f5;background:#090c1a;font:inherit}.admin-gift-form textarea{resize:vertical}.admin-gift-kinds{display:flex;flex-wrap:wrap;gap:8px}.admin-gift-kinds button,.admin-gift-success button{padding:8px 12px;border:1px solid #a68abb50;border-radius:9px;color:#cfc1e0;background:#9a76bd0c;cursor:pointer;font-size:12px}.admin-gift-kinds button[aria-pressed=true]{color:#f1dcff;background:#b079e82b;border-color:#bf93e69c}.admin-gift-form .admin-gift-search{display:flex;align-items:center;gap:8px}.admin-gift-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-height:285px;overflow-y:auto;padding:3px}.admin-gift-resources>label{min-width:0;padding:6px;border:1px solid #b79ad329;border-radius:11px;cursor:pointer}.admin-gift-resources>label.is-selected{border-color:#c393f1;background:#b784ef18}.admin-gift-resources .gift-resource-art{height:85px;padding:6px}.admin-gift-resources>label>span{display:flex;align-items:flex-start;gap:5px;padding:8px 1px 2px;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.admin-gift-resources input[type=checkbox]{flex-shrink:0;margin:2px 0 0;accent-color:#bd8de9}.admin-gift-selection{overflow-wrap:anywhere}.admin-gift-form>button{justify-self:start}.admin-gift-success{display:grid;justify-items:start;gap:12px;margin-top:16px;color:#ccdfbf}@media(max-width:440px){.admin-gift-resources{grid-template-columns:repeat(2,minmax(0,1fr))}}.gift-trigger[data-opening]{cursor:progress;animation:gift-present 1.6s ease-out both}.gift-trigger[data-opening]:before{opacity:1}.gift-opening-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes gift-present{0%,to{transform:scale(1)}30%,75%{transform:scale(1.18)}}.gift-art[data-opening]{animation:gift-anticipation 1.6s ease-in-out both}.gift-art[data-opening] .gift-layer-lid{animation:gift-lid-open 1.6s cubic-bezier(.22,.65,.25,1) both}.gift-art[data-opening] .gift-layer-body{animation:gift-body-open 1.6s ease-in-out both;transform-origin:50% 100%}.gift-art[data-opening] .gift-layer-magic{animation:gift-magic-open 1.6s ease-out both}.mode-gifts .gift-art[data-opened]{animation:none}.gift-art[data-opened] .gift-layer-lid{transform:translate(-5%,-44%) rotate(-14deg);opacity:1}.gift-art[data-opened] .gift-layer-magic{transform:translateY(-30%) scale(1.05);opacity:.65}@keyframes gift-anticipation{0%,28%,to{transform:rotate(0)}8%,20%{transform:rotate(-2deg)}14%,24%{transform:rotate(2deg)}}@keyframes gift-lid-open{0%,25%{transform:translateY(0) rotate(0);opacity:1}37%{transform:translateY(-6%) rotate(-3deg)}68%{transform:translate(-5%,-44%) rotate(-14deg);opacity:1}to{transform:translate(-5%,-44%) rotate(-14deg);opacity:1}}@keyframes gift-body-open{0%,28%,65%,to{transform:scale(1)}18%{transform:scale(1.035,.96)}40%{transform:scale(.985,1.025)}}@keyframes gift-magic-open{0%,32%{opacity:0;transform:translateY(0) scale(.25)}65%{opacity:.95;transform:translateY(-30%) scale(1.05)}to{opacity:.65;transform:translateY(-30%) scale(1.05)}}@media(prefers-reduced-motion:reduce){.gift-art,.gift-art *,.gift-reveal,.gift-trigger[data-opening]{animation:none!important;transition:none!important}}dialog.gift-dialog[open]{animation:gift-dialog-in .26s cubic-bezier(.2,.8,.2,1) both}.gift-dialog::backdrop{animation:gift-backdrop-in .24s ease-out both}dialog.gift-dialog.is-closing{animation:gift-dialog-out .18s ease-in both;pointer-events:none}.gift-dialog.is-closing::backdrop{animation:gift-backdrop-out .18s ease-in both}@keyframes gift-dialog-in{0%{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gift-dialog-out{0%{opacity:var(--gift-exit-opacity, 1);transform:var(--gift-exit-transform, translateY(0) scale(1))}to{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes gift-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes gift-backdrop-out{0%{opacity:var(--gift-exit-backdrop-opacity, 1)}to{opacity:0}}@media(prefers-reduced-motion:reduce){dialog.gift-dialog[open],.gift-dialog::backdrop{animation:none!important}}.gift-box-claim{display:grid;gap:12px;margin:16px 0}.gift-box-claim p{margin:0;font-size:13px;line-height:1.7;color:#c3cfe0}.gift-box-claim small{font-size:11px;line-height:1.8;color:#9fadc5}.gift-box-claim button{justify-self:start;min-height:44px}.admin-gift-form .avatar-checkbox{display:flex;align-items:center;gap:10px}.admin-gift-form .avatar-checkbox input{width:18px;height:18px;flex:none}.editor-loading{position:relative;isolation:isolate;min-height:100svh;display:grid;place-items:center;overflow:clip;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));color:#f5efff;background:#020b1b;text-align:center;font:14px/1.5 Arial,Helvetica,sans-serif}.loading-space{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 18% 22%,#163b7330,transparent 45%),radial-gradient(ellipse at 82% 78%,#163b7326,transparent 42%),radial-gradient(ellipse at 50% 46%,transparent 15%,#010711 90%)}.loading-sky-orbit{position:absolute;left:-20%;top:22%;width:140%;height:56%;border:1px solid #6484fb16;border-radius:50%;transform:rotate(-21deg)}.loading-sky-orbit-two{top:12%;height:70%;transform:rotate(24deg);border-color:#a78bd518}.loading-star{position:absolute;width:2px;height:2px;border-radius:50%;background:#a6caff;opacity:.45;animation:loading-twinkle 5s var(--star-delay) ease-in-out infinite}.loading-star-bright,.loading-companion{width:8px;height:8px;border-radius:0;background:#d8d4ff;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%)}.loading-content{display:flex;flex-direction:column;align-items:center;width:min(100%,520px)}.loading-emblem{position:relative;display:grid;place-items:center;width:clamp(144px,25svh,220px);aspect-ratio:1;margin-bottom:clamp(24px,4svh,40px)}.loading-wheel{position:relative;width:52%;aspect-ratio:1;border:2px solid #b08af51a;border-radius:50%;transform-origin:center;will-change:transform,opacity;animation:loading-arrive .6s ease-out both}.loading-wheel-ring{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;filter:drop-shadow(0 0 5px #a879ed70);will-change:transform;animation:loading-wheel-spin 1.8s linear infinite}.loading-wheel-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:conic-gradient(from 0deg,transparent 10%,#7047bf18 35%,#9560db70 60%,#bd8fff 82%,#f0dfff 100%);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}.loading-wheel-ring:after{content:"";position:absolute;top:-1px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#f4e8ff;box-shadow:0 0 6px #dbf,0 0 12px #a476e980}@keyframes loading-wheel-spin{to{transform:rotate(360deg)}}.loading-companion{position:absolute;animation:loading-twinkle 4s ease-in-out infinite}.loading-companion-one{top:14%;right:16%;width:13px;height:13px}.loading-companion-two{left:13%;bottom:18%;animation-delay:-2s}.loading-pulse{display:flex;gap:9px;margin-top:clamp(8px,1.5svh,14px)}.loading-pulse span{width:4px;height:4px;border-radius:50%;background:#d9b9ff;opacity:.35;animation:loading-twinkle 1.8s ease-in-out infinite}.loading-pulse span:nth-child(2){animation-delay:.2s}.loading-pulse span:nth-child(3){animation-delay:.4s}@keyframes loading-arrive{0%{opacity:0;transform:scale3d(.72,.72,1)}to{opacity:1;transform:scaleZ(1)}}@keyframes loading-twinkle{0%,to{opacity:.3}50%{opacity:.9}}@media(prefers-reduced-motion:reduce){.editor-loading *,.editor-loading *:before,.editor-loading *:after{animation:none!important}}:root{font-family:Arial,Helvetica,sans-serif;color:#d8e4e8;background:#0b1219;font-synthesis:none;font-weight:400;font-size:13px;color-scheme:dark;--cyan: #38d4de;--muted: #80939e;--border: rgba(167, 208, 221, .15);--panel: rgba(26, 44, 53, .64);--input: rgba(7, 20, 27, .65);--motion-enter: .32s;--motion-exit: .18s;--motion-ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}body{margin:0;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],[contenteditable=plaintext-only]{-webkit-user-select:text;user-select:text}img,a{-webkit-user-drag:none}button,input,select,textarea{font:inherit}select{color-scheme:dark}select option,select optgroup{background-color:#101a2b;color:#dce3f1}select option:checked{background:#34365f;color:#f1efff}select option:hover{background-color:#252b4a;color:#f1efff}button{cursor:pointer}button,input,select{outline:none}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}:root[data-input-modality=pointer] :focus{outline:none}button:disabled{opacity:.32;cursor:default}button{transition:background .14s,border-color .14s,color .14s}input,select{min-width:0}button svg{flex-shrink:0}input[type=number]::-webkit-inner-spin-button{opacity:.3}input[type=checkbox],input[type=range]{accent-color:var(--cyan)}.app{height:100dvh;min-height:450px;padding:14px 18px 0;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 74% 14%,#123c49b3 0,transparent 39%),radial-gradient(ellipse at 16% 77%,#253040b3 0,transparent 44%),#0c151c}.theme-graphite{background:radial-gradient(ellipse at 74% 14%,#303b4480 0,transparent 44%),#141a20;--panel: rgba(37, 45, 52, .75)}.topbar{height:64px;flex-shrink:0;display:flex;gap:20px;align-items:center;padding:0 17px;border:1px solid #a0d7ea2e;border-top-color:#c5edff52;border-bottom-color:#70b0ca26;border-radius:13px;background:radial-gradient(ellipse at 12% 0%,#b8e6ff16,transparent 48%),radial-gradient(ellipse at 95% 100%,#22c7da0c,transparent 42%),linear-gradient(180deg,#a3d3ea0d,#172b3c14 48%,#06132047),linear-gradient(115deg,#19304466,#0b1d2d52);box-shadow:0 12px 36px #00000040,0 2px 8px #0000001a,inset 0 1px #e1f5ff1f,inset 0 -1px #7fcce910;-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);z-index:5}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;white-space:nowrap;font-size:19px;letter-spacing:-.8px;padding:0;font-weight:400}.brand b{font-weight:600}.brand img{width:50px;height:50px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 0 12px #1ac2d326)}.topbar-divider{width:1px;height:27px;background:var(--border)}.topbar nav{display:flex;height:100%;gap:4px}.topbar nav button{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:0 11px;color:#9cb0bc;position:relative;font-size:12px}.topbar nav button:hover{color:#e7f4f9}.topbar nav button.active{color:#a3eef1}.topbar nav button.active:after{content:"";height:2px;position:absolute;bottom:11px;left:12px;right:12px;background:var(--cyan);box-shadow:0 0 12px #24d8de66}.project-title{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;min-width:70px;margin:0 14px}.project-title input{text-align:center;width:180px;max-width:100%;background:none;border:1px solid transparent;color:#d3e1e7;padding:7px 5px;border-radius:5px;font-size:13px;letter-spacing:.1px}.project-title input:hover{border-color:var(--border)}.saved-dot,.unsaved-dot{width:5px;height:5px;border-radius:50%;background:#618289;flex-shrink:0}.unsaved-dot{background:#d2a46f}.top-actions{display:flex;align-items:center;gap:14px}.history-buttons{display:flex;gap:3px;border-right:1px solid var(--border);padding-right:13px}.button{border:1px solid transparent;background:transparent;padding:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;white-space:nowrap;min-height:33px}.button:hover{background:#a9d6e410;border-color:#b7e5f31a;color:#ecfcff}.button.active{border-color:#2dcfe688;color:#7ce5eb;background:#2fcce717;box-shadow:inset 0 0 15px #00c1de07}.button.primary{background:linear-gradient(145deg,#2acece,#28b6c7);border:1px solid #72ffff4a;color:#07272e;font-weight:600;padding:9px 15px;box-shadow:0 3px 16px #00cadd15}.button.primary:hover{background:#5be3e5}.button.danger{background:#793a3655;border-color:#d66a5566;color:#ffbdb0;padding:8px 14px}.save-group{position:relative;display:flex;gap:0}.save-group>.button:first-child{padding-right:4px}.save-group>.button:nth-child(2){padding-left:2px;width:23px}.save-menu{position:absolute;right:0;top:43px;width:190px;padding:6px;background:#172b34;border:1px solid #526a75;border-radius:8px;box-shadow:0 8px 25px #0005}.save-menu button{display:block;background:none;border:0;text-align:left;padding:10px;width:100%;border-radius:4px}.save-menu button:hover{background:#c3e9f011}.editor-subbar{height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 80px;gap:14px}.editor-subbar>div{display:flex;align-items:center;gap:17px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:#849fa9;font-weight:600}.subbar-separator{width:1px;height:15px;background:var(--border)}.page-breadcrumb{display:flex;align-items:center;gap:10px;border:0;background:none;color:#708c98;font-size:11px}.page-breadcrumb span{color:#c5d7de}.save-status{font-size:10px;color:#859fa8;display:flex;align-items:center;gap:7px;white-space:nowrap}.status-dot{width:4px;height:4px;border-radius:50%;background:#6bc2bc;display:inline-block;flex-shrink:0}.format-chip{background:#19333d55;border:1px solid var(--border);border-radius:5px;display:flex;align-items:center;gap:10px;font-size:11px;padding:6px 9px}.format-chip small{font-size:9px;color:#77939f}.page-format-control{position:relative}.page-format-menu{position:absolute;right:0;top:calc(100% + 8px);z-index:50;width:200px;padding:10px;background:#11242d;border:1px solid #35515c;border-radius:10px;box-shadow:0 12px 30px #0006}.page-format-menu .eyebrow{display:block;padding:8px}.page-format-menu button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px;border:0;border-radius:5px;background:transparent;color:#d7e8eb;cursor:pointer}.page-format-menu button:hover,.page-format-menu button:focus-visible{background:#244450}.page-format-menu button[aria-pressed=true]{color:#4ee3e9}.page-format-menu .page-rotate-action{margin-top:6px;border-top:1px solid #35515c;border-radius:0 0 5px 5px}.editor-layout{flex:1;min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr) 310px;gap:12px}.tool-rail{border:1px solid #b9ddea33;background:linear-gradient(160deg,#677d873d,#25374473);border-radius:11px;display:flex;align-items:center;flex-direction:column;padding:11px 7px;justify-content:space-between;box-shadow:inset 0 1px #e5faff0d}.tool-buttons{display:flex;flex-direction:column;gap:10px}.tool-buttons .button{height:42px;width:42px;border:1px solid #accad222;background:linear-gradient(130deg,#6b879329,#10212b29);border-radius:7px;color:#b8cbd3}.tool-buttons .button svg{width:22px;height:22px;stroke-width:1.5}.tool-buttons .button.active{border-color:#23cfec;color:#46d9e5;box-shadow:0 0 12px #00ccdf28,inset 0 0 13px #00d8ff16;background:#045a6c38}.rail-divider{margin:1px 5px;border-top:1px solid var(--border)}.rail-bottom{display:flex;flex-direction:column;gap:6px;align-items:center}.rail-bottom .button{color:#7b95a4}.rail-bottom>span{font-size:9px;letter-spacing:1.6px;color:#54707e;margin:10px 0 3px}.canvas-viewport{border:1px solid #a1cbd12e;position:relative;overflow:hidden;min-width:0;border-radius:11px;background:radial-gradient(ellipse at 80% 15%,#16748719,transparent 52%),linear-gradient(130deg,#253a4540,#13202a5c);box-shadow:inset 0 0 50px #040c1350;touch-action:none;-webkit-user-select:none;user-select:none}.tool-hand,.space-hand{cursor:grab}.tool-hand:active,.space-hand:active{cursor:grabbing}.tool-text{cursor:crosshair}.page-surface{position:absolute;top:0;left:0;transform-origin:0 0;box-shadow:0 9px 45px #0008,0 0 0 1px #0002;-webkit-user-select:none;user-select:none}.page-surface>svg:first-child{display:block;overflow:hidden}.page-surface[data-page-turning]{opacity:0!important}.canvas-page-turn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.canvas-page-turn-sheet{position:absolute;transform-origin:left center;backface-visibility:hidden;box-shadow:0 9px 35px #0006,0 0 0 1px #0002;will-change:transform}.canvas-page-turn-sheet>svg{display:block;width:100%;height:100%;overflow:hidden}.canvas-page-turn-shade,.canvas-page-turn-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.canvas-page-turn-shade{background:linear-gradient(90deg,#24190b99,#fff8e51a 18%,#fff8e54d 65%,#291d0f80)}.canvas-page-turn-shadow{background:linear-gradient(90deg,#120e09b3,#120e0959 32%,#120e0900 85%)}.page-element{cursor:move}.tool-text .page-element{cursor:crosshair}.tool-hand .page-element,.space-hand .page-element{cursor:grab}.canvas-viewport.is-panning,.canvas-viewport.is-panning *{cursor:grabbing!important}.canvas-overlays{position:absolute;top:0;left:0;pointer-events:none;overflow:visible}.selection-outline{stroke:#1dd3e8;fill:none}.page-margin-guides{z-index:7}.margin-guide-icon{color:#b68af7}.page-margins-editor{container-type:inline-size}.margins-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.margins-heading .section-label{margin:0;color:#ded8eb;font-size:13px}.margin-unit-label{display:flex;align-items:center;gap:8px}.margin-unit-label>span{font-size:10px;color:#a6a0b8}.margins-heading select{background:var(--input);border:1px solid #a69bcc45;border-radius:8px;color:#d9c3f4;font-size:11px;padding:7px 9px;min-height:34px;min-width:65px}.margin-link-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:8px}.margin-link-heading>span{color:#bdb5cf;font-size:11px}.margin-link-heading>small{color:#9488a8;font-size:9px;text-align:right}.margin-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-bottom:16px}.margin-links .button{min-width:0;min-height:38px;padding:8px 4px;gap:5px;border:1px solid #a69bcc30;border-radius:8px;background:#0c102033;color:#ada5c1;font-size:10px;white-space:nowrap}.margin-links .button svg{flex-shrink:0}.margin-links .button:hover:not(:disabled){border-color:#b994e980;background:#a878df16}.margin-links .button.active{border-color:#b98bea;background:#a878df29;color:#ead5ff;box-shadow:inset 0 1px #d7b5ff12}.margin-links .button:disabled{opacity:.6;cursor:default}.margin-links .button:focus-visible{outline:2px solid #c69af3;outline-offset:2px}.margin-controls{display:grid;gap:8px}.margin-control{display:grid;grid-template-columns:minmax(0,1fr) 84px;grid-template-areas:"label value" "slider slider" "error error";align-items:center;gap:3px 8px;padding:10px 12px 7px;border:1px solid #a69bcc26;border-radius:10px;background:linear-gradient(130deg,#a797c608,#090d1b30)}.margin-control:focus-within{border-color:#b98bea80;background:#a878df0c}.margin-control>label{grid-area:label;display:flex;align-items:center;gap:9px;color:#c3bcd2;font-size:11px}.margin-control>label>span{text-transform:capitalize}.margin-side-icon{width:18px;height:22px;flex-shrink:0;fill:none}.margin-side-icon rect{stroke:#aaa0bd66;stroke-width:1}.margin-side-icon path{stroke:#bc94ef;stroke-width:2.5;stroke-linecap:round}.margin-control-row{display:contents}.margin-slider{grid-area:slider;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;min-width:0;height:24px;margin:1px 0 0;border-radius:6px;background:linear-gradient(to right,#af7be9 0 var(--margin-progress, 0%),#64507966 var(--margin-progress, 0%) 100%) center / 100% 4px no-repeat;cursor:ew-resize;touch-action:none;accent-color:#b68af7}.margin-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:2px solid #e2c8ff;border-radius:50%;background:#a271df;box-shadow:0 2px 5px #0005}.margin-slider::-moz-range-thumb{width:11px;height:11px;border:2px solid #e2c8ff;border-radius:50%;background:#a271df;box-shadow:0 2px 5px #0005}.margin-slider:focus-visible{outline:2px solid #b68af7;outline-offset:2px}.margin-value{grid-area:value;position:relative;width:84px}.margin-value input{width:100%;min-height:34px;border:1px solid #a69bcc38;border-radius:7px;background:var(--input);color:#e4dced;padding:7px 27px 7px 8px;font-size:12px;font-variant-numeric:tabular-nums}.margin-value input:focus-visible{border-color:#c69af3;outline:2px solid #c69af333}.margin-value input[aria-invalid=true]{border-color:#e7a099}.margin-value small{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#a89bbc;font-size:9px;pointer-events:none}.margin-input-error{grid-area:error;color:#e7a099;font-size:10px;line-height:1.4}@container (min-width: 460px){.margin-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}.ruler-horizontal{position:absolute;top:0;left:27px;right:0;height:25px;background:#11242b9c;z-index:1;border-bottom:1px solid #799ba633;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 9px,#89a8b243 9px,#89a8b243 10px);background-position:0 18px;background-size:auto 6px;background-repeat:repeat-x;pointer-events:none}.ruler-horizontal span{position:absolute;top:4px;font:9px Arial;color:#8ba9b5;margin-left:-27px}.ruler-vertical{position:absolute;left:0;top:25px;bottom:0;width:27px;background:#10212bac;z-index:1;border-right:1px solid #799ba633;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 9px,#89a8b243 9px,#89a8b243 10px);background-size:6px auto;background-position:20px 0;background-repeat:repeat-y;pointer-events:none}.ruler-vertical span{position:absolute;left:4px;font:9px Arial;color:#8ba9b5;margin-top:-25px}.ruler-unit{position:absolute;top:0;left:0;width:27px;height:25px;z-index:2;text-align:center;padding-top:7px;background:#172c36;color:#7497a5;font-size:8px}.canvas-caption{position:absolute;bottom:17px;right:20px;display:flex;align-items:center;gap:8px;font-size:9px;color:#7f9eaa;pointer-events:none}.canvas-caption>span:not(.status-dot){color:#385d6c}.zoom-controls{position:absolute;left:40px;bottom:14px;display:flex;align-items:center;gap:1px;background:#1b2c36db;border:1px solid #9cc8d039;border-radius:8px;padding:2px 4px;box-shadow:0 5px 15px #0004;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.zoom-controls .button{padding:7px;min-height:29px}.zoom-controls .button svg{height:15px;width:15px}.zoom-number{background:none;border:0;font-size:11px;padding:0 10px;min-width:57px}.zoom-controls i{height:19px;border-left:1px solid var(--border);margin:0 5px}.panel-toggle{position:absolute;right:12px;top:36px;background:#1a3541;border-color:var(--border);display:none;z-index:3}.right-column{display:flex;min-height:0;flex-direction:column;gap:12px}.inspector{display:flex;flex:1;min-height:0;flex-direction:column;background:linear-gradient(130deg,#19343e99,#15252f6b);border:1px solid #a6d2dd26;border-radius:11px;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.inspector-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 17px 13px;border-bottom:1px solid var(--border)}.inspector-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:#6f909e}.inspector-heading h2{margin:8px 0 0;font-size:13px;font-weight:500}.inspector-heading h2 span{color:#93adb9;font-weight:400}.close-panel{display:none}.inspector-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#47636b77 transparent}.properties-section{padding:15px 17px 10px}.stack-field{display:flex;flex-direction:column;gap:7px;font-size:11px;margin-bottom:13px;color:#9eb5c0}.stack-field input,.stack-field select,.field input{border:1px solid #a2c7d026;background:var(--input);border-radius:5px;color:#d0e0e7;padding:8px 9px;font-size:11px;width:100%;min-height:33px}.stack-field select{padding-right:6px;cursor:pointer}.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:10px;color:#8aa7b4}.field>div{position:relative}.field input{padding-right:24px;font-size:11px;min-height:31px}.field small{position:absolute;right:7px;top:10px;color:#688592;font-size:9px;pointer-events:none}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px 14px;margin-bottom:12px}.dimension-fields{display:contents}.transform-heading{padding:12px 0 0;border-top:1px solid var(--border)}.image-position-content:not([hidden]){animation:image-position-reveal .22s cubic-bezier(.2,.8,.2,1)}@keyframes image-position-reveal{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.image-position-content:not([hidden]){animation:none}}.transform-section>div>.property-label{margin:10px 0 7px}.transform-section>div>.spatial-alignment{margin-bottom:14px}.spatial-alignment .button:nth-child(4){margin-left:5px}.transform-dimensions{display:grid;gap:7px;margin-bottom:7px}.transform-row{display:grid;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:8px}.transform-label{color:#9eb5c0;font-size:11px}.transform-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.field-inline{flex-direction:row;align-items:center;gap:4px}.field-inline>span{flex:0 0 10px;font-size:10px}.field-inline>div{flex:1;min-width:0}.field-inline input{min-height:28px;padding:5px 21px 5px 6px;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.field-inline input::-webkit-inner-spin-button,.field-inline input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.field-inline small{top:50%;right:5px;transform:translateY(-50%);font-size:8px}.transform-ratio{margin:10px 0 0 70px;font-size:10px}@media(max-width:350px){.transform-row{grid-template-columns:minmax(0,1fr);gap:5px}.transform-dimensions{gap:10px;margin-bottom:10px}.transform-ratio{margin-left:0}.transform-section .spatial-alignment{gap:3px}}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:12px}.two-columns>.stack-field{margin-bottom:0}.rotation-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:14px}.rotation-row>.field{flex:1}.check-field{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.7;color:#b2c7d0;margin:10px 0}.rotation-row>.check-field{width:135px;font-size:10px;margin:0 0 6px}.check-field input{margin:0}.color-field{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:13px 0;font-size:10px;color:#97b2bf}.color-field>div{border:1px solid var(--border);padding:4px 7px;border-radius:5px;display:flex;gap:8px;align-items:center;background:var(--input);color:#afc2cc;font-size:10px}.color-field input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:0;background:none;width:27px;height:22px}.color-field input::-webkit-color-swatch-wrapper{padding:0}.color-field input::-webkit-color-swatch{border:0;border-radius:3px}.section-divider{height:1px;background:var(--border);margin:17px 0 14px}.ink-paper-color,.ink-custom-color{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--muted);font-size:10px}.ink-paper-color strong{display:block;margin-top:3px;color:#d8e4e8;font-size:10px}.ink-color-swatch{width:27px;height:27px;flex-shrink:0;border:1px solid var(--border);border-radius:5px}.ink-custom-color{justify-content:space-between}.ink-custom-color>div{display:flex;gap:7px;align-items:center}.ink-custom-color input[type=color]{width:30px;height:30px;padding:2px;cursor:pointer}.ink-custom-color input[type=text]{width:84px;padding:7px;font-size:10px}.illustration-ink-options{display:flex;gap:8px;margin-top:12px}.illustration-ink-option{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;gap:8px;padding:6px 2px 8px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.illustration-ink-option:hover{background:var(--panel);color:#d8e4e8}.illustration-ink-option[aria-pressed=true]{border-color:color-mix(in srgb,var(--cyan) 65%,transparent);background:color-mix(in srgb,var(--cyan) 7%,transparent);color:#d8e4e8}.illustration-ink-option-swatch{position:relative;display:block;width:42px;max-width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #c4b9a6;border-radius:2px;background-image:linear-gradient(145deg,#f7f0e4,#dfd2bb);box-shadow:0 2px 6px #0003,inset 0 0 0 3px #fff3}.illustration-ink-option-swatch:before{content:"";position:absolute;top:12px;right:7px;bottom:12px;left:7px;background:currentColor;transform:rotate(-18deg);clip-path:polygon(0 13%,12% 3%,31% 9%,70% 0,94% 6%,100% 18%,95% 40%,100% 59%,91% 91%,65% 97%,40% 89%,8% 100%,0 84%,4% 54%);box-shadow:0 0 1px currentColor}.illustration-ink-option-swatch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(163deg,transparent 0 3px,#f8efdf55 3px 3.5px,transparent 3.5px 6px),repeating-linear-gradient(83deg,transparent 0 5px,#8c765e12 5px 6px);opacity:.65}.illustration-ink-option[aria-pressed=true] .illustration-ink-option-swatch{border-color:#f0e2cc;box-shadow:0 2px 8px #0004,inset 0 0 0 3px #fff4}.ink-intensity{margin:14px 0 10px}.ink-intensity>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.ink-intensity output{color:#d8e4e8}.ink-intensity input{width:100%;margin:10px 0 0;accent-color:var(--cyan)}.property-label{font-size:10px;color:#8eabb7;margin:12px 0 8px}.align-buttons{display:flex;gap:6px}.align-buttons .button{background:#7eafc00b;border-color:#7eafc024;flex:1;min-height:31px;padding:6px}.align-buttons .button.active{border-color:#21b6c98f;background:#00c3d418;color:#58dce4}.align-buttons svg{height:16px}.edit-content{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;margin-top:14px;border-radius:5px;background:#51b3c310;border:1px solid #63bac229;color:#9ccbd3;font-size:11px}.edit-content span{margin-left:auto;color:#5f8a97}.help-text{font-size:10px;color:#78939f;line-height:1.65;margin:10px 0 0}.overflow-notice{font-size:10px;color:#edb492;background:#c6732b12;padding:9px;border-left:2px solid #bf8756;line-height:1.5}.properties-section fieldset{padding:0;margin:0;border:0;min-width:0}.properties-section fieldset:disabled{opacity:.5}.section-label{display:flex;align-items:center;gap:7px;font-size:11px;color:#bbd2da;margin-bottom:15px}.asset-info{padding:10px;border:1px solid var(--border);border-radius:5px;font-size:10px;color:#adc3cd;margin-top:14px;overflow-wrap:anywhere}.asset-info span{display:block;color:#6d8b9a;margin-top:5px}.element-actions{display:flex;gap:5px;margin-top:12px}.element-actions>.button:first-child{flex:1;border-color:var(--border);font-size:10px;color:#95b5c1}.element-actions>.button:last-child{color:#8fa4ae}.selection-count{font-size:12px;margin:4px 0 15px}.layers-section{margin:4px 10px 12px;border:1px solid #9abbc526;background:#6b8b9810;border-radius:8px;padding:0 5px 6px}.section-heading{display:flex;gap:8px;align-items:center;background:none;border:0;width:100%;padding:12px 8px;font-size:12px;text-align:left}.section-heading span{flex:1}.section-heading small{font-size:10px;background:#182e39;padding:2px 6px;border-radius:4px;color:#83a6b4}.section-heading>svg:last-child{color:#5d8897}.layer-row{display:flex;align-items:center;padding:3px 1px;border:1px solid transparent;border-radius:5px;height:42px;gap:1px}.layer-row.selected{background:#1297b324;border-color:#21b8cb77}.layer-row.hidden{opacity:.45}.layer-row .button{padding:5px;min-height:26px;color:#8ab8c6}.layer-row .button svg{height:14px;width:14px}.layer-select,.layer-drag-content{display:flex;align-items:center;gap:9px;flex:1;min-width:0;background:none;border:0;padding:0;text-align:left;font-size:10px}.layer-select>span:last-child,.layer-drag-content>span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-thumb{height:30px;width:30px;flex-shrink:0;background:#e8e6db;display:flex;align-items:center;justify-content:center;border-radius:2px;color:#26353e;overflow:hidden}.layer-thumb.svg,.layer-thumb.image{background:repeating-conic-gradient(#40515b,#40515b 25%,#34424d 0%,#34424d 50%) 50%/8px 8px}.layer-thumb img{width:100%;height:100%;object-fit:contain}.layer-order{display:flex;justify-content:flex-end;border-top:1px solid var(--border);margin:7px 7px 0;padding-top:5px;gap:3px}.layer-order .button{padding:5px;min-height:25px;color:#88a4b1}.layer-order svg{height:14px;width:14px}.pages-panel{border:1px solid #a6d2dd26;border-radius:10px;background:linear-gradient(130deg,#243a447f,#1a2b354f);padding:10px 11px 13px;flex-shrink:0;height:184px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.pages-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:11px}.pages-heading>span{display:flex;align-items:center;gap:8px}.pages-heading small{color:#6f91a0;font-size:9px}.pages-heading>div{display:flex}.pages-heading .button{padding:3px 5px;min-height:22px;color:#7da0af}.pages-heading .button svg{width:12px;height:12px}.page-thumbnails{display:flex;align-items:flex-start;gap:12px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#5f7c8766 transparent;padding:5px 2px 8px}.page-card{flex-shrink:0;display:flex;flex-direction:column;gap:8px;width:74px;min-width:0;align-items:center}.thumbnail{height:103px;width:74px;padding:7px;position:relative;background:#12212b4d;border:1px solid #718b963b;border-radius:6px;display:flex;align-items:center;justify-content:center}.thumbnail>svg{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 2px 8px #0004;pointer-events:none}.page-card.active .thumbnail{border-color:#21d7e8;background:#008a9c22;box-shadow:0 0 0 2px #16b9d222,0 0 15px #00bfd326}.page-index{position:absolute;top:1px;left:2px;font-size:7px;padding:2px;color:#89b9c7;background:#1b303ae0;border-radius:3px}.page-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;font-size:9px;color:#94aeb9;padding:0}.page-card.active .page-name{color:#c6e3e8}.add-page{height:103px;width:68px;flex-shrink:0;border:1px dashed #768a9466;border-radius:5px;background:#141f282a;color:#81a1ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.add-page span{font-size:9px}.add-page:hover{border-color:#42b9c9;color:#5ae1e7;background:#00a5bb12}.app-status{height:29px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 3px;font-size:9px;color:#587582}.app-status>span{display:flex;align-items:center;gap:7px}.app-status i{height:9px;border-left:1px solid #46616b5e;margin:0 3px}.text-edit-overlay{position:absolute;z-index:6;transform-origin:center;-webkit-user-select:text;user-select:text}.rich-editor{display:flex;flex-direction:column;background:transparent;outline:var(--text-edit-outline, 1px) solid #a78bc5b3;box-shadow:none;overflow:auto;height:100%;padding:0;caret-color:#004b62;scrollbar-width:none;white-space:pre-wrap;word-break:break-word}.rich-editor::-webkit-scrollbar{display:none;width:0;height:0}.rich-editor-content{position:relative;flex-shrink:0;width:100%;min-height:1lh;outline:none}.rich-editor-content[data-empty=true]:before{content:attr(data-placeholder);position:absolute;inset:0 auto auto 0;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:currentColor;opacity:.4;pointer-events:none;-webkit-text-stroke-width:0}.rich-editor-content::selection,.rich-editor-content *::selection{background:#a88ae84d;color:inherit}.rich-editor-content :is(b,strong){font-weight:var(--inline-bold-weight, 700);-webkit-text-stroke-width:var(--inline-bold-stroke, 0px)}.rich-editor p{margin:0 0 .5lh}.rich-editor p:last-child{margin-bottom:0}.inline-format{position:absolute;top:-54px;left:0;height:38px;display:flex;align-items:center;gap:2px;width:max-content;border:1px solid #b9abd14d;background:linear-gradient(145deg,#252b42,#151b2d);border-radius:10px;box-shadow:0 8px 24px #080c2633,inset 0 1px #ffffff0d;padding:3px;color:#e3dff0}.inline-format .button{flex:0 0 auto;width:32px;height:32px;min-width:32px;padding:7px;color:#d7d9e8;background:transparent;border:1px solid transparent;border-radius:7px;box-shadow:none;transition:background .14s ease,color .14s ease,border-color .14s ease}.inline-format .button:hover{color:#faf6ff;background:#c4a1ff1c;border-color:#c4a1ff33}.inline-format .button:focus-visible{outline:2px solid #d6baff;outline-offset:2px}.inline-format .button.active{color:#f0e4ff;background:#c4a1ff38;border-color:#c4a1ff70;box-shadow:inset 0 1px #ffffff0d}.inline-format .button.inline-format-done{margin-left:4px;color:#e4d2ff;background:#c4a1ff24;border-color:#c4a1ff38}.inline-format .button.inline-format-done:hover{color:#fff;background:#c4a1ff40;border-color:#c4a1ff70}.inline-alignment-controls{display:flex;gap:4px;margin-left:3px;padding-left:7px;border-left:1px solid #b9abd12e}.context-menu{position:fixed;z-index:30;width:216px;padding:7px;border:1px solid #597c89;background:#162d38f7;border-radius:8px;box-shadow:0 10px 30px #0008;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);overflow-y:auto}.context-menu button{background:none;border:0;border-radius:4px;display:flex;gap:10px;align-items:center;width:100%;padding:9px 10px;text-align:left;font-size:12px}.context-menu-root.context-font-browsing{visibility:hidden;pointer-events:none}.context-menu button:hover,.context-menu button:focus{background:#6ebec023}.context-menu button.context-danger{color:#efac97}.context-menu.media-menu{width:280px}.context-layer-arrow{margin-left:auto}.context-menu.context-layer-menu{z-index:31;width:216px}.context-menu.context-font-menu{--font-gold: #f1cc83;z-index:31;display:flex;flex-direction:column;width:clamp(296px,28vw,380px);max-height:min(560px,calc(100dvh - 16px));padding:12px;border-color:#7196a4;border-radius:12px;background:linear-gradient(145deg,#1b3540f7,#102832fa);box-shadow:0 16px 40px #0007,inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.context-font-trigger[aria-expanded=true]{background:#6ebec023}.context-font-heading{flex-shrink:0;margin:0;padding:3px 9px 12px;color:var(--font-gold);font-family:IM FELL English,Georgia,serif;font-size:13px;font-weight:400;letter-spacing:.045em;text-transform:uppercase}.context-font-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d3b57955 transparent}.context-font-list>[role=group]{display:grid;gap:4px}.context-font-category-heading{margin:8px 0 2px;padding:5px 8px 2px;color:#c4b59b;font-size:11px;letter-spacing:.07em}.context-font-system-heading{margin-top:12px;padding-top:14px;border-top:1px solid #8da9b028;color:#c4b59b}.context-menu .context-font-option{position:relative;gap:13px;min-height:68px;padding:6px 8px;border:1px solid transparent;border-radius:8px;color:#f6f0e3;transition:background .14s,border-color .14s,color .14s}.context-menu .context-font-option:hover,.context-menu .context-font-option:focus,.context-menu .context-font-option[aria-checked=true]{border-color:var(--font-gold);background:#e4bc7320;color:#ffe3aa;outline:none}.context-font-specimen{display:grid;place-items:center;flex-shrink:0;width:clamp(60px,5vw,76px);height:54px;border:1px solid #d8994d;border-radius:6px;background-color:#f6dcae;background-size:100% 100%;box-shadow:inset 0 0 8px #9d521832,0 2px 5px #0003;color:#301a0b;font-size:34px;line-height:1}.context-font-name{flex:1;min-width:0;font-size:clamp(17px,1.4vw,22px);line-height:1.3;overflow-wrap:anywhere}.context-font-check{flex-shrink:0;color:var(--font-gold)}.context-menu .context-font-library{flex-shrink:0;justify-content:space-between;min-height:44px;margin-top:10px;padding:12px 9px 3px;border-top:1px solid #8da9b044;border-radius:0;color:#e1ebef;font-size:13px}.context-font-library>svg{flex-shrink:0}.context-font-menu>.help-text{flex-shrink:0;margin:8px 9px 0}.context-font-menu button[aria-disabled=true]{opacity:.6;cursor:wait}.context-wrap-option>svg{flex-shrink:0}.context-wrap-option>span{flex:1}.context-menu.workspace-menu{width:270px;border-color:#78b8c552;border-radius:12px;background:linear-gradient(145deg,#203a45f5,#122731fa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.context-menu .context-zoom-trigger{border-radius:7px;color:#c2e2e9;font-size:12px}.context-zoom-trigger>svg:last-child{margin-left:auto;color:var(--muted);transition:transform .16s}.context-zoom-trigger>svg.is-open{transform:rotate(180deg)}.context-zoom-panel{margin-top:5px;padding:14px 10px 6px;border-top:1px solid var(--border)}.context-zoom-panel .help-text{margin:12px 0 4px;font-size:10px;line-height:1.5}.toast{--toast-accent: #c4a1ff;--toast-line: #b18ade70;position:fixed;bottom:47px;left:50%;transform:translate(-50%);z-index:100;background:linear-gradient(115deg,#302344f5,#171a30fa 75%);border:1px solid var(--toast-line);color:#eee5fc;border-radius:4px;box-shadow:inset 0 1px #ead7ff0d,0 10px 36px #02051166,0 0 22px #9b5de514;display:flex;gap:11px;align-items:center;padding:10px 12px 10px 17px;max-width:min(720px,90vw);font-size:12px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.toast.error{--toast-accent: #f2a6bc;--toast-line: #d88da270;background:linear-gradient(115deg,#3b243cf5,#211a30fa 75%);color:#ffe0eb}.toast>svg{flex-shrink:0;color:var(--toast-accent)}.toast span{line-height:1.5;overflow-wrap:anywhere;min-width:0}.toast .button{padding:4px;min-height:26px;flex-shrink:0;color:#c8b5df;border:1px solid transparent;border-radius:3px;background:transparent}.toast .button:hover{color:#f5edff;border-color:var(--toast-line);background:#c4a1ff14}.toast .button:focus-visible{outline:2px solid var(--toast-accent);outline-offset:2px}.projects-page,.settings-page{flex:1;overflow:auto;padding:58px clamp(20px,5vw,90px);scrollbar-width:thin}.page-intro h1{font-size:clamp(26px,2.65vw,39px);letter-spacing:-1.1px;font-weight:400;margin:16px 0 12px;color:#d9e7ec}.page-intro p{font-size:13px;color:#849eaa;line-height:1.7;margin:0}.projects-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:42px}.projects-actions{display:flex;gap:12px}.projects-actions>.button:first-child{border-color:#aacbda33;background:#2f4c591f;padding:9px 15px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.project-grid-item{min-width:0;transform-origin:center}.project-grid-item[data-exiting]{pointer-events:none}.project-grid>.projects-no-results{grid-column:1 / -1;animation:project-empty-arrive .22s ease-out both}@keyframes project-empty-arrive{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.project-grid>.projects-no-results{animation:none}}.project-card{border:1px solid #9abbc426;border-radius:11px;background:#21323e73;overflow:hidden}.project-preview{height:260px;background:radial-gradient(ellipse at center,#345a6233,#101c2666);border:0;display:flex;align-items:center;justify-content:center;width:100%;padding:25px;position:relative}.project-preview>svg{width:auto;height:auto;max-width:100%;max-height:100%;box-shadow:0 5px 25px #0006;pointer-events:none}.project-slot{position:relative}.project-slot.is-loading>.project-card{visibility:hidden}.project-slot.is-ready>.project-card{animation:project-card-reveal 1s cubic-bezier(.22,.61,.36,1) both;animation-delay:calc(min(var(--project-order, 0),6)*55ms)}.app-view.is-exiting .project-slot.is-ready>.project-card{animation:none}.project-preparing{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none;color:#9aa9c9;opacity:1;visibility:visible;transition:opacity .3s ease-out,visibility .3s}.project-preparing>svg{animation:project-feather-breathe 2.8s ease-in-out infinite}.project-slot.is-ready>.project-preparing{opacity:0;visibility:hidden;transition-delay:calc(min(var(--project-order, 0),6)*55ms)}@keyframes project-feather-breathe{0%,to{opacity:.55;transform:translateY(2px)}50%{opacity:.95;transform:translateY(-2px)}}@keyframes project-card-reveal{0%{opacity:0;clip-path:circle(0% at 50% 50%)}to{opacity:1;clip-path:circle(72% at 50% 50%)}}@media(prefers-reduced-motion:reduce){.project-slot.is-ready>.project-card,.project-preparing>svg{animation:none}.project-preparing{transition:none}}.project-preview>.project-preview-open{position:absolute;bottom:10px;right:12px;width:30px;height:30px;display:grid;place-items:center;border:1px solid #a5bff05c;border-top-color:#d9e6ff80;border-radius:9px;background:linear-gradient(145deg,#2a3d63e6,#111b34ed);box-shadow:0 4px 12px #02081740,inset 0 1px #e2eaff12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#dde7ff;pointer-events:none;opacity:0;transform:translate(-2px,2px);transition:opacity .18s ease,transform .22s ease}.project-preview:hover>.project-preview-open,.project-preview:focus-visible>.project-preview-open{opacity:1;transform:translate(0)}@media(hover:none){.project-preview>.project-preview-open{opacity:.85;transform:none}}@media(prefers-reduced-motion:reduce){.project-preview>.project-preview-open{transition:none;transform:none}}.project-meta{padding:19px 17px;display:flex;gap:10px;justify-content:space-between;align-items:center}.project-name{font-size:14px;background:none;border:0;padding:0;max-width:190px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;text-align:left}.settings-page .page-intro{margin-bottom:36px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1100px}.settings-card{background:#26404a47;border:1px solid #a7c7d52b;border-radius:10px;padding:26px}.settings-card h2{font-size:16px;font-weight:400;display:flex;gap:11px;align-items:center;margin:0 0 22px}.settings-card h2 svg{color:#81c2ce}.toggle-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 0;border-bottom:1px solid var(--border);margin-bottom:15px}.toggle-row>span{display:flex;flex-direction:column;gap:7px}.toggle-row b{font-size:12px;font-weight:400}.toggle-row small{font-size:10px;color:#7c9aaa;line-height:1.5}.toggle-row input{width:31px;height:17px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:20px;border:1px solid #526675;background:#283b45;position:relative;flex-shrink:0;cursor:pointer}.toggle-row input:after{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:#9aacb6;top:2px;left:3px;transition:.2s}.toggle-row input:checked{background:#16aab68a;border-color:#27c5cc}.toggle-row input:checked:after{left:15px;background:#bdf5f0}.settings-card>.field{max-width:200px;margin-top:20px}.zoom-speed-heading,.zoom-speed-scale{display:flex;align-items:center;justify-content:space-between;gap:12px}.zoom-speed-heading{font-size:12px}.zoom-speed-heading output{color:var(--cyan);font-variant-numeric:tabular-nums}.zoom-speed-setting input{display:block;width:100%;height:28px;margin:12px 0 4px;cursor:pointer}.zoom-speed-scale{color:var(--muted);font-size:10px}.shortcuts>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #8dabba15;font-size:10px;color:#9cb5c1}.shortcuts kbd{font:9px Arial;color:#71bbc9;background:#15313c;border:1px solid #82b5c522;border-radius:4px;padding:4px 6px;white-space:nowrap}.theme-options{display:flex;gap:15px;margin-top:22px}.theme-options button{flex:1;padding:9px;border:1px solid #91bdce25;border-radius:7px;background:#17303c;color:#89a5b2}.theme-options button.active{border-color:#30c3d387;color:#b4e9e9}.theme-preview{height:65px;border-radius:3px;margin-bottom:10px;position:relative;background:radial-gradient(ellipse at 70% 0%,#285b68,transparent),#12212b}.theme-preview:after{content:"";width:25px;height:42px;background:#ecebdf;position:absolute;left:45%;top:10px;box-shadow:0 4px 10px #0004}.theme-preview.graphite{background:radial-gradient(ellipse at 70% 0%,#38424d,transparent),#181e25}.theme-options b{font-weight:400;font-size:11px}dialog{width:min(490px,calc(100vw - 32px));border:1px solid #85b9c352;border-radius:13px;padding:25px;color:#d5e5ec;background:linear-gradient(145deg,#254452f5,#10212afa);box-shadow:0 15px 80px #0009;max-height:90dvh;overflow:auto;scrollbar-width:thin}dialog.wide{width:min(680px,calc(100vw - 32px))}dialog::backdrop{background:#030b14a3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.dialog-heading h2{font-size:21px;font-weight:400;margin:0;letter-spacing:-.4px}.dialog-heading .button{color:#89aebb;min-height:28px;padding:5px}.dialog-intro{color:#8faab7;font-size:12px;line-height:1.6;margin:0 0 23px}dialog>p{line-height:1.65}dialog .stack-field{font-size:12px;margin-top:19px}dialog .stack-field input,dialog .stack-field select{font-size:12px;padding:10px 11px}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;border-top:1px solid var(--border);padding-top:19px}.delete-elements-dialog{animation:delete-confirm-enter var(--motion-enter) var(--motion-ease) both}.delete-elements-dialog::backdrop{animation:delete-backdrop-enter .24s ease-out both}.delete-elements-dialog.is-closing{animation:delete-confirm-exit var(--motion-exit) ease-in both}.delete-elements-dialog.is-closing::backdrop{animation:delete-backdrop-exit var(--motion-exit) ease-in both}.delete-confirm-hint{color:#8faab7;font-size:11px}.delete-confirm-hint kbd{color:#c6dce5;font-family:inherit;font-size:10px;padding:2px 5px;border:1px solid #85b9c344;border-radius:4px;background:#0d202b66}@keyframes delete-confirm-enter{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes delete-confirm-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes delete-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes delete-backdrop-exit{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.delete-elements-dialog,.delete-elements-dialog::backdrop,.delete-elements-dialog.is-closing,.delete-elements-dialog.is-closing::backdrop{animation-duration:1ms}}.image-library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.library-filters{display:grid;gap:12px;margin-bottom:18px}.library-search{display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid #85b9c366;border-radius:8px;color:#8fb7c3;background:#0e202a}.library-search:focus-within{border-color:#61cbd3;outline:2px solid #61cbd344}.library-search input{width:100%;min-width:0;padding:10px 0;border:0;outline:0;color:#e5f1f4;background:transparent;font:inherit;font-size:12px}.library-search input::placeholder{color:#89a6b0}.library-categories{display:flex;flex-wrap:wrap;gap:6px}.library-categories button{padding:6px 10px;border:1px solid #88aeb855;border-radius:999px;color:#a9c7d3;background:#102631;font:inherit;font-size:10px;cursor:pointer}.library-categories button:hover,.library-categories button:focus-visible,.library-categories button.active{border-color:#61cbd3;color:#effcff;background:#24505b}.library-empty{padding:28px 12px;border:1px dashed #85b9c366;border-radius:8px;color:#a9c7d3;text-align:center;font-size:12px}.library-section-label{margin:20px 0 10px;color:#85aab5;font-size:9px;font-weight:700;letter-spacing:.13em}.library-illustration-thumb{width:100%;height:130px;display:grid;place-items:center;overflow:hidden;border-radius:4px;background-color:#f5f1e8;background-image:linear-gradient(45deg,#d9d2c6 25%,transparent 25%),linear-gradient(-45deg,#d9d2c6 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d9d2c6 75%),linear-gradient(-45deg,transparent 75%,#d9d2c6 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.library-illustration-thumb img{height:130px;width:100%;object-fit:contain}dialog.texture-dialog{width:min(880px,calc(100vw - 32px));max-height:calc(100dvh - 24px);padding:clamp(22px,3vw,34px);border-radius:20px;border-color:#a6c7cc45;background:radial-gradient(ellipse at 90% 0%,#43636240,transparent 55%),linear-gradient(145deg,#1d343e,#101f29 75%);box-shadow:0 32px 100px #0009,inset 0 1px #dbebe61a;animation:texture-dialog-enter var(--motion-enter) var(--motion-ease) both}.texture-dialog::backdrop{background:#020c13b3;animation:texture-backdrop-enter var(--motion-enter) ease-out both}.texture-dialog.is-closing{animation:texture-dialog-exit var(--motion-exit) ease-in both;pointer-events:none}.texture-dialog.is-closing::backdrop{animation:texture-backdrop-exit var(--motion-exit) ease-in both}.texture-dialog .dialog-heading{align-items:flex-start;margin-bottom:12px}.texture-dialog .dialog-heading h2{font-family:Georgia,serif;font-size:clamp(24px,2.3vw,32px);color:#f0ecdf;letter-spacing:-.8px}.texture-dialog .dialog-eyebrow{display:block;margin-bottom:12px;color:#bca986;font:9px Arial,sans-serif;letter-spacing:2.1px}.texture-dialog .dialog-heading>.button{border-radius:50%;background:#a6c7cc0c;border:1px solid #a6c7cc20;color:#a6bbc1}.texture-intro{display:flex;align-items:center;justify-content:space-between;gap:12px}.texture-intro p{margin:0;font-size:12px;color:#94adb6;line-height:1.6;visibility:hidden}.texture-page-label{display:flex;align-items:center;gap:7px;border:1px solid #b9c8b720;background:#acbca00a;border-radius:20px;padding:6px 10px;font-size:10px;color:#b7c8c6;max-width:46%}.texture-page-label>span{color:#68878d}.texture-library{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr);gap:clamp(22px,3vw,34px);margin:18px 0 14px}.texture-library-label{display:flex;align-items:center;gap:7px;margin-bottom:14px;color:#9fb8be;font-size:9px;letter-spacing:1.5px}.texture-library-label>span{margin-left:auto;color:#bca986;font-size:10px}.texture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.texture-card{min-width:0;text-align:left;padding:8px 8px 13px;border:1px solid #afc5cc26;border-radius:12px;background:linear-gradient(160deg,#a3c0c610,#08192355);color:#d4e2e4;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease;animation:texture-card-enter .26s ease-out both;animation-delay:calc(90ms + var(--texture-index, 0) * 28ms)}.texture-card:hover{transform:translateY(-3px);border-color:#bca98680;box-shadow:0 10px 20px #020e1640}.texture-card.active{border-color:#58c9c5;background:linear-gradient(150deg,#3da7a326,#19373b);box-shadow:0 0 0 1px #58c9c520,0 8px 20px #010e1526}.texture-card:focus-visible,.texture-none:focus-visible{outline:2px solid #77d9d4;outline-offset:3px}.texture-card-image{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 3px 10px #020a1455}.texture-card-image img{display:block;width:100%;height:clamp(78px,12svh,130px);object-fit:fill}.texture-card strong,.texture-card small{display:block;padding:0 2px}.texture-card strong{font-size:12px;margin-top:11px;font-weight:500}.texture-card small{color:#86a1aa;font-size:9px;line-height:1.55;margin-top:4px}.texture-selected{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#176a69;border:1px solid #e0fff633;color:#fff;box-shadow:0 2px 8px #17352c33}.texture-frame-badge{position:absolute;bottom:6px;left:6px;display:flex;align-items:center;gap:3px;padding:3px 5px;border-radius:4px;font-size:8px;color:#f6f3e6;background:#263b38c9}.texture-none{width:100%;display:flex;align-items:center;gap:7px;margin-top:14px;padding:11px 12px;border:1px solid #a5c1c526;border-radius:9px;background:#081b2522;color:#a9bec6;cursor:pointer;font-size:11px;transition:border-color .18s ease,background .18s ease}.texture-none small{margin-left:auto;color:#72929d;font-size:9px}.texture-none:hover{border-color:#a5c1c555}.texture-none.active{border-color:#58c9c57a;background:#27656a15}.texture-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;border:1px solid #a5c1c516;border-radius:14px;background:radial-gradient(ellipse at 50% 35%,#bac29813,transparent 72%),#07172166;text-align:center;min-width:0}.texture-preview>.eyebrow{font-size:8px;letter-spacing:2px;color:#91a9aa}.texture-preview-stage{width:100%;padding:24px 6px 20px;display:flex;align-items:center;justify-content:center;flex:1}.texture-preview-paper{position:relative;width:min(100%,260px,calc(35svh * var(--texture-paper-ratio)));max-height:35svh;box-shadow:0 16px 30px #0006,0 2px 4px #0004;overflow:hidden}.texture-preview-paper img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.texture-preview-margin{position:absolute;border:1px dashed #a855f780}.texture-preview-sample{position:absolute;top:22%;right:12%;bottom:22%;left:12%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#4a4638;pointer-events:none}.texture-preview-sample>span{font:7px Arial,sans-serif;letter-spacing:2px;color:#8a7757}.texture-preview-sample p{margin:16px 0;font:clamp(19px,2vw,27px)/1.35 Georgia,serif;letter-spacing:-.8px}.texture-preview-sample i{width:28px;height:1px;background:#8a775766;margin:0 0 16px}.texture-preview-sample small{font:italic 9px/1.6 Georgia,serif;color:#8a7757}.texture-preview>strong{font:19px Georgia,serif;color:#e6e4d8;font-weight:400}.texture-preview .help-text{font-size:10px;line-height:1.7;color:#839ea5;max-width:240px;margin-bottom:0}.texture-margin-note{display:flex;align-items:flex-start;gap:8px;color:#ac9ebc;font-size:11px;line-height:1.6}.texture-margin-note>span{visibility:hidden}.texture-margin-note>svg{flex-shrink:0;margin-top:2px}.texture-margin-fields{margin:0;padding:0;border:0;min-width:0}.texture-margin-fields:disabled{opacity:.6}.texture-dialog .dialog-actions{margin-top:20px;padding-top:20px}.texture-dialog .dialog-actions .primary{flex-direction:row-reverse;gap:12px;border-radius:8px;padding:11px 17px;box-shadow:0 4px 16px #20bfc118}.text-edit-overlay.is-textured .rich-editor{background:transparent;box-shadow:none}@keyframes texture-dialog-enter{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes texture-dialog-exit{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes texture-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes texture-backdrop-enter{0%{opacity:0}to{opacity:1}}@keyframes texture-backdrop-exit{0%{opacity:1}to{opacity:0}}@media(min-width:651px)and (max-height:800px){dialog.texture-dialog{padding:22px}.texture-dialog .dialog-actions{margin-top:14px;padding-top:14px}}@media(max-width:650px){dialog.texture-dialog{padding:18px;max-height:calc(100svh - 32px);border-radius:15px}.texture-dialog .dialog-heading h2{font-size:21px;letter-spacing:-.5px}.texture-dialog .dialog-eyebrow{font-size:8px;margin-bottom:8px;letter-spacing:1.5px}.texture-dialog .dialog-actions{margin-top:12px;padding-top:12px}.texture-dialog .dialog-actions .primary{padding:9px 12px;gap:8px;font-size:11px}.texture-intro p{font-size:11px}.texture-page-label{display:none}.texture-library{grid-template-columns:minmax(0,1fr);margin:16px 0}.texture-preview{display:none}.texture-library-label{margin-bottom:10px;font-size:8px}.texture-grid{gap:8px}.texture-card{padding:5px 5px 9px;border-radius:8px}.texture-card-image img{height:clamp(52px,11svh,100px)}.texture-card small{display:none}.texture-card strong{font-size:10px;line-height:1.4;margin-top:9px}.texture-none{padding:9px}.texture-margin-note{font-size:10px}.texture-margin-detail{display:none}}@media(max-width:350px),(max-width:650px)and (max-height:620px){.texture-dialog .dialog-heading h2{font-size:18px}.texture-dialog .dialog-eyebrow{display:none}}@media(prefers-reduced-motion:reduce){dialog.texture-dialog,dialog.texture-dialog::backdrop,dialog.texture-dialog.is-closing,dialog.texture-dialog.is-closing::backdrop,.texture-card{animation-duration:1ms;animation-delay:0ms}.texture-card,.texture-none{transition:none}.texture-card:hover{transform:none}}.image-library-grid>button,.illustration-card-main{border:1px solid #a9cbd433;border-radius:8px;background:#122632;padding:17px 9px 10px;display:flex;align-items:center;flex-direction:column;gap:13px;font-size:10px;color:#a9c7d3}.image-library-grid>button:hover,.illustration-card-main:hover{border-color:#34c4ce;background:#1c3e47}.image-library-grid>button img,.illustration-card-main img{height:130px;width:100%;object-fit:contain}.image-library-grid>button>svg,.illustration-card-main>svg{color:#5c939f}.illustration-library-card{position:relative;min-width:0}.illustration-library-card:hover,.illustration-library-card:focus-within{z-index:6}.illustration-card-main{width:100%;height:100%}.illustration-hover-preview{position:fixed;inset:auto;margin:0;padding:0;display:none;grid-template-rows:minmax(0,1fr) 84px;overflow:hidden;border:1px solid #82c4d066;border-radius:8px;box-shadow:0 20px 60px #000b;color:#26333d}.illustration-hover-preview:popover-open{display:grid;animation:illustration-popup-enter .22s ease-out}.illustration-hover-preview[data-entry-side=right]{--popup-entry-offset: -18px}.illustration-hover-preview[data-entry-side=left]{--popup-entry-offset: 18px}@keyframes illustration-popup-enter{0%{opacity:0;transform:translate(var(--popup-entry-offset))}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){.illustration-hover-preview:popover-open{animation:none}}.illustration-hover-preview::backdrop{background:transparent;pointer-events:none}.illustration-hover-paper{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.illustration-hover-art{position:relative;min-height:0;min-width:0;padding:22px;overflow:hidden}.illustration-hover-art>img,.illustration-hover-art>.library-preset-preview{display:block;width:100%;height:100%;object-fit:contain}.illustration-hover-inks{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#eee6d8b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.illustration-hover-inks>button{flex:0 1 48px;min-width:0;height:62px;padding:5px;border:1px solid transparent;border-radius:5px;background:transparent;cursor:pointer}.illustration-hover-inks>button:hover,.illustration-hover-inks>button:focus-visible,.illustration-hover-inks>button.active{outline:none;border-color:#3173a5;background:#fff7}.illustration-hover-inks>button>img,.illustration-hover-inks>button>.library-preset-preview{display:block;width:100%;height:100%;object-fit:contain}.library-preset-preview{display:block;width:100%;height:100%;mask-size:contain;mask-position:center;mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat}dialog.image-library-dialog{width:min(700px,calc(100vw - 24px));max-height:calc(100svh - 24px);padding:clamp(16px,3vw,26px);border-radius:16px;background:radial-gradient(ellipse at 95% 0,#3c626833,transparent 50%),linear-gradient(145deg,#142f3bfa,#071923fc 80%)}.image-library-dialog .dialog-heading{align-items:flex-start;margin-bottom:4px}.image-library-dialog h2{display:flex;align-items:center;gap:14px;font-family:Georgia,serif;font-size:clamp(20px,3.7vw,28px);line-height:1.2}.image-library-dialog h2>svg{width:32px;height:32px;flex-shrink:0;color:#92b9c7}.image-library-dialog .dialog-intro{margin:0 0 20px 46px;font:14px/1.5 Georgia,serif;color:#82a5b5}.image-library-dialog .library-filters{gap:18px;margin-bottom:18px}.image-library-dialog .library-search{border-radius:10px;background:#051a2470}.image-library-dialog .library-search input{padding:14px 0;font:14px Georgia,serif}.library-category-navigation{display:flex;gap:8px;align-items:center;min-width:0}.image-library-dialog .library-categories{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:8px;padding:5px 2px}.image-library-dialog .library-categories::-webkit-scrollbar{display:none}.image-library-dialog .library-categories button{display:flex;align-items:center;gap:7px;flex-shrink:0;white-space:nowrap;padding:8px 11px;background:#071d29b3;font:12px Georgia,serif}.image-library-dialog .library-categories small{color:#82adbb;font-size:10px}.image-library-dialog .library-categories button.active{border-color:#4de1ed;background:#124552;box-shadow:0 0 12px #31bdcc25,inset 0 0 10px #31bdcc15}.library-category-arrow{display:grid;place-items:center;flex-shrink:0;width:28px;height:30px;padding:0;border:1px solid #85b9c333;border-radius:50%;background:#102c38;color:#a2c7d4}.library-results-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.image-library-dialog .library-section-label{margin:0;font-size:10px;font-weight:400}.image-library-dialog>.library-section-label{margin:20px 0 10px}.image-library-dialog .image-library-grid{gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.image-library-dialog .illustration-card-main,.image-library-dialog .image-library-grid>button{padding:11px;gap:9px;border-radius:10px;background:linear-gradient(155deg,#132e3b99,#071c2699);border-color:#85b9c344}.image-library-dialog .illustration-card-main:hover,.image-library-dialog .illustration-card-main:focus-visible,.image-library-dialog .image-library-grid>button:hover{border-color:#4ad9e5;background:#12435199;box-shadow:0 0 16px #38cedb20}.image-library-dialog .library-illustration-thumb{height:auto;aspect-ratio:1}.image-library-dialog .image-library-grid>button>img{height:auto;aspect-ratio:1}.library-preview{position:relative;display:block;width:100%;height:100%;min-height:0}.library-preview>img,.library-preview>.library-preset-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:contain}.image-library-dialog .library-illustration-thumb .library-preview>img{height:100%}.illustration-hover-art>.library-preview{width:100%;height:100%}.library-load-status{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#625d53;font-size:11px;background:#f3eee47a}.illustration-hover-inks .library-load-status{font-size:8px}.library-card-caption{display:flex;align-items:center;gap:8px;width:100%;text-align:left;color:#b9d5df;font:14px/1.3 Georgia,serif}.library-card-caption>span:first-child{flex:1;min-width:0}.library-card-add{display:grid;place-items:center;flex-shrink:0;width:25px;height:25px;border:1px solid #5d9daa66;border-radius:50%;color:#91d6df}@media(max-width:520px){dialog.image-library-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px);padding:16px}.image-library-dialog h2{gap:10px;font-size:21px}.image-library-dialog h2>svg{width:26px;height:26px}.image-library-dialog .dialog-intro{margin-left:36px;font-size:12px}.image-library-dialog .image-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-library-dialog .illustration-card-main,.image-library-dialog .image-library-grid>button{padding:8px}.image-library-dialog .library-card-caption{font-size:12px}}.illustration-ink-menu-name{display:flex;align-items:center;gap:6px}.illustration-ink-menu-name i{width:10px;height:10px;border:1px solid #ffffff66;border-radius:50%}.export-options{border:0;padding:0;margin:0;min-width:0}.export-size{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:20px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;font-size:12px}.export-size small{display:block;margin-top:4px;color:var(--muted);font-size:10px}.export-size strong{font-variant-numeric:tabular-nums}.export-formats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.export-formats button{display:flex;flex-direction:column;gap:9px;padding:16px 6px 12px;align-items:center;background:#102a365d;border:1px solid #7193a233;border-radius:8px;color:#9ab5c0}.export-formats button.active{border-color:#36c4d5;background:#0d8a9e26;color:#9beded}.export-formats b{font-size:12px;font-weight:500}.export-formats small{font-size:8px;color:#6d97a6}.export-pages{display:flex;flex-direction:column;gap:10px;font-size:12px;max-height:160px;overflow:auto;padding:10px;border:1px solid var(--border);border-radius:5px}.export-pages label{display:flex;gap:8px;align-items:center}.export-pages input{margin:0}@media(min-width:1600px){.editor-layout{grid-template-columns:64px minmax(0,1fr) 355px;gap:16px}.topbar{gap:25px}.tool-buttons .button{width:45px;height:45px}.tool-rail{padding-top:15px}.inspector-heading{padding:21px}.properties-section{padding:18px 21px}.pages-panel{height:205px}.thumbnail,.add-page{height:121px}.page-card,.thumbnail{width:86px}}@media(max-width:1180px){.topbar{gap:12px;padding:0 12px}.brand{font-size:16px;gap:6px}.brand img{width:42px;height:42px}.topbar nav button{padding:0 8px;gap:5px;font-size:11px}.project-title{margin:0;min-width:60px}.project-title input{width:140px;font-size:12px}.top-actions{gap:8px}.history-buttons{padding-right:7px;gap:0}.top-actions>.export-button{padding:8px 11px}.editor-layout{grid-template-columns:53px minmax(0,1fr) 280px;gap:10px}.tool-rail{padding:10px 5px}.tool-buttons .button{width:40px;height:40px}.inspector-heading{padding:16px 13px 12px}.properties-section{padding:13px}.canvas-caption{max-width:calc(100% - 220px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-size:8px}.canvas-caption span{margin:0 4px}.pages-panel{padding-left:9px;padding-right:9px}.projects-title{align-items:flex-start;flex-direction:column;gap:20px}}@media(max-width:980px){.app{padding:10px 10px 0}.topbar{height:59px;gap:9px}.brand>span{display:none}.topbar-divider{display:none}.project-title{justify-content:flex-start}.project-title input{width:140px;text-align:left}.topbar nav button{font-size:10px}.top-actions{gap:4px}.save-group>.button:first-child>span{display:none}.top-actions .export-button{font-size:11px}.history-buttons .button{padding:6px}.editor-layout{grid-template-columns:52px minmax(0,1fr)}.right-column{display:none;position:absolute;right:11px;top:112px;bottom:31px;width:min(310px,calc(100vw - 86px));z-index:10;background:#132a34e8;border-radius:10px;box-shadow:-12px 10px 45px #0008}.right-column.is-open{display:flex}.panel-toggle,.close-panel{display:inline-flex}.editor-subbar{padding-left:65px;height:43px}.editor-subbar .eyebrow{font-size:8px;letter-spacing:1.4px}.editor-subbar>div{gap:9px}.save-status{font-size:9px}.settings-grid{gap:14px}.settings-card{padding:21px}.settings-page,.projects-page{padding:37px 24px}.topbar .history-buttons{border:0}.shortcuts>div{flex-direction:column;gap:6px}.shortcuts kbd{align-self:flex-start}}@media(max-width:700px){.topbar{gap:7px;padding:0 9px}.topbar nav{gap:0}.topbar nav button{padding:0 8px}.topbar nav button>span{display:none}.topbar nav button svg{width:17px}.topbar nav button.active:after{left:8px;right:8px;bottom:9px}.topbar .history-buttons{display:none}.project-title input{width:100px;font-size:11px}.top-actions>.export-button{padding:8px;min-height:31px}.export-button{font-size:0!important;gap:0}.editor-subbar .eyebrow,.subbar-separator,.save-status{display:none}.editor-subbar{padding:0 4px 0 60px;height:37px}.format-chip{font-size:9px;gap:6px;padding:4px 6px}.format-chip small{display:none}.editor-layout{grid-template-columns:44px minmax(0,1fr);gap:7px}.tool-rail{padding:9px 3px}.tool-buttons{gap:8px}.tool-buttons .button{width:35px;height:38px}.tool-buttons .button svg{width:20px}.canvas-caption{display:none}.zoom-controls{left:34px;bottom:11px;padding:1px 2px}.zoom-number{font-size:10px;min-width:45px;padding:0 5px}.zoom-controls .button{padding:6px}.app-status{font-size:8px}.app-status>span:last-child{display:none}.right-column{top:106px;bottom:31px;right:11px}.settings-grid{grid-template-columns:1fr}.settings-page,.projects-page{padding:29px 12px}.settings-card{padding:19px}.page-intro h1{font-size:28px;line-height:1.25;letter-spacing:-.7px}.page-intro p{font-size:11px}.projects-title{margin-bottom:28px}.projects-actions{gap:8px}.projects-actions>.button{font-size:11px}.project-grid{grid-template-columns:1fr}.shortcuts>div{flex-direction:row}.shortcuts kbd{white-space:normal;font-size:8px;max-width:45%;text-align:right}.toast{font-size:10px;bottom:40px;padding:8px 10px}.toast>svg{width:15px}.export-formats{gap:5px}.export-formats small{font-size:7px}.export-formats button{padding:12px 4px}.image-library-grid{gap:7px}.image-library-grid>button img,.illustration-card-main img{height:110px}.image-library-grid>button,.illustration-card-main{font-size:9px;padding:12px 5px}.brand img{width:36px;height:36px}}@media(max-height:700px){.tool-buttons{gap:7px}.tool-buttons .button{height:37px}.pages-panel{height:156px;padding-top:8px;padding-bottom:5px}.thumbnail,.add-page{height:81px}.inspector-heading{padding-top:12px;padding-bottom:10px}.properties-section{padding-top:11px}.inspector-heading .eyebrow{display:none}.inspector-heading h2{margin:0}.rail-bottom>span{margin-top:5px}.settings-page,.projects-page{padding-top:30px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.inspector-tabs{display:flex;gap:4px;padding:7px 11px;border-bottom:1px solid var(--border);flex-shrink:0}.inspector-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;padding:7px 5px;border:1px solid transparent;border-radius:5px;background:transparent;color:#789aa9;font-size:10px}.inspector-tabs button.active{background:#59adbe13;border-color:#95c8d520;color:#acd7df}.inspector-tabs small{font-size:8px;color:#547f90}.layers-section{margin-top:13px}.properties-section .stack-field{margin-bottom:10px;gap:6px}.properties-section .section-divider{margin:13px 0 10px}.properties-section .field-grid{gap:9px 12px}.properties-section .two-columns{margin-bottom:9px}.canvas-workspace{display:flex;flex-direction:column;flex:1;min-height:0}.canvas-workspace[hidden]{display:none}@media(max-width:360px){.topbar{gap:4px;padding:0 8px}.topbar nav button{padding:0 6px}.brand img{width:30px;height:30px}.project-title{min-width:52px}.project-title input{width:72px}.project-title .saved-dot,.project-title .unsaved-dot{display:none}.top-actions{gap:0}.save-group>.button:first-child{padding:6px}}.motion-presence{display:contents}.motion-presence[hidden]{display:none}.motion-presence.is-exiting>*{pointer-events:none}.app-views{display:grid;flex:1;min-height:0;min-width:0}.motion-presence.app-view{display:flex;flex-direction:column;grid-area:1 / 1;min-height:0;min-width:0}.motion-presence.app-view[hidden]{display:none}.app-view.is-exiting{z-index:0}.app-view.is-entering{z-index:1}dialog.library-dialog,dialog.library-dialog::backdrop,dialog.margin-configuration-dialog,dialog.margin-configuration-dialog::backdrop{--motion-enter: 1.6s;--motion-exit: .66s}.motion-dialog.is-entering>dialog{animation:ui-dialog-enter var(--motion-enter) var(--motion-ease) both}.motion-dialog.is-exiting>dialog{animation:ui-dialog-exit var(--motion-exit) ease-in both}.motion-dialog.is-entering>dialog::backdrop{animation:ui-fade-enter .24s ease-out both}.motion-dialog.is-entering>dialog:is(.library-dialog,.margin-configuration-dialog)::backdrop{animation-duration:var(--motion-enter)}.motion-dialog.is-exiting>dialog::backdrop{animation:ui-fade-exit var(--motion-exit) ease-in both}.motion-menu>*{transform-origin:top center}.motion-menu.is-entering>*{animation:ui-menu-enter .24s var(--motion-ease) both}.motion-menu.is-exiting>*{animation:ui-menu-exit .16s ease-in both}.page-format-presence.is-entering>*{animation-duration:1.5s}.page-format-presence.is-exiting>*{animation-duration:.25s}.motion-view.is-entering>*{animation:ui-fade-enter var(--motion-enter) var(--motion-ease) both}.motion-view.is-exiting>*{animation:ui-fade-exit var(--motion-exit) ease-in both}.motion-panel.is-entering>*{animation:ui-panel-enter var(--motion-enter) var(--motion-ease) both}.motion-panel.is-exiting>*{animation:ui-panel-exit var(--motion-exit) ease-in both}.motion-section.is-entering>*,.motion-item.is-entering>*{animation:ui-section-enter .26s var(--motion-ease) both}.motion-section.is-exiting>*,.motion-item.is-exiting>*{animation:ui-section-exit var(--motion-exit) ease-in both}.motion-toast.is-entering>*{transform-origin:center;animation:ui-toast-enter .6s var(--motion-ease) both}.motion-toast.is-exiting>*{animation:ui-toast-exit var(--motion-exit) ease-in both}.inspector-scroll{display:grid;align-content:start}.inspector-scroll>.motion-presence>section{grid-area:1 / 1;min-width:0;align-self:start}.motion-view.is-entering>.settings-page .settings-card{animation:ui-section-enter var(--motion-enter) var(--motion-ease) both}.motion-view.is-entering>.settings-page .settings-card:nth-child(2){animation-delay:35ms}.motion-view.is-entering>.settings-page .settings-card:nth-child(3){animation-delay:70ms}.motion-view.is-entering>.settings-page .settings-card:nth-child(4){animation-delay:105ms}.motion-view.is-entering>.settings-page .settings-card:nth-child(5){animation-delay:.14s}@keyframes ui-dialog-enter{0%{opacity:0;transform:translateY(20px) scale(.975)}to{opacity:1;transform:none}}@keyframes ui-dialog-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.985)}}@keyframes ui-menu-enter{0%{opacity:0;transform:translateY(8px) scale(.975)}to{opacity:1;transform:none}}@keyframes ui-menu-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(5px) scale(.985)}}@keyframes ui-panel-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@keyframes ui-panel-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translate(10px)}}@keyframes ui-section-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ui-section-exit{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(4px)}}@keyframes ui-toast-enter{0%{opacity:0;transform:translate(-50%) scale(.35)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes ui-toast-exit{0%{opacity:1;translate:0 0;scale:1}to{opacity:0;translate:0 8px;scale:.99}}@keyframes ui-fade-enter{0%{opacity:0}to{opacity:1}}@keyframes ui-fade-exit{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.motion-presence>*,.motion-dialog>dialog::backdrop,.motion-view>.settings-page .settings-card{animation-duration:1ms!important;animation-delay:0ms!important}}dialog.font-dialog.wide{--font-gold: #f1cc83;border:1px solid #24647b80;border-radius:10px;background:radial-gradient(ellipse at 24% 38%,#07516c35,transparent 65%),linear-gradient(120deg,#102f3dea,#0c2631f5);box-shadow:0 24px 90px #0008;color:#f3f1eb;overflow:hidden}.font-dialog[open]{display:flex;flex-direction:column}.font-dialog .dialog-heading{margin-bottom:20px;flex-shrink:0}.font-selected{text-align:center;margin-bottom:18px}.font-selected>span{display:block;color:var(--font-gold);margin-bottom:5px}.font-selected>strong{display:block;font-weight:400;line-height:1.3;overflow-wrap:anywhere}.font-workspace{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);gap:22px;min-height:0;flex:1}.font-collection,.font-preview{min-width:0;min-height:0}.font-collection{display:flex;flex-direction:column;padding-right:22px;border-right:1px solid #2d687c66}.font-search{flex-shrink:0}.font-filters{display:flex;flex-wrap:wrap;gap:5px;margin:12px 0 16px;flex-shrink:0}.font-filters button{padding:6px 10px;border:1px solid transparent;border-radius:20px;background:transparent;color:#94b1bc}.font-filters button:hover{color:#f3dfb9;background:#b8dce809}.font-filters button[aria-pressed=true]{color:var(--font-gold);background:#caa46212;border-color:#d2b27d40}.font-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;min-height:0;overflow-y:auto;padding:2px 8px 8px 1px;scrollbar-width:thin;scrollbar-color:#efbd6c #124559}.font-card{position:relative;min-width:0;padding:8px;text-align:left;border:1px solid #16475988;border-radius:10px;color:#f2f1eb;background:#061e2873;animation:font-card-enter .26s both;animation-delay:calc(var(--font-index) * 22ms);transition:border-color .18s,background .18s}.font-card:hover{border-color:#bd9c6688;background:#153f4c80}.font-card.active{border-color:var(--font-gold);box-shadow:inset 0 0 0 1px #f1cc8326}.font-card-specimen{display:flex;align-items:center;justify-content:center;min-height:76px;padding:12px 8px;border:1px solid #d69b53;border-radius:6px;background-color:#f6dcae;background-size:100% 100%;text-align:center;font-size:23px;line-height:1.25;overflow-wrap:anywhere}.font-card-name{display:block;margin:9px 3px 3px;line-height:1.3}.font-card-check{position:absolute;display:grid;place-items:center;top:6px;right:6px;width:24px;height:24px;border:1px solid var(--font-gold);border-radius:50%;background:#0b2d3d;color:var(--font-gold)}.font-empty{padding:25px;text-align:center;color:#a7bac0}.font-preview{display:flex;flex-direction:column;padding:16px;border:1px solid #16475980;border-radius:8px;background:#041c2666;overflow:auto;scrollbar-width:thin}.font-preview-label{display:flex;align-items:center;gap:8px;color:var(--font-gold);flex-shrink:0}.font-preview-label svg{width:18px;height:18px}.font-preview-label>span{margin-left:auto;color:#92adb8}.font-preview-paper{position:relative;width:100%;min-height:180px;flex:1;margin:22px auto 16px;box-shadow:0 14px 28px #0003;overflow:hidden;border:1px solid #c28b4880;border-radius:7px;container-type:inline-size}.font-preview-paper>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.font-preview-writing{position:absolute;display:flex;align-items:safe center;justify-content:center;text-align:center;overflow:auto;scrollbar-width:thin}.font-preview-text{margin:0;padding:8px;width:100%;font-size:clamp(18px,calc(var(--sample-size, 38px) * .9),48px);line-height:1.3;overflow-wrap:anywhere;white-space:pre-wrap;animation:font-ink-enter .22s both}.font-customization{flex-shrink:0;color:#9bb6bf;line-height:1.5}.font-customization summary{width:fit-content;cursor:pointer;padding:6px 0}.font-customization summary:hover{color:#f0d5a3}.font-customization .font-sample-field{margin:12px 0}.font-sample-field textarea{width:100%;min-height:60px;resize:vertical;line-height:1.5;padding:9px;border:1px solid #8db4c433;border-radius:6px;background:#0b1e2866;color:#d7e4e8;font:inherit}.font-size-control{display:flex;align-items:center;gap:8px;color:#9bb6bf}.font-size-control input{min-width:0;flex:1;accent-color:var(--font-gold)}.font-size-control output{min-width:20px;color:#ead6ad;font-variant-numeric:tabular-nums}.font-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #28677f66;margin-top:16px;padding-top:12px;flex-shrink:0}.font-footer>p{max-width:420px;color:#9fb6bf;margin:0;line-height:1.6}.font-footer .dialog-actions{margin:0 0 0 auto;padding:0;border:0;gap:10px;flex-shrink:0}.font-footer .button.primary{background:#00c6df;border:1px solid #51e1ec;border-radius:8px;color:#022331}.font-footer .button.primary:hover{background:#43dcea}@keyframes font-card-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes font-ink-enter{0%{opacity:0}to{opacity:1}}@media(max-width:680px){.font-dialog .dialog-heading{margin-bottom:14px}.font-workspace{display:flex;flex-direction:column;gap:18px;overflow-y:auto}.font-preview{order:-1;overflow:visible;padding:14px;flex-shrink:0}.font-preview-paper{flex:none;min-height:0;height:clamp(180px,30dvh,280px);margin:16px 0 10px}.font-preview-text{font-size:clamp(17px,calc(var(--sample-size, 38px) * .7),42px)}.font-collection{border:0;padding:0;flex-shrink:0}.font-filters{margin:10px 0;gap:3px}.font-filters button{padding:6px 9px;min-height:36px}.font-grid{max-height:440px;padding-right:5px;gap:8px}.font-card{padding:7px}.font-card-specimen{font-size:21px;padding:10px 6px}.font-footer{margin-top:14px}.font-footer>p{display:none}.font-footer .dialog-actions{width:100%}}@media(prefers-reduced-motion:reduce){.font-card,.font-preview-text{animation:none;transition:none}}dialog.margin-library-dialog{width:min(1060px,calc(100vw - 32px));max-width:none;max-height:calc(100svh - 32px);padding:clamp(16px,2.5vw,28px);overflow:hidden;display:flex;flex-direction:column}.margin-library-scroll{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:0 3px 10px}.margin-library-layout{display:grid;flex:1;min-height:0;grid-template-columns:1.15fr 1fr;grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"collection preview" "save preview";column-gap:clamp(18px,3vw,34px);row-gap:16px}.margin-collection,.margin-preview-column{min-width:0;min-height:0}.margin-collection{grid-area:collection;display:flex;flex-direction:column}.margin-collection>.library-search,.margin-collection>.library-categories{flex-shrink:0}.margin-preset-scroll{min-height:0;overflow-y:auto;padding:3px 8px 8px 3px;scrollbar-gutter:stable}.margin-preset-scroll:focus-visible{outline:2px solid #efbd6c;outline-offset:-2px}.margin-library-scroll,.margin-preset-scroll,.margin-preview-column{scrollbar-width:thin;scrollbar-color:#efbd6c #124559}.margin-preview-column{grid-area:preview}.margin-collection .library-categories{margin:12px 0;flex-wrap:wrap}.margin-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.margin-preset-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:9px;gap:6px;text-align:left;background:#ffffff04;border:1px solid #78949b35;border-radius:10px;color:#d8e3e5;cursor:pointer;transition:border-color .14s,background .14s}.margin-preset-card:hover,.margin-preset-card.active{border-color:#92b5a7;background:#88b8aa12}.margin-preset-card:focus-visible{outline:2px solid #c6cbaa;outline-offset:3px}.margin-preset-card>span{font-size:11px;line-height:1.35}.margin-preset-card>svg{position:absolute;right:8px;top:8px;color:#b7c9aa}.margin-preset-thumb{width:100%;height:clamp(120px,calc(35svh - 120px),195px);display:flex;justify-content:center;align-items:center;color:#664326}.margin-preset-thumb svg{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 3px 10px #0004}.margin-preview-column{display:flex;flex-direction:column;gap:12px;scroll-margin-top:4px;overflow:hidden;padding:0 0 6px}.margin-preview-column>*{flex-shrink:0}.margin-preview-caption{display:flex;align-items:center;gap:8px;color:#dedbc8;font-size:13px}.margin-live-preview{height:clamp(185px,calc(45svh - 90px),340px);display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid #7d999a24;border-radius:12px;background:#09141a66}.margin-live-preview>svg{max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 8px 28px #0006}.margin-live-preview.is-corners{display:block;padding:0;height:clamp(240px,42svh,360px);overflow:hidden}.margin-preview-column>.margin-live-preview{flex-shrink:1;min-height:0}.margin-corner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:1px;width:100%;height:100%;background:#78949b55}.margin-corner-tile{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:0;border:0;background:#102a35;color:#bfd0d4;cursor:zoom-in;overflow:hidden}.margin-corner-tile>svg{flex:1;min-height:0;width:100%;height:100%}.margin-corner-tile:focus-visible{outline:2px solid #efbd6c;outline-offset:-2px}.margin-corner-popover{position:fixed;inset:auto;margin:0;padding:0;border:1px solid #efbd6c80;border-radius:12px;background:#102a35;color:#d8e3e5;box-shadow:0 14px 48px #0009;overflow:hidden;transition:left .3s var(--motion-ease),top .3s var(--motion-ease)}.margin-corner-popover:popover-open{display:block;animation:margin-corner-zoom-enter .24s var(--motion-ease) both}@keyframes margin-corner-crossfade{0%{opacity:0}to{opacity:1}}@keyframes margin-corner-zoom-enter{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.margin-corner-popover-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden}.margin-corner-previous,.margin-corner-current{position:absolute;top:0;right:0;bottom:0;left:0}.margin-corner-popover-art svg{display:block;width:100%;height:100%}.margin-corner-current.is-blending{animation:margin-corner-crossfade .3s ease-in-out both}.margin-customization{border-top:1px solid #72868e33;padding-top:10px}.margin-customization summary{cursor:pointer;font-size:12px;color:#c9dbdc;padding:6px 0}.margin-customization .page-margins-editor{margin-top:14px}.frame-controls{display:flex;flex-direction:column;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid #72868e33}.frame-select{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.frame-select select{min-width:0;max-width:65%}.frame-checkbox{display:flex;align-items:center;gap:8px;font-size:12px}.frame-checkbox input{width:auto}.margin-save-form{grid-area:save;min-width:0}.margin-save-form>label{display:block;font-size:11px;color:#aabcc0;margin-bottom:6px}.margin-save-form>div{display:flex;gap:6px}.margin-save-form input{min-width:0;flex:1}.margin-personal-actions,.margin-access{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.margin-personal-actions .button,.margin-access .button{font-size:11px}.margin-default-note{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;color:#aabcc0}.margin-library-actions{flex-shrink:0;padding-top:12px;margin-top:6px;border-top:1px solid #72868e33}.margin-target-page{margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#96a8ad;font-size:11px}.margin-preview-modes{display:flex;gap:4px;padding:3px;border:1px solid #78949b35;border-radius:8px;align-self:flex-start}.margin-preview-modes button{border:0;border-radius:5px;padding:6px 12px;background:transparent;color:#aabec4;font:11px/1.4 Arial,sans-serif;cursor:pointer}.margin-preview-modes button[aria-pressed=true]{background:#71b3b525;color:#d8e9e5}.margin-ink-label{display:block;margin-bottom:8px;color:#aabec4;font:var(--library-label-size)/1.4 Arial,sans-serif}.margin-ink-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.margin-ink-options button{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;padding:5px;border:1px solid #78949b35;border-radius:7px;background:transparent;color:#aabec4;font:10px/1.4 Arial,sans-serif;cursor:pointer}.margin-ink-options button:hover,.margin-ink-options button[aria-pressed=true]{border-color:#92b5a7;background:#88b8aa12;color:#e0e9e5}.margin-preview-modes button:focus-visible,.margin-ink-options button:focus-visible{outline:2px solid #c6cbaa;outline-offset:2px}.margin-ink-art{display:grid;place-items:center;aspect-ratio:1;border-radius:3px;overflow:hidden}.margin-ink-art>svg{width:100%;height:100%}.margin-preset-thumb,.margin-ink-art,.margin-live-preview svg{pointer-events:none}.margin-ink-options button>span:last-child{white-space:nowrap}@media(max-width:680px){dialog.margin-library-dialog{width:calc(100vw - 16px);max-height:calc(100svh - 16px);padding:14px}.margin-library-scroll{display:block;overflow-y:auto}.margin-library-layout{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"collection" "preview" "save";gap:20px}.margin-preset-scroll{max-height:clamp(280px,55svh,440px);flex-shrink:0}.margin-preview-column{overflow:visible;padding:0}.margin-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.margin-preset-thumb{height:clamp(130px,23svh,190px)}.margin-ink-options{gap:4px}.margin-ink-options button{padding:4px;font-size:9px}.margin-library-actions{gap:8px;flex-wrap:wrap}.margin-target-page{display:none}.margin-library-actions>.button{flex:1;font-size:11px}.margin-live-preview{height:clamp(180px,33svh,320px)}.margin-live-preview.is-corners{height:clamp(240px,42svh,320px)}}@media(min-width:681px)and (max-height:760px){.margin-preview-column{gap:8px}}@media(prefers-reduced-motion:reduce){.margin-preset-card{transition:none}.margin-corner-popover:popover-open,.margin-corner-current.is-blending{animation:none}.margin-corner-popover{transition:none}}.margin-save-form input{border:1px solid #7c969c40;border-radius:7px;background:#0b1e27;color:#d8e3e5;padding:9px 11px;font:inherit;font-size:12px}.margin-save-form input:focus{outline:1px solid #91b4ad}.texture-preview-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}dialog.library-dialog{--library-title-size: 21px;--library-search-size: 12px;--library-body-size: 12px;--library-caption-size: 12px;--library-label-size: 10px;--library-meta-size: 10px;--library-intro-size: 14px;--library-panel-width: 1060px;--library-panel-height: 800px;font-family:Arial,Helvetica,sans-serif}dialog.library-dialog .dialog-heading h2{font-family:Georgia,Times New Roman,serif;font-size:var(--library-title-size);font-weight:400;line-height:1.25;letter-spacing:-.4px}dialog.library-dialog .dialog-eyebrow{display:block;margin-bottom:8px;font:9px/1.4 Arial,Helvetica,sans-serif;letter-spacing:1.5px}dialog.library-dialog .library-search{gap:9px;padding:0 11px}dialog.library-dialog .library-search svg{width:16px;height:16px;flex-shrink:0}dialog.library-dialog .library-search input{padding:10px 0;font:var(--library-search-size)/1.4 Arial,Helvetica,sans-serif}dialog.library-dialog :is(.library-categories button,.font-filters button){font:var(--library-label-size)/1.4 Arial,Helvetica,sans-serif}dialog.library-dialog :is(.font-card-name,.library-card-caption,.margin-preset-card>span,.texture-card strong){font-size:var(--library-caption-size);font-weight:400}dialog.library-dialog :is(.dialog-intro,.texture-intro p,.margin-library-intro p){font:var(--library-intro-size)/1.5 Georgia,serif}dialog.library-dialog :is(.font-selected>span,.font-preview-label,.texture-library-label,.library-section-label){font:var(--library-label-size)/1.4 Arial,Helvetica,sans-serif}dialog.library-dialog :is(.font-selected>strong,.texture-preview>strong,.margin-preview-caption){font:var(--library-intro-size)/1.4 Georgia,serif}dialog.library-dialog :is(.font-preview-label>span,.margin-preset-card>small,.texture-card small,.library-categories small){font:var(--library-meta-size)/1.4 Arial,Helvetica,sans-serif}dialog.library-dialog :is(.font-customization,.font-size-control,.font-sample-field,.margin-customization summary){font-size:var(--library-body-size)}dialog.library-dialog :is(.dialog-actions .button,.margin-personal-actions .button,.margin-access .button){font:var(--library-body-size)/1.4 Arial,Helvetica,sans-serif}dialog.library-dialog .font-footer>p{font-size:11px}dialog.library-dialog:is(.font-dialog,.margin-library-dialog){width:min(var(--library-panel-width),calc(100vw - 32px));height:min(var(--library-panel-height),calc(100svh - 32px));max-width:none;max-height:calc(100svh - 32px);padding:clamp(16px,2.5vw,28px)}.margin-library-scroll{flex:1}@media(max-width:680px){dialog.library-dialog:is(.font-dialog,.margin-library-dialog){width:calc(100vw - 16px);height:min(var(--library-panel-height),calc(100svh - 16px));max-height:calc(100svh - 16px);padding:14px}}dialog.library-dialog.margin-tools-dialog{display:flex;flex-direction:column;width:min(var(--library-panel-width),calc(100vw - 32px));height:min(var(--library-panel-height),calc(100svh - 32px));max-width:none;max-height:calc(100svh - 32px);padding:clamp(16px,2.5vw,28px);overflow:hidden;border:1px solid #b0a2df38;border-radius:13px;background:radial-gradient(ellipse at 90% 0%,#64419d26,transparent 55%),linear-gradient(145deg,#1b2034,#111628 80%);color:#eee9fa}.margin-tools-dialog>.dialog-heading{flex-shrink:0;min-height:48px;align-items:center}dialog.library-dialog.margin-tools-dialog>.dialog-heading h2{display:flex;align-items:center;gap:10px;font-size:var(--library-title-size)}.margin-tools-dialog>.dialog-heading .dialog-eyebrow{color:#b6a5ce;font-size:9px;letter-spacing:1.5px}.margin-tools-body{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);flex:1;min-height:0;min-width:0}.margin-tool-view{display:flex;grid-area:1 / 1;min-height:0;min-width:0;opacity:0;visibility:hidden;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility 0s linear .5s}.margin-tool-view.is-active{opacity:1;visibility:visible;transition-delay:0s;z-index:1}.margin-tool-view.is-inactive{pointer-events:none;z-index:0}.margin-tool-titles{display:grid;min-width:0}.margin-tool-title{grid-area:1 / 1;display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1)}.margin-tool-title.is-active{opacity:1}.margin-tool-title>svg{width:24px;height:24px;flex-shrink:0}.margin-tool-content{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;overflow:hidden}.margin-configuration-content .margin-configuration-body{flex:1}@media(min-width:651px){.margin-configuration-content .margin-configuration-body{grid-template-rows:minmax(0,1fr)}.margin-configuration-content .margin-configuration-stage{min-height:0}.margin-configuration-content .margin-preview-viewport{height:auto;flex:1;min-height:180px}}@media(max-width:680px){dialog.library-dialog.margin-tools-dialog{width:calc(100vw - 16px);height:min(var(--library-panel-height),calc(100svh - 16px));max-height:calc(100svh - 16px);padding:14px}}@media(prefers-reduced-motion:reduce){.margin-tool-view,.margin-tool-title{transition:none}}dialog.project-setup-dialog{width:min(1160px,calc(100vw - 32px));height:min(880px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);padding:26px;overflow:hidden;background:radial-gradient(ellipse at 95% 20%,#2a606652,transparent 55%),linear-gradient(145deg,#173744,#091e2a);border-color:#6fb9c65c}.project-setup-dialog[open]{display:flex;flex-direction:column}.project-setup-dialog .dialog-heading{flex-shrink:0;margin-bottom:8px}.project-setup-dialog .dialog-heading h2{display:flex;align-items:center;gap:12px;font:25px Georgia,serif}.project-setup-dialog .dialog-heading h2>svg{color:#81d6df;width:24px}.project-setup-dialog .dialog-eyebrow{display:block;margin-bottom:6px;color:#7faeb9;font-size:9px;letter-spacing:2px}.setup-intro{margin:0 0 12px;color:#9fb9c3;font:12px/1.5 Georgia,serif}.project-setup-dialog form{display:flex;flex-direction:column;min-height:0;flex:1}.setup-name-row{display:flex;align-items:end;gap:18px;margin-bottom:18px;flex-shrink:0}.project-setup-dialog .setup-name{width:min(100%,560px);margin:0;flex-shrink:1}.setup-name input{width:100%}.setup-body{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:26px;min-height:0;flex:1}.setup-options{display:flex;flex-direction:column;min-width:0;min-height:0}.setup-step-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex-shrink:0}.setup-step-heading{position:relative;isolation:isolate;display:flex;align-items:center;gap:12px;min-width:0;min-height:60px;padding:8px 13px;border:1px solid #7396a138;border-radius:13px;background:linear-gradient(145deg,#183b4559,#061c2987);text-align:left;box-shadow:inset 0 1px #c5e6ea09,0 3px 8px #0210181f;transition:background .22s,border-color .22s,box-shadow .22s,transform .22s var(--motion-ease);overflow:hidden}.setup-step-heading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:radial-gradient(ellipse at 15% 65%,color-mix(in srgb,var(--step-accent) 18%,transparent),transparent 75%);transition:opacity .28s}.setup-step-heading:hover{border-color:color-mix(in srgb,var(--step-accent) 60%,transparent);transform:translateY(-1px);box-shadow:inset 0 1px #c5e6ea14,0 5px 12px #02101835}.setup-step-heading[aria-expanded=true]{border-color:color-mix(in srgb,var(--step-accent) 85%,transparent);background:linear-gradient(135deg,#285260b3,#15343de0);box-shadow:inset 0 1px #d5ffff1c,0 0 0 1px color-mix(in srgb,var(--step-accent) 9%,transparent),0 4px 16px #03151d40}.setup-step-heading[aria-expanded=true]:before{opacity:1}.setup-step-number{position:absolute;top:7px;right:10px;font:8px/1 Arial,sans-serif;letter-spacing:1px;color:#6c929d;transition:color .22s}[aria-expanded=true] .setup-step-number{color:var(--step-accent)}.setup-step-art{position:relative;display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:11px;border:1px solid #93bcc334;background:linear-gradient(140deg,#abc9ce0e,#04192350);color:#9fbdc5;box-shadow:inset 0 1px #d7f2f210,0 3px 6px #04121940;transition:border-color .22s,transform .3s var(--motion-ease);overflow:hidden}[aria-expanded=true] .setup-step-art{border-color:color-mix(in srgb,var(--step-accent) 45%,transparent);color:var(--step-accent);transform:rotate(-3deg)}.setup-step-heading:hover .setup-step-art{transform:rotate(0) scale(1.04)}.setup-step-art>img{width:100%;height:100%;object-fit:cover}.setup-format-mini{display:block;height:26px;max-width:30px;background:linear-gradient(135deg,#fffdf1,#e4decc);border-radius:1px;box-shadow:2px 3px 4px #00101a66;position:relative;transform:rotate(-7deg);transition:transform .3s var(--motion-ease)}.setup-format-mini:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #a2a28b50}.setup-step-art .setup-margin-art{width:40px;height:40px;border-radius:10px}.setup-step-art .setup-ornament-detail{width:42px;height:42px;left:-1px;top:-1px}.setup-step-art .setup-margin-sheet{display:none}.setup-step-title{display:flex;flex-direction:column;gap:5px;min-width:0;padding-right:5px}.setup-step-title strong{font:16px/1.15 Georgia,serif;color:#d1e0e4;transition:color .22s}[aria-expanded=true] .setup-step-title strong{color:#f3f5ed}.setup-step-title small{font-size:10px;color:#81a5b1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[aria-expanded=true] .setup-step-title small{color:#b7cbd0}.setup-step-arrow{position:absolute;right:8px;bottom:11px;color:var(--step-accent);opacity:0;transform:translate(-4px);transition:opacity .22s,transform .22s}[aria-expanded=true] .setup-step-arrow{opacity:.85;transform:translate(0)}.setup-route{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:9px 0 0;height:4px;flex-shrink:0}.setup-route-segment{position:relative;display:flex;align-items:center}.setup-route-line{width:100%;height:1px;background:#769eab30;transition:background .3s}.setup-route-segment[data-reached=true] .setup-route-line{background:color-mix(in srgb,var(--step-accent) 55%,transparent)}.setup-route-segment i{position:absolute;left:calc(50% - 2px);width:4px;height:4px;border-radius:1px;transform:rotate(45deg);background:#547983;transition:background .25s,box-shadow .25s}.setup-route-segment[data-current=true] i{background:var(--step-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--step-accent) 15%,transparent),0 0 9px var(--step-accent);animation:setup-route-arrive .4s var(--motion-ease) both}@keyframes setup-route-arrive{0%{transform:rotate(45deg) scale(.4)}to{transform:rotate(45deg) scale(1)}}.setup-gallery{overflow:auto;scrollbar-width:thin;min-height:0;flex:1;padding:0 3px 6px;animation:setup-gallery-reveal 1.5s var(--motion-ease) both}.setup-gallery-heading{padding:17px 0 14px}.setup-gallery-heading .eyebrow{font-size:8px;letter-spacing:1.7px;color:#83b6c0}.setup-gallery-heading h3{margin:6px 0;font:22px/1.2 Georgia,serif;color:#dcebed}.setup-gallery-heading p{margin:0;font-size:11px;line-height:1.5;color:#8eb4bf}.setup-format-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.setup-format-heading>div:first-child{display:contents}.setup-format-heading .eyebrow{grid-column:1;grid-row:1}.setup-format-heading h3{grid-column:1;grid-row:2;align-self:center}.setup-format-heading p{grid-column:1 / -1;grid-row:3}.setup-format-heading .setup-orientation{grid-column:2;grid-row:2;align-self:center;margin:0}.setup-format{margin:0}.setup-orientation{display:flex;gap:6px;width:fit-content;max-width:100%;padding:4px;margin-bottom:14px;border:1px solid #86b9c32b;border-radius:11px;background:#071b2573}.setup-orientation button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:7px 14px;border:1px solid transparent;border-radius:7px;background:transparent;font-size:12px}.setup-orientation button[aria-pressed=true]{background:#285260b3;border-color:#87e1dc66;color:#d7f6ee}.setup-sheet-icon{display:block;width:18px;height:26px;border:1px solid currentColor;border-radius:2px}.setup-sheet-icon.horizontal{width:26px;height:18px}.setup-art-grid{--card-stagger: min(.1s, calc(1s/max(1, calc(var(--card-count, 1) - 1))) );--card-duration: 1.5s;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:3px}.setup-formats{grid-template-columns:repeat(auto-fill,max(140px,calc((100% - 24px) / 3 * .67)))}.setup-format-art{--format-sheet-size: 112px;display:grid;place-items:center;width:100%;height:144px;border-radius:10px 10px 0 0;background:radial-gradient(ellipse at 50% 40%,#c6c3ad,#858f84);overflow:hidden}.setup-format-sheet{position:relative;display:block;width:min(var(--format-sheet-size),calc(var(--format-sheet-size) * var(--format-ratio)));aspect-ratio:var(--format-ratio);background:linear-gradient(135deg,#fffef7,#f0eadc);box-shadow:3px 7px 12px #303c3855;transform:rotate(var(--format-rotation));transition:transform .42s cubic-bezier(.22,.8,.25,1)}.setup-format-sheet:after{content:"";position:absolute;top:10%;right:10%;bottom:10%;left:10%;border:1px solid #b4ad962e}.setup-format-card:hover .setup-format-sheet,.setup-format-card:focus-visible .setup-format-sheet{transform:translateY(-2px) rotate(var(--format-rotation))}.setup-format-card .setup-card-caption{min-height:88px}.setup-format-measures{font-size:11px;color:#c8ddd9;font-variant-numeric:tabular-nums}.setup-art-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:0;border:1px solid #86b9c33d;border-radius:11px;background:#091f2be6;text-align:left;isolation:isolate;transition:transform .24s var(--motion-ease),border-color .22s,box-shadow .22s;animation:setup-card-reveal var(--card-duration) cubic-bezier(.3,0,.2,1) both;animation-delay:calc(var(--card-order) * var(--card-stagger))}.setup-art-card[aria-pressed=true]{border-color:#7ef0e4;box-shadow:0 0 0 1px #7ef0e441,0 6px 22px #52d5d31f}.setup-art-card:hover,.setup-art-card:focus-visible{transform:translateY(-4px);border-color:#a6e7e0;box-shadow:0 10px 24px #0005,0 0 20px #4abac327;z-index:1}.setup-options button:focus-visible{outline:2px solid #b0f5f0;outline-offset:2px}.setup-paper-art{display:grid;place-items:center;height:132px;width:100%;position:relative;overflow:hidden;border-radius:10px 10px 0 0;background:radial-gradient(ellipse,#cec3ad,#9c9c82);perspective:600px}.setup-paper-detail{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.75;transform:scale(1.6);transition:transform .5s var(--motion-ease)}.setup-paper-sheet{display:block;height:114px;aspect-ratio:2 / 3;position:relative;transform:rotate(-5deg);box-shadow:4px 8px 13px #45351c55;transition:transform .35s var(--motion-ease)}.setup-paper-sheet>img,.setup-paper-blank{display:block;width:100%;height:100%;background:#fbf9f2}.setup-paper-sheet>img{object-fit:fill}.setup-art-card:hover .setup-paper-sheet,.setup-art-card:focus-visible .setup-paper-sheet{transform:rotate(0) translateY(-2px) scale(1.06)}.setup-art-card:hover .setup-paper-detail{transform:scale(1.9)}.setup-card-caption{display:flex;flex-direction:column;gap:5px;padding:12px 9px;min-height:59px}.setup-card-caption strong{font:13px/1.2 Georgia,serif;font-weight:400}.setup-card-caption small{color:#8eabb5;font-size:9px;line-height:1.35}.setup-card-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:21px;height:21px;border:1px solid #d9f0e970;background:#0c2d3bd1;border-radius:50%;color:#dff7f3;z-index:2;transition:background .2s}.setup-card-check svg{width:12px;height:12px}[aria-pressed=true]>.setup-card-check{background:#8de6d7;border-color:#cafff6;color:#10323b}.setup-margin-art{position:relative;display:grid;place-items:center;width:100%;height:132px;overflow:hidden;border-radius:10px 10px 0 0}.setup-ornament-detail{position:absolute;left:-4px;top:0;width:124px;height:124px;transition:transform .4s var(--motion-ease)}.setup-margin-sheet{display:block;height:114px;aspect-ratio:148 / 210;box-shadow:3px 6px 9px #55442b35}.setup-margin-sheet>svg{width:100%;height:100%}.has-ornament .setup-margin-sheet{position:absolute;right:9px;bottom:10px;height:69px;border:1px solid #c5b4924d;transform:rotate(4deg);transition:transform .35s var(--motion-ease)}.setup-art-card:hover .setup-ornament-detail,.setup-art-card:focus-visible .setup-ornament-detail{transform:scale(1.08) translate(3px,3px)}.setup-art-card:hover .setup-margin-sheet{transform:rotate(0) scale(1.05)}.setup-next{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border:1px solid color-mix(in srgb,var(--step-accent) 62%,transparent);border-radius:14px;padding:0;margin-bottom:1px;background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--step-accent) 24%,transparent),transparent 75%),#0a2632;color:var(--step-accent);cursor:pointer;box-shadow:inset 0 1px #d8ffff18,0 4px 14px #03151d45;transition:border-color .18s,background .18s,transform .18s,box-shadow .18s}.setup-next:hover{border-color:var(--step-accent);background-color:#123945;transform:translate(2px);box-shadow:inset 0 1px #d8ffff25,0 5px 18px color-mix(in srgb,var(--step-accent) 20%,transparent)}.setup-name-row>.setup-next:focus-visible{outline:2px solid #b0f5f0;outline-offset:3px}.setup-next svg{transition:transform .18s var(--motion-ease)}.setup-next:hover svg{transform:translate(2px)}.setup-name-row>.setup-next-create{display:flex;align-items:center;justify-content:center;width:auto;min-width:166px;height:48px;flex-basis:auto;gap:9px;padding:0 14px;border-color:#64e1d5;border-radius:12px;background:linear-gradient(135deg,#31d0c6,#19aeb7);color:#062b35;font-size:12px;font-weight:700;box-shadow:0 5px 18px #1dbbb333,inset 0 1px #dfffff66}.setup-name-row>.setup-next-create:hover{border-color:#a1fff1;background:linear-gradient(135deg,#4de0d1,#27c2c6);transform:translateY(-1px);box-shadow:0 7px 22px #1dbbb355,inset 0 1px #efffff80}.setup-name-row>.setup-next-create:disabled{cursor:wait;opacity:.75}.setup-preview{--setup-paper-height: clamp(200px, 30dvh, 310px);display:flex;flex-direction:column;min-height:0;min-width:0;border-radius:16px;border:1px solid #7dabb733;background:radial-gradient(ellipse at 50% 25%,#4c8c9352,#061c2973 75%);padding:18px;overflow:auto;scrollbar-width:thin}.setup-preview-label{display:flex;align-items:center;justify-content:center;gap:7px;color:#9dcecf;font-size:9px;letter-spacing:2px}.setup-preview-stage{display:grid;place-items:center;height:var(--setup-paper-height);flex-shrink:0;margin:18px 0;perspective:900px}.setup-preview-sheet{display:grid;place-items:center;width:min(100%,calc(var(--setup-paper-height) * var(--setup-paper-ratio)));aspect-ratio:var(--setup-paper-ratio);min-height:0;animation:setup-sheet-reveal .4s var(--motion-ease) both}.setup-preview-sheet>svg{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #0007)}.setup-material-detail{display:flex;align-items:center;gap:12px;border-top:1px solid #8ab9bd29;border-bottom:1px solid #8ab9bd29;padding:14px 0;margin:0 0 16px}.setup-detail-art{width:82px;height:82px;border-radius:9px;overflow:hidden;flex-shrink:0;background:#eee7d7}.setup-detail-art>img{width:100%;height:100%;object-fit:cover;transform:scale(2.3)}.setup-detail-art .setup-margin-art{height:82px;border-radius:0}.setup-detail-art .setup-ornament-detail{width:90px;height:90px}.setup-detail-art .has-ornament .setup-margin-sheet{display:none}.setup-detail-art .setup-margin-sheet{height:68px}.setup-material-detail>span{display:flex;flex-direction:column;gap:6px;min-width:0}.setup-material-detail small{color:#81b9be;font-size:8px;letter-spacing:1px}.setup-material-detail strong{font:16px/1.2 Georgia,serif}.setup-material-detail>span>span{color:#91b0bb;font-size:10px;line-height:1.4}.setup-preview-info{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;line-height:1.5}.setup-preview-info strong{font:18px/1.3 Georgia,serif;overflow-wrap:anywhere;max-width:100%}.setup-preview-info>span{color:#94b6c2;font-size:10px}.setup-preview-info>small{font-size:10px;color:#c5c5ac;padding-top:5px}.setup-body[data-review=true]{grid-template-columns:minmax(0,1fr)}.setup-body[data-review=true] .setup-preview{display:none}.setup-review{display:grid;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:26px;padding:24px 3px;animation:setup-gallery-reveal .7s cubic-bezier(.3,0,.2,1) both}.setup-review-stage{--review-paper-height: min(48dvh, 440px);display:grid;place-items:center;min-width:0;padding:24px;border:1px solid #7dabb733;border-radius:16px;background:radial-gradient(ellipse at 50% 35%,#4c8c9340,#061c2973 75%)}.setup-review-sheet{width:min(100%,calc(var(--review-paper-height) * var(--review-paper-ratio)));aspect-ratio:var(--review-paper-ratio)}.setup-review-sheet>svg{display:block;width:100%;height:100%;filter:drop-shadow(0 10px 18px #0006)}.setup-review-details{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}.setup-review-details h3{margin:0 0 6px;color:#dcebed;font:24px/1.2 Georgia,serif}.setup-review-details strong{font:18px/1.3 Georgia,serif;overflow-wrap:anywhere}.setup-review-details p{margin:0;color:#a1bdc6;font-size:12px;line-height:1.5}.setup-review-details .setup-create{margin-top:12px;justify-content:center}.setup-review-back{min-height:40px;border:1px solid #86b9c336;border-radius:9px;background:#071b2573;color:#b7d1d6;font-size:12px}.setup-footer{flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:17px;margin-top:12px;border-top:1px solid #83b6c02b}.setup-footer-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#91b6bc}.setup-footer-note svg{color:#74c6ba;flex-shrink:0}.setup-footer .dialog-actions{margin:0;padding:0;border:0}.setup-footer .error{flex-basis:100%;margin:0}.setup-create{gap:9px;box-shadow:0 0 22px #58dce920;transition:box-shadow .2s,transform .2s}.setup-create:hover{box-shadow:0 0 24px #58dce950;transform:translateY(-1px)}@keyframes setup-sheet-reveal{0%{opacity:.3;transform:translateY(7px) rotateY(-7deg) scale(.97)}to{opacity:1;transform:none}}@keyframes setup-card-reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes setup-gallery-reveal{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media(max-height:780px)and (min-width:681px){.setup-format-art{--format-sheet-size: 80px;height:104px}.setup-step-heading{min-height:50px;padding:6px 10px;gap:10px}.setup-step-art{width:34px;height:34px}.setup-step-title strong{font-size:15px}.setup-step-title small{font-size:9px}dialog.project-setup-dialog{padding:20px}.setup-intro{display:none}.setup-paper-art,.setup-margin-art{height:94px}.setup-paper-sheet,.setup-margin-sheet{height:82px}.setup-ornament-detail{width:96px;height:96px}.has-ornament .setup-margin-sheet{height:46px}.setup-card-caption{min-height:49px;padding:7px 9px}.setup-gallery-heading{padding:10px 0 8px}.setup-gallery-heading h3{font-size:19px;margin:4px 0}.setup-preview{--setup-paper-height: 210px;padding:14px}.setup-material-detail{padding:10px 0;margin-bottom:12px}.setup-detail-art{width:65px;height:65px}}@media(min-width:681px)and (max-width:960px){.setup-format-heading{grid-template-columns:minmax(0,1fr)}.setup-format-heading .setup-orientation{grid-column:1;grid-row:4;margin-top:10px}.setup-body{grid-template-columns:minmax(0,1fr) 250px;gap:16px}.setup-art-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.setup-step-heading{padding:9px;gap:9px}.setup-step-art{width:32px;height:36px}.setup-step-title strong{font-size:14px}}@media(max-width:680px){.setup-review{grid-template-columns:minmax(0,1fr);gap:16px;padding:12px 0}.setup-review-stage{--review-paper-height: clamp(180px, 32dvh, 300px);padding:16px}.setup-review-details h3{font-size:20px}.setup-review-details{gap:7px}.setup-format-heading{grid-template-columns:minmax(0,1fr)}.setup-format-heading .setup-orientation{grid-column:1;grid-row:4;margin-top:10px}dialog.project-setup-dialog{width:calc(100vw - 16px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:16px}.project-setup-dialog .dialog-heading h2{font-size:21px}.project-setup-dialog .dialog-eyebrow{font-size:8px}.setup-intro{display:none}.setup-name-row{gap:8px;margin-bottom:12px}.project-setup-dialog .setup-name{min-width:0}.setup-name-row .setup-next{width:44px;height:44px;flex-basis:44px}.setup-name-row>.setup-next-create{width:auto;min-width:0;height:44px;flex-basis:auto;gap:6px;padding:0 10px;font-size:11px}.setup-body{display:flex;flex-direction:column;gap:12px}.setup-options{flex:1}.setup-step-heading{min-height:42px;padding:7px 5px;gap:5px;border-radius:10px}.setup-step-number,.setup-step-arrow{display:none}.setup-step-art{width:20px;height:26px;border-radius:6px}.setup-step-art>svg{width:14px;height:14px}.setup-step-art .setup-margin-art{width:20px;height:26px;border-radius:5px}.setup-step-art .setup-ornament-detail{width:27px;height:27px}.setup-format-mini{height:17px;max-width:17px}.setup-format-mini:after{top:3px;right:3px;bottom:3px;left:3px}.setup-step-title{padding:0}.setup-step-title small{display:none}.setup-step-title strong{font:11px/1.2 Arial,sans-serif;letter-spacing:-.15px}.setup-step-nav,.setup-route{gap:6px}.setup-route{margin-top:7px}.setup-art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-formats{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-paper-art,.setup-margin-art{height:clamp(112px,16dvh,150px)}.setup-paper-sheet,.setup-margin-sheet{height:clamp(95px,14dvh,125px)}.setup-ornament-detail{width:130px;height:130px}.has-ornament .setup-margin-sheet{height:63px}.setup-card-caption{min-height:55px;padding:10px 8px}.setup-card-caption strong{font-size:12px}.setup-gallery-heading{padding:12px 0}.setup-gallery-heading h3{font-size:18px}.setup-gallery-heading .eyebrow{display:none}.setup-gallery-heading p{font-size:10px}.setup-orientation{margin-bottom:10px}.setup-orientation button{padding:5px 10px}.setup-format-art{--format-sheet-size: clamp(88px, 13dvh, 116px);height:clamp(112px,16dvh,146px)}.setup-preview{--setup-paper-height: 95px;order:-1;flex-shrink:0;display:grid;grid-template-columns:68px minmax(0,1fr);gap:5px 12px;padding:10px;overflow:hidden}.setup-preview-label{grid-column:2;justify-content:start;align-self:end;letter-spacing:1px;font-size:8px}.setup-preview-stage{grid-column:1;grid-row:1 / 3;height:var(--setup-paper-height);margin:0}.setup-material-detail{display:none}.setup-preview-info{align-items:start;text-align:left;gap:3px}.setup-preview-info strong{font-size:15px}.setup-preview-info>small{font-size:9px}.setup-footer{padding-top:10px;margin-top:10px;gap:8px}.setup-footer-note{font-size:9px}.setup-footer .dialog-actions{width:100%;justify-content:space-between}.setup-create{flex:1;justify-content:center}}@media(max-height:740px)and (max-width:680px){.setup-gallery-heading{display:none}.setup-gallery-heading.setup-format-heading{display:grid;padding:8px 0}.setup-format-heading>div:first-child>*{display:none}.setup-format-heading .setup-orientation{grid-row:1;margin:0}.setup-gallery{padding-top:8px}}@media(max-height:650px)and (max-width:680px){dialog.project-setup-dialog{padding:12px}.setup-preview{--setup-paper-height: 56px;grid-template-columns:42px minmax(0,1fr);padding:8px}.setup-body{gap:8px}.setup-name-row{margin-bottom:8px}.setup-footer{margin-top:7px;padding-top:8px;gap:6px}.project-setup-dialog .dialog-eyebrow{display:none}.setup-preview-info>strong{display:none}.setup-gallery-heading h3{font-size:15px}.setup-gallery-heading p{display:none}.setup-paper-art,.setup-margin-art{height:108px}.setup-paper-sheet,.setup-margin-sheet{height:90px}}@media(prefers-reduced-motion:reduce){.project-setup-dialog *,.project-setup-dialog *:before,.project-setup-dialog *:after{animation:none!important;transition:none!important}.setup-art-card:hover,.setup-art-card:focus-visible,.setup-create:hover,.setup-next:hover{transform:none}}.projects-page{padding:28px clamp(24px,4vw,68px) 44px;background:radial-gradient(ellipse at 77% 2%,#0c475344,transparent 38%),radial-gradient(ellipse at 10% 88%,#1c34432b,transparent 46%)}.projects-title{display:grid;grid-template-columns:minmax(270px,1fr) auto auto;align-items:end;gap:24px;margin-bottom:29px}.page-intro .eyebrow{color:#83aebd;font-size:9px;letter-spacing:2.3px}.projects-page .page-intro h1{font-size:clamp(29px,2.7vw,40px);margin:0;letter-spacing:-1.3px;color:#e3edf1}.page-intro p{font-size:13px}.projects-stats{display:flex;align-items:center;align-self:center}.projects-stat{display:flex;align-items:center;gap:6px;padding:0 16px;white-space:nowrap}.projects-stat:first-child{padding-left:0}.projects-stat:last-child{padding-right:0}.projects-stat+.projects-stat{border-left:1px solid #7ca8b22a}.projects-stat>svg{width:15px;height:15px;color:#79a8b2;stroke-width:1.5}.projects-stat strong{font-size:13px;line-height:1.4;font-weight:600;color:#dce9ee}.projects-stat span{font-size:11px;color:#86a0ac}.projects-actions{align-self:center;gap:10px}.projects-actions>.button{min-height:39px;border-radius:9px}.projects-actions>.button:first-child{background:#18303b7a}.projects-actions>.button.primary{box-shadow:0 5px 19px #14d4e326}.projects-library{min-width:0}.projects-toolbar{display:grid;grid-template-columns:minmax(250px,560px) auto;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px}.projects-search{height:44px;min-width:0;display:flex;align-items:center;gap:12px;padding:0 14px;color:#a8b9d9;border:1px solid #91a9df40;border-radius:10px;background:linear-gradient(135deg,#18274480,#0a142999);box-shadow:inset 0 1px #c8d9ff08}.projects-search:focus-within{border-color:#8daef0;box-shadow:0 0 0 3px #7ba3ed18,inset 0 1px #c8d9ff0c}.projects-search input{flex:1;min-width:0;color:#e3ebff;border:0;background:transparent;outline:0;font-size:12px}.projects-search input::placeholder{color:#97a9ca}.projects-search kbd{white-space:nowrap;border:1px solid #9aafe032;border-radius:5px;padding:3px 6px;color:#a2b3d3;font:10px Arial,sans-serif}.projects-filters{display:flex;align-items:center;gap:7px}.projects-filters button{min-height:39px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 16px;border:1px solid #83abb52b;border-radius:22px;background:#12263070;color:#93afba;font-size:11px;white-space:nowrap}.projects-filters button:hover{border-color:#44cbd3a0;color:#d7f4f5}.projects-filters button.active{color:#d7fbfc;border-color:#23d2de;background:#15aeb51e;box-shadow:0 0 14px #1ac8d31a}.project-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px}.project-card{position:relative;border-color:#91a9df33;border-radius:12px;background:linear-gradient(145deg,#172541d9,#0c152be6);box-shadow:inset 0 1px #c8d9ff09,0 5px 18px #0000001a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:hover{transform:translateY(-3px);border-color:#93b4f280;box-shadow:0 12px 28px #0003,0 0 22px #6e97ef14,inset 0 1px #c8d9ff12}.project-preview{height:clamp(205px,18vw,255px);padding:34px 20px 18px;background:radial-gradient(ellipse at 50% 42%,#5873b333,#07102580)}.project-preview>svg{box-shadow:0 8px 24px #0008}.project-meta{min-height:52px;padding:10px 13px;align-items:center}.project-name{font-size:12px;font-weight:600;flex:1;min-width:0;max-width:none;color:#e4ecff}.project-name-editor{display:flex;align-items:center;flex:1;min-width:0;gap:3px;color:#e4ecff;font-size:12px;font-weight:600;line-height:normal}.project-name-editor .project-name-input{display:block;width:100%;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;outline:none;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:inherit}.project-name-editor .project-name-input:focus{border:0;outline:none;box-shadow:none}.project-name-action{flex:0 0 26px;width:26px;height:26px;display:inline-grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:#a6b8dc}.project-name-action:hover:not(:disabled){background:#8aacf51a;color:#e4ecff}.project-name-action.is-save{color:#70e0c4}.project-name-action:disabled{opacity:.45}.project-footer-controls.is-editing{display:none}.project-footer-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.project-control{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:transparent;color:#9cafd4}.project-control:hover,.project-control[aria-expanded=true]{color:#c6d8ff;background:#8aacf51a}.project-favorite{position:absolute;top:10px;right:10px;border-radius:50%;background:#101b33d9}.project-edition{position:absolute;top:18px;left:14px;right:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a1afc8;font:italic 9.5px/1.4 Georgia,serif;letter-spacing:.015em;pointer-events:none}.project-favorite.is-favorite{color:#ffd36e}.project-favorite.is-favorite svg{fill:currentColor}.project-card-popover{position:fixed;inset:auto;margin:0;width:224px;max-width:calc(100vw - 16px);padding:6px;border:1px solid #91a9df40;border-radius:10px;background:#13203a;color:#e3ebff;box-shadow:0 10px 35px #0006}.project-options{display:flex;flex-direction:column;gap:2px}.project-options button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:#dce9ee;font-size:12px;text-align:left}.project-options button:hover,.project-options button:focus-visible{background:#80bec216}.project-options .project-option-danger{color:#e4a199;margin-top:3px}.project-info{display:grid;gap:14px;margin:0;padding:10px}.project-info dt{margin-bottom:4px;font-size:10px;color:#87a8b5}.project-info dd{margin:0;font-size:12px;line-height:1.5;color:#deebef}.projects-no-results{min-height:225px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px dashed #7ca8b22e;border-radius:13px;color:#83a5b1;text-align:center}.projects-no-results>svg{color:#39cbd5;margin-bottom:4px}.projects-no-results strong{color:#d8e8ed;font-size:15px;font-weight:500}.projects-no-results span{font-size:11px}.projects-no-results button{margin-top:5px;border:0;background:transparent;color:#44d3de;font-size:11px;text-decoration:underline}@media(max-width:1180px){.projects-title{grid-template-columns:minmax(0,1fr) auto}.projects-stats{grid-column:1;grid-row:2}.projects-actions{grid-column:2;grid-row:1 / 3;align-self:center}.projects-toolbar{grid-template-columns:minmax(220px,1fr) auto;gap:14px}}@media(max-width:760px){.projects-page{padding:22px 16px 35px}.projects-title{grid-template-columns:1fr;gap:17px;margin-bottom:23px}.projects-stats{grid-column:1;grid-row:auto;width:100%;gap:14px;flex-wrap:wrap}.projects-stat{padding:0;gap:5px}.projects-stat+.projects-stat{border-left:0}.projects-actions{grid-column:1;grid-row:auto;width:100%}.projects-actions>.button{flex:1;justify-content:center;font-size:11px;padding:8px 10px}.projects-toolbar{grid-template-columns:1fr;gap:12px}.projects-search{grid-row:1}.projects-filters{grid-row:2;gap:6px;overflow-x:auto}.projects-filters button{min-height:35px;padding:0 13px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.project-preview{height:clamp(165px,54vw,230px);padding:32px 13px 13px}.project-meta{padding:10px}.project-name,.project-name-editor{font-size:11px}}@media(max-width:420px){.projects-page{padding-right:12px;padding-left:12px}.page-intro h1{font-size:27px}.project-grid{grid-template-columns:1fr}.project-preview{height:235px}}.topbar .page-format-control{flex-shrink:0}.topbar .page-format-menu{width:min(310px,calc(100vw - 32px));max-height:calc(100dvh - 100px);overflow-y:auto;padding:16px}.page-format-menu .stack-field,.page-format-menu .two-columns{margin-bottom:12px}.page-format-menu .color-field{margin:12px 0}.page-resource-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px;margin:12px 0;text-align:left;color:inherit;background:var(--input);border:1px solid var(--border);border-radius:8px;cursor:pointer}.page-resource-card:hover{border-color:#43cbd1}.page-resource-card:focus-visible{outline:2px solid #43cbd1;outline-offset:2px}.page-resource-card>span:nth-child(2){flex:1;min-width:0}.page-resource-card strong,.page-resource-card small{display:block}.page-resource-card strong{font-size:12px;font-weight:500}.page-resource-card small{margin-top:5px;color:var(--muted);font-size:10px}.page-resource-preview{position:relative;display:grid;place-items:center;flex-shrink:0;width:64px;height:78px;overflow:hidden;border-radius:4px;color:#647178;font-size:9px}.page-resource-preview img,.page-resource-preview svg{width:100%;height:100%;object-fit:contain}.inspector-preview-previous{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}@media(prefers-reduced-motion:no-preference){.page-resource-preview{transition:aspect-ratio .32s var(--motion-ease)}}.empty-margin-preview{width:72%;height:78%;border:1px dashed #647178}@media(max-width:700px){.topbar .page-format-menu{position:fixed;top:76px;right:16px}.topbar .page-format-control .format-chip{min-height:31px}}.topbar nav .page-format-control{align-self:center}.topbar nav .format-chip{padding:7px 9px;border:1px solid var(--border);background:#10222b}.topbar nav .page-format-menu button{padding:9px;justify-content:space-between;width:100%}.topbar nav .page-format-menu button:hover{background:#244450}.topbar nav .page-format-menu button[aria-pressed=true]{color:#4ee3e9}.topbar nav .format-chip>span{display:inline}@media(max-width:700px){.topbar nav .format-chip{padding:5px 6px;font-size:10px;gap:5px}}@media(max-width:480px){.topbar .project-title{display:none}.topbar .top-actions{margin-left:auto}}.layer-drag-help{margin:0 8px 8px;font-size:10px;color:#95b5c1;line-height:1.5}.layers-list,.layer-row{position:relative}.layer-select[data-reorderable=true]{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.layer-grip{flex-shrink:0;color:#95b5c1;opacity:.55}.layer-select:hover .layer-grip,.layer-select:focus-visible .layer-grip{opacity:1}.layer-select[data-reorderable=false] .layer-grip{opacity:.18}.layers-list:has(.dragging) .layer-row{transition:transform .18s cubic-bezier(.22,1,.36,1);will-change:transform}.layer-row.dragging,.layer-row.dragging.hidden{opacity:1;background:#74d5e50a;border:1px dashed #74d5e577}.layer-row.dragging>*{visibility:hidden}.layer-row.deleting{visibility:hidden}.layer-row.dragging:after{content:"Soltar aquí";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#9cdae3;font-size:10px;pointer-events:none}.layer-drop-end{position:relative}.layer-drag-active,.layer-drag-active *{cursor:grabbing!important;-webkit-user-select:none!important;user-select:none!important}.layer-drag-preview{position:fixed;inset:auto;left:0;top:0;margin:0;z-index:10000;pointer-events:none;display:flex;align-items:center;gap:1px;padding:3px 1px;max-width:none;max-height:none;box-sizing:border-box;border:1px solid #74d5e5;border-radius:6px;background:#242a40;color:#e5f7fa;box-shadow:0 12px 30px #0008,0 3px 8px #0005;overflow:hidden;will-change:transform,opacity,clip-path}.layer-drag-preview .button{padding:5px;min-height:26px;color:#8ab8c6}.layer-drag-preview .button svg{width:14px;height:14px}.layer-drag-preview .layer-grip{opacity:1}.layer-tools{position:sticky;bottom:-1px;z-index:3;display:flex;align-items:center;gap:4px;min-height:52px;margin-top:8px;padding:6px 0 0;border-top:1px solid var(--border);background:#1c2033}.layer-tools .layer-order{margin:0 0 0 auto;padding:0;border:0}.layer-trash{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:8px;border:1px solid transparent;border-radius:6px;background:transparent;color:#a6a8be;font-size:10px;transition:background .14s,border-color .14s,color .14s}.layer-trash svg{flex-shrink:0}.layer-trash:disabled{opacity:.5}.layer-trash:not(:disabled):hover,.layer-tools .layer-trash.is-over{border-color:#ff9eac;color:#ffe3e8;background:#a73c5355}@media(prefers-reduced-motion:reduce){.layers-list:has(.dragging) .layer-row,.layer-trash{transition:none}}.layer-drag-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-preview-toggle{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:42px;border:0;border-top:1px solid #91a9df26;background:#07132455;color:#9db8cb;font:inherit;font-size:12px;transition:background .2s,color .2s}.project-preview-toggle:hover,.project-preview-toggle[aria-expanded=true]{color:#77edf0;background:#20c5cf13}dialog.project-reader-dialog{--reader-page-ratio: .707;width:min(calc(100vw - 16px),1400px,calc((100svh - 176px) * var(--reader-page-ratio) + 12px));min-width:min(300px,calc(100vw - 16px));max-width:calc(100vw - 16px);max-height:calc(100svh - 16px);padding:0;margin:auto;overflow:hidden;border:1px solid #74cbd84a;border-radius:10px;background:#0d192b;color:#dce9ef;box-shadow:0 20px 90px #0009}dialog.project-reader-dialog{transition:width .36s cubic-bezier(.22,1,.36,1)}.project-reader-dialog::backdrop{background:#020712ce;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.project-reader-dialog .dialog-heading{min-height:40px;margin:0;padding:3px 6px 3px 10px;gap:8px}.project-reader-dialog .dialog-heading>div{min-width:0}.project-reader-dialog .dialog-heading h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font:13px/1.4 Arial,sans-serif;letter-spacing:0;color:#b6cad7}.project-reader-title-prefix{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-reader-dialog .dialog-heading>.button{width:34px;height:34px;min-height:34px;padding:0;flex-shrink:0;justify-content:center;border:0;background:transparent}.project-reader-inner{padding:0 6px 6px}.project-reader-stage{width:100%;height:min(calc((100vw - 30px) / var(--reader-page-ratio)),calc(100svh - 176px),calc(1386px / var(--reader-page-ratio)));background:#060d18}.project-reader-stage{transition:height .36s cubic-bezier(.22,1,.36,1);overflow:hidden}.project-reader-pages{position:relative;isolation:isolate;width:100%;height:100%;min-width:0;min-height:0}.project-reader-pages>.motion-presence>.project-reader-sheet{position:absolute;top:0;right:0;bottom:0;left:0}.project-reader-sheet,.project-reader-sample{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;min-height:0}.project-reader-sample>svg{display:block;width:auto;height:auto;max-width:100%;max-height:100%}.project-reader-pages .project-reader-sample>svg{width:100%;height:100%}.project-reader-loading{color:#a4bbc9;font-size:11px}.project-reader-pages .is-entering>.project-reader-sheet:where(:not([data-pending])){animation:project-reader-page-enter .4s cubic-bezier(.45,0,.55,1) both}.project-reader-pages>.is-entering>.project-reader-sheet{z-index:2}.project-reader-pages>.is-exiting>.project-reader-sheet{z-index:1}.project-reader-sheet[data-pending]{visibility:hidden;pointer-events:none}.project-reader-pages .motion-presence>.project-reader-sheet[data-pending]{animation:none}.project-reader-initial-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#a4bbc9;font-size:11px}.project-reader-pages .is-exiting>.project-reader-sheet{animation:project-reader-page-exit .4s cubic-bezier(.45,0,.55,1) both}.project-reader-toolbar{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;position:relative}.project-reader-icon,.project-reader-edit{display:inline-grid;place-items:center;width:34px;height:34px;flex-shrink:0;padding:0;border:0;border-radius:6px;background:transparent;color:#c1dce6;transition:background .18s,opacity .18s}.project-reader-icon>svg{width:19px;height:19px}.project-reader-edit{position:absolute;right:0}.project-reader-icon:hover:not(:disabled),.project-reader-edit:hover{background:#42cbd325}.project-reader-icon:disabled{opacity:.25;cursor:default}.project-reader-counter{margin:0;min-width:92px;text-align:center;color:#a7c1d0;font-size:11px;font-variant-numeric:tabular-nums}.project-reader-thumbnails{position:relative;display:flex;gap:6px;overflow-x:auto;padding:2px 1px;overscroll-behavior-x:contain;scrollbar-width:thin}.project-reader-thumbnails>button{display:flex;flex-direction:column;align-items:center;gap:3px;flex:0 0 48px;padding:3px;border:1px solid #8fb9d12e;border-radius:5px;background:#09142680;color:#9db6c8;font:10px/12px Arial,sans-serif;transition:border-color .18s,background .18s}.project-reader-thumbnails>button:hover{border-color:#8bced8a0}.project-reader-thumbnails>button[aria-pressed=true]{border-color:#3bd2db;background:#27b9c41c;color:#bdf9fa}.project-reader-thumbnail{display:block;width:40px;height:45px}.project-preview-toggle:focus-visible,.project-reader button:focus-visible{outline:2px solid #6ce3eb;outline-offset:-3px}@keyframes project-reader-page-enter{0%{opacity:0;transform:translate(calc(var(--reader-direction, 1) * 16px))}to{opacity:1;transform:translate(0)}}@keyframes project-reader-page-exit{0%,35%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(calc(var(--reader-direction, 1) * -10px))}}@media(prefers-reduced-motion:reduce){.project-reader-pages .motion-presence>.project-reader-sheet{animation:none}dialog.project-reader-dialog,.project-reader-stage,.project-preview-toggle,.project-reader button{transition:none}}.layer-name-editor{display:flex;align-items:center;gap:9px;flex:1;min-width:0;margin:0;font-size:10px}.layer-name-editor .layer-name-input,.layer-name-editor .layer-name-input:focus{flex:1;width:0;min-width:0;height:auto;margin:0;padding:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;color:inherit;font:inherit}.layer-name-editor .project-name-action{flex-basis:26px;margin-left:-6px}.layer-name-editor .project-name-action:focus-visible{outline:1px solid #74d5e5;outline-offset:-2px}@supports (appearance: base-select){select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker(select){-webkit-appearance:base-select;-moz-appearance:base-select;appearance:base-select}select:not([multiple]):not([size]){align-items:center;gap:12px;cursor:pointer;text-align:start;transition:border-color .16s,box-shadow .16s}select:not([multiple]):not([size])::picker-icon{content:"";display:block;inline-size:6px;block-size:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;rotate:45deg;color:#9ea9c5;margin-inline-start:auto;transition:rotate .16s}select:not([multiple]):not([size]):open::picker-icon{rotate:225deg;color:#c8c1ef}select:not([multiple]):not([size])::picker(select){margin-block:6px;padding:5px;max-block-size:min(340px,60dvh);overflow-y:auto;border:1px solid #a0a9d13b;border-radius:11px;background:linear-gradient(155deg,#151e33,#0b1425);color:#cbd4e7;box-shadow:0 16px 36px #02061099,inset 0 1px #e1e5ff0d;scrollbar-width:thin;scrollbar-color:#7981a54d transparent}select:not([multiple]):not([size]):open::picker(select){animation:dropdown-enter 1s cubic-bezier(.22,1,.36,1) both}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-6px);clip-path:inset(0 0 100% 0 round 11px)}to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0 round 11px)}}select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:12px;min-block-size:34px;padding:8px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#bbc7df;font:inherit;line-height:1.4;cursor:pointer}select:not([multiple]):not([size]) option+option{margin-block-start:2px}select:not([multiple]):not([size]) option:hover,select:not([multiple]):not([size]) option:focus{outline:none;background:#a2a7d513;color:#eef0fa}select:not([multiple]):not([size]) option:checked{border-color:#b0a9e326;background:linear-gradient(110deg,#3434519c,#272e489c);color:#eeebff}select:not([multiple]):not([size]) option::checkmark{order:1;margin-inline-start:auto;color:#bbb3ed;font-size:11px}select:not([multiple]):not([size]) option:disabled{opacity:.45;cursor:default}@media(prefers-reduced-motion:reduce){select:not([multiple]):not([size]),select:not([multiple]):not([size])::picker-icon{transition:none}select:not([multiple]):not([size]):open::picker(select){animation:none}}}dialog.library-dialog:is(.font-dialog,.margin-library-dialog,.margin-tools-dialog,.texture-dialog,.image-library-dialog){--cyan: #c4a1ff;--muted: #a6a0bb;--border: #b0a2df38;--library-accent: #c4a1ff;--library-text: #eee9fa;--library-muted: #a6a0bb;--library-line: #b0a2df38;--library-surface: #0b1020b3;--library-card: linear-gradient(145deg, #23223e9c, #11162bcc);--library-selected: linear-gradient(145deg, #64419d40, #3b285c40);--font-gold: var(--library-accent);color:var(--library-text);border-color:var(--library-line);background:radial-gradient(ellipse at 90% 0%,#64419d26,transparent 55%),linear-gradient(145deg,#1b2034,#111628 80%);box-shadow:inset 0 1px #e8deff0b,0 24px 90px #02051199;scrollbar-color:#8a70b380 transparent;accent-color:var(--library-accent)}dialog.library-dialog::backdrop{background:#050817b3}dialog.library-dialog .dialog-heading h2{color:var(--library-text)}dialog.library-dialog .dialog-heading h2>svg{color:var(--library-accent)}dialog.library-dialog :is(.dialog-eyebrow,.eyebrow,.library-section-label,.texture-library-label,.font-selected>span,.font-preview-label){color:#b9a5d8}dialog.library-dialog :is(.dialog-intro,.texture-intro p,.help-text,.font-footer>p,.font-empty,.margin-target-page,.margin-default-note,.margin-save-form>label,.margin-ink-label,.font-customization,.font-size-control,.frame-select,.frame-checkbox){color:var(--library-muted)}dialog.library-dialog :is(.library-categories small,.texture-card small,.texture-none small,.texture-page-label>span,.font-preview-label>span,.texture-library-label>span){color:var(--library-muted)}dialog.library-dialog :is(.library-card-caption,.font-selected>strong,.texture-preview>strong,.margin-preview-caption){color:#ddd3ef}dialog.library-dialog .button{color:#cec5e0;border-color:var(--library-line);background:#8d79b714}dialog.library-dialog .button:hover{color:#f1eaff;border-color:#b49adb73;background:#a781e518}dialog.library-dialog .button.primary{color:#fbf7ff;border-color:#d1b2ff66;background:linear-gradient(135deg,#9263ca,#7046ae);box-shadow:inset 0 1px #f2ddff26,0 4px 18px #8350c528}dialog.library-dialog .button.primary:hover{border-color:#dfc9ff99;background:linear-gradient(135deg,#a979db,#8555c2)}dialog.library-dialog :is(.dialog-actions,.font-footer,.font-collection,.margin-customization,.frame-controls){border-color:var(--library-line)}dialog.library-dialog .library-search{color:#b9a5d8;border-color:var(--library-line);background:var(--library-surface)}dialog.library-dialog .library-search:focus-within{border-color:var(--library-accent);outline:2px solid #a379d42e}dialog.library-dialog .library-search input{color:var(--library-text)}dialog.library-dialog .library-search input::placeholder{color:var(--library-muted)}dialog.library-dialog :is(.stack-field input,.stack-field select,.margin-value input,.frame-select select,.margin-save-form input,.font-sample-field textarea){color:var(--library-text);border-color:var(--library-line);background:var(--library-surface)}dialog.library-dialog :is(.stack-field,.margin-value small){color:var(--library-muted)}dialog.library-dialog :is(.library-categories button,.font-filters button,.library-category-arrow,.margin-preview-modes button,.margin-ink-options button){color:#beb2d2;border-color:var(--library-line);background:#15182a66}dialog.library-dialog :is(.library-categories button,.font-filters button,.library-category-arrow,.margin-preview-modes button,.margin-ink-options button):hover{color:#f1eaff;border-color:#b49adb73;background:#a781e518}dialog.library-dialog :is(.library-categories button.active,.font-filters button[aria-pressed=true],.margin-preview-modes button[aria-pressed=true],.margin-ink-options button[aria-pressed=true]){color:#dec7ff;border-color:#b787efb3;background:var(--library-selected);box-shadow:inset 0 0 0 1px #b787ef40,0 0 14px #9b5de51c}dialog.library-dialog :is(.margin-preview-modes,.texture-page-label){border-color:var(--library-line)}dialog.library-dialog .texture-page-label{color:#cec5e0;background:#8d79b714}dialog.library-dialog .library-empty{color:var(--library-muted);border-color:var(--library-line)}dialog.library-dialog :is(.illustration-card-main,.image-library-grid>button,.font-card,.margin-preset-card,.texture-card,.texture-none){color:#ddd3ef;border-color:var(--library-line);background:var(--library-card)}dialog.library-dialog :is(.illustration-card-main,.image-library-grid>button,.font-card,.margin-preset-card,.texture-card,.texture-none):hover{border-color:#b49adb8c;background:#a781e518;box-shadow:0 6px 20px #02051140}dialog.library-dialog :is(.font-card.active,.margin-preset-card.active,.texture-card.active,.texture-none.active){border-color:#bb93f1;background:var(--library-selected);box-shadow:inset 0 0 0 1px #a379d426,0 0 16px #9b5de51a}dialog.library-dialog :is(.font-card-check,.texture-selected){color:#f1eaff;border-color:#d1b2ff66;background:#7046ae}dialog.library-dialog .margin-preset-card>svg{color:var(--library-accent)}dialog.library-dialog .library-card-add{color:var(--library-accent);border-color:#b787ef73}dialog.library-dialog :is(.font-preview,.texture-preview,.margin-live-preview){border-color:var(--library-line);background:radial-gradient(ellipse at 50% 25%,#64419d1f,transparent 72%),var(--library-surface)}dialog.library-dialog .margin-corner-grid{background:var(--library-line)}dialog.library-dialog :is(.margin-corner-tile,.margin-corner-popover){color:#ddd3ef;border-color:#b787ef80;background:#171b30}dialog.library-dialog .illustration-hover-preview{border-color:#b787ef80}dialog.library-dialog .illustration-hover-inks{background:#171b30e6}dialog.library-dialog .illustration-hover-inks>button{background:#f5f1e8}dialog.library-dialog .illustration-hover-inks>button:is(:hover,:focus-visible,.active){border-color:var(--library-accent);background:#fff8f0;box-shadow:0 0 0 1px #b787ef80}dialog.library-dialog :is(.font-grid,.font-preview,.font-workspace,.margin-library-scroll,.margin-preset-scroll,.margin-preview-column){scrollbar-color:#8a70b380 transparent}dialog.library-dialog :is(.font-size-control output,.font-customization summary:hover,.margin-customization summary:hover){color:#dec7ff}dialog.library-dialog .margin-customization summary{color:#cec5e0}dialog.library-dialog :is(button,input,select,textarea,summary,.margin-preset-scroll):focus-visible{outline:2px solid var(--library-accent);outline-offset:3px}dialog.library-dialog .library-search input:focus-visible{outline:none}dialog.library-dialog .texture-frame-badge{color:#eee9fa;background:#29203ed9}@supports (appearance: base-select){dialog.library-dialog select::picker(select){color:var(--library-text);border-color:var(--library-line);background:linear-gradient(155deg,#23223e,#111628);scrollbar-color:#8a70b380 transparent}dialog.library-dialog select option{color:#cec5e0}dialog.library-dialog select option:is(:hover,:focus){color:#f1eaff;background:#a781e518}dialog.library-dialog select option:checked{color:#dec7ff;border-color:#b787ef73;background:var(--library-selected)}dialog.library-dialog select option::checkmark,dialog.library-dialog select::picker-icon{color:var(--library-accent)}}.library-mobile-panel[hidden]{display:none!important}.font-preview-label>.font-preview-kicker{margin-left:0;color:inherit}.margin-preview-toolbar{display:flex;flex-direction:column;gap:12px}.illustration-preview-trigger,.illustration-preview-heading{display:none}@media(max-width:680px),(max-width:980px)and (max-height:500px){dialog.library-dialog:is(.font-dialog,.margin-tools-dialog,.texture-dialog,.image-library-dialog){width:min(520px,calc(100vw - 32px));height:min(680px,calc(90dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom)));max-height:calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-width:none;padding:12px;display:flex;flex-direction:column;overflow:hidden;border-radius:16px}dialog.library-dialog>.dialog-heading{flex:none;min-height:44px;align-items:center;gap:8px;margin:0 0 10px}dialog.library-dialog>.dialog-heading>div{min-width:0}dialog.library-dialog:is(.font-dialog,.margin-tools-dialog,.texture-dialog,.image-library-dialog) .dialog-heading h2{font-size:clamp(18px,4.7vw,21px);letter-spacing:-.4px}dialog.library-dialog .dialog-heading :is(h2>svg,.margin-tool-title>svg,.dialog-eyebrow){display:none}dialog.library-dialog .dialog-heading>.button{flex:none;width:44px;height:44px;padding:10px}dialog.library-dialog :is(.dialog-actions,.font-footer){flex-shrink:0;margin-top:10px;padding-top:10px}dialog.library-dialog .dialog-actions{display:flex;flex-wrap:nowrap;gap:8px}dialog.library-dialog .dialog-actions>.button{min-width:0;min-height:44px;flex:1;justify-content:center;padding:8px}dialog.library-dialog .dialog-actions>.button.primary{flex:1.5}dialog.library-dialog .dialog-actions>.button svg{width:16px;flex-shrink:0}dialog.library-dialog .library-search{flex-shrink:0}dialog.library-dialog .library-search input{min-height:44px}dialog.library-dialog :is(.font-filters,.margin-collection .library-categories){flex-wrap:nowrap;overflow-x:auto;gap:4px;margin:6px 0;padding:2px 0;scrollbar-width:thin}dialog.library-dialog :is(.font-filters,.margin-collection .library-categories) button{flex-shrink:0;min-height:40px;white-space:nowrap;padding:6px 10px}.library-mobile-tabs{display:flex;flex-shrink:0;gap:4px;padding:3px;margin-bottom:10px;border:1px solid var(--library-line);border-radius:10px;background:var(--library-surface)}.library-mobile-tabs>button{flex:1;min-width:0;min-height:40px;padding:8px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--library-muted);font:12px/1.3 Arial,sans-serif}.library-mobile-tabs>button[aria-selected=true]{border-color:#c4a1ff66;background:var(--library-selected);color:var(--library-text)}.library-mobile-tabs>button:focus-visible{outline:2px solid var(--library-accent);outline-offset:-2px}.font-workspace{display:flex;flex-direction:column;overflow:hidden;gap:10px}.font-preview{position:relative;order:-1;flex:0 0 clamp(154px,27dvh,214px);min-height:0;overflow:hidden;padding:8px}.font-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:20px}.font-selected{min-width:0;margin:0;text-align:left}.font-selected>span,.font-preview-label>.font-preview-kicker,.font-preview-label>svg{display:none}.font-selected>strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-preview-label{min-width:0;max-width:40%}.font-preview-label>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.font-preview-paper{flex:1;height:auto;min-height:0;margin:6px 0 2px;width:100%}.font-preview-text{font-size:clamp(17px,calc(var(--sample-size, 38px) * .6),36px);line-height:1.25}.font-customization summary{min-height:28px;padding:5px 0 0;font-size:11px}.font-customization[open]{position:absolute;top:30px;right:8px;bottom:8px;left:8px;z-index:1;overflow-y:auto;background:#14182b;padding:0 4px 6px;border-radius:6px}.font-customization .font-sample-field{margin:6px 0}.font-sample-field textarea{min-height:44px;resize:none;padding:5px}.font-collection{border:0;padding:0;flex:1;min-height:0;overflow:hidden}.font-grid{flex:1;max-height:none;gap:8px}.font-card{padding:5px}.font-card-specimen{min-height:48px;padding:6px;font-size:18px}.font-card-name{margin:6px 1px 2px}dialog.library-dialog .font-footer .dialog-actions{padding:0;margin:0}.font-empty{margin:0;padding:12px}.margin-library-scroll{display:flex;overflow:hidden;padding:0}.margin-library-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"collection" "save";grid-template-rows:minmax(0,1fr) auto;gap:8px}.margin-library-layout:has(.margin-collection[hidden]){grid-template-areas:"preview" "save"}.margin-preset-scroll{flex:1;flex-shrink:1;max-height:none;overscroll-behavior:contain}.margin-preset-thumb{height:clamp(94px,17dvh,140px)}.margin-preview-column{overflow-y:auto;padding:0 3px 3px 0;gap:8px;overscroll-behavior:contain}.margin-preview-toolbar{flex-direction:row;align-items:center;justify-content:space-between;gap:8px}.margin-preview-caption{min-width:0}.margin-preview-caption>svg{display:none}.margin-preview-caption>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.margin-preview-modes{flex-shrink:0;padding:2px;gap:0}.margin-preview-modes button{min-height:36px;padding:4px 8px}.margin-preview-column>.margin-live-preview{flex:1 0 clamp(140px,25dvh,240px);height:auto;padding:8px}.margin-preview-column>.margin-live-preview.is-corners{padding:0}.margin-ink-label{margin-bottom:4px}.margin-ink-art{aspect-ratio:auto;height:24px}.margin-ink-options button{min-height:48px}.margin-customization{padding-top:6px}.margin-customization>.button{width:100%;min-height:40px;justify-content:center}.margin-save-form>label{display:none}.margin-save-form input{min-height:40px}.margin-save-form .button{width:44px;min-height:40px;justify-content:center}.margin-library-actions{margin-bottom:0}.margin-target-page,.font-footer>p{display:none}dialog.library-dialog .margin-configuration-content .dialog-actions{flex-wrap:wrap}dialog.library-dialog .margin-configuration-content .dialog-actions>.margin-configuration-back{flex:1 0 100%;justify-content:flex-start}.texture-intro,.texture-margin-note,.texture-library-label,.texture-preview>.eyebrow{display:none}.texture-library{flex:1;min-height:0;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;margin:0}.texture-options{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.texture-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.texture-card-image img{height:clamp(66px,13dvh,110px)}.texture-card strong{margin-top:6px}.texture-none{min-height:44px;margin-top:8px}.texture-none small{display:none}.texture-preview{display:flex;min-height:0;overflow-y:auto;padding:12px}.texture-preview-stage{min-height:0;padding:4px 0 12px}.texture-preview-paper{width:min(100%,260px,calc(36dvh * var(--texture-paper-ratio)));max-height:36dvh;flex-shrink:0}.texture-preview .help-text{flex-shrink:0;line-height:1.4;margin:8px 0 0}.image-library-dialog .dialog-intro{display:none}.image-library-dialog .library-filters{flex-shrink:0;gap:6px;margin-bottom:6px}.image-library-dialog .library-categories button{min-height:40px}.image-library-dialog .library-category-arrow{width:32px;min-height:40px}.image-library-dialog .library-results-toolbar{flex-shrink:0;margin-bottom:8px}.image-library-dialog .image-library-grid{min-height:0;overflow-y:auto;align-content:start;padding:2px 3px 3px;overscroll-behavior:contain}.image-library-dialog .illustration-card-main{padding:6px}.image-library-dialog .library-card-caption{font-size:11px}.illustration-preview-trigger{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:40px;height:40px;padding:8px;border-radius:50%;border:1px solid #b0a2df70;background:#161a30eb;color:#e4d7fa}.illustration-hover-preview{left:50%!important;top:50%!important;width:min(420px,calc(100vw - 48px))!important;height:min(540px,76dvh)!important;transform:translate(-50%,-50%);grid-template-rows:auto minmax(0,1fr) 76px;animation:none!important}.illustration-preview-heading{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 4px 14px;background:#14182bf5;color:#eee9fa;font-size:13px}.illustration-preview-heading>button{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:0;background:transparent;color:inherit}.illustration-hover-art{padding:14px}.illustration-hover-inks{gap:4px;padding:6px}}@media(max-width:680px)and (max-height:650px){.margin-preview-column>.margin-live-preview{flex-basis:100px}.margin-ink-art{height:20px}.margin-ink-options button{min-height:44px}}@media(max-width:980px)and (max-height:500px)and (min-width:600px){.font-workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.font-preview{grid-column:1;grid-row:1}.font-collection{grid-column:2;grid-row:1}.font-card-specimen{font-size:16px;min-height:36px}.margin-library-layout:has(.margin-collection[hidden]){display:block;position:relative}.margin-preview-column{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:36px minmax(0,1fr);gap:8px;overflow:hidden;padding:0}.margin-preview-toolbar{grid-area:1 / 1;gap:4px}.margin-preview-modes button{min-height:30px;padding:3px 6px}.margin-preview-column>.margin-live-preview{grid-area:2 / 1;height:100%;min-height:0}.margin-ink-picker{grid-area:2 / 2;align-self:start}.margin-ink-art{height:18px}.margin-ink-label{margin-bottom:2px}.margin-ink-options button{min-height:42px;gap:2px}.margin-customization{grid-area:1 / 2;padding:0;border:0}.margin-customization>.button{min-height:36px}.margin-save-form{position:absolute;bottom:0;right:0;width:calc(50% - 4px)}.texture-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:8px;padding:6px}.texture-preview-stage{grid-row:1 / 3;padding:0}.texture-preview-paper{width:min(100%,calc(28dvh * var(--texture-paper-ratio)));max-height:28dvh}.texture-preview .help-text{margin:0}}.admin-tabs{flex-wrap:wrap}@media(max-width:600px){.admin-page .admin-tabs button{flex:1 1 calc(50% - 6px)}}.beta-create{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,150px) auto;align-items:end;gap:16px;padding:22px;border:1px solid #92afd926;border-radius:16px;background:#19263a70}.beta-create label{display:grid;gap:8px;min-width:0;color:#adbed2;font-size:12px}.beta-create input{min-height:46px;width:100%;min-width:0;background:#0b1527b3;border-color:#9eb6d32e;border-style:solid;border-width:1px;border-radius:10px;padding:10px 12px;color:#e7f0fc;font:inherit;font-size:13px}.beta-create input:focus-visible{outline:2px solid #c4a1ff;outline-offset:2px}.beta-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:10px 18px;border-radius:10px;border:1px solid #bca2df60;background:#c5abed;color:#201932;font:inherit;font-size:13px;cursor:pointer}.beta-notice{min-height:20px;margin:14px 0;color:#b8dfcf;font-size:12px}.beta-list{display:grid;gap:10px}.beta-invitation{display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,220px) auto;align-items:center;gap:28px;padding:22px;border:1px solid #8da4c32b;border-radius:14px;background:#18263b80}.beta-invitation-name{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-width:0}.beta-invitation-name>svg{flex:none;color:#c0abdf}.beta-invitation h2{margin:0;font-size:15px;font-weight:500;overflow-wrap:anywhere}.beta-state{padding:4px 8px;border-radius:6px;background:#97a3b017;color:#aab8c8;font-size:10px}.beta-state.is-active{color:#aed8c4;background:#77c9a017}.beta-usage{display:grid;gap:9px;font-size:12px;color:#9eafc4}.beta-usage strong{color:#e2eafa;font-weight:500}.beta-usage progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border:0;border-radius:10px;overflow:hidden;background:#9caac91a}.beta-usage progress::-webkit-progress-bar{background:#9caac91a}.beta-usage progress::-webkit-progress-value{background:#b6a2da;border-radius:10px}.beta-usage progress::-moz-progress-bar{background:#b6a2da}.beta-invitation.is-inactive .beta-usage progress{opacity:.45}.beta-actions{display:flex;gap:6px}.beta-actions button,.beta-empty button{display:inline-flex;align-items:center;justify-content:center;min-width:40px;min-height:40px;padding:8px;color:#b7c3d8;background:transparent;border:1px solid #8da4c32b;border-radius:9px;font:inherit;cursor:pointer}.beta-actions button:hover,.beta-empty button:hover{color:#e8ddff;background:#b8a2df15}.beta-admin button:disabled{opacity:.45;cursor:default}.beta-empty{display:grid;justify-items:center;gap:12px;padding:40px 15px;color:#a9b7cf;font-size:13px;text-align:center}.beta-empty p{margin:0}.beta-admin button:focus-visible,.beta-coupon button:focus-visible{outline:2px solid #c4a1ff;outline-offset:3px}.beta-coupon{padding:16px;border:1px solid #bca2df40;border-radius:12px;background:#a785d508;transition:border-color .26s,background .26s}.beta-coupon.is-applied{border-color:#92d3ba60;background:#7bd9b00a}.beta-coupon-label{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#cdb9e5;font-size:12px}.beta-coupon-label label{color:inherit;font-size:inherit}.beta-coupon-entry{display:flex;align-items:stretch;gap:8px;animation:beta-reveal .23s ease-out both}.beta-coupon-entry input{min-width:0;flex:1}.beta-coupon-entry button{display:inline-grid;place-items:center;flex:none;min-height:44px;padding:8px 12px;border:1px solid #c4a1ff50;border-radius:9px;background:#b694e51c;color:#e2cffb;font:inherit;font-size:12px;cursor:pointer;transition:background .18s}.beta-coupon-entry button:hover{background:#b694e535}.beta-coupon-entry button:disabled{opacity:.45;cursor:default}.beta-coupon-applied{display:flex;align-items:center;gap:10px;min-height:44px;animation:beta-reveal .35s cubic-bezier(.22,1,.36,1) both}.beta-coupon-applied>div{min-width:0;flex:1}.beta-coupon-applied strong{display:block;color:#e4f4ed;font-size:14px;font-weight:500;overflow-wrap:anywhere}.beta-coupon-applied small{display:block;margin-top:3px;color:#9cc7b5;font-size:11px}.beta-coupon-check{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid #92d3ba50;border-radius:50%;color:#b1e5cc;animation:beta-check .42s cubic-bezier(.2,1.5,.5,1) both}.beta-coupon-applied button{flex:none;display:grid;place-items:center;min-width:36px;min-height:36px;border:0;border-radius:8px;background:transparent;color:#b6c8c3;cursor:pointer}.beta-coupon-applied button:hover{background:#92d3ba15}.beta-coupon-error{margin:10px 0 0;font-size:12px;line-height:1.5;color:#efb5c0;animation:beta-error .24s ease-out}@keyframes beta-reveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes beta-check{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes beta-error{0%,to{transform:translate(0)}30%{transform:translate(-3px)}65%{transform:translate(3px)}}@media(max-width:700px){.beta-create{grid-template-columns:minmax(0,1fr) minmax(90px,.45fr);padding:18px;gap:14px}.beta-primary{grid-column:1 / -1}.beta-invitation{grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:18px}.beta-invitation-name{grid-column:1 / -1}.beta-usage{max-width:260px}}@media(max-width:360px){.beta-create{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.beta-coupon,.beta-coupon *{animation:none!important;transition:none!important}}
