#saved-view{padding-top:0}.library-hero{min-height:330px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;margin:20px 0 48px}.library-eyebrow{font-size:9px;letter-spacing:2.3px;color:#8a93a8}.library-heading h1{font-size:48px;line-height:1.18;letter-spacing:-2px;font-weight:450;margin:22px 0 15px;color:#333949}.library-heading h1 span{display:block;color:#8d97b3;font-size:36px;letter-spacing:-1.5px;margin-top:6px}.library-heading p{font-size:13px;color:#929aad;line-height:1.7}.library-create{display:inline-flex;gap:25px;align-items:center;justify-content:center;padding:13px 19px;min-height:46px;border:1px solid #ffffff7a;border-radius:15px;background:#394765;color:#fff;font-size:12px;box-shadow:inset 0 1px 0 #ffffff20,0 6px 15px #4b5b7e16;margin-top:17px;transition:transform .25s,background .25s}.library-create:hover{background:#485b81;transform:translateY(-2px)}.library-create span{font-size:20px;font-weight:300}.library-art{position:relative;width:100%;height:310px;isolation:isolate}.library-art:before{content:'';position:absolute;inset:3% -5%;background:radial-gradient(ellipse,#cfd9f74a,transparent 68%);z-index:-1}.library-pebble{position:absolute;box-shadow:inset 1px 2px 6px #fff8,inset -8px -15px 26px #495e7520,0 20px 30px -19px #4b5b8245;animation:collection-float 14s ease-in-out infinite}.library-pebble.one{width:165px;height:170px;left:16%;top:40px;transform:rotate(-18deg);border-radius:34%;background:radial-gradient(ellipse at 23% 16%,#f5f7ff,transparent 65%),linear-gradient(140deg,#e0e9fc,#8f9fe0)}.library-pebble.two{width:133px;height:152px;left:52%;top:72px;transform:rotate(22deg);border-radius:60% 40% 51% 49%;background:radial-gradient(ellipse at 25% 17%,#f6f0ff,transparent 66%),linear-gradient(145deg,#d7c9ed,#a596cb);animation-delay:-4s}.library-pebble.three{width:139px;height:111px;left:37%;top:155px;border-radius:42% 58% 46% 54%;transform:rotate(-8deg);background:radial-gradient(ellipse at 28% 19%,#f3fff4,transparent 70%),linear-gradient(145deg,#cce7d9,#83b5b0);animation-delay:-8s}.library-art-ring{position:absolute;left:10%;right:8%;top:12%;bottom:5%;border:1px solid #dbe3ef88;border-radius:50%;transform:rotate(-24deg)}.library-art-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;color:#9ba5ba;letter-spacing:2px}
.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #e4e9f1;margin-bottom:25px}.library-toolbar[hidden]{display:none}.library-tabs{display:flex;gap:22px}.library-tabs button{display:flex;align-items:center;gap:9px;background:none;color:#8f98ac;font-size:12px;padding:8px 0;border:0}.library-tabs button[aria-pressed=true]{color:#465676}.library-tabs span{font-size:10px;padding:3px 7px;border-radius:7px;background:#eaf0f8;color:#7c8ba7}.library-tools{display:flex;gap:12px;align-items:center}.library-search{display:flex;align-items:center;gap:8px;background:#fff9;border:1px solid #e3e8f1;border-radius:12px;padding:9px 12px}.library-search svg{width:16px;height:16px;fill:none;stroke:#929eb5;stroke-width:1.5}.library-search input{width:150px;background:none;border:0;color:#54617c;outline:none;font:inherit;font-size:11px}.library-search:focus-within{outline:2px solid #b5c4e4;outline-offset:2px}.library-search input::placeholder{color:#9aa4b7}#library-sort{font:inherit;font-size:11px;color:#7d89a1;border:0;background:transparent;max-width:140px;padding:10px 4px;cursor:pointer}.domo-collection{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.domo-card{--card-light:#e3ebff;--card-mid:#a5b8e9;--card-deep:#617cb6;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:345px;padding:23px;border:1px solid #fff;border-radius:26px;background:linear-gradient(150deg,#fff8,color-mix(in srgb,var(--card-light) 67%,#fff));box-shadow:0 8px 17px -15px #455d9955,inset 0 1px 0 #fff;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}.domo-card[data-palette=violet]{--card-light:#ece5f7;--card-mid:#bca8d4;--card-deep:#8a70b0}.domo-card[data-palette=green]{--card-light:#dceee6;--card-mid:#a0c9ba;--card-deep:#528f88}.domo-card[data-palette=sand]{--card-light:#f6e8d5;--card-mid:#dfbf99;--card-deep:#b98a60}.domo-card:hover{transform:translateY(-3px);box-shadow:0 15px 25px -20px #46587b60}.domo-card.is-current{border-color:var(--card-deep);box-shadow:0 0 0 3px color-mix(in srgb,var(--card-mid) 20%,transparent)}.domo-art{position:absolute;right:-15px;top:28px;width:180px;height:180px;z-index:-1;opacity:.85;pointer-events:none}.domo-art-shape{position:absolute;inset:20px;border-radius:32%;transform:rotate(-18deg);background:radial-gradient(ellipse at 25% 16%,#fff,transparent 65%),linear-gradient(150deg,var(--card-light),var(--card-mid) 64%,var(--card-deep));box-shadow:inset 1px 1px 3px #fff9,inset -8px -15px 24px #00000009,0 15px 25px -20px var(--card-deep)}[data-palette=violet] .domo-art-shape{border-radius:61% 39% 49% 51%;transform:rotate(25deg)}[data-palette=green] .domo-art-shape{border-radius:43% 57% 61% 39%;transform:rotate(12deg)}[data-palette=sand] .domo-art-shape{border-radius:50% 50% 30% 30%;transform:rotate(-20deg)}.domo-art-orbit{position:absolute;inset:4px -9px;border:1px solid #ffffffa3;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}.domo-art-orbit.second{inset:-7px 5px;transform:rotate(23deg);border-color:color-mix(in srgb,var(--card-deep) 9%,transparent)}.is-playing .domo-art-shape{animation:collection-float 11s ease-in-out infinite}.domo-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:110px}.domo-state{font-size:8px;letter-spacing:1.6px;color:var(--card-deep)}.domo-favorite{width:32px;height:32px;background:#ffffff7a;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;color:var(--card-deep);padding:8px}.domo-favorite svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4}.domo-favorite[aria-pressed=true] svg{fill:currentColor}.domo-card-body{flex:1}.domo-card-body h2{font-size:23px;line-height:1.25;letter-spacing:-.65px;color:color-mix(in srgb,var(--card-deep) 75%,#263a4b);font-weight:450;margin:0 0 7px;overflow-wrap:anywhere}.domo-description{color:var(--card-deep);opacity:.75;font-size:11px;margin:0 0 17px}.domo-chips{display:flex;flex-wrap:wrap;gap:6px}.domo-chip{display:flex;align-items:center;gap:5px;background:#ffffff70;border:1px solid #fff9;border-radius:20px;font-size:9px;color:var(--card-deep);padding:6px 8px;line-height:1.2}.domo-chip svg{width:12px;height:12px;flex-shrink:0}.domo-card-footer{margin-top:22px;display:flex;justify-content:space-between;align-items:center}.domo-card-actions{display:flex;gap:5px}.domo-action{width:29px;height:29px;padding:7px;border-radius:50%;background:transparent;color:var(--card-deep);opacity:.65}.domo-action:hover{background:#fff9;opacity:1}.domo-action svg{width:15px;height:15px;stroke:currentColor;stroke-width:1.4;fill:none}.domo-play{width:44px;height:44px;display:grid;place-items:center;padding:13px;background:#ffffffc9;color:var(--card-deep);border:1px solid #fff;border-radius:50%;box-shadow:0 3px 8px #3b4d6b0a}.domo-play svg{width:17px;height:17px}.is-playing .domo-play{color:white;background:var(--card-deep);border-color:#ffffff70}.domo-new{min-height:290px;padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #d6deec;border-radius:26px;background:#f5f7fb88;color:#8794ae}.domo-new:hover{border-color:#a4b3d4;background:#eef2fa}.domo-new-symbol{display:grid;place-items:center;width:50px;height:50px;border:1px solid #dfe6f2;border-radius:19px;background:#fff7;font-size:27px;font-weight:300;margin-bottom:12px}.domo-new strong{font-size:17px;font-weight:400;color:#7786a4}.domo-new>span:last-child{font-size:10px;line-height:1.7}.library-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:30px;padding-top:22px;border-top:1px solid #e7ebf2}.library-bottom>span{font-size:10px;color:#9ba4b5}.library-bottom button{font-size:11px}.library-bottom button span{margin-left:8px}
.library-empty{position:relative;padding:40px 24px 48px;text-align:center;border:1px solid #fff;border-radius:30px;background:radial-gradient(ellipse at 50% 0%,#e5ebfa80,transparent 62%),#ffffffb8}.library-empty h2{font-size:27px;font-weight:400;letter-spacing:-.8px;line-height:1.3;color:#53617e;margin:17px 0 12px}.library-empty p{font-size:12px;color:#939db1;line-height:1.9}.library-empty .library-create{margin-top:15px}.empty-landscape{position:relative;width:145px;height:78px;margin:0 auto 30px}.empty-landscape i{position:absolute;width:62px;height:65px;border-radius:35%;background:linear-gradient(130deg,#fff,#bfcee9);transform:rotate(-15deg);left:5px;top:6px;box-shadow:inset 1px 2px 4px #fff,0 10px 20px -17px #6a7caa}.empty-landscape i:nth-child(2){left:67px;top:8px;background:linear-gradient(130deg,#fff,#c8b8e1);border-radius:60% 40% 50% 50%;transform:rotate(20deg)}.empty-landscape i:nth-child(3){width:62px;height:45px;left:43px;top:38px;background:linear-gradient(130deg,#fff,#a9cfc0);border-radius:44% 56% 56% 44%}.library-no-results{grid-column:1/-1;padding:65px 20px;text-align:center}.library-no-results h2{font-size:24px;font-weight:400;color:#66738f}.library-no-results p{font-size:12px;color:#919bb0}.library-no-results button{margin-top:10px}.library-undo{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:15px 18px;border-radius:14px;background:#eaf0fa;border:1px solid #d7e0ef;margin-top:22px;color:#6c7a96;font-size:12px}.library-undo[hidden]{display:none}.library-undo button{background:none;color:#4c6598;font-size:12px}.library-palette{border:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.library-palette legend{font-size:12px;color:#808ba2;margin-bottom:13px}.library-palette label{position:relative;display:flex!important;flex-direction:column;align-items:center;gap:8px;font-size:10px!important;font-weight:400!important;color:#7e8ba5;cursor:pointer}.library-palette input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.library-palette label span{width:37px;height:37px;display:block;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #e1e7f0;background:linear-gradient(145deg,#eaf1ff,#8ca9dc)}.library-palette .palette-violet{background:linear-gradient(145deg,#f2e8fa,#b39acd)}.library-palette .palette-green{background:linear-gradient(145deg,#e3f5e9,#84b9ab)}.library-palette .palette-sand{background:linear-gradient(145deg,#fff1d9,#d7ad7e)}.library-palette input:checked+span{box-shadow:0 0 0 2px #889cc5}.library-palette input:focus-visible+span{outline:2px solid #7d96c5;outline-offset:4px}#library-edit{border-radius:27px;background:#f9faff}#library-edit .icon-button{display:grid;place-items:center;padding:7px}#library-name{box-sizing:border-box;width:100%;font:inherit;font-size:15px;background:white;border:1px solid #dce3ef;border-radius:13px;padding:13px;color:#465774}#library-edit .primary-button{width:100%;border-radius:14px}.domo-card button:focus-visible,.library-tabs button:focus-visible,.domo-new:focus-visible{outline:2px solid #8ca3cb;outline-offset:4px}
@keyframes collection-float{50%{translate:0 -7px}}
@media(min-width:1450px){.domo-collection{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.domo-collection{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading h1{font-size:43px}.library-heading h1 span{font-size:29px}.library-pebble.one{left:6%}.library-pebble.two{left:49%}.library-pebble.three{left:31%}}
@media(max-width:650px){.library-hero{grid-template-columns:1fr;gap:0;margin:12px 0 27px;min-height:0}.library-heading h1{font-size:37px;letter-spacing:-1.4px;margin-top:17px}.library-heading h1 span{font-size:27px}.library-heading p{font-size:12px}.library-art{height:195px;max-width:320px;margin:13px auto 0}.library-pebble.one{width:105px;height:112px;left:17%;top:15px}.library-pebble.two{width:90px;height:104px;left:53%;top:29px}.library-pebble.three{width:97px;height:75px;left:36%;top:87px}.library-art-caption{font-size:7px;letter-spacing:1.6px}.library-toolbar{flex-direction:column;align-items:stretch;gap:15px}.library-tools{justify-content:space-between;gap:10px}.library-search{flex:1;min-width:0}.library-search input{width:100%;min-width:0}#library-sort{max-width:110px;font-size:10px}.domo-collection{grid-template-columns:1fr;gap:17px}.domo-card{min-height:295px;padding:22px}.domo-card-top{margin-bottom:80px}.domo-art{width:175px;height:175px;top:14px;right:0}.domo-card-body h2{font-size:25px}.domo-new{min-height:195px}.library-bottom{align-items:flex-start;flex-direction:column;gap:10px}.library-empty{padding:32px 18px}.library-empty h2{font-size:24px}.library-empty p{font-size:11px}.library-undo{font-size:11px}.library-art-ring{left:12%;right:8%}}
@media(prefers-reduced-motion:reduce){.library-pebble,.domo-art-shape{animation:none!important}.domo-card,.library-create{transition:none}}
/* Keep decorative forms clear of names, including long collection titles. */
.domo-art{width:150px;height:150px;top:21px;right:0}
@media(max-width:650px){.domo-card-top{margin-bottom:104px}.domo-art{width:150px;height:150px;top:15px;right:8px}}
/* Custom ordering menu, matching the collection's soft surfaces. */
.library-order{position:relative;flex-shrink:0}
.library-order #library-sort{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:37px;max-width:none;padding:9px 12px;border:1px solid #e1e7f0;border-radius:12px;background:#ffffff85;font-size:11px;color:#7986a1;transition:background .2s,border-color .2s}
#library-sort>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.library-order #library-sort:hover,.library-order #library-sort[aria-expanded=true]{background:#fff;border-color:#cbd6e9;color:#586d97}#library-sort[aria-expanded=true]>svg{transform:rotate(180deg)}
#library-sort-menu{position:absolute;z-index:30;top:calc(100% + 9px);right:0;width:196px;padding:7px;border:1px solid #fff;border-radius:17px;background:linear-gradient(140deg,#fffffffa,#f5f8fdf5);box-shadow:0 12px 35px #41547b20,0 0 0 1px #dce4f078;backdrop-filter:blur(16px);animation:sort-reveal .16s ease-out;transform-origin:top right}
#library-sort-menu[hidden]{display:none}.sort-caption{display:block;padding:10px 10px 9px;font-size:8px;letter-spacing:1.5px;color:#a0abc0}
#library-sort-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:41px;padding:10px;border:1px solid transparent;border-radius:11px;background:transparent;color:#7c89a4;font:inherit;font-size:11px;text-align:left;cursor:pointer}
#library-sort-menu button+button{margin-top:3px}#library-sort-menu button:hover{background:#edf2fa}#library-sort-menu button[aria-checked=true]{background:#eaf0fb;border-color:#e1e9f7;color:#5f78ab}
#library-sort-menu .sort-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}#library-sort-menu .sort-check{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin-left:auto;opacity:0}#library-sort-menu [aria-checked=true] .sort-check{opacity:1}
.library-order button:focus-visible{outline:2px solid #b2c4e4;outline-offset:2px}#library-sort-menu button:focus-visible{outline:1px solid #a8bcdf;outline-offset:-1px;background:#edf2fb}
@keyframes sort-reveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.library-order #library-sort{font-size:10px;padding:9px;gap:7px}}
@media(prefers-reduced-motion:reduce){#library-sort-menu{animation:none}.library-order *{transition:none!important}}

/* Match the legibility of secondary copy on the main page. */
.library-eyebrow,.library-art-caption,.library-bottom>span{color:#606c80}
.library-empty p{color:#606c80}