@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#24271e;background:#f5f5ef;font-synthesis:none;--lime:#d6fb49;--muted:#85877e;--line:#dfE1d6;--ink:#24271e}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,#stage:focus-visible{outline:2px solid #758c26;outline-offset:5px}button{color:inherit}button,a,input{transition:background .2s,color .2s,border-color .2s,box-shadow .2s}a{color:inherit;text-decoration:none}.header{height:99px;margin:0 44px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;gap:22px;align-items:center}.brand-crop{display:block;width:138px;height:49px;overflow:hidden;position:relative;mix-blend-mode:multiply}.brand-crop img{position:absolute;width:164px;height:164px;max-width:none;left:-12px;top:-56px}.brand-divider{height:31px;width:1px;background:#cdd0c2}.edition{font-size:9px;letter-spacing:1.4px;line-height:1.7;font-weight:600}.header-center{font-size:12px;letter-spacing:3px;color:#717568}.text-button{border:0;background:transparent;padding:8px 0;font-size:11px;letter-spacing:.5px;color:#747a68}.text-button:hover{color:#24271e}.header .text-button span{margin-left:13px;font-size:20px}.workspace{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 318px;padding:33px 44px 30px;gap:40px}.experience{min-width:0;position:relative}.stage-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.65px;color:#858978}.stage-meta>span:first-child{display:flex;align-items:center;gap:8px;color:#5a614b;font-weight:600}.live-dot{width:6px;height:6px;background:#91a352;border-radius:50%;box-shadow:0 0 0 4px #e6ebdb}#stage{position:relative;isolation:isolate;height:clamp(350px,43vw,510px);width:100%;cursor:pointer;outline-offset:-6px}#stage canvas{width:100%;height:100%;display:block;position:relative;z-index:1;touch-action:pan-y}.stage-cross{position:absolute;color:#b8bdad;font-size:19px;font-weight:300;z-index:0}.cross-tl{top:27px;left:0}.cross-br{bottom:8px;right:0}.stage-caption{display:flex;align-items:center;justify-content:center;gap:15px;font-size:11px;color:#777e6b;letter-spacing:1.5px;margin-top:-7px}.caption-line{height:1px;width:28px;background:#cfd4c3}.stage-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 0 25px;font-size:9px;letter-spacing:.7px;color:#95998c;border-bottom:1px solid var(--line)}.stage-bottom .text-button{font-size:10px;padding:0}.editorial{display:flex;justify-content:space-between;align-items:end;padding-top:24px;gap:20px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:#7e846f}h1{font-size:clamp(26px,3vw,43px);letter-spacing:-1.8px;line-height:1.55;margin:11px 0 0;font-weight:600}.accent-word{position:relative;white-space:nowrap}.accent-word svg{position:absolute;left:-3%;bottom:-9%;width:105%;height:20px;z-index:-1}.accent-word path{stroke:#c6ed54;stroke-width:11;fill:none;stroke-linecap:round}.editorial-note{padding-bottom:8px;max-width:280px}.mini-star{display:block;font-size:35px;color:#5d6c3c;margin-bottom:5px;line-height:1}.editorial-note p{font-size:11px;line-height:2;color:#777d6c;margin:8px 0 16px}.note-index{font-size:8px;letter-spacing:1.2px;color:#9a9f90}.controls{border:1px solid #e1e4d8;border-radius:22px;background:#fcfcf7;padding:27px 25px 21px;align-self:start;box-shadow:0 8px 28px #46502a04}.panel-heading{position:relative}.panel-heading h2{font-size:25px;font-weight:500;letter-spacing:-1px;line-height:1.5;margin:13px 0 8px}.panel-heading p{font-size:11px;color:#919687;margin:0 0 26px}.panel-spark{position:absolute;right:0;top:2px;font-size:33px;color:#647942}.mode-field{border:0;margin:0;padding:0}.field-label,legend{display:block;width:100%;font-size:11px;font-weight:500;margin-bottom:11px}.field-label>span,legend>span{color:#a4aa96;font-size:9px;margin-right:9px;letter-spacing:1px}.mode-options{display:grid;gap:7px}.mode{display:flex;align-items:center;gap:11px;border:1px solid transparent;border-radius:11px;background:#f0f2e9;text-align:left;min-height:62px;padding:10px 12px}.mode.selected{background:#eaf1d8;border-color:#b7c394}.mode:hover{background:#e8edda}.mode-icon{width:31px;height:31px;font-size:31px;line-height:31px;text-align:center;color:#6e7b52;flex-shrink:0}.particle-icon{font-size:32px;transform:rotate(-9deg)}.orbit-icon{font-size:36px}.mode strong{display:block;font-size:12px;font-weight:500}.mode small{display:block;font-size:9px;color:#949a85;margin-top:4px}.radio-dot{margin-left:auto;width:12px;height:12px;border:1px solid #c4cbb5;border-radius:50%}.selected .radio-dot{border:4px solid #7c8f50;background:#e9f2d9}#link-form{margin-top:25px}.input-wrap{display:flex;align-items:center;height:41px;border:1px solid #dfe3d6;background:#fff;border-radius:8px;overflow:hidden}.input-wrap:focus-within{border-color:#91a45a;box-shadow:0 0 0 3px #d7e4bb44}.input-wrap>span{font-size:16px;color:#959d85;padding-left:11px}.input-wrap input{min-width:0;width:100%;border:0;background:transparent;padding:9px 8px;font-size:11px;color:#626955;outline:none}.input-wrap button{background:transparent;border:0;border-left:1px solid #e4e7db;padding:8px 11px;color:#7c8963}.help{font-size:9px;color:#969d87;line-height:1.7;margin:8px 0 0}.error{font-size:10px;color:#ad432e;margin:6px 0 0;line-height:1.6}.error:empty{display:none}.motion-setting{margin-top:23px}.field-label output{float:right;font-size:10px;font-weight:400;color:#7c8963}input[type=range]{width:100%;height:3px;accent-color:#788d47;cursor:pointer;margin:5px 0 0;display:block}input[type=range]::-webkit-slider-thumb{appearance:none}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#a0a690;margin:10px 0 23px}.primary{width:100%;border:1px solid #d1ec7b;border-radius:10px;background:var(--lime);font-size:12px;font-weight:600;min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.primary:hover{background:#c8ee38;box-shadow:0 4px 16px #bacc772e}.primary:active{transform:translateY(1px)}.export-actions{display:flex;justify-content:space-between;margin-top:14px;gap:8px}.export-actions button{border:0;background:transparent;font-size:10px;color:#737c60;padding:7px 0}.export-actions button:hover{color:#283519}.panel-foot{display:flex;gap:6px;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid #e7eade;font-size:9px;color:#969e86}.panel-foot i{width:5px;height:5px;border-radius:50%;background:#9cae72}footer{margin:0 44px;padding:22px 0 26px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px;color:#9a9f90}.footer-arrow{margin-left:12px}#loader{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3;background:#f5f5ef;transition:opacity .45s}#loader.loaded{opacity:0;pointer-events:none}#loader p{font-size:13px;margin:23px 0 10px}#loader small{font-size:10px;color:#949b86}.loading-orbit{width:43px;height:43px;border:1px solid #d1dac0;border-top-color:#75874f;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:#29351e;color:#f6f8ee;padding:12px 22px;border-radius:10px;font-size:12px;box-shadow:0 10px 35px #1e2e2020;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:20;max-width:90vw}#toast.visible{opacity:1;transform:translate(-50%)}dialog{max-width:480px;width:calc(100% - 36px);border:1px solid #d5ddc5;border-radius:22px;background:#fafbf5;padding:40px;color:var(--ink);box-shadow:0 25px 100px #18200b33}dialog::backdrop{background:#26321660;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}dialog h2{font-size:28px;font-weight:500;margin:18px 0}dialog p{font-size:13px;line-height:1.9;color:#6b745f}dialog small{font-size:11px;line-height:1.8;color:#8c947f}.dialog-close{position:absolute;right:20px;top:14px;font-size:25px;background:transparent;border:0;color:#899578}.scan-ready #stage{cursor:pointer}@media(min-width:1500px){.workspace{grid-template-columns:minmax(0,1fr) 345px;gap:60px;padding-top:44px}.controls{padding:32px}.header{height:110px}#stage{height:550px}}@media(max-width:1100px){.header{margin:0 28px}.workspace{padding:28px;gap:26px;grid-template-columns:minmax(0,1fr) 284px}.controls{padding:23px 20px}.header-center{display:none}#stage{height:400px}.editorial{display:block}.editorial-note{margin-top:20px;display:none}h1{font-size:33px}.stage-meta{font-size:8px;letter-spacing:1px}footer{margin:0 28px}}@media(max-width:760px){.header{height:78px;margin:0 20px}.brand-crop{width:114px;height:40px}.brand-crop img{width:139px;height:139px;left:-11px;top:-48px}.wordmark{gap:12px}.edition{font-size:7px;letter-spacing:1px}.brand-divider{height:24px}.header .text-button{font-size:10px}.header .text-button span{margin-left:2px;font-size:15px}.workspace{display:flex;flex-direction:column;padding:25px 20px;gap:28px}.stage-meta{font-size:8px}#stage{height:350px}.stage-caption{font-size:10px;letter-spacing:.6px}.stage-bottom{padding:20px 0}.editorial{padding-top:20px}h1{font-size:31px;line-height:1.45;margin-top:8px}.editorial .eyebrow{font-size:8px}.controls{width:100%;padding:25px;border-radius:18px}.panel-heading h2{font-size:23px}.panel-heading h2 br{display:none}.panel-heading p{margin-bottom:20px}.mode-options{grid-template-columns:repeat(3,1fr);gap:7px}.mode{flex-direction:column;gap:7px;padding:13px 4px;min-height:108px;text-align:center;position:relative}.mode .radio-dot{display:none}.mode strong{font-size:11px}.mode small{font-size:8px}.mode-icon{width:28px;height:28px;font-size:29px}.panel-heading .eyebrow{font-size:8px}.field-label,legend{font-size:12px}.input-wrap{height:45px}.input-wrap input{font-size:13px}.primary{min-height:48px}.export-actions button{font-size:11px}.help{font-size:10px}.motion-setting{margin-top:24px}.panel-foot{font-size:10px}footer{margin:0 20px;gap:15px;flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){display:none}.stage-cross{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(min-width:761px)and (max-height:850px){.header{height:78px}.workspace{padding-top:22px;gap:30px}.controls{padding:20px 23px}.panel-heading h2{font-size:22px;line-height:1.35;margin:9px 0 6px}.panel-heading p{margin-bottom:18px}.mode{min-height:50px;padding:7px 11px}.mode-icon{font-size:27px;height:27px;line-height:27px}.mode small{margin-top:3px}.mode-options{gap:5px}#link-form{margin-top:17px}.motion-setting{margin-top:16px}.range-labels{margin-bottom:17px}.panel-foot{margin-top:11px;padding-top:11px}.export-actions{margin-top:8px}.field-label,legend{margin-bottom:9px}#stage{height:380px}.stage-bottom{padding-bottom:18px}.editorial{padding-top:19px}h1{font-size:32px;line-height:1.4}.primary{min-height:43px}}.mode-options{grid-template-columns:1fr 1fr;gap:7px}.mode{flex-direction:column;justify-content:center;gap:7px;min-height:89px;padding:11px 4px;text-align:center;position:relative}.mode .radio-dot{position:absolute;top:9px;right:9px;width:8px;height:8px;border-width:1px}.mode.selected .radio-dot{border-width:3px}.mode strong{font-size:11px}.mode small{font-size:8px}.mode-icon{width:27px;height:27px;font-size:28px;line-height:27px}.view-tools{display:flex;align-items:center;gap:17px}#stage[data-mode=sculpture],#stage[data-mode=sculpture] canvas{cursor:grab;touch-action:none}#stage[data-mode=sculpture]:active,#stage[data-mode=sculpture]:active canvas{cursor:grabbing}.scan-ready #stage,.scan-ready #stage canvas{cursor:pointer}@media(min-width:761px)and (max-height:850px){.mode{min-height:78px;padding:7px 4px;gap:4px}.panel-heading p{margin-bottom:14px}#link-form{margin-top:14px}.motion-setting{margin-top:13px}.panel-heading h2{font-size:20px}#stage{height:395px}}@media(max-width:760px){.mode-options{grid-template-columns:repeat(4,1fr)}.mode{min-height:89px}.mode small,.mode .radio-dot{display:none}.mode strong{font-size:10px}.stage-bottom{font-size:8px}.view-tools{gap:9px}.view-tools .text-button,.stage-caption{font-size:9px}.caption-line{width:14px}}.stage-caption{margin-top:8px}.mode-featured{grid-column:1/-1;min-height:72px!important;height:72px!important;flex-direction:row!important;align-items:center!important;gap:15px!important}.mode-featured .mode-icon{font-size:35px;color:#883a51}.mode-featured small{display:block!important}.mode-featured strong{font-size:14px!important}.mode-featured.selected{background:#efe4e3;border-color:#aa7d83}.mode-featured.selected .radio-dot{background:#883a51;border-color:#883a51}#stage[data-mode=floral] canvas{cursor:grab;touch-action:none}#stage[data-mode=floral]:active canvas{cursor:grabbing}.tool-mark{width:39px;height:39px;flex-shrink:0}.tool-name{font-size:25px;font-weight:700;letter-spacing:-1px;line-height:1.1}.tool-name small{display:block;font-size:9px;font-weight:500;letter-spacing:1.7px;margin-top:7px}.wordmark{gap:14px}.edition{letter-spacing:1px}.editorial-note{max-width:235px}.use-cases{max-width:1552px;margin:12px auto 38px;padding:30px 0 0;border-top:1px solid var(--line);width:calc(100% - 88px)}.use-cases-heading h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:12px 0 8px}.use-cases-heading>p{font-size:12px;color:#818773;margin:0 0 25px}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.use-cases-grid article+article{padding-left:30px;border-left:1px solid var(--line)}.use-number{font-size:9px;letter-spacing:1.3px;color:#8b927c}.use-cases h3{font-size:16px;font-weight:500;margin:12px 0 8px}.use-cases-grid p{font-size:12px;line-height:1.9;color:#747c68;max-width:350px;margin:0 0 13px}.use-format{font-size:10px;color:#647347}.publishing-note{font-size:10px;line-height:1.8;color:#8b927d;margin:24px 0 0}dialog strong{font-weight:600;color:#3c472d}@media(max-width:1100px){.use-cases{width:calc(100% - 56px)}.use-cases-grid{gap:24px}.use-cases-grid article+article{padding-left:20px}}@media(max-width:760px){.tool-mark{width:32px;height:32px}.tool-name{font-size:22px}.tool-name small{font-size:8px;letter-spacing:.7px;margin-top:5px}.wordmark{gap:9px}.edition{font-size:7px;letter-spacing:.5px}.use-cases{width:calc(100% - 40px);margin-top:0;padding-top:25px}.use-cases-heading h2{font-size:22px}.use-cases-grid{grid-template-columns:1fr;gap:22px}.use-cases-grid article+article{padding-left:0;border-left:0;border-top:1px solid var(--line);padding-top:22px}.use-cases-grid p{max-width:none}.publishing-note{margin-top:24px}.stage-bottom{gap:10px}.stage-bottom>span{max-width:51%;line-height:1.6}}.mode-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode{min-height:79px;padding:9px 2px;gap:6px}.mode strong{font-size:10px;white-space:nowrap}.mode small{font-size:7px}.mode-icon{font-size:26px;width:26px;height:26px}#stage[data-mode=candy] canvas,#stage[data-mode=toys] canvas,#stage[data-mode=coffee] canvas,#stage[data-mode=garden] canvas,#stage[data-mode=butterfly] canvas{cursor:grab;touch-action:none}.mode[data-mode=candy] .mode-icon{color:#943d62}.mode[data-mode=toys] .mode-icon{color:#326277}.mode[data-mode=coffee] .mode-icon{color:#77523e}.mode[data-mode=garden] .mode-icon{color:#4e7754}.mode[data-mode=butterfly] .mode-icon{color:#61588d}@media(max-width:760px){.mode-options{grid-template-columns:repeat(3,minmax(0,1fr))}.mode{min-height:73px}.mode strong{font-size:11px}.mode small{display:block;font-size:8px}.stage-bottom>span{max-width:49%}}@media(min-width:761px)and (max-height:850px){.mode{min-height:66px;padding:6px 2px}.mode small{display:none}}.palette-field{border:0;padding:0;margin:22px 0 0;min-width:0}.palette-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.palette-option{border:1px solid transparent;border-radius:9px;background:#f0f1e9;min-height:57px;padding:8px 2px 7px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:9px}.palette-option:hover{background:#e9ecdf}.palette-option.selected{border-color:#909f76;background:#e8eddb}.palette-swatches{display:flex;align-items:center;padding-left:4px}.palette-swatches i{width:17px;height:17px;border:1.5px solid #fafbf5;border-radius:50%;margin-left:-4px}@media(max-width:760px){.palette-option{font-size:10px;min-height:61px}.palette-swatches i{width:19px;height:19px}}@media(min-width:761px)and (max-height:850px){.palette-field{margin-top:16px}.palette-option{min-height:50px;gap:4px;padding:6px 2px}}.input-wrap{height:auto;align-items:stretch}.input-wrap>span{align-self:center}.input-wrap textarea{font:inherit;font-size:11px;line-height:1.65;min-width:0;width:100%;min-height:66px;max-height:180px;resize:vertical;border:0;background:transparent;color:#626955;padding:10px 8px;outline:none}.input-wrap:focus-within{border-color:#8c9c6d}@media(max-width:760px){.input-wrap textarea{font-size:13px;min-height:74px}}.logo-empty{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f5f5ef;text-align:center}.logo-empty[hidden],.logo-upload[hidden]{display:none}.logo-empty>svg{width:56px;height:56px;color:#899773;margin-bottom:16px}.logo-empty h2{font-size:28px;font-weight:500;line-height:1.6;letter-spacing:-.5px;margin:0 0 12px}.logo-empty p{font-size:12px;color:#828b76;margin:0 0 22px}.logo-empty small{font-size:10px;color:#939b87;margin-top:14px}.logo-empty button{padding:12px 25px;border:1px solid #9aab7e;background:#e5edce;border-radius:9px;font-size:12px}.logo-upload{margin-top:18px;padding:14px;border:1px dashed #bbc5a7;border-radius:10px;background:#f6f8ef}.logo-upload-heading{display:flex;gap:8px;justify-content:space-between;align-items:center}.logo-upload-heading strong{font-size:11px;white-space:nowrap}.logo-upload-heading span{font-size:9px;color:#828b76;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-upload-actions{display:flex;gap:15px;align-items:center;margin-top:12px}.logo-upload-actions button{font-size:11px;border:1px solid #c5ceb6;border-radius:6px;background:#fff;padding:7px 12px}.logo-upload-actions #logo-remove{border:0;background:none;color:#8e6b5b;padding:5px}.logo-upload p{font-size:9px;line-height:1.8;color:#919982;margin:10px 0 0}.awaiting-logo,.awaiting-logo canvas{cursor:default!important}.gif-button{width:100%;margin-top:12px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#edf1e1;border:1px solid #d6ddc5;border-radius:9px;font-size:12px;font-weight:500}.gif-button span{font-size:10px;color:#7d876b;font-weight:400}.gif-button:hover{background:#e3ebce}.gif-help{font-size:9px;color:#969d87;margin:7px 0 0;text-align:center;line-height:1.6}#gif-progress{width:100%;height:8px;accent-color:#7c8f50}#gif-status{font-size:12px;font-variant-numeric:tabular-nums}#gif-dialog h2{font-size:25px}.exporting-gif #stage canvas{visibility:hidden}#gif-preview{display:block;width:100%;max-width:280px;aspect-ratio:1;object-fit:contain;margin:0 auto 16px;border-radius:10px}#gif-save{justify-content:center}#gif-dialog{max-height:90vh;overflow:auto}#gif-result[hidden]{display:none}