@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap";:root{--dk: #202020;--md: #393939;--lit: #dddddd;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{display:flex;flex-direction:column;height:calc(100dvh - 1.5rem);background-color:#0a0a0a;background-image:radial-gradient(circle at center,rgba(0,0,0,.6) 0%,transparent 80%),radial-gradient(circle at top left,rgba(110,0,160,.6),transparent 70%),radial-gradient(circle at bottom right,rgba(0,60,150,.6),transparent 70%);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-blend-mode:normal,screen,screen;margin:0;padding:.75rem;overflow:hidden}.three{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}footer{position:absolute;bottom:.5rem;width:calc(100% - 2rem);font-size:.5rem;color:gray;padding-top:.5rem;mix-blend-mode:luminosity}h1{font-family:campton,sans-serif;font-weight:600;font-size:2.5rem;line-height:1.2;margin-bottom:1rem}p{font-family:DM Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal}.button-test{display:flex;width:400px;flex-direction:column;gap:24px;padding:24px;justify-content:flex-start;align-items:flex-start;border-radius:23px;background:linear-gradient(90deg,#ffffff26,#ffffff0d 21.22%,#ffffff26 100.31%);box-shadow:0 4px 36px #00000040,0 1px 2px #fff inset,0 -1px 2px #00000040 inset;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px)}nav{color:var(--dk);box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:12px 11px;gap:10px;width:100%;background:linear-gradient(90.06deg,#ffffffbf,#ffffff80 21.22%,#ffffffbf 100.31%);box-shadow:0 4px 36px #00000040,inset 0 1px 2px #fff,inset 0 -1px 2px #00000040;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:12px;font-family:campton,sans-serif;font-size:.75rem;flex-shrink:0;z-index:10}nav .left-nav-group{display:flex;flex-direction:row;align-items:center;justify-content:start;padding:0 8px;gap:.75rem}.left-nav-group .logo{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.75rem;font-weight:700;font-size:1rem;letter-spacing:-.05em}.left-nav-group .crumbsElement{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:.5rem}.left-nav-group .crumbsElement .crumb{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.75rem}.left-nav-group .crumbsElement .crumb.editable:after{display:block;content:".";width:12px;height:12px;background-image:url(/ui/icon-edit.svg)}.right-nav-group{display:flex;flex-direction:row;align-items:center;justify-content:end;padding:0 8px;gap:2rem}.right-nav-group .right-nav-item{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem}.right-nav-group .right-nav-item:hover,.crumb:hover{filter:brightness(2);text-decoration:underline;cursor:pointer}.right-nav-group .right-nav-item:hover .account-icon{filter:brightness(.5)}main{display:flex;flex-direction:row;flex-grow:1;overflow:none}main.editor{margin:.75rem 0;align-items:start;justify-content:end}main.share-your-vision{align-items:start;justify-content:space-between;gap:24px;color:var(--lt)}main.share-your-vision.intro{justify-content:center;align-items:center}main.share-your-vision.intro .operator-chat{padding:4rem;gap:4rem;transform:translateY(-25%);max-width:75dvw;align-items:center}main.share-your-vision .operator-chat{flex-grow:2;display:flex;flex-direction:column;align-items:end;justify-content:end;height:calc(100% - 4rem);padding:0;max-width:800px;max-height:calc(100dvh - 8rem);gap:0}.chat-intro{display:flex;flex-direction:column;font-family:campton,sans-serif;letter-spacing:-5%;text-align:center;gap:1rem}.chat-intro h1{margin:0;font-size:8rem;opacity:.85}.chat-intro h2{margin:0;font-weight:400;font-size:1.5rem}main.share-your-vision .operator-chat .chat-box{font-family:DM Sans,sans-serif;display:flex;flex-direction:row;justify-content:end;align-items:end;padding:1.5rem 2rem;gap:20px;width:calc(100% - 16rem);margin:0 96px;background:#ffffff03;box-shadow:0 8.35px 6.25px #0000000d,inset 0 1.04px 1.04px #ffffff40,inset 0 -1.04px 1.04px #ffffff40;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);border-radius:12px;flex:none;order:1;flex-grow:0}main.share-your-vision.intro .operator-chat .chat-box{width:calc(100% - 12rem)}main.share-your-vision .operator-chat .chat-box textarea,main.share-your-vision .operator-chat .chat-box button{font-family:DM Sans,sans-serif;font-size:1rem;background:none;border:none;outline:none}main.share-your-vision .operator-chat .chat-box button{text-decoration:underline}main.share-your-vision .operator-chat .chat-box textarea::placeholder{color:#bbb;transition:color .25s ease-out}main.share-your-vision .operator-chat .chat-box textarea.hovered::placeholder{color:#ff6daf}main.share-your-vision .operator-chat .chat-box textarea{resize:none;overflow:hidden;min-height:1rem;max-height:12rem;width:100%}main.share-your-vision .theme-picker{display:flex;flex-direction:column;align-items:start;justify-content:center;flex-grow:0;flex-shrink:1;max-width:400px;padding-left:96px;transform:translate(-96px,-23dvh);gap:1rem}main.share-your-vision .theme-picker .theme-option{display:flex;flex-direction:column;align-items:center;justify-content:center;height:28rem}main.share-your-vision .operator-chat .message-history{display:flex;flex-direction:column;justify-content:start;align-items:stretch;gap:2rem;overflow:auto;padding:0 96px 3rem;scrollbar-gutter:stable overlay;scroll-behavior:smooth}main.share-your-vision .operator-chat .message-history::-webkit-scrollbar{width:1px}main.share-your-vision .operator-chat .message-history .message,main.share-your-vision .theme-confirm .message{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;overflow:visible}main.share-your-vision .theme-confirm .message{max-width:75%;padding-top:1.5rem}main.share-your-vision .operator-chat .message-history .message.user{background:#ffffff03;box-shadow:0 8.35px 6.25px #0000000d,inset 0 1.04px 1.04px #ffffff40,inset 0 -1.04px 1.04px #ffffff40;-webkit-backdrop-filter:blur(75px);backdrop-filter:blur(75px);border-radius:12px;padding:1rem 2rem;margin-left:4rem}main.share-your-vision .operator-chat .message-history .message.operator{margin-right:4rem}main.share-your-vision .operator-chat .message-history .message.reasoning,main.share-your-vision .theme-confirm .message.reasoning{font-family:DM Mono,monospace}main.share-your-vision .operator-chat .message-history .message.reasoning .message-header,main.share-your-vision .theme-confirm .message.reasoning .message-header{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;font-size:.85rem}main.share-your-vision .theme-confirm .message.reasoning .message-header span.headline,main.share-your-vision .operator-chat .message-history .message.reasoning .message-header span.headline{flex-grow:1}main.share-your-vision .theme-confirm .message.reasoning .message-header span.action,main.share-your-vision .operator-chat .message-history .message.reasoning .message-header span.action{font-family:DM Sans;font-weight:600;text-transform:uppercase;opacity:.5}main.share-your-vision .theme-confirm .message.reasoning .progress-bar,main.share-your-vision .operator-chat .message-history .message.reasoning .progress-bar{display:flex;flex-direction:column;align-items:flex-start;padding:0;width:100%;height:2px;background:linear-gradient(90deg,#fff,#555,#fff);background-size:200% 100%;animation:progressBarShine 1.25s linear infinite;background-blend-mode:plus-lighter;border-radius:2px;overflow:visible}main.share-your-vision .theme-confirm .message.reasoning .progress-bar:after,main.share-your-vision .operator-chat .message-history .message.reasoning .progress-bar:after{content:" ";width:100%;height:2px;background:linear-gradient(90deg,#fff,#555,#fff);background-size:200% 100%;animation:progressBarShine 1.25s linear infinite;background-blend-mode:plus-lighter;filter:blur(4px);border-radius:2px;flex:none;order:0;flex-grow:0}main.share-your-vision .theme-confirm .message.reasoning .reasoning-message,main.share-your-vision .operator-chat .message-history .message.reasoning .reasoning-message{font-family:DM Sans}main.share-your-vision .theme-picker .theme-option img{cursor:pointer;transition:all .25s}main.share-your-vision .theme-picker .theme-option img:hover{filter:brightness(1.1);transform:scale(1.02)}@keyframes progressBarShine{0%{background-position:100% 0}to{background-position:-100% 0}}main.share-your-vision .shopify-dialog{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center;z-index:100}main.share-your-vision .operator-chat .button-row{display:flex;flex-direction:row;gap:1rem}main.share-your-vision .theme-confirm{flex-grow:2;display:flex;flex-direction:column;align-items:stretch;justify-content:center;height:calc(100% - 4rem);padding:0;width:100%;max-width:800px;max-height:calc(100dvh - 8rem);gap:1rem;font-family:campton,sans-serif}main.share-your-vision .theme-confirm h2{font-size:3rem;font-weight:600;letter-spacing:-4%;padding:0;margin:0}main.share-your-vision .theme-confirm p{max-width:50ch;font-family:DM Sans,sans-serif}main.share-your-vision .theme-confirm .thumb-row{display:flex;flex-direction:row;gap:.75rem}main.share-your-vision .theme-confirm .thumb-row img{height:68px;width:auto;border-radius:4px;box-shadow:4px 4px 12px #0003;transition:all .5s;position:relative}main.share-your-vision .theme-confirm .thumb-row img.embiggened{position:absolute;top:18dvh;left:-10dvw;border-radius:2px;width:50dvw;height:auto;transform:rotate(-1deg);box-shadow:8px 8px 32px #000c;z-index:100}main.share-your-vision .theme-confirm .thumb-row img:not(.embiggened):hover{transform:scale(1.1) rotate(-2deg)}main.share-your-vision .theme-confirm .button-row{display:flex;flex-direction:row;gap:1rem}main.share-your-vision .theme-confirm p.tiny-link a{max-width:50ch;font-family:DM Sans,sans-serif;font-size:1rem;color:#fff6}main.share-your-vision .theme-confirm.transitioning h2,main.share-your-vision .theme-confirm.transitioning .thumb-row,main.share-your-vision .theme-confirm.transitioning p{opacity:0;transform:scaleY(0);transition:all .5s ease-out}main.share-your-vision .theme-confirm .message-header span.big-title{font-family:campton,sans-serif;font-weight:600;font-size:1rem;flex-grow:1}.editor .operator{height:calc(100% - 12px);width:400px;margin-right:24px;display:flex;flex-direction:column;align-items:end;justify-content:end;z-index:100}.editor .operator .operator-input{cursor:pointer;color:var(--dk);box-sizing:border-box;display:flex;flex-direction:row;align-items:center;padding:13px 24px;gap:6px;background:linear-gradient(90.06deg,#ffffffbf,#ffffff80 100.31%);box-shadow:inset 0 -1px 2px #fff,inset 0 1px 2px #00000040;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);border-radius:23px}.editor .operator .operator-input:hover{box-shadow:inset 0 -1px 1px #fff,inset 0 1px 1px #00000040}.editor .operator .operator-input.closed:after{position:absolute;left:0;top:0;content:"";height:100%;width:100%;border-radius:23px;background:linear-gradient(90deg,#f0c,#0080ff);box-shadow:0 0 48px #fff inset;filter:blur(0px);mix-blend-mode:hue;opacity:0;transition:opacity .25s ease-in-out,filter .5s ease-in-out}.editor .operator .operator-input.closed:hover:after{opacity:1}.editor .operator .operator-input .op-label{display:flex;flex-direction:row;gap:.5rem;font-family:campton,sans-serif;font-weight:700;letter-spacing:-4%}.editor .operator .operator-input:hover .op-label{filter:brightness(2)}@font-face{font-family:campton;src:url(/fonts/camptonthin-webfont.woff2) format("woff2"),url(/fonts/camptonthin-webfont.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonthinitalic-webfont.woff2) format("woff2"),url(/fonts/camptonthinitalic-webfont.woff) format("woff");font-weight:100;font-style:italic}@font-face{font-family:campton;src:url(/fonts/camptonlight-webfont.woff2) format("woff2"),url(/fonts/camptonlight-webfont.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonlightitalic-webfont.woff2) format("woff2"),url(/fonts/camptonlightitalic-webfont.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:campton;src:url(/fonts/camptonbook-webfont.woff2) format("woff2"),url(/fonts/camptonbook-webfont.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonbookitalic-webfont.woff2) format("woff2"),url(/fonts/camptonbookitalic-webfont.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:campton;src:url(/fonts/camptonmedium-webfont.woff2) format("woff2"),url(/fonts/camptonmedium-webfont.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonmediumitalic-webfont.woff2) format("woff2"),url(/fonts/camptonmediumitalic-webfont.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:campton;src:url(/fonts/camptonsemibold-webfont.woff2) format("woff2"),url(/fonts/camptonsemibold-webfont.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonsemibolditalic-webfont.woff2) format("woff2"),url(/fonts/camptonsemibolditalic-webfont.woff) format("woff");font-weight:600;font-style:italic}@font-face{font-family:campton;src:url(/fonts/camptonbold-webfont.woff2) format("woff2"),url(/fonts/camptonbold-webfont.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:campton;src:url(/fonts/camptonbolditalic-webfont.woff2) format("woff2"),url(/fonts/camptonbolditalic-webfont.woff) format("woff");font-weight:700;font-style:italic}