@font-face{font-family:Coolvetica;src:url(/library/fonts/coolvetica-book.ttf)format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Coolvetica;src:url(/library/fonts/coolvetica-regular.ttf)format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Coolvetica;src:url(/library/fonts/coolvetica-bold.ttf)format("truetype");font-style:normal;font-weight:700;font-display:swap}:root{--color-dark-700:#171717;--color-dark-400:#707070;--color-grey-400:#9d9d9d;--color-grey-200:#e9e9e9;--color-grey-300:#d7d7d7;--color-white:#fff;--color-purple-700:#4a63ff;--color-purple-800:#2f48e4;--color-dark-600:#2e2e2e;--color-green-700:#2cb53e;--text-primary:var(--color-dark-700);--text-tertiary:var(--color-dark-400);--text-inverse:var(--color-white);--surface-primary:var(--color-dark-700);--surface-primary-hover:var(--color-dark-600);--surface-primary-inverse:var(--color-white);--surface-secondary:var(--color-grey-200);--surface-tertiary:var(--color-grey-400);--surface-accent:var(--color-purple-700);--surface-accent-hover:var(--color-purple-800);--surface-success:var(--color-green-700);--border-primary:var(--color-grey-200);--border-secondary:var(--color-grey-300);--space-0:0px;--space-2:2px;--space-4:4px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-36:36px;--space-42:42px;--space-62:62px;--space-72:72px;--radius-2:2px;--radius-4:4px;--radius-8:8px;--font-display:"Coolvetica",Arial,sans-serif;--font-body:"Coolvetica",Arial,sans-serif;--page-gutter:var(--space-20);--grid-gap:var(--space-16)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{text-wrap:balance;background:var(--surface-primary-inverse);color:var(--text-primary);font:400 16px/1.3 var(--font-body);letter-spacing:-.06em;margin:0}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:wait;opacity:.5}h1,h2,h3,p{margin:0}img{display:block}h1,h2{font-family:var(--font-display);letter-spacing:0;font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--surface-accent);outline-offset:4px}.frame{width:calc(100% - var(--page-gutter)*2);border-inline:1px solid var(--border-primary);max-width:1560px;margin-inline:auto}.site-header{background:var(--surface-primary-inverse);z-index:10;position:sticky;top:0}.header-inner{height:64px;padding:var(--space-16);justify-content:space-between;align-items:center;gap:var(--space-20);display:flex}.site-header nav{gap:var(--space-4);display:flex}.site-header nav a,.site-header nav button{border:1px solid var(--border-primary);border-radius:var(--radius-4);background:var(--surface-primary-inverse);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;padding:7px 12px 8px;font-size:12px;line-height:1.2}.site-header nav a:hover,.site-header nav button:hover{background:var(--surface-secondary)}.brand{flex-shrink:0}.brand img{width:107.806px;height:30px}.search-box{border:1px solid var(--border-primary);border-radius:var(--radius-4);align-items:center;gap:6px;width:323px;padding:7px 12px;display:flex}.search-box img{width:16px;height:16px}.search-box input{letter-spacing:-.06em;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:12px;line-height:1.3}.search-box:focus-within{outline:2px solid var(--surface-accent);outline-offset:2px}.search-box input::placeholder{color:var(--text-tertiary)}.hero-section{border-block:1px solid var(--border-primary);height:700px;padding:var(--space-36) var(--space-16);flex-direction:column;align-items:center;gap:58px;display:flex;position:relative}.hero-art{pointer-events:none;z-index:-1;width:1440px;height:697px;position:absolute;top:0;left:50%;overflow:visible;transform:translate(-50%)}.hero-art img{width:1680.68px;max-width:none;height:839.815px;position:absolute;top:-8.1549px;left:-127.84px}main{overflow:clip}.hero-section{isolation:isolate}.fresh-badge{align-items:center;gap:var(--space-8);border:1px solid var(--border-primary);border-radius:var(--radius-4);padding:var(--space-8) var(--space-12);background:var(--surface-primary-inverse);letter-spacing:-.03em;text-transform:uppercase;font-size:12px;line-height:1.2;display:flex}.fresh-badge span{background:var(--surface-success);width:4px;height:4px}.hero-content{text-align:center;align-items:center;gap:var(--space-24);flex-direction:column;max-width:100%;display:flex}.hero-content h1{width:664px;max-width:100%;font-size:82px;line-height:1}.hero-content p{width:528px;max-width:100%;margin-top:-4px}.primary-button{justify-content:center;align-items:center;gap:var(--space-20);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-20);background:var(--surface-accent);color:var(--text-inverse);border-radius:var(--radius-4);letter-spacing:-.03em;font-size:14px;font-weight:600;line-height:1.2;transition:filter .15s;display:inline-flex}.primary-button:hover{filter:brightness(.92)}.primary-button>span{background:var(--surface-primary-inverse);border-radius:var(--radius-2);place-items:center;width:42px;height:42px;display:grid}.primary-button img{width:16px;height:15px}.section-divider{border-bottom:1px solid var(--border-primary);height:24px;position:relative}.section-divider:before{content:"";inset:0 max(var(--page-gutter),calc((100% - 1560px)/2));border-inline:1px solid var(--border-primary);position:absolute}.tools-caption{text-align:center;letter-spacing:-.03em;text-transform:uppercase;border-bottom:1px solid var(--border-primary);place-items:center;height:62px;font-size:12px;display:grid}.tools-row{border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(7,1fr);height:62px;display:grid}.tools-row>div{border-right:1px solid var(--border-primary);justify-content:center;align-items:center;display:flex}.tools-row>div:last-child{border:0}.cursor-logo{width:66px;height:16px;position:relative}.cursor-logo>img{position:absolute;top:0;left:0}.cursor-logo>span{position:absolute;inset:25.89% 80.07% 6.05% .94%}.bolt-logo{width:64px;height:16px;display:block;position:relative}.bolt-logo>span{position:absolute}.library-body{padding:var(--space-20);border-bottom:1px solid var(--border-primary)}.filters{justify-content:space-between;align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);display:flex}.filter-group{align-items:center;gap:var(--space-4);display:flex}.filter-group:last-child{gap:7px}.filter-button{background:var(--surface-secondary);border-radius:var(--radius-4);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;padding:7px 12px 8px;font-size:12px;line-height:1.2}.filter-button.selected{background:var(--surface-primary);color:var(--text-inverse);font-weight:600}.filter-button:hover{filter:brightness(.93)}.access-options{border:1px solid var(--border-primary);border-radius:var(--radius-4);align-items:center;gap:var(--space-4);height:32px;padding:2px;display:flex}.access-options button{height:26px;padding:5px 12px}.sort-select{border:1px solid var(--border-primary);border-radius:var(--radius-4);align-items:center;height:32px;display:flex;position:relative}.sort-select select{appearance:none;letter-spacing:-.03em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:8px 28px 8px 12px;font-size:12px}.sort-select img{pointer-events:none;position:absolute;right:8px}.icon-button{border-radius:var(--radius-4);background:var(--surface-secondary);flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.icon-button img{width:16px;height:16px}.icon-button:hover{background:var(--border-primary);filter:brightness(.9)}.settings{width:32px;height:32px}.project-grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.project-card{gap:var(--space-12);flex-direction:column;min-width:0;display:flex}.card-preview{isolation:isolate;background:var(--surface-tertiary);border-radius:var(--radius-4);width:100%;height:302px;padding:0;position:relative;overflow:hidden}.preview-backdrop{object-fit:cover;filter:blur(25px);z-index:-1;border-radius:12px;width:588.427px;height:298.5px;position:absolute;top:calc(50% + .5px);left:calc(50% + .33px);transform:translate(-50%,-50%)}.preview-image{aspect-ratio:393/199;object-fit:cover;border-radius:var(--radius-8);width:calc(100% - 49.333px);height:auto;position:absolute;top:calc(50% + .5px);left:calc(50% + .33px);transform:translate(-50%,-50%)}.beauty .preview-backdrop{border-radius:0;width:590px;height:323px;top:calc(50% - .5px)}.beauty .preview-image{aspect-ratio:393/215;border-radius:0;top:calc(50% + 15px)}.tag{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-4);color:var(--text-inverse);letter-spacing:-.03em;background:#ffffff1f;padding:4px 8px;font-size:12px;line-height:1.2;position:absolute;top:12px}.new-tag{left:12px}.free-tag{right:12px}.card-details{justify-content:space-between;align-items:center;gap:var(--space-8);height:36px;display:flex}.card-details h2{font:400 14px/1.2 var(--font-body);letter-spacing:-.06em}.card-details p{color:var(--text-tertiary);margin-top:2px;font-size:11px;line-height:1.2}.card-actions{gap:6px;display:flex}.browse-all{justify-content:center;align-items:center;gap:var(--space-12);letter-spacing:-.03em;background:var(--surface-primary-inverse);border-bottom:1px solid var(--border-primary);width:100%;height:62px;font-size:14px;font-weight:600;line-height:1.1;display:flex}.browse-all img{width:16px;height:16px}.section-heading{text-align:center;align-items:center;gap:var(--space-20);flex-direction:column;padding:72px 24px 62px;display:flex}.section-heading h2{max-width:994px;font-size:72px;line-height:1}.steps{border-bottom:1px solid var(--border-primary);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.steps article{border-right:1px solid var(--border-primary)}.steps article:last-child{border-right:0}.step-visual{border-block:1px solid var(--border-primary);background:repeating-linear-gradient(135deg,transparent 0 10px,var(--border-primary) 10px 11px);height:240px;padding:23px 24px}.step-visual span{background:var(--surface-primary-inverse);border:1px solid var(--border-primary);border-radius:var(--radius-4);letter-spacing:-.03em;padding:5px 8px 4px;font-size:12px;line-height:1.2;display:inline-block}.step-copy{padding:var(--space-24);gap:var(--space-8);flex-direction:column;display:flex}.step-copy h3{letter-spacing:-.03em;font-size:14px;font-weight:600;line-height:1.1}.step-copy p{color:var(--text-tertiary);font-size:14px;line-height:1.3}.video-wrap{padding:var(--space-24);border-block:1px solid var(--border-primary);background:repeating-linear-gradient(135deg,transparent 0 10px,var(--border-primary) 10px 11px)}.video-placeholder{aspect-ratio:1352/761;border-radius:var(--radius-8);background:var(--surface-secondary);width:100%;color:var(--text-tertiary);place-items:center;display:grid}.final-cta{border-bottom:1px solid var(--border-primary);padding:var(--space-72) var(--space-24);text-align:center;align-items:center;gap:var(--space-24);flex-direction:column;display:flex}.final-cta h2{font-size:82px;line-height:1}.final-cta p{margin-top:-4px;font-size:18px}.skip-link{z-index:30;background:#fff;padding:12px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:10px}.filter-panel{align-items:end;gap:16px;padding:20px 0;display:flex}.filter-panel label{gap:8px;font-size:12px;display:grid}.filter-panel input{border:1px solid var(--border-primary);border-radius:4px;padding:8px}.empty-state{text-align:center;padding:72px 20px}.empty-state button{margin-top:20px}.toast{background:var(--surface-primary);max-width:calc(100% - 32px);color:var(--text-inverse);z-index:30;opacity:0;pointer-events:none;border-radius:4px;padding:14px 20px;font-size:14px;transition:all .2s;position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px)}.toast.visible{opacity:1;transform:translate(-50%)}dialog{border:1px solid var(--border-primary);width:calc(100% - 32px);max-width:900px;color:var(--text-primary);background:var(--surface-primary-inverse);border-radius:8px;padding:24px}dialog::backdrop{background:#00000080}dialog h2{margin-bottom:20px;font-size:48px}dialog p{margin:40px 0 20px}.dialog-close{float:right}.dialog-preview{width:100%;height:auto;margin-bottom:24px}dialog a.filter-button{margin-left:8px;display:inline-block}@media (width>=1600px){.hero-art{width:1600px}.hero-art img{left:50%;transform:translate(-50%)}}@media (width<=1100px){.header-inner{flex-wrap:wrap;height:auto;min-height:64px}.brand{order:-1}.search-box{width:260px}.site-header nav{order:3;justify-content:center;width:100%}.hero-art{opacity:.55}.hero-content{max-width:80%}.filters{flex-wrap:wrap}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tools-row{grid-template-columns:repeat(4,1fr);height:auto}.tools-row>div{border-bottom:1px solid var(--border-primary);height:62px}.section-heading h2{font-size:64px}.final-cta h2{font-size:72px}.preview-image{width:calc(100% - 48px)}}@media (width<=640px){:root{--page-gutter:12px}.header-inner{gap:12px;padding:12px}.brand img{width:107.806px;height:30px}.search-box{width:calc(100% - 124px);padding-inline:8px}.site-header nav{gap:4px}.site-header nav a,.site-header nav button{padding:8px;font-size:10px}.hero-section{gap:62px;height:auto;min-height:630px;padding:36px 16px 62px}.hero-art{opacity:.3;width:100%;height:100%;overflow:hidden}.hero-art img{width:1344px;height:672px;top:0;left:50%;transform:translate(-50%)}.hero-content{max-width:100%}.hero-content h1{max-width:360px;font-size:54px}.hero-content p{max-width:330px;font-size:14px}.fresh-badge{font-size:10px}.tools-caption{height:auto;min-height:62px;padding:12px;font-size:10px}.tools-row{grid-template-columns:repeat(2,1fr)}.tools-row>div:last-child{grid-column:1/-1}.library-body{padding:12px}.filters{gap:12px}.filter-group{flex-wrap:wrap}.filter-button{padding:8px;font-size:10px}.filter-group:last-child{justify-content:space-between;width:100%}.project-grid{grid-template-columns:1fr;gap:24px}.card-preview{aspect-ratio:442.333/302;height:auto}.preview-backdrop{width:135%;height:100%}.beauty .preview-backdrop{width:135%;height:107%}.preview-image{width:89%}.steps{grid-template-columns:1fr}.steps article{border-right:0}.step-visual{height:200px}.section-heading{gap:20px;padding:48px 16px 36px}.section-heading h2{font-size:48px}.section-heading p{font-size:14px}.video-wrap{padding:12px}.video-placeholder{font-size:12px}.final-cta{padding:48px 16px}.final-cta h2{font-size:54px}.final-cta p{font-size:14px}.step-copy{padding:24px}.toast{text-align:center;width:calc(100% - 32px)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.hero-art{overflow:hidden}.hero-content h1{text-wrap:balance}body{font-family:var(--font-body);letter-spacing:.02em;font-synthesis:none;font-weight:400}.site-header nav a,.site-header nav button,.search-box input{letter-spacing:.02em;font-size:14px;line-height:1.3}.site-header .brand img{width:78.5px;height:24px}.site-header .search-box{width:288px}.fresh-badge,.tools-caption,.filter-button,.tag,.card-details h2,.card-details p,.browse-all,.how-step-number,.how-step-details,.section-heading p{letter-spacing:.02em}.fresh-badge{text-transform:none}.hero-content p{font-size:18px;line-height:1.3}.primary-button{letter-spacing:.04em;font-weight:700}.primary-button .primary-arrow{position:relative;overflow:hidden}.primary-arrow img{transition:transform .48s cubic-bezier(.76,0,.24,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.primary-arrow img+img{transform:translate(calc(-50% - 42px),-50%)}@media (hover:hover){.primary-button:hover .primary-arrow img:first-child{transform:translate(calc(42px - 50%),-50%)}.primary-button:hover .primary-arrow img+img{transform:translate(-50%,-50%)}}.primary-button:focus-visible .primary-arrow img:first-child{transform:translate(calc(42px - 50%),-50%)}.primary-button:focus-visible .primary-arrow img+img{transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.primary-button:hover .primary-arrow img:first-child,.primary-button:focus-visible .primary-arrow img:first-child{transform:translate(-50%,-50%)}.primary-button:hover .primary-arrow img+img,.primary-button:focus-visible .primary-arrow img+img{transform:translate(calc(-50% - 42px),-50%)}}.sort-select select{letter-spacing:.06em}.filter-button{letter-spacing:.04em}.card-details h2{font-family:var(--font-body)}.how-step-content h3{font-family:var(--font-display)}.final-cta h2{font-size:72px}.replory-footer{border-bottom:1px solid var(--border-primary);min-height:203px;font-family:var(--font-body);letter-spacing:.02em;grid-template-columns:minmax(0,1fr) minmax(0,1fr);font-size:14px;line-height:1.3;display:grid}.footer-brand{flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:0;padding:24px;display:flex}.footer-brand a,.footer-brand img{width:76px;height:24px;display:block}.footer-brand p{color:var(--text-tertiary);font-size:12px;line-height:1.3}.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));min-width:0;display:grid}.footer-column{border-left:1px solid var(--border-primary);white-space:nowrap;flex-direction:column;align-items:flex-start;gap:16px;min-width:0;padding:24px;display:flex}.footer-column a,.footer-column button,.footer-column>span:not(.footer-heading){font:inherit;letter-spacing:inherit;line-height:inherit;text-align:left;background:0 0;border:0;align-items:center;padding:0;display:inline-flex}.footer-column a:hover,.footer-column button:hover{color:var(--surface-accent)}.footer-heading,.footer-coming{color:var(--text-tertiary)}.footer-coming{gap:8px}.footer-coming small{background:var(--surface-secondary);letter-spacing:.02em;border-radius:2px;align-items:center;padding:2px 4px;font-size:10px;line-height:1.1;display:inline-flex}.footer-social>span:not(.footer-heading),.footer-social a{gap:8px}.footer-social img{flex:none;width:12px;height:12px}@media (width<=1100px){.replory-footer{grid-template-columns:1fr}.footer-brand{min-height:160px}.footer-links{border-top:1px solid var(--border-primary)}.footer-column:first-child{border-left:0}}@media (width<=640px){.site-header .search-box{width:calc(100% - 100px)}.site-header nav a,.site-header nav button{font-size:12px}.hero-content p{font-size:16px}.footer-brand{min-height:148px;padding:20px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-column{gap:14px;padding:20px 14px;font-size:12px}.footer-column:nth-child(2){border-left:1px solid var(--border-primary)}.footer-social{border-top:1px solid var(--border-primary);border-left:0;grid-column:1/-1}}.site-header nav a.active{background:var(--surface-primary);color:var(--text-inverse)}@media (width>=1101px){.header-inner{height:66px}}.library-page-main>.section-divider:first-of-type,.design-detail-page>.section-divider:first-of-type{border-top:1px solid var(--border-primary)}.section-divider:after{content:"";background:linear-gradient(to right, var(--border-primary) 0 max(var(--page-gutter), calc((100% - 1560px) / 2)), transparent max(var(--page-gutter), calc((100% - 1560px) / 2)) calc(100% - max(var(--page-gutter), calc((100% - 1560px) / 2))), var(--border-primary) calc(100% - max(var(--page-gutter), calc((100% - 1560px) / 2))) 100%);pointer-events:none;height:1px;position:absolute;top:-1px;left:0;right:0}.library-page-main>.section-divider:first-of-type:after,.design-detail-page>.section-divider:first-of-type:after{display:none}.hero-section:before,.tools-caption:after,.replory-footer:after{content:"";background:var(--border-primary);pointer-events:none;width:100vw;height:1px;position:absolute;left:50%;transform:translate(-50%)}.hero-section:before{top:-1px}.tools-caption,.tools-row,.replory-footer{position:relative}.tools-caption:after,.replory-footer:after{bottom:-1px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-trigger{background:var(--surface-primary-inverse);color:var(--text-tertiary);text-align:left;letter-spacing:.02em;white-space:nowrap;justify-content:flex-start;font-size:14px;line-height:1.3}.search-trigger:hover{background:#f8f8f8}.search-trigger img{flex:0 0 16px}.search-trigger span{text-overflow:ellipsis;overflow:hidden}.library-page-main{overflow:clip}.library-filters{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.library-type-tabs,.library-filter-right,.library-access{align-items:center;gap:4px;display:flex}.library-type-tabs{flex-wrap:wrap}.library-type-tabs button,.library-access button{background:var(--surface-secondary);color:#2e2e2e;height:33px;font:400 14px/1.3 var(--font-body);letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:0 12px}.library-type-tabs button.selected,.library-access button.selected{background:var(--surface-primary);color:#fff}.library-type-tabs button:hover,.library-access button:hover{filter:brightness(.95)}.library-access{border:1px solid var(--border-primary);border-radius:4px;padding:4px}.library-access button{height:26px}.library-sort{border:1px solid var(--border-primary);border-radius:4px;align-items:center;height:36px;display:flex;position:relative}.library-sort select{appearance:none;cursor:pointer;width:100%;height:100%;font:400 14px/1.3 var(--font-body);letter-spacing:.06em;text-transform:uppercase;background:0 0;border:0;padding:0 30px 0 12px}.library-sort img{pointer-events:none;width:12px;height:12px;position:absolute;right:8px}.library-filter-open{background:var(--surface-secondary);border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.library-filter-open img{width:16px;height:16px}.library-filter-open.has-filters{background:var(--surface-accent);position:relative}.library-filter-open.has-filters img{filter:brightness(0)invert()}.library-filter-count{background:var(--surface-primary);color:#fff;min-width:17px;height:17px;font:600 10px/1 var(--font-body);letter-spacing:0;border-radius:9px;place-items:center;padding:0 3px;display:grid;position:absolute;top:-6px;right:-5px}.library-project-grid .card-details h2{font-size:16px}.library-project-grid .card-details p{font-size:12px}.interior-card .preview-backdrop{filter:blur(25px);object-fit:cover;width:149%;height:440px}.interior-card .preview-image{aspect-ratio:391/199;border-radius:8px;width:calc(100% - 51px)}.library-pagination{--pagination-size:62px;height:var(--pagination-size);border-bottom:1px solid var(--border-primary);justify-content:space-between;display:flex}.library-pagination button{flex:0 0 var(--pagination-size);width:var(--pagination-size);height:var(--pagination-size);aspect-ratio:1}.library-pagination>button{background:0 0;font-size:18px}.library-pagination>button:first-child{border-right:1px solid var(--border-primary)}.library-pagination>button:last-child{border-left:1px solid var(--border-primary)}.library-pagination>div{display:flex}.library-pagination>div button{border-left:1px solid var(--border-primary);letter-spacing:.02em;background:0 0;font-size:14px}.library-pagination>div button:last-child{border-right:1px solid var(--border-primary)}.library-pagination>div button.selected{color:#fff;background:var(--surface-primary)}.library-pagination button:disabled{opacity:.4;cursor:default}.catalog-dialog{background:0 0;border:0;border-radius:8px;width:min(880px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 14px 50px #0000001f}.catalog-dialog::backdrop{background:#171717cc}.preview-dialog{position:relative}.preview-dialog>.toast{z-index:1;position:absolute;bottom:16px}.search-dialog-card,.preview-dialog-card{background:var(--surface-secondary);border-radius:8px}.search-dialog-card{flex-direction:column;gap:20px;padding:24px;display:flex}.modal-search{border:1px solid var(--border-primary);background:#fff;border-radius:4px;align-items:center;gap:6px;width:100%;height:44px;padding:12px;display:flex}.modal-search img{width:16px;height:16px}.modal-search input{letter-spacing:.02em;background:0 0;border:0;outline:none;width:100%;min-width:0;font-size:14px}.modal-search input::placeholder{color:var(--text-tertiary)}.search-tag-section{flex-direction:column;gap:12px;display:flex}.search-tag-section h2,.search-last-heading{font:400 16px/1.3 var(--font-body);margin:0}.search-tag-list{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.search-tag{color:#2e2e2e;min-height:0;font:400 14px/1.3 var(--font-body);letter-spacing:.02em;white-space:nowrap;background:0 0;border:1px solid #d7d7d7;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:7px 12px 8px;display:inline-flex}.search-tag:hover:not(.selected){background:var(--surface-secondary)}.search-tag.selected{background:var(--surface-primary);color:#fff;border:0}.search-tag.selected img{flex:none;width:16px;height:16px}.search-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;display:grid}.search-dialog-actions button{min-height:58px;font:600 14px/1.2 var(--font-body);letter-spacing:-.03em;border-radius:4px}.search-submit{background:var(--surface-accent);color:#fff}.search-reset{color:var(--text-primary);background:#fff}.preview-dialog-card{flex-direction:column;gap:24px;padding:20px;display:flex}.preview-dialog-top{justify-content:space-between;align-items:center;min-height:36px;display:flex;position:relative}.preview-top-button{border:1px solid var(--border-primary);color:#2e2e2e;letter-spacing:.02em;white-space:nowrap;background:#fff;border-radius:4px;align-items:center;gap:8px;min-height:35px;padding:7px 12px 8px;font-size:14px;line-height:1.3;display:inline-flex}.preview-top-button img{width:16px;height:16px}.preview-dialog-top>.preview-top-button:first-child img{transform:rotate(180deg)}.preview-top-button.unavailable{opacity:.5}.preview-top-actions{align-items:center;gap:12px;display:flex}.preview-top-actions .preview-top-button,.preview-top-actions .copy-prompt-button{height:33px;min-height:33px}.device-switcher{align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.device-switcher button{background:0 0;border:1px solid #d7d7d7;border-radius:4px;place-items:center;width:32px;height:32px;display:grid}.device-switcher button.selected{background:#fff;border-color:#fff}.device-switcher img{object-fit:contain;width:16px;height:16px}.preview-stage{background:#e9e9e9;border-radius:8px;justify-content:center;align-items:center;width:100%;height:428px;display:flex;overflow:hidden}.preview-dialog.preview-dialog-tablet{width:min(864px,100vw - 32px)}.preview-dialog.preview-dialog-tablet .preview-dialog-card{padding-inline:48px}.preview-dialog.preview-dialog-mobile{width:min(470px,100vw - 24px)}.preview-dialog.preview-dialog-mobile .preview-dialog-card{padding-inline:40px}.preview-dialog-mobile .preview-dialog-top{flex-wrap:wrap;gap:8px}.preview-dialog-mobile .device-switcher{order:3;justify-content:center;width:100%;position:static;transform:none}.preview-stage.live.desktop{aspect-ratio:1440/734;height:auto}.preview-stage.live.tablet{aspect-ratio:768/1024;height:auto}.preview-stage.live.mobile{aspect-ratio:390/844;height:auto}.embedded-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.embedded-preview-poster{object-fit:cover;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.embedded-preview-viewport{background:#fff;flex:none;transition:opacity .2s;position:relative;overflow:hidden}.embedded-preview iframe{transform-origin:0 0;background:#fff;border:0;display:block;position:absolute;inset:0 auto auto 0}.embedded-preview-dialog .static-preview{object-fit:cover;width:100%;height:100%;display:block}.embedded-preview-dialog.tablet .static-preview{width:56%}.embedded-preview-dialog.mobile .static-preview{width:28%}.preview-dialog-bottom{align-items:center;min-height:26px;display:flex}.preview-tags{flex-wrap:wrap;gap:4px;display:flex}.preview-tags span{min-height:26px;color:var(--text-tertiary);letter-spacing:.02em;white-space:nowrap;border:1px solid #d7d7d7;border-radius:4px;align-items:center;padding:5px 8px;font-size:12px;display:inline-flex}.copy-prompt-button{background:var(--surface-accent);color:#fff;letter-spacing:.02em;border-radius:4px;flex:none;align-items:center;gap:8px;height:36px;padding:0 12px;font-size:14px;display:flex}.copy-prompt-button img{filter:brightness(0)invert();width:16px;height:16px}@media (width<=1100px){.library-filters{flex-wrap:wrap;align-items:flex-start}.library-filter-right{margin-left:auto}}@media (width<=640px){.search-trigger{width:calc(100% - 124px);padding:8px;font-size:12px}.library-filters{gap:12px}.library-type-tabs{width:100%}.library-type-tabs button{height:31px;padding-inline:9px;font-size:12px}.library-filter-right{justify-content:space-between;gap:6px;width:100%}.library-access{gap:1px}.library-access button{padding-inline:7px;font-size:12px}.library-sort{flex:1;min-width:0}.library-sort select{padding-left:8px;font-size:12px}.library-pagination{--pagination-size:46px}.catalog-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.search-dialog-card{gap:18px;padding:16px}.search-tag{padding:6px 9px;font-size:12px}.search-dialog-actions{gap:8px}.search-dialog-actions button{min-height:48px;font-size:12px}.search-dialog-actions{z-index:1;background:var(--surface-secondary);padding-block:8px 16px;position:sticky;bottom:-16px}.preview-dialog-card{gap:12px;padding:12px}.preview-dialog.preview-dialog-tablet .preview-dialog-card,.preview-dialog.preview-dialog-mobile .preview-dialog-card{padding-inline:32px}.preview-dialog-top{flex-wrap:wrap;gap:8px}.device-switcher{order:3;justify-content:center;width:100%;position:static;transform:none}.preview-top-button{min-height:32px;padding-inline:8px;font-size:11px}.preview-top-actions{gap:6px;margin-left:auto}.preview-top-actions .copy-prompt-button{padding-inline:8px;font-size:11px}.preview-stage:not(.live){height:min(52vh,428px)}.preview-dialog-bottom{flex-direction:column;align-items:stretch}.copy-prompt-button{justify-content:center}}@media (prefers-reduced-motion:reduce){.embedded-preview-poster,.embedded-preview-viewport{transition:none}}.primary-button,.search-submit,.copy-prompt-button,.search-reset,.preview-top-button,.browse-all,.site-header nav a,.site-header nav button,.filter-button,.library-type-tabs button,.library-access button,.library-filter-open,.icon-button,.device-switcher button,.design-detail-devices button,.library-pagination button{transition:background-color .18s,border-color .18s,color .18s}.primary-button{letter-spacing:.02em}.primary-button .primary-arrow{border-radius:4px}.search-dialog-actions button{letter-spacing:.02em;line-height:1.3}.primary-button:hover,.primary-button:focus-visible,.search-submit:hover,.search-submit:focus-visible,.copy-prompt-button:hover,.copy-prompt-button:focus-visible{background-color:var(--surface-accent-hover);filter:none}.search-dialog-actions button:hover{filter:none}.primary-button:is(:disabled,[aria-disabled=true]),.search-submit:is(:disabled,[aria-disabled=true]),.copy-prompt-button:is(:disabled,[aria-disabled=true]){background-color:var(--surface-tertiary);color:var(--text-tertiary);opacity:1;cursor:not-allowed;pointer-events:none}.primary-button:is(:disabled,[aria-disabled=true]) .primary-arrow{background-color:#ffffff52}.primary-button:is(:disabled,[aria-disabled=true]) .primary-arrow img,.copy-prompt-button:is(:disabled,[aria-disabled=true]) img{filter:brightness(0)saturate(0)opacity(.44)}.site-header nav a.active:hover,.site-header nav a.active:focus-visible,.filter-button.selected:hover,.filter-button.selected:focus-visible,.library-type-tabs button.selected:hover,.library-access button.selected:hover,.library-pagination button.selected:hover{background-color:var(--surface-primary-hover);color:#fff;filter:none}.search-reset:hover,.search-reset:focus-visible,.preview-top-button:not(.unavailable):hover,.preview-top-button:not(.unavailable):focus-visible,.browse-all:hover,.browse-all:focus-visible,.site-header nav a:not(.active):hover,.site-header nav a:not(.active):focus-visible,.site-header nav button:hover,.site-header nav button:focus-visible,.filter-button:not(.selected):hover,.filter-button:not(.selected):focus-visible,.library-type-tabs button:not(.selected):hover,.library-access button:not(.selected):hover,.library-filter-open:not(.has-filters):hover,.icon-button:hover,.device-switcher button:not(.selected):hover,.design-detail-devices button:not(.selected):hover,.library-pagination button:not(.selected):not(:disabled):hover{background-color:var(--surface-primary);border-color:var(--surface-primary);color:#fff;filter:none}.preview-top-button:not(.unavailable):hover img,.preview-top-button:not(.unavailable):focus-visible img,.browse-all:hover img,.browse-all:focus-visible img,.library-filter-open:not(.has-filters):hover img,.icon-button:hover img,.device-switcher button:not(.selected):hover img,.design-detail-devices button:not(.selected):hover img{filter:brightness(0)invert()}.library-filter-open.has-filters:hover,.library-filter-open.has-filters:focus-visible{background-color:var(--surface-accent-hover)}.search-reset:is(:disabled,[aria-disabled=true]),.browse-all:is(:disabled,[aria-disabled=true]),.preview-top-button:is(:disabled,[aria-disabled=true]),.preview-top-button.unavailable,.site-header nav a[aria-disabled=true],.site-header nav button:disabled,.filter-button:disabled,.library-type-tabs button:disabled,.library-access button:disabled,.library-filter-open:disabled,.icon-button:disabled{background-color:var(--surface-primary-inverse);border:1px solid var(--border-secondary);color:var(--text-tertiary);opacity:1;cursor:not-allowed;pointer-events:none}.search-reset:is(:disabled,[aria-disabled=true]),.browse-all:is(:disabled,[aria-disabled=true]){border-color:var(--border-primary)}.preview-top-button:is(:disabled,[aria-disabled=true]) img,.preview-top-button.unavailable img{filter:brightness(0)opacity(.56)}.library-pagination button:disabled{background-color:var(--surface-secondary);color:var(--text-tertiary);opacity:1;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.primary-button,.search-submit,.copy-prompt-button,.search-reset,.preview-top-button,.browse-all,.site-header nav a,.site-header nav button,.filter-button,.library-type-tabs button,.library-access button,.library-filter-open,.icon-button,.device-switcher button,.design-detail-devices button,.library-pagination button{transition:none}}
