.preview-appearance-toolbar{pointer-events:auto;position:absolute;bottom:.75rem;left:50%;z-index:10;width:max-content;max-width:calc(100% - 1.5rem);transform:translateX(-50%)}.preview-appearance-toolbar--inline{position:static;left:auto;width:100%;max-width:none;transform:none}.preview-appearance-toolbar__track{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:0;padding:.5rem .625rem;border-radius:9999px;border:1px solid rgb(148 163 184/.14);background:linear-gradient(180deg,rgb(15 23 42/.92),rgb(9 15 30/.96));box-shadow:0 22px 44px -18px rgb(2 6 23/.68),inset 0 1px 0 rgb(255 255 255/.04);backdrop-filter:blur(18px)}.preview-appearance-toolbar__track--stacked{flex-direction:column;align-items:stretch;gap:.625rem;padding:.625rem;border-radius:1.25rem}.preview-appearance-toolbar__segment{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex-shrink:0;gap:.5rem;padding-left:.5rem;padding-right:.5rem}.preview-appearance-toolbar__segment-label{flex-shrink:0;font-size:.8125rem;font-weight:500;line-height:1.125rem;letter-spacing:-.01em;color:rgb(148 163 184);white-space:nowrap}.preview-appearance-toolbar__segment-actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;flex-shrink:0;gap:.5rem}.preview-appearance-toolbar__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem}.preview-appearance-toolbar__tab{min-height:2.25rem;padding:.5rem .875rem;border:1px solid rgb(148 163 184/.12);border-radius:9999px;background:rgb(15 23 42/.56);color:rgb(148 163 184);font-size:.75rem;font-weight:600;line-height:1rem;letter-spacing:-.01em;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.preview-appearance-toolbar__tab--active{border-color:rgb(16 185 129/.32);background:linear-gradient(180deg,rgb(16 185 129/.22),rgb(15 23 42/.9));color:rgb(226 232 240)}.preview-appearance-toolbar__mobile-panel{display:flex;justify-content:center;min-width:0}.preview-appearance-toolbar__mobile-panel .preview-appearance-toolbar__segment{width:100%;justify-content:center;padding-left:0;padding-right:0}.preview-appearance-toolbar__divider{flex-shrink:0;width:1px;height:2rem;margin-left:.25rem;margin-right:.25rem;background:rgb(148 163 184/.16)}.preview-appearance-toolbar__btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:.5rem;border:1px solid rgb(148 163 184/.16);background:rgb(15 23 42/.82);box-shadow:inset 0 1px 0 rgb(255 255 255/.02);transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}.preview-appearance-toolbar__btn:hover{border-color:rgb(148 163 184/.32);background:rgb(30 41 59/.9)}.preview-appearance-toolbar__btn--active{border-color:rgb(16 185 129/.55);background:linear-gradient(180deg,rgb(16 185 129/.2),rgb(15 23 42/.95));box-shadow:0 10px 24px -14px rgb(16 185 129/.72),inset 0 0 0 1px rgb(255 255 255/.04);transform:translateY(-1px)}@media (max-width:767px){.preview-appearance-toolbar{width:calc(100% - 1rem);max-width:calc(100% - 1rem);bottom:.5rem}.preview-appearance-toolbar__segment-actions{gap:.375rem}.preview-appearance-toolbar__btn{width:2.3rem;height:2.3rem}}.preview-fullscreen-mobile-dock{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);align-items:end;gap:.75rem;width:min(calc(100vw - 1.25rem),28rem)}.preview-fullscreen-mobile-dock--appearance-only{display:block;width:min(calc(100vw - 1rem),18rem)}.preview-fullscreen-mobile-dock__actions,.preview-fullscreen-mobile-dock__appearance{position:relative;background:linear-gradient(180deg,rgb(17 24 39/.9),rgb(8 15 30/.94)),radial-gradient(circle at top,rgb(59 130 246/.12),transparent 55%)}.preview-fullscreen-mobile-actions,.preview-fullscreen-mobile-dock__actions,.preview-fullscreen-mobile-dock__appearance{border:1px solid rgb(148 163 184/.12);box-shadow:0 24px 50px -22px rgb(2 6 23/.9),inset 0 1px 0 rgb(255 255 255/.05);backdrop-filter:blur(24px)}.preview-fullscreen-mobile-actions{position:absolute;top:1rem;right:1rem;z-index:11;display:flex;flex-direction:column;gap:.65rem;min-width:10.5rem;padding:.75rem;border-radius:1.35rem;background:linear-gradient(180deg,rgb(17 24 39/.88),rgb(8 15 30/.94))}.preview-fullscreen-mobile-actions__eyebrow{padding-left:.125rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(148 163 184/.9)}.preview-fullscreen-mobile-actions__row{display:grid;grid-template-columns:2.9rem minmax(0,1fr);gap:.625rem;align-items:stretch}.preview-fullscreen-mobile-dock__actions{display:flex;flex-direction:column;gap:.65rem;padding:.875rem .875rem .9rem;border-radius:1.5rem}.preview-fullscreen-mobile-dock__appearance{padding:.75rem;border-radius:1.65rem}.preview-fullscreen-mobile-dock__eyebrow{padding-left:.125rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgb(148 163 184/.9)}.preview-fullscreen-mobile-dock__action-row{display:grid;grid-template-columns:2.9rem minmax(0,1fr);gap:.625rem;align-items:stretch}.preview-fullscreen-mobile-dock__icon-btn,.preview-fullscreen-mobile-dock__rotate-btn{border:1px solid rgb(148 163 184/.14);background:linear-gradient(180deg,rgb(15 23 42/.9),rgb(15 23 42/.68));box-shadow:inset 0 1px 0 rgb(255 255 255/.04);color:rgb(226 232 240)}.preview-fullscreen-mobile-dock__icon-btn{width:2.9rem;height:2.9rem;border-radius:9999px}.preview-fullscreen-mobile-dock__rotate-btn{justify-content:flex-start;min-height:2.9rem;padding:0 .95rem;border-radius:9999px}.preview-fullscreen-mobile-dock__rotate-btn--active{border-color:rgb(250 204 21/.32);background:radial-gradient(circle at top,rgb(250 204 21/.16),transparent 60%),linear-gradient(180deg,rgb(51 65 85/.96),rgb(17 24 39/.92));color:rgb(254 240 138);box-shadow:0 14px 28px -18px rgb(250 204 21/.55),inset 0 1px 0 rgb(255 255 255/.05)}.preview-fullscreen-mobile-dock__toolbar.preview-appearance-toolbar{width:100%;max-width:none}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__track{border:0;border-radius:1.15rem;background:transparent;box-shadow:none;backdrop-filter:none}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__track--stacked{gap:.55rem;padding:0}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__tabs{gap:.45rem}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__tab{min-height:2.5rem;background:rgb(15 23 42/.64);color:rgb(203 213 225/.82)}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__tab--active{border-color:rgb(45 212 191/.28);background:linear-gradient(180deg,rgb(45 212 191/.18),rgb(15 23 42/.96));color:rgb(248 250 252);box-shadow:inset 0 0 0 1px rgb(255 255 255/.03)}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__mobile-panel,.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__segment{justify-content:stretch}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__segment-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem;width:100%}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__btn{width:100%;height:3rem;border-radius:.95rem;background:linear-gradient(180deg,rgb(18 27 47/.94),rgb(12 18 35/.92))}.preview-fullscreen-mobile-dock__toolbar .preview-appearance-toolbar__btn--active{border-color:rgb(16 185 129/.42);box-shadow:0 16px 32px -22px rgb(16 185 129/.68),inset 0 0 0 1px rgb(255 255 255/.04)}@media (max-width:767px){.preview-fullscreen-mobile-dock{grid-template-columns:1fr 1.25fr;gap:.625rem;width:min(calc(100vw - 1rem),27rem)}.preview-fullscreen-mobile-dock--appearance-only{width:min(calc(100vw - 1rem),18rem)}.preview-fullscreen-mobile-dock__actions{padding:.75rem .75rem .8rem;border-radius:1.35rem}.preview-fullscreen-mobile-dock__appearance{padding:.7rem;border-radius:1.45rem}.preview-fullscreen-mobile-dock__rotate-btn{padding:0 .8rem}.preview-fullscreen-mobile-dock__rotate-btn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview-fullscreen-mobile-actions{top:.75rem;right:.75rem;min-width:10rem;padding:.7rem}}