.saved-style-actions{display:flex;gap:8px;align-items:center;order:0}
.saved-style-actions[hidden]{display:none}
.twins-saved-styles{margin-top:48px;padding-top:32px;border-top:1px solid #e5d9f2;scroll-margin-top:24px}.twins-saved-styles>.page-heading{align-items:baseline;gap:16px;flex-wrap:wrap}.twins-saved-styles>.page-heading h2{font:normal 36px/1.2 Georgia,serif;margin:0}.twins-saved-styles #saved-count{font-size:14px;color:#756284}
main>header .saved-style-actions :is(button,a){font:600 13px/1.2 Arial;min-height:44px;padding:10px 13px;border-radius:10px;border:1px solid #ded3f3;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:#f5f0ff;color:#6730ef}
main>header .saved-style-actions .saved-style-save{background:#7138ff;border-color:#7138ff;color:#fff}
main>header .saved-style-actions .saved-style-share{width:44px;min-width:44px;padding:10px;flex-shrink:0;color:#7138ff}
.saved-style-share svg{width:22px;height:22px;flex-shrink:0}
@media(max-width:360px){main>header .saved-style-actions .saved-style-share{width:36px;min-width:36px;padding:7px}main>header .saved-style-actions .saved-style-save{width:68px;white-space:normal;padding:6px}body:not([data-mode=hero]) main>header:has(.saved-style-actions:not([hidden])) .heads-link{width:70px;min-width:70px;white-space:normal;padding:6px}}
.saved-style-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:28px;border:1px solid #e3d6f5;border-radius:22px;background:#fdfcff;color:#291b3b;box-shadow:0 20px 80px #291b3b33;font:15px/1.5 Arial}
.saved-style-dialog::backdrop{background:#20152f88;backdrop-filter:blur(4px)}
.saved-style-dialog h2{font:normal 28px/1.2 Georgia,serif;margin:0 32px 20px 0}.saved-style-dialog p{color:#756284;font:14px/1.5 Arial}
.saved-style-dialog button,.saved-style-dialog .button{font:600 14px/1.4 Arial;padding:12px 16px;border:1px solid #ddcdef;border-radius:10px;background:white;color:#3a234f;min-height:44px;cursor:pointer;text-decoration:none;text-align:center}
.saved-style-dialog .saved-style-close{position:absolute;right:10px;top:10px;padding:0;width:40px;border:0;background:none;font-size:25px}
.saved-style-dialog .primary,.saved-style-card .primary,.saved-style-empty .primary{background:#7138ff;color:white;border-color:#7138ff}
.saved-style-dialog .saved-style-danger{background:#b93455;color:white;border-color:#b93455}
.saved-style-dialog label{display:grid;gap:8px;font-weight:600}.saved-style-dialog input{font:16px Arial;padding:12px;border:1px solid #d9c7ee;border-radius:10px;width:100%;box-sizing:border-box}
.saved-style-preview{width:128px;height:128px;object-fit:cover;border-radius:14px;float:left;margin:0 18px 16px 0}
.saved-style-dialog label{clear:both}.saved-style-dialog-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}.saved-style-dialog button:disabled{opacity:.5;cursor:default}
.saved-styles-page{max-width:1100px}.saved-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.saved-style-card{padding:16px;background:#fff;border:1px solid #e5d9f2;border-radius:18px;box-shadow:0 4px 20px #55227708;min-width:0}
.saved-style-card>img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#eee}.saved-style-card h2{font:24px/1.2 Georgia,serif;margin:16px 0 6px;overflow-wrap:anywhere}.saved-style-card p{margin:0 0 14px}
.saved-style-card-actions{display:flex;align-items:center;gap:8px}.saved-style-card-actions .button{flex:1;font-size:14px;padding:11px 8px;border-radius:10px}
.saved-style-icon{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #e5daf8;border-radius:10px;color:#7138ff;background:#f6f0ff}.saved-style-icon svg{width:22px;height:22px}.saved-style-icon:disabled{opacity:.65;cursor:default}
.saved-style-empty{grid-column:1/-1;text-align:center;background:#f5f0ff;border:1px solid #e5d9f2;border-radius:18px;padding:48px 20px}.saved-style-empty p{margin:0 0 20px}
.saved-style-status:empty,#saved-status:empty{display:none}.saved-style-dialog :focus-visible,.saved-styles-page :focus-visible{outline:3px solid #ac87f4;outline-offset:3px}
@media(max-width:800px){.saved-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.saved-style-actions{gap:5px}main>header .saved-style-actions :is(button,a){font-size:12px;padding:8px}}
@media(max-width:500px){.saved-style-grid{grid-template-columns:1fr}.saved-style-dialog{padding:24px 20px}.saved-styles-page .page-heading{align-items:baseline}.saved-styles-page #saved-count{font-size:12px}main>header:has(.saved-style-actions) .header-actions{gap:5px}main>header:has(.saved-style-actions) .heads-link{padding:8px;font-size:12px}}

.share-style-dialog{width:min(500px,calc(100vw - 28px));padding:32px;background:radial-gradient(ellipse at 0 0,#f3eaff,transparent 65%),#fdfcff}
.share-style-dialog .saved-style-close:focus-visible{outline:none}
.share-style-dialog .share-expiry{display:table;background:#eee5ff;border:1px solid #e4d5ff;border-radius:30px;padding:8px 13px;color:#6736bf;margin:20px 0 16px}
.share-style-dialog input{box-sizing:border-box;width:100%;padding:13px;border:1px solid #e1d5f1;border-radius:10px;background:#fff;color:#756284;font:13px Arial;min-height:48px}
.share-style-dialog .share-copy{width:100%;margin-top:14px;background:#7138ff;color:#fff;border-color:#7138ff;box-shadow:0 5px 20px #7138ff25}
.share-style-dialog .share-copy:hover{background:#6026e8}.share-style-dialog .share-footer{margin:22px 0 0;text-align:center;font-size:12px}.share-style-dialog .saved-style-status{text-align:center;color:#6736bf}