@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{color-scheme:dark;font-family:DM Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#f5f5f7}*{box-sizing:border-box}html,body,#root{min-width:320px;height:100%;margin:0}body{overflow:hidden;background:#000}button,input,select{font:inherit}button{border:0}button,label{-webkit-tap-highlight-color:transparent}button:focus,input:focus,select:focus,button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:none}.app-shell{height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:#000}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.icon-button,.top-icon-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:3px;color:#f5f5f7;background:#ffffff12;cursor:pointer;transition:background-color .16s ease,color .16s ease,opacity .16s ease}.icon-button{width:38px;border:1px solid rgb(255 255 255 / .08)}.icon-button.compact{width:34px;min-height:34px}.visibility-button[data-visible=true]{color:#f5f5f7;background:#ffffff1c}.visibility-button[data-visible=false]{color:#7c7c82}.top-icon-button{width:42px;border-radius:999px;background:transparent}.secondary-button{min-width:0;padding:0 12px;border:1px solid rgb(255 255 255 / .08);font-size:12px;font-weight:500}.primary-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:3px;color:#101010;background:#f5f5f7;cursor:pointer;font-size:13px;font-weight:500}.icon-button:not(:disabled):hover,.top-icon-button:not(:disabled):hover,.secondary-button:not(:disabled):hover{background:#ffffff24}button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.38}.gallery-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100vh;min-height:100vh;height:100dvh;min-height:100dvh;overflow:hidden;background:#040404}.gallery-topbar{display:grid;grid-template-columns:48px 48px minmax(0,1fr) 48px 48px;align-items:center;min-height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0;background:#000}.brand-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid rgb(122 183 255 / .42);border-radius:2px;color:#7ab7ff;background:#7ab7ff1f;font-size:11px;font-weight:600}.gallery-topbar h1{grid-column:3;margin:0;overflow:hidden;font-size:16px;font-weight:500;line-height:1;text-align:center;text-overflow:ellipsis;white-space:nowrap}.gallery-upload-button{grid-column:5}.gallery-content{min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding-bottom:10px}.start-panel{display:grid;gap:28px;padding:18px 16px 34px}.start-choice-grid{display:grid;gap:10px}.upload-hero,.continue-hero{display:grid;justify-items:start;align-content:center;gap:14px;min-height:clamp(188px,25vh,300px);min-height:clamp(188px,25dvh,300px);padding:clamp(22px,4vw,36px);border:1px solid rgb(255 255 255 / .1);border-radius:3px;color:#f5f5f7;background:#161616;cursor:pointer;text-align:left}.upload-hero>svg,.continue-hero>svg{width:34px;height:34px;color:#7ab7ff}.upload-hero strong,.continue-hero strong{font-size:clamp(24px,4vw,34px);font-weight:400;line-height:1.05;letter-spacing:0}.upload-hero span,.continue-hero span{max-width:34rem;color:#b8b8bd;font-size:clamp(14px,2vw,17px);font-weight:500;line-height:1.45}.upload-hero em,.continue-hero em{display:inline-flex;align-items:center;justify-content:center;min-height:34px;margin-top:4px;padding:0 12px;border-radius:2px;color:#101010;background:#f5f5f7;font-size:12px;font-style:normal;font-weight:500}.continue-hero{overflow:hidden;background-color:#161616;background-position:center;background-size:cover}.continue-hero span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-hero strong{overflow:hidden;max-width:100%;color:#f5f5f7;text-overflow:ellipsis;white-space:nowrap}.inspiration-section{display:grid;gap:14px}.inspiration-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.inspiration-heading div{display:grid;gap:4px;min-width:0}.inspiration-heading strong{color:#f5f5f7;font-size:18px;font-weight:400}.inspiration-heading span{color:#9a9a9d;font-size:12px;font-weight:500;line-height:1.35}.inspiration-heading button{flex:0 0 auto;min-height:32px;padding:0 10px;border-radius:2px;color:#7ab7ff;background:#7ab7ff1a;cursor:pointer;font-size:12px;font-weight:500}.inspiration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.inspiration-card{position:relative;display:block;min-width:0;padding:0;overflow:hidden;border-radius:2px;color:#f5f5f7;background:#101010;cursor:pointer;text-align:left}.inspiration-card img{position:relative;z-index:0;display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#0f0f10;transition:transform .18s ease}.inspiration-card span{position:absolute;z-index:1;right:0;bottom:0;left:0;display:grid;gap:2px;padding:44px 10px 10px;background:linear-gradient(to top,#000000bd,#0000)}.inspiration-card small,.inspiration-card strong,.inspiration-card em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inspiration-card small{color:#c8c8cc;font-size:10px;font-weight:500;text-transform:none}.inspiration-card strong{font-size:13px;font-weight:500}.inspiration-card em{color:#c8c8cc;font-size:11px;font-style:normal;font-weight:500}.suggested-section{display:grid;gap:12px}.gallery-section-heading{display:flex;align-items:end;justify-content:space-between;gap:14px}.gallery-section-heading div{display:grid;gap:3px;min-width:0}.gallery-section-heading strong{color:#f5f5f7;font-size:14px;font-weight:400}.gallery-section-heading span{color:#9a9a9d;font-size:12px;font-weight:500;line-height:1.35}.gallery-section-heading button{flex:0 0 auto;min-height:32px;padding:0 10px;border-radius:2px;color:#7ab7ff;background:#7ab7ff1a;cursor:pointer;font-size:12px;font-weight:500}.gallery-filter-row{display:flex;align-items:center;justify-content:space-between;min-height:46px;padding:0;color:#9a9a9d;font-size:12px;font-weight:500}.gallery-filter-row strong{color:#f5f5f7;font-size:14px;font-weight:400}.gallery-filter-row button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0;color:#f5f5f7;background:transparent;cursor:pointer;font-size:14px;font-weight:500}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;background:transparent}.gallery-grid[data-density=compact]{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:transparent}.suggested-strip{overflow:visible;margin:0;padding:0}.suggested-strip .gallery-card,.suggested-strip .gallery-card img{border-radius:2px}.gallery-card{position:relative;display:block;width:100%;min-width:0;padding:0;overflow:hidden;border-radius:2px;color:#f5f5f7;background:#101010;cursor:pointer;text-align:left}.gallery-card img{position:relative;z-index:0;display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover;background:#0f0f10;transition:transform .18s ease}.gallery-card span{position:absolute;z-index:1;right:0;bottom:0;left:0;display:grid;gap:2px;padding:20px 8px 8px;background:linear-gradient(to top,#000000b3,#0000)}.gallery-card strong,.gallery-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-card strong{font-size:12px;font-weight:500}.gallery-card small{color:#c8c8cc;font-size:10px;font-weight:500}.library-collection-card em{overflow:hidden;color:#c8c8cc;font-size:10px;font-style:normal;font-weight:500;text-overflow:ellipsis;white-space:nowrap}@media(hover:hover)and (pointer:fine){.inspiration-card:hover img,.gallery-card:hover img{transform:scale(1.018)}}.library-panel{display:grid;gap:18px;padding:16px 14px 32px}.library-intent{display:grid;gap:5px;max-width:34rem;padding:2px 0 4px}.library-intent strong{color:#f5f5f7;font-size:21px;font-weight:400}.library-intent span{max-width:40rem;color:#a1a1a6;font-size:12px;font-weight:500;line-height:1.45}.library-shelves{display:grid;gap:28px}.library-shelf{display:grid;gap:10px;min-width:0}.library-shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.library-shelf-heading div{display:grid;gap:3px;min-width:0}.library-shelf-heading strong{color:#f5f5f7;font-size:16px;font-weight:400}.library-shelf-heading span{color:#9a9a9d;font-size:12px;font-weight:500;line-height:1.35}.library-shelf-heading button{display:inline-flex;flex:0 0 auto;align-items:center;gap:6px;min-height:30px;padding:0 9px;border-radius:2px;color:#7ab7ff;background:#7ab7ff1a;cursor:pointer;font-size:12px;font-weight:500}.library-shelf-heading button small{color:#b7d8ff;font-size:11px;font-weight:500}.library-shelf-scroll{display:grid;grid-auto-columns:clamp(180px,30vw,340px);grid-auto-flow:column;gap:10px;margin:0 -14px;padding:0 14px 4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none}.library-shelf-scroll::-webkit-scrollbar{display:none}.library-shelf-card{width:100%}.library-detail-heading{display:grid;gap:10px;min-width:0}.library-detail-heading>div{display:grid;gap:4px}.library-detail-heading strong{color:#f5f5f7;font-size:18px;font-weight:400}.library-detail-heading span{max-width:40rem;color:#a1a1a6;font-size:12px;font-weight:500;line-height:1.45}.library-back-button{display:inline-flex;align-items:center;justify-self:start;gap:6px;min-height:30px;padding:0;color:#c9c9ce;background:transparent;cursor:pointer;font-size:12px;font-weight:500}.category-strip{display:flex;gap:8px;overflow-x:auto;padding:2px 0 4px;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip button{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;min-height:34px;padding:0 10px;border:1px solid rgb(255 255 255 / .08);border-radius:3px;color:#c9c9ce;background:#ffffff0e;cursor:pointer;font-size:12px;font-weight:500}.category-strip button[data-active=true]{color:#f5f5f7;border-color:#7ab7ff61;background:#7ab7ff21}.category-strip small{color:#8f8f95;font-size:11px;font-weight:500}.reference-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#000}.reference-preview:focus,.reference-preview:focus-visible{outline:none}.reference-preview-topbar{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;min-height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0;background:#000}.reference-preview-topbar[data-layout=preview]{grid-template-columns:48px 48px minmax(0,1fr) 48px 48px}.reference-preview-topbar strong{grid-column:2;overflow:hidden;font-size:13px;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap}.reference-preview-topbar[data-layout=preview] strong{grid-column:3}.reference-preview-close-button{grid-column:5}.reference-preview-image{position:relative;display:block;min-height:0;padding:14px;overflow:hidden;background:#000;cursor:zoom-in;touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain}.reference-preview-image[data-zoomed=true]{cursor:grab}.reference-preview-image[data-panning=true]{cursor:grabbing}.reference-preview-image[data-loading=true] img{opacity:0}.reference-preview-image img{position:absolute;top:50%;left:50%;display:block;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;border:1px solid rgb(255 255 255 / .12);box-sizing:border-box;object-fit:contain;pointer-events:none;box-shadow:0 24px 70px #0000009e;transform-origin:center center;will-change:transform;opacity:1;transition:opacity .24s ease-out}.reference-preview-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;pointer-events:none}.reference-preview-loader:before{content:"";width:22px;height:22px;border:2px solid rgb(255 255 255 / .18);border-top-color:#ffffffc7;border-radius:999px;animation:reference-preview-loader .76s linear infinite}@keyframes reference-preview-loader{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.reference-preview-loader:before{animation-duration:1.4s}}.reference-preview-details{display:grid;gap:12px;min-height:0;max-height:42vh;max-height:42dvh;padding:16px 16px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto;border-top:1px solid rgb(255 255 255 / .08);background:#1d1d1ffa}.reference-preview-details>div:first-child{display:grid;gap:4px}.reference-preview-details strong{color:#f5f5f7;font-size:18px;font-weight:400}.reference-preview-details span{color:#a1a1a6;font-size:12px;font-weight:500;line-height:1.42}.reference-preview-details small{color:#c9c9ce;font-size:12px;font-weight:500}.reference-preview-artist-link{color:inherit;text-decoration:underline;text-decoration-color:#ffffff47;text-underline-offset:3px}.reference-preview-description button{display:inline;padding:0;border:0;color:#7ab7ff;background:transparent;font:inherit;font-size:12px;font-weight:500;line-height:inherit;text-decoration:underline;text-decoration-color:#7ab7ff5c;text-underline-offset:3px;cursor:pointer}.reference-preview-description button:focus-visible{outline:1px solid rgb(122 183 255 / .6);outline-offset:3px}.reference-preview-meta,.reference-preview-tags{display:flex;flex-wrap:wrap;gap:7px}.reference-preview-source{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgb(255 255 255 / .08);border-bottom:1px solid rgb(255 255 255 / .08)}.reference-preview-source span{display:grid;gap:2px;min-width:0}.reference-preview-source strong{color:#f5f5f7;font-size:12px;font-weight:500}.reference-preview-source small{overflow:hidden;color:#9a9a9d;font-size:11px;font-weight:500;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.reference-preview-source a{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;min-height:28px;padding:0 10px;border:1px solid rgb(255 255 255 / .1);border-radius:2px;color:#f5f5f7;background:#ffffff0e;font-size:12px;font-weight:500;text-decoration:none}.reference-related-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;align-items:end;padding:0 10px calc(10px + env(safe-area-inset-bottom,0px));background:#0000003d}.reference-related-sheet{display:grid;gap:10px;overflow:hidden;border:1px solid rgb(255 255 255 / .1);border-radius:3px;background:#1d1d1ffa;box-shadow:0 20px 60px #0000007a}.reference-related-sheet-header{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px;border-bottom:1px solid rgb(255 255 255 / .08)}.reference-related-sheet-header button{display:inline-grid;place-items:center;width:44px;height:44px;color:#f5f5f7;background:transparent;cursor:pointer}.reference-related-sheet-header strong{overflow:hidden;color:#f5f5f7;font-size:13px;font-weight:500;text-align:center;text-overflow:ellipsis;white-space:nowrap}.reference-related-sheet-header span{justify-self:center;color:#8f8f95;font-size:12px;font-weight:500}.reference-related-cards{display:grid;grid-auto-columns:minmax(128px,38vw);grid-auto-flow:column;gap:8px;overflow-x:auto;overscroll-behavior-inline:contain;padding:0 10px 10px;scrollbar-width:none}.reference-related-cards::-webkit-scrollbar{display:none}.reference-related-card img{aspect-ratio:4 / 5}.reference-preview-meta span,.reference-preview-meta a,.reference-preview-tags span{display:inline-flex;align-items:center;min-height:26px;padding:0 8px;border:1px solid rgb(255 255 255 / .08);border-radius:2px;color:#c9c9ce;background:#ffffff0e;font-size:12px;font-weight:500;line-height:1.42;text-decoration:none}.about-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;background:#000}.about-scroll{min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.about-content{display:grid;align-content:start;gap:22px;width:min(100%,760px);margin:0 auto;padding:24px 18px calc(28px + env(safe-area-inset-bottom,0px))}.about-intro{display:grid;justify-items:stretch;gap:12px;padding-bottom:22px;border-bottom:1px solid rgb(255 255 255 / .08)}.about-signature{display:block;justify-self:center;width:min(190px,58vw);height:auto;margin:6px 0 10px}.about-title-group{display:grid;gap:5px}.about-intro h2,.about-section h3{margin:0;color:#f5f5f7;font-weight:400;letter-spacing:0}.about-intro h2{font-size:28px;line-height:1.05}.about-title-group span{color:#8e8e93;font-size:11px;font-weight:500;letter-spacing:.02em;text-transform:uppercase}.about-intro p,.about-section p,.about-steps p{margin:0;color:#b8b8bd;font-size:14px;font-weight:400;line-height:1.5}.about-intro p{max-width:560px}.about-section{display:grid;gap:12px}.about-section h3{font-size:15px}.about-steps{display:grid;gap:9px;padding-left:12px;border-left:1px solid rgb(255 255 255 / .12)}.about-links{display:grid;gap:8px;padding-top:2px}.about-links a{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:12px;min-height:58px;padding:10px 12px;border:1px solid rgb(255 255 255 / .08);border-radius:3px;color:#f5f5f7;background:#ffffff0b;text-decoration:none}.about-links a span{display:grid;gap:2px;min-width:0}.about-links a strong{overflow:hidden;color:#f5f5f7;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.about-links a small{overflow:hidden;color:#a1a1a6;font-size:11px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.about-links a svg{justify-self:end;color:#7ab7ff}.gallery-bottom-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));min-height:calc(64px + env(safe-area-inset-bottom,0px));padding:6px 12px env(safe-area-inset-bottom,0px);border-top:1px solid rgb(255 255 255 / .08);background:#1b1b1d}.gallery-bottom-nav button,.gallery-bottom-nav label{display:grid;place-items:center;gap:3px;min-width:0;min-height:52px;border-radius:2px;color:#a1a1a6;background:transparent;cursor:pointer}.gallery-bottom-nav button[data-active=true]{color:#7ab7ff}.gallery-bottom-nav span{font-size:11px;font-weight:500}.saved-panel{display:grid;align-content:start;gap:16px;min-height:calc(100vh - 150px);min-height:calc(100dvh - 150px);padding:18px 16px 34px;color:#9a9a9d}.saved-intent{display:grid;gap:5px;max-width:34rem}.saved-intent strong{color:#f5f5f7;font-size:21px;font-weight:400}.saved-intent span{font-size:12px;font-weight:500;line-height:1.45}.saved-card-list{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.saved-card{position:relative;overflow:hidden;border:1px solid rgb(255 255 255 / .1);border-radius:3px;color:#f5f5f7;background:#161616;text-align:left}.saved-card-main{display:grid;grid-template-rows:minmax(220px,38vh) auto;align-items:stretch;width:100%;min-height:0;padding:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.saved-card-main img{width:100%;height:100%;min-height:0;object-fit:cover;background:#0f0f10}.saved-card-main span,.saved-empty-state{display:grid;gap:4px;min-width:0;padding:14px;border-top:1px solid rgb(255 255 255 / .08)}.saved-empty-state{place-items:center;align-content:center;justify-self:center;width:min(100%,360px);min-height:min(48vh,360px);padding:32px 18px;border-top:0;color:#a1a1a6;text-align:center}.saved-empty-state svg{color:#7ab7ff}.saved-empty-state strong{color:#f5f5f7;font-size:15px;font-weight:500}.saved-empty-state span{max-width:18rem;font-size:12px;font-weight:500;line-height:1.45}.saved-card small{color:#7ab7ff;font-size:11px;font-weight:600}.saved-card strong{display:-webkit-box;overflow:hidden;color:#f5f5f7;font-size:15px;font-weight:500;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.saved-card em{overflow:hidden;color:#a1a1a6;font-size:12px;font-style:normal;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.saved-reference-card{min-height:0}.saved-reference-card:hover{border-color:#7ab7ff57}.saved-card-delete{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:34px;height:34px;border:1px solid rgb(255 255 255 / .12);border-radius:3px;color:#f5f5f7;background:#18181ad1;box-shadow:0 8px 24px #00000047}.saved-card-delete:hover{background:#ffffff1f}.edit-screen{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);min-height:100vh;min-height:100dvh;overflow:hidden;background:#000}.edit-topbar{position:relative;z-index:12;display:grid;grid-template-columns:48px 48px minmax(0,1fr) 48px 48px;align-items:center;min-height:calc(54px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 6px 0;background:#000}.workspace-info-button{color:#b8d8ff}.top-icon-button[data-active=true]{color:#7ab7ff;background:#7ab7ff1a}.workspace-menu-wrap{position:relative;display:grid;place-items:center}.workspace-action-menu{position:absolute;top:calc(100% + 4px);right:2px;z-index:30;display:grid;width:min(248px,calc(100vw - 18px));padding:5px;border:1px solid rgb(255 255 255 / .1);border-radius:3px;background:#1d1d1ffa;box-shadow:0 16px 42px #0000007a}.workspace-action-menu button{display:flex;align-items:center;justify-content:start;gap:9px;min-height:38px;padding:0 10px;border-radius:2px;color:#f5f5f7;background:transparent;font-size:12px;font-weight:500;text-align:left}.workspace-action-menu button:disabled{cursor:not-allowed;opacity:.38}.workspace-action-menu button:not(:disabled):hover{background:#ffffff14}.workspace-action-menu svg{color:#bfc0c5}.workspace-toast{position:absolute;top:calc(62px + env(safe-area-inset-top,0px));left:50%;z-index:14;max-width:calc(100vw - 28px);padding:9px 12px;border:1px solid rgb(255 255 255 / .09);border-radius:3px;color:#f5f5f7;background:#18181ae6;box-shadow:0 12px 34px #0000005c;font-size:12px;font-weight:600;transform:translate(-50%)}.edit-title{display:grid;gap:3px;min-width:0;text-align:center}.edit-title strong,.edit-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-title strong{font-size:13px;font-weight:500}.edit-title span{color:#a1a1a6;font-size:11px;font-weight:500}.edit-canvas-wrap{position:relative;min-height:0;overflow:hidden;background:#000}.sampling-hint{position:absolute;top:14px;left:50%;z-index:4;display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 6px 0 11px;border:1px solid rgb(255 255 255 / .09);border-radius:3px;color:#f5f5f7;background:#18181ad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:12px;font-weight:600;transform:translate(-50%)}.sample-session-swatch{width:18px;height:18px;border:1px solid rgb(255 255 255 / .28);border-radius:2px}.sample-session-close{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:2px;color:#f5f5f7;background:#ffffff0f}.canvas-stage{position:relative;display:grid;place-items:center;width:100%;height:100%;min-height:0;padding:16px 14px calc(88px + env(safe-area-inset-bottom,0px));overflow:hidden;background:#000}.workspace-leave-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;place-items:end center;padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#0000007a}.workspace-leave-dialog{position:relative;display:grid;gap:18px;width:min(100%,420px);padding:18px;border:1px solid rgb(255 255 255 / .1);border-radius:3px;background:#1d1d1ffa;box-shadow:0 18px 70px #00000094}.workspace-leave-close{justify-self:start}.workspace-leave-dialog>div:first-of-type{display:grid;gap:7px}.workspace-leave-dialog strong{color:#f5f5f7;font-size:17px;font-weight:500}.workspace-leave-dialog>div:first-of-type span{color:#a1a1a6;font-size:13px;font-weight:400;line-height:1.45}.workspace-leave-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.workspace-reset-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);gap:8px}.workspace-leave-actions .secondary-button,.workspace-leave-actions .primary-action-button,.workspace-reset-actions .secondary-button,.workspace-reset-actions .primary-action-button{min-height:38px}.canvas-view-pan,.canvas-view-scale{display:block;transform-origin:center;will-change:transform}.canvas-view-pan{position:absolute;transform:translate(-50%,-50%)}.canvas-stage canvas{display:block;width:auto;height:auto;max-width:min(100%,980px);max-height:calc(100vh - 154px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 154px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border:1px solid rgb(255 255 255 / .14);box-shadow:0 30px 80px #000000a6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-stage canvas[data-panning=true]{cursor:grabbing}.canvas-stage canvas[data-locked=true]{cursor:default}.canvas-stage canvas[data-sampling=true]{cursor:crosshair}.canvas-stage canvas[data-view-pan-ready=true]{cursor:grab}.canvas-stage canvas[data-view-panning=true]{cursor:grabbing}.view-fit-button{position:absolute;top:14px;right:14px;z-index:4;display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 10px;border:1px solid rgb(255 255 255 / .1);border-radius:3px;color:#f5f5f7;background:#18181ad1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 34px #0000003d;font:inherit;font-size:11px;font-weight:400}.view-fit-button span{color:#a1a1a6}.view-fit-button strong{font-weight:500}.sample-loupe{position:absolute;z-index:5;width:116px;height:116px;border:1px solid rgb(255 255 255 / .22);border-radius:50%;overflow:visible;background:#111214;box-shadow:0 20px 60px #0000006b,inset 0 0 0 1px #00000057;pointer-events:none}.sample-loupe canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;border:0;border-radius:inherit;box-shadow:none}.sample-loupe-crosshair:before,.sample-loupe-crosshair:after{position:absolute;content:"";background:#ffffffc7;box-shadow:0 0 0 1px #00000040}.sample-loupe-crosshair:before{top:50%;left:35%;width:30%;height:1px}.sample-loupe-crosshair:after{top:35%;left:50%;width:1px;height:30%}.sample-loupe-swatch{position:absolute;right:-3px;bottom:18px;z-index:1;width:22px;height:22px;border:1px solid rgb(255 255 255 / .56);border-radius:2px;box-shadow:0 6px 16px #00000059}.tool-dock{position:fixed;right:0;bottom:0;left:0;z-index:6;display:grid;gap:0;pointer-events:none}.tool-dock>*{pointer-events:auto}.tool-dock[data-sampling=true] .tool-sheet{display:none}.tool-sheet{justify-self:center;width:min(100%,620px);border:1px solid rgb(255 255 255 / .08);border-bottom:0;border-radius:3px 3px 0 0;background:#1d1d1ff5;box-shadow:0 -20px 60px #00000073;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:sheet-in .18s ease-out;transition:background-color .18s ease,backdrop-filter .18s ease,border-color .18s ease,box-shadow .18s ease}@keyframes sheet-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tool-sheet-heading{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;min-height:48px;padding:7px 10px;border-bottom:1px solid rgb(255 255 255 / .08);transition:opacity .16s ease}.tool-sheet-heading strong{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;color:#f5f5f7;font-size:13px;font-weight:500}.tool-panel-content{display:grid;gap:12px;padding:12px}.tool-panel-content>*{transition:opacity .16s ease}.control-row,.slider-row{display:grid;grid-template-columns:72px minmax(0,1fr) 52px;align-items:center;gap:10px;color:#c9c9ce;font-size:12px;font-weight:500}.slider-row{transition:gap .16s ease,grid-template-columns .16s ease,opacity .16s ease,padding .16s ease}.filter-slider-row{grid-template-columns:104px minmax(0,1fr) 52px}.slider-row>span,.slider-row>strong{transition:opacity .16s ease}.filter-slider-row>span{display:inline-flex;align-items:center;gap:6px;min-width:0}.filter-slider-row svg{flex:0 0 auto;color:#8f8f95}.control-row strong,.slider-row strong{overflow:hidden;color:#a1a1a6;font-size:11px;font-weight:500;text-align:right;text-overflow:ellipsis;white-space:nowrap}.measurement-toggle-row{grid-template-columns:72px auto minmax(0,1fr)}.measurement-toggle-row input[type=checkbox]{-webkit-appearance:none;appearance:none;position:relative;width:38px;height:22px;margin:0;border:1px solid rgb(255 255 255 / .14);border-radius:999px;background:#343438;cursor:pointer;transition:background-color .16s ease,border-color .16s ease}.measurement-toggle-row input[type=checkbox]:before{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:999px;background:#a4a4aa;box-shadow:0 1px 3px #00000073;transition:background-color .16s ease,transform .16s ease}.measurement-toggle-row input[type=checkbox]:checked{border-color:#7ab7ff8c;background:#7ab7ff42}.measurement-toggle-row input[type=checkbox]:checked:before{background:#f5f5f7;transform:translate(16px)}.dimension-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dimension-row label{display:grid;gap:6px;color:#c9c9ce;font-size:12px;font-weight:500}.measurement-field{display:grid;grid-template-columns:minmax(0,1fr) 64px;min-width:0}.grid-guide-row{grid-template-columns:72px minmax(0,1fr)}.grid-guide-controls{display:grid;grid-column:2 / -1;grid-template-columns:minmax(118px,1fr) minmax(122px,144px);align-items:center;gap:8px;min-width:0}.grid-guide-controls select,.grid-guide-controls .measurement-field{grid-column:auto}.measurement-field[data-disabled=true]{opacity:.42}.measurement-field input:disabled,.measurement-field select:disabled{color:#8f8f95;cursor:not-allowed}.control-row .measurement-field{grid-column:2 / -1}.control-row .grid-guide-controls .measurement-field{grid-column:auto}select,input[type=number],.measurement-field input{width:100%;min-height:36px;border:1px solid rgb(255 255 255 / .1);border-radius:2px;padding:0 10px;color:#f5f5f7;background-color:#ffffff12}select{-webkit-appearance:none;appearance:none;color-scheme:dark;padding-right:30px;background-image:url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23c9c9ce' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:14px 14px}select option{color:#f5f5f7;background-color:#242426}select:disabled{background-color:#ffffff0d}.control-row select{grid-column:2 / -1}.control-row .grid-guide-controls select{grid-column:auto}.measurement-field input,.measurement-field select{min-height:36px;font-weight:500}.measurement-field input{border-right:0;border-radius:2px 0 0 2px;font-size:16px}.measurement-field select{width:64px;border-radius:0 2px 2px 0;padding:0 24px 0 8px;color:#f5f5f7;background-color:#ffffff1a;font-size:12px}.grid-color-controls{display:flex;grid-column:2 / -1;align-items:center;gap:8px;min-width:0}.grid-color-swatch,.grid-color-picker-label{display:inline-grid;place-items:center;position:relative;width:32px;height:32px;border:1px solid rgb(255 255 255 / .1);border-radius:2px;background:#ffffff0f;cursor:pointer}.grid-color-swatch span,.grid-color-picker-label span{width:18px;height:18px;border:1px solid rgb(255 255 255 / .28);border-radius:50%;box-shadow:0 4px 12px #00000047}.grid-color-picker-preview{background:conic-gradient(from 90deg,#ff3b5c,#ffd84d,#4bd87f,#4aa3ff,#b46cff,#ff3b5c)}.grid-color-swatch[data-active=true],.grid-color-picker-label[data-active=true]{border-color:#7ab7ff8c;background:#7ab7ff29}.grid-color-picker-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:22px;background:transparent;accent-color:#f5f5f7}input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#ffffff3b}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:19px;height:19px;margin-top:-8px;border-radius:50%;background:#f5f5f7;box-shadow:0 2px 10px #00000059}input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:#ffffff3b}input[type=range]::-moz-range-thumb{width:19px;height:19px;border:0;border-radius:50%;background:#f5f5f7;box-shadow:0 2px 10px #00000059}.option-block{display:grid;gap:8px;color:#c9c9ce;font-size:12px;font-weight:500}.icon-option-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.icon-option-group button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;border:1px solid rgb(255 255 255 / .09);border-radius:3px;color:#a1a1a6;background:#ffffff0b;cursor:pointer;font-size:12px;font-weight:500;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.icon-option-group button[data-active=true]{border-color:#7ab7ff7a;color:#f5f5f7;background:#7ab7ff24}.chip-control{display:flex;gap:8px;min-width:0}.chip-control button{flex:1;min-width:0;min-height:30px;padding:0 10px;border:1px solid rgb(255 255 255 / .09);border-radius:2px;color:#a1a1a6;background:#ffffff09;cursor:pointer;font-size:12px;font-weight:500;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.chip-control button[data-active=true]{border-color:#fff3;color:#f5f5f7;background:#ffffff1f}.zoom-actions{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(0,1fr) 42px;gap:8px}.move-zoom-button{width:100%}.palette-board{display:grid;grid-template-rows:auto minmax(50px,max-content) minmax(120px,1fr) auto;min-height:min(70vh,620px);min-height:min(70dvh,620px);max-height:min(84vh,680px);max-height:min(84dvh,680px);border:1px solid rgb(255 255 255 / .09);background:#18181af0;box-shadow:0 18px 70px #00000085;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);overflow:hidden}.palette-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));grid-auto-rows:auto;align-content:start;gap:8px;min-height:0;padding:12px;border-bottom:1px solid rgb(255 255 255 / .08);overflow:visible}.palette-board-chip{aspect-ratio:1;min-width:0;border:2px solid rgb(255 255 255 / .18);border-radius:3px;cursor:pointer;box-shadow:inset 0 0 0 1px #00000029}.palette-board-chip[data-active=true]{border-color:#fff;box-shadow:0 0 0 2px #7ab7ffb8,inset 0 0 0 1px #00000029}.palette-board-empty{grid-column:1 / -1;display:grid;place-items:center;min-height:0;height:100%;color:#8f8f95;font-size:12px;font-weight:500}.palette-board-focus{min-height:0;margin:12px;border:1px solid rgb(255 255 255 / .14);border-radius:3px;box-shadow:inset 0 0 0 1px #0000001f}.palette-board-detail{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-width:0;padding:10px;border-top:1px solid rgb(255 255 255 / .08);background:#ffffff09}.palette-board-detail div:first-child{display:grid;gap:2px;min-width:0}.palette-board-detail strong,.palette-board-detail span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-board-detail strong{color:#f5f5f7;font-size:13px;font-weight:500}.palette-board-detail span{color:#a1a1a6;font-size:11px;font-weight:500}.tool-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));min-height:calc(70px + env(safe-area-inset-bottom,0px));padding:6px 8px env(safe-area-inset-bottom,0px);border-top:1px solid rgb(255 255 255 / .08);background:#1d1d1ff7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:opacity .16s ease}.tool-dock[data-sliding=true] .tool-sheet{border-color:transparent;background:#1d1d1f00;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.tool-dock[data-sliding=true] .tool-strip{border-color:transparent;background:#1d1d1f00;-webkit-backdrop-filter:none;backdrop-filter:none}.tool-dock[data-sliding=true] .tool-sheet-heading,.tool-dock[data-sliding=true] .tool-strip,.tool-dock[data-sliding=true] .tool-panel-content>:not(.slider-row[data-active-slider=true]){opacity:0;pointer-events:none}.tool-dock[data-sliding=true] .slider-row[data-active-slider=true]{opacity:1}.tool-dock[data-sliding=true] .slider-row[data-active-slider=true]>span,.tool-dock[data-sliding=true] .slider-row[data-active-slider=true]>strong{opacity:0}.tool-strip button{display:grid;place-items:center;gap:3px;min-width:0;min-height:56px;border-radius:3px;color:#a1a1a6;background:transparent;cursor:pointer}.tool-strip button[data-active=true]{color:#7ab7ff;background:#7ab7ff1a}.tool-strip span{overflow:hidden;max-width:100%;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}@media(min-width:720px){.start-choice-grid[data-has-continue=true]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.library-shelf-scroll{grid-auto-columns:clamp(210px,30vw,340px)}.gallery-bottom-nav{justify-self:center;width:min(100%,480px);border:1px solid rgb(255 255 255 / .08);border-bottom:0;border-radius:3px 3px 0 0}.edit-topbar{padding-right:18px;padding-left:18px}.canvas-stage{padding-right:32px;padding-left:32px}.tool-dock{right:50%;left:auto;width:min(100%,620px);transform:translate(50%)}.tool-strip{border-right:1px solid rgb(255 255 255 / .08);border-left:1px solid rgb(255 255 255 / .08);border-radius:3px 3px 0 0}}@media(min-width:960px)and (orientation:landscape){.reference-preview{grid-template-columns:minmax(0,1fr) clamp(372px,31vw,448px);grid-template-rows:auto minmax(0,1fr)}.reference-preview-topbar{grid-column:1 / -1;border-bottom:1px solid rgb(255 255 255 / .07)}.reference-preview-image{grid-column:1;grid-row:2;padding:28px}.reference-preview-details{grid-column:2;grid-row:2;align-content:start;max-height:none;padding:20px;border-top:0;border-left:1px solid rgb(255 255 255 / .08);background:#18181afa}.reference-preview-details>div:first-child{gap:6px}.reference-preview-details .primary-action-button{margin-top:4px}.reference-related-overlay{justify-items:end;padding:calc(64px + env(safe-area-inset-top,0px)) 10px 10px;background:#0000002e}.reference-related-sheet{width:clamp(372px,31vw,448px)}.reference-related-cards{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:initial;grid-auto-columns:initial}.edit-screen{grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:auto minmax(0,1fr);transition:grid-template-columns .18s ease}.edit-screen[data-tool-open=true]{grid-template-columns:minmax(0,1fr) clamp(372px,31vw,448px)}.edit-topbar{grid-column:1 / -1;padding-right:10px;padding-left:10px;border-bottom:1px solid rgb(255 255 255 / .07)}.edit-canvas-wrap{grid-column:1;grid-row:2}.canvas-stage{padding:28px}.canvas-stage canvas{max-width:min(100%,1160px);max-height:calc(100vh - 112px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 112px - env(safe-area-inset-top,0px))}.sampling-hint{top:18px}.tool-dock{position:static;grid-column:2;grid-row:2;grid-template-columns:58px;grid-template-rows:minmax(0,1fr);align-self:stretch;width:auto;min-width:0;min-height:0;border-left:1px solid rgb(255 255 255 / .08);background:transparent;justify-content:end;overflow:hidden;transform:none;pointer-events:auto}.tool-dock[data-open=true]{grid-template-columns:minmax(0,1fr) 58px;background:#18181afa;justify-content:stretch}.tool-dock[data-sampling=true]{grid-template-columns:minmax(0,1fr) 58px;grid-template-rows:minmax(0,1fr);align-content:start;background:#18181afa;justify-content:stretch}.tool-dock[data-sampling=true] .tool-sheet{display:grid}.tool-strip{grid-column:1;grid-row:1;grid-template-columns:minmax(0,1fr);grid-auto-rows:52px;align-content:start;min-height:100%;padding:8px 6px;border:0;border-radius:0;background:#1d1d1ff5;-webkit-backdrop-filter:none;backdrop-filter:none}.tool-dock[data-open=true] .tool-strip{grid-column:2;border-left:1px solid rgb(255 255 255 / .08)}.tool-strip button{min-height:44px;padding:0}.tool-strip span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.tool-strip svg{width:20px;height:20px}.tool-sheet{grid-column:1;grid-row:1;align-self:start;justify-self:stretch;width:auto;max-height:calc(100vh - 54px - env(safe-area-inset-top,0px));max-height:calc(100dvh - 54px - env(safe-area-inset-top,0px));border:0;border-bottom:1px solid rgb(255 255 255 / .08);border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow-y:auto;animation:none}.tool-sheet-heading{position:sticky;top:0;z-index:2;background:#18181afa}.tool-panel-content{padding:14px}.control-row,.slider-row{grid-template-columns:78px minmax(0,1fr) 48px}.filter-slider-row{grid-template-columns:112px minmax(0,1fr) 44px}.grid-guide-row{grid-template-columns:78px minmax(0,1fr)}.measurement-toggle-row{grid-template-columns:78px auto minmax(0,1fr)}.grid-guide-controls{grid-template-columns:minmax(0,1fr)}.grid-color-controls{flex-wrap:wrap}.palette-board{align-self:stretch;grid-template-rows:auto minmax(58px,max-content) minmax(0,1fr) auto;height:100%;min-height:0;max-height:none}.palette-board-grid{grid-template-columns:repeat(auto-fill,minmax(46px,1fr));grid-auto-rows:auto}.palette-board-focus{min-height:0}.tool-dock[data-sliding=true] .tool-sheet{border-color:#ffffff14;background:transparent}.tool-dock[data-sliding=true] .tool-strip{border-color:#ffffff14;background:#1d1d1ff5}.tool-dock[data-sliding=true] .tool-sheet-heading,.tool-dock[data-sliding=true] .tool-strip,.tool-dock[data-sliding=true] .tool-panel-content>:not(.slider-row[data-active-slider=true]){opacity:1;pointer-events:auto}.tool-dock[data-sliding=true] .slider-row[data-active-slider=true]>span,.tool-dock[data-sliding=true] .slider-row[data-active-slider=true]>strong{opacity:1}}@media(max-width:430px){.palette-board-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.palette-board-detail div:first-child{grid-column:1 / -1}.control-row,.slider-row{grid-template-columns:64px minmax(0,1fr) 44px}.filter-slider-row{grid-template-columns:96px minmax(0,1fr) 44px}}