.layer-quick-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 16px}.layer-quick-tools button{font-size:10px;padding:8px 5px;min-height:36px}.layer-quick-tools .active-tool{border-color:#6bd4db!important;box-shadow:0 0 0 2px #61bfcf33}.locked-layer{border-style:dotted!important;border-color:#d2ab6655!important;cursor:not-allowed!important}.locked-layer .resize{display:none!important}.picking-color,.picking-color .box{cursor:crosshair!important}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 0;border-bottom:1px solid #ffffff18;font-size:12px}.shortcut-row kbd{padding:5px 8px;border:1px solid #526978;border-radius:7px;font-size:10px;flex-shrink:0;background:#ffffff08}.site-announcement[hidden]{display:none!important}.site-announcement{display:flex;gap:20px;justify-content:space-between;align-items:flex-start;padding:18px 22px;margin-bottom:22px;border:1px solid #397286;border-radius:18px;background:#163441;color:#d9f4fb}.site-announcement[data-tone=warning]{background:#352a18;border-color:#90753e;color:#ffe4af}.site-announcement[data-tone=success]{background:#173629;border-color:#46876a;color:#cbf8df}.site-announcement p{margin:6px 0 0;font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.site-announcement strong{font-size:14px}.site-announcement a{display:inline-block;margin-top:10px;font-size:11px}.site-announcement>button{flex-shrink:0;min-height:30px;padding:3px 9px;background:#ffffff08;color:inherit;border-color:#ffffff25}#feedback-form{display:flex;flex-direction:column;gap:16px}#feedback-form textarea{min-height:140px}#feedback-form label{line-height:1.8}.feedback-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px}#feedback-send{background:#c5a266;color:#201b12;border-color:#c5a266}#feedback-result{min-height:24px;white-space:pre-wrap}#feedback-privacy{font-size:11px;margin:0}#editor-full-tools[hidden]{display:none!important}.footer-hub-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
.workspace.full-editor{position:fixed!important;inset:0;z-index:5000;margin:0!important;padding:12px!important;display:grid!important;grid-template-columns:minmax(0,1fr) 280px!important;gap:12px!important;justify-content:stretch!important;align-items:stretch!important;background:var(--page);height:100dvh;overflow:hidden}.workspace.full-editor>aside:first-child{display:none!important}.workspace.full-editor>.editor{display:flex;flex-direction:column;max-width:none!important;width:100%;height:100%;min-height:0}.workspace.full-editor .stage{flex:1;height:auto!important;min-height:0!important;min-width:0}.workspace.full-editor>aside:last-child{display:block;position:static!important;grid-column:auto!important;max-height:100%!important;height:100%;overflow:auto}.workspace.full-editor>aside:last-child fieldset{display:block}.workspace.full-editor .exports{flex-shrink:0}.workspace.full-editor .bar,.workspace.full-editor .preview-tools,.workspace.full-editor .edit-help{flex-shrink:0}@media(max-width:850px){.footer-hub-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}.workspace.full-editor{grid-template-columns:minmax(0,1fr)!important;padding:6px!important;gap:0!important}.workspace.full-editor>aside:last-child{display:none;position:absolute!important;bottom:6px;left:6px;right:6px;top:auto!important;max-height:58dvh!important;height:auto;z-index:10;box-shadow:0 -15px 50px #0008}.workspace.full-editor.full-tools-open>aside:last-child{display:block}.workspace.full-editor .exports{padding:8px;gap:5px}.workspace.full-editor .exports button{font-size:10px;min-height:33px;flex-basis:90px}.workspace.full-editor .preview-tools{padding:7px;gap:5px}.workspace.full-editor .preview-tools small{display:none}}@media(max-width:480px){.shortcut-row{flex-direction:column;align-items:flex-start;gap:8px}.site-announcement{padding:15px}.footer-hub-grid{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1}}
/* New account palette: midnight and soft coral. */
.account-dialog{border-color:#7d4b4366;background:radial-gradient(ellipse at 100% 0,#a04e312b,transparent 55%),#151419;box-shadow:0 35px 120px #0009,inset 0 1px 0 #ffd2bd0d}.account-dialog-top .footer-kicker{color:#e7ac8d}.account-emblem{border-radius:50%;width:60px;height:60px;color:#ffcfb5;background:linear-gradient(145deg,#613b35,#281e25);border:1px solid #b16f5b;box-shadow:0 8px 28px #b5673820}.account-dialog h2{color:#f7eee9}.account-dialog #account-description{color:#b5a4a1}.account-dialog .account-tabs{background:#0c0c10;border-color:#62494066;border-radius:40px;padding:5px}.account-dialog .account-tabs button{border-radius:30px}.account-dialog .account-tabs button.selected{background:linear-gradient(110deg,#d8a07f,#bd7867)!important;color:#241a17!important;font-weight:700}.account-dialog input:not([type=checkbox]){border-color:#66505266!important;background:#0e1017!important;color:#f4eeed!important;border-radius:13px}.account-dialog input:focus-visible{outline-color:#e7a482}.account-dialog #account-submit,.account-dialog #profile-save{border-color:#ecba98!important;background:linear-gradient(110deg,#efc09a,#da9280)!important;color:#2d1a16!important;box-shadow:0 7px 24px #b16b3922}.account-dialog .account-remember input{accent-color:#d9a083}.account-dialog .profile-identity #profile-avatar{border-color:#d9a083;background:linear-gradient(140deg,#ad7864,#49313a)}.account-dialog .profile-stats b{color:#e4b091}.account-dialog .profile-photo-tools .button{background:#5f3f3a!important;border-color:#b47d68!important}.account-dialog .profile-stats>div{border-color:#5b454466;background:#e9b28a06}.account-dialog .account-dialog-top button{color:#e9c8b9}html[data-theme=light] .account-dialog{background:radial-gradient(ellipse at top right,#ffe5d1,transparent 65%),#fffaf6;border-color:#e7c4af}html[data-theme=light] .account-dialog h2{color:#4c342f}html[data-theme=light] .account-dialog #account-description{color:#8c7266}html[data-theme=light] .account-dialog .account-tabs{background:#f1e5db}html[data-theme=light] .account-dialog input:not([type=checkbox]){background:#fffdfb!important;color:#493832!important;border-color:#e5d1c5!important}html[data-theme=light] .account-dialog .profile-stats b{color:#a56950}html[data-theme=light] .account-emblem{color:#a26d51;background:#ffecdc;border-color:#d8b198}

/* Split-card sign-in layout, compact single-card form on phones. */

/* Centered announcement alert with tone-specific accents. */
#announcement-alert{--alert-accent:#8cddd0;--alert-soft:#245b573d;position:fixed;width:min(500px,calc(100vw - 32px));max-height:85dvh;padding:0;border:1px solid #6fa69e;border-radius:28px;background:linear-gradient(150deg,#263a3c,#111a24 72%);color:#f6fbff;box-shadow:0 35px 100px #0009;overflow:auto}#announcement-alert::backdrop{background:#050c17b8;backdrop-filter:blur(8px)}#announcement-alert[data-tone=success]{--alert-accent:#a7ebba;--alert-soft:#487d443d;background:linear-gradient(145deg,#283f36,#111b23 72%);border-color:#79b98c}#announcement-alert[data-tone=warning]{--alert-accent:#ffd49a;--alert-soft:#9a632c3d;background:linear-gradient(145deg,#44372b,#1a1c25 72%);border-color:#ba965f}#announcement-alert #site-announcement{display:block;position:relative;margin:0;padding:36px 30px 30px;border:0;border-radius:0;background:none;box-shadow:none;color:#f6fbff}#announcement-alert .announcement-alert-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--alert-accent);background:var(--alert-soft);color:var(--alert-accent);font-size:32px;border-radius:20px;margin:4px 0 24px;box-shadow:0 8px 30px var(--alert-soft)}#announcement-alert #notice-title{display:block;color:#fff;font-size:24px;font-weight:750;line-height:1.7;margin:0 38px 14px 0}#announcement-alert #notice-message{display:block;color:#e1eaf3;font-size:15px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere;max-height:42dvh;overflow:auto}#announcement-alert #notice-close{position:absolute;top:18px;right:18px;width:36px;height:36px;padding:0;display:grid;place-items:center;border:1px solid #9cb3bd66;border-radius:50%;background:#ffffff0d;color:#fff;font-size:19px}#announcement-alert #notice-link{display:inline-flex;margin-top:24px;padding:12px 20px;border-radius:13px;background:var(--alert-accent);color:#132820;text-decoration:none;font-weight:750}#announcement-alert #notice-link[hidden]{display:none}#announcement-alert :focus-visible{outline:3px solid var(--alert-accent);outline-offset:4px}@media(max-width:500px){#announcement-alert #site-announcement{padding:28px 22px 24px}#announcement-alert #notice-title{font-size:21px}#announcement-alert #notice-message{font-size:14px}}

#announcement-alert .announcement-alert-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:15px}#announcement-alert .announcement-alert-icon:has(img){padding:7px;background:#fff} 

.site-banner{margin:0 0 18px}.site-banner[hidden]{display:none!important}.site-banner a{display:flex;align-items:center;gap:16px;padding:14px 16px;border:1px solid #4c5f7a;border-radius:20px;background:linear-gradient(145deg,#17283d,#101a2e 72%);color:#f5fbff;text-decoration:none;box-shadow:0 18px 40px #040d1f35}.site-banner img{width:min(42vw,180px);max-width:180px;min-width:110px;aspect-ratio:3/1;object-fit:cover;border-radius:14px;border:1px solid #ffffff16;background:#0d1526}.site-banner-copy{display:flex;flex-direction:column;gap:6px;min-width:0}.site-banner-copy strong{font-size:17px;line-height:1.55;color:#fff}.site-banner-copy small{font-size:12px;color:#9fdcff}.site-banner a:hover{transform:translateY(-1px);border-color:#67a7ff}@media(max-width:560px){.site-banner a{flex-direction:column;align-items:stretch}.site-banner img{width:100%;max-width:none}}