.personal-dialog{width:min(440px,92vw);max-height:88dvh;overflow:auto;border:1px solid #564266;border-radius:15px;background:#1c1822;color:#e8dff0;padding:24px;box-shadow:0 20px 100px #0008}.personal-dialog::backdrop{background:#09060b75}.personal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.personal-head h2{margin:5px 0;font-size:22px;color:#eee5f5}.personal-head small{font:10px monospace;letter-spacing:2px;color:#ae87c9}.personal-dialog p{font-size:12px;line-height:1.6;color:#afa0b9}.personal-dialog button{background:#30253b;border:1px solid #584167;border-radius:6px;color:#ddc5ed;padding:8px 11px;font:12px system-ui;cursor:pointer}.personal-dialog button:hover{background:#423050;border-color:#ac7ccc}.style-options{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.style-options button[aria-pressed=true]{background:#6f4593;color:white;border-color:#ba91d8}.personal-fields{display:grid;gap:17px}.personal-fields label{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}.personal-fields output{margin-left:auto;color:#bd97d5;font:11px monospace}.personal-fields input[type=range]{width:100%;accent-color:#b184d0}.personal-fields input[type=color]{margin-left:auto;width:50px;height:32px;border:0;background:none;padding:0;cursor:pointer}.personal-actions{display:flex;justify-content:space-between;margin-top:24px;gap:10px}.personal-note{font-size:11px!important}.favorite-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #3b2e45}.favorite-open{flex:1;text-align:left}.favorite-open strong,.favorite-open small{display:block}.favorite-open small{color:#baa2c9;font-size:10px;margin-top:4px}.favorite-empty{padding:25px 0;color:#af9abb;font-size:13px}.personal-toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#33263f;color:#ecdaf9;border:1px solid #836298;border-radius:9px;padding:12px 20px;font:12px system-ui;z-index:10000;transition:.2s;max-width:90vw}.personal-toast.show{opacity:1;transform:translate(-50%,0)}.toolbar,.controls{flex-wrap:wrap}.toolbar .secondary,.controls .reset{padding:7px 10px;font-size:11px}.stage .card[data-effect="7"]:is(:hover,.demo-hover){transform:translateY(calc(-12px * var(--custom-motion,1)))}.stage .card[data-effect="8"]:is(:hover,.demo-hover){transform:scale(calc(1 + .055 * var(--custom-motion,1)))}.stage .card[data-effect="10"]:is(:hover,.demo-hover) .art:not(.alternate){transform:scale(calc(1 + .16 * var(--custom-motion,1)))}.personal-dialog :focus-visible{outline:2px solid #d8a166;outline-offset:3px}
.stage .card[data-effect="8"]:is(:hover,.demo-hover){transform:scale(calc(1 + var(--custom-scale-delta,.055) * var(--custom-motion,1)))}
.stage .card[data-effect="9"]:is(:hover,.demo-hover){transform:rotateX(calc(var(--rx,5deg) * var(--custom-motion,1))) rotateY(calc(var(--ry,-7deg) * var(--custom-motion,1)))}
.stage[data-custom-style]:not([data-custom-style="original"]) .card[data-effect="3"]:is(:hover,.demo-hover){outline-color:var(--custom-accent)}
.stage[data-custom-style]:not([data-custom-style="original"]) .card[data-effect="4"]:is(:hover,.demo-hover){border-color:var(--custom-accent)}
@media(min-width:1000px){.personal-dialog:has(.style-options){margin-right:24px}}