:root{font-family:Segoe UI,Arial,sans-serif;color:#303c38;background:#f9f7f2;font-synthesis:none;font-weight:400;--paper:#f9f7f2;--green:#456e5d;--green-dark:#345744;--muted:#8b9188;--line:#e7e7dd;--purple:#a68bc6}*{box-sizing:border-box}body{margin:0;min-width:360px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #b69bd1;outline-offset:5px}input:focus,textarea:focus,select:focus{outline:2px solid #b3cbbd;outline-offset:2px}::selection{background:#e1e8d9}h1,h2,h3,h4,p{margin:0}h1,h2,h3{letter-spacing:-1.2px}h1{font-weight:600}p{line-height:1.7}em{font-family:Georgia,Times New Roman,serif;font-weight:400;color:var(--green)}svg{flex-shrink:0}button:disabled svg{opacity:.8}.app-shell,.studio-page,.result-page,.settings-page,.shared-page{min-height:100dvh;display:flex;flex-direction:column}.header{height:104px;min-height:104px;max-width:1600px;width:100%;padding:0 5.2%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:10}.header-left,.header-right{display:flex;align-items:center;gap:22px}.header-right{justify-content:flex-end}.logo{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:-.8px;font-weight:650;white-space:nowrap}.logo-mark{width:43px;height:43px;background:#e5ebdf;border-radius:14px 14px 17px;display:grid;place-items:center;color:var(--green);transform:rotate(-5deg)}.logo-dot{height:5px;width:5px;border-radius:100%;background:#b59bc8;margin-left:-5px;margin-top:12px}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff75;transition:.2s}.icon-button:hover{background:#fff;transform:translateY(-1px)}.settings-trigger{border:none;background:transparent;color:#8c9489;margin-left:8px}.header-note{font-size:12px;color:#81897f;display:flex;align-items:center;gap:8px}.tiny-dot{width:6px;height:6px;background:#9aac91;border-radius:100%;display:inline-block;flex-shrink:0}.footer{max-width:1600px;width:100%;margin:auto auto 0;padding:26px 5.2%;display:flex;align-items:center;justify-content:space-between;color:#92988e;font-size:11px;letter-spacing:.1px}.footer>span{display:flex;gap:8px;align-items:center}.footer svg{color:#a3aa9b}.button{min-height:55px;border-radius:13px;padding:15px 23px;display:inline-flex;justify-content:center;align-items:center;gap:14px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .2s,transform .2s}.button:hover:not(:disabled){transform:translateY(-2px)}.primary{background:var(--green);color:#fff;box-shadow:0 5px 12px #456e5d16}.primary:hover:not(:disabled){background:var(--green-dark)}.secondary{background:#fff;border:1px solid #e3e5db}.secondary:hover:not(:disabled){background:#f1f3ea}.compact{min-height:40px;padding:10px 15px;font-size:12px;border-radius:10px}.full{width:100%}.eyebrow{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:2px;font-weight:600;color:#8d927c}.eyebrow svg{color:#ab956e}.mini-label{font-size:9px;letter-spacing:2px;font-weight:600;color:#939982}.fine-print{font-size:11px;color:#90958b;line-height:1.7;margin-top:15px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#7c8777;font-size:12px;padding:12px}.notice{border-radius:12px;font-size:12px;display:flex;align-items:center;gap:10px;padding:14px 18px;margin-bottom:20px;line-height:1.6}.notice button{margin-left:auto;display:flex}.notice.error{background:#faeae5;color:#995c4f}.notice.success{background:#e8f0e4;color:#4a7156}.form-error{font-size:12px;color:#a05050;margin:14px 0}.busy{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:12px}.spin{animation:spin 1.1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 30px;color:#8b9684}.empty-state>svg{color:#b4beac}.empty-state p{margin-top:15px}.danger{color:#b56257}.danger-fill{color:#fff;background:#af6056}.welcome-main{width:100%;max-width:1600px;margin:0 auto;flex:1;min-height:635px;display:grid;grid-template-columns:1.07fr 1fr;align-items:center;padding:25px 7.5% 65px;position:relative;overflow:hidden}.welcome-copy{position:relative;z-index:2;padding-bottom:16px}.welcome-copy .eyebrow{margin-bottom:25px;font-size:8.5px;letter-spacing:1.7px}.welcome-copy h1{font-size:clamp(48px,5.35vw,82px);line-height:1.12;font-weight:500;letter-spacing:-3.7px;position:relative;max-width:650px}.welcome-copy h1>span:nth-child(2){font-family:Georgia,serif;color:var(--green);font-style:italic;font-weight:400}.welcome-copy h1 .hand-underline{position:absolute;width:210px;height:10px;bottom:-14px;left:14px;border-top:3px solid #dabf7c;border-radius:50%;transform:rotate(-3deg)}.welcome-copy>p{font-size:14px;color:#919588;max-width:375px;margin-top:40px;line-height:1.9}.welcome-copy>.button{margin-top:30px;padding:20px 28px;min-height:62px;font-size:14px;border-radius:13px;gap:30px}.welcome-caption{font-size:11px;color:#969b8e;margin-top:17px;display:flex;align-items:center;gap:8px}.tiny-sparkle{color:#c3a773;font-size:15px}.welcome-features{display:flex;align-items:center;gap:17px;margin-top:53px;font-size:10px;color:#828b7d}.welcome-features span{display:flex;align-items:center;gap:8px}.welcome-features svg{color:#99a38a;stroke-width:1.5}.welcome-features i{height:13px;width:1px;background:#dddfd3}.welcome-visual{position:relative;isolation:isolate;height:565px;width:100%;display:grid;place-items:center}.art-paper{width:91%;max-width:460px;aspect-ratio:1/1.06;position:relative;background:#fffefb;box-shadow:0 23px 45px #5d664b10,0 1px 4px #70704a0d;border:1px solid #f0eee3;transform:rotate(6deg);border-radius:3px;z-index:2;display:flex;align-items:center;justify-content:center}.hero-illustration{width:100%;height:100%;object-fit:contain;position:relative;z-index:1;transform:rotate(-3deg);padding:0 7px 17px}.paper-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:radial-gradient(#a5a88f .6px,transparent .6px);background-size:12px 12px}.paper-tape{position:absolute;width:113px;height:31px;background:#e2d7bca8;left:50%;top:-15px;transform:translate(-50%) rotate(-6deg);z-index:5;clip-path:polygon(0 0,100% 3%,97% 10%,100% 22%,97% 35%,100% 44%,98% 60%,100% 72%,97% 83%,100% 100%,0 98%,3% 86%,0 75%,3% 64%,0 50%,3% 39%,0 27%,3% 13%)}.paper-caption{position:absolute;bottom:20px;left:25px;font-family:Georgia,serif;font-style:italic;color:#979b85;font-size:12px;letter-spacing:.3px}.paper-heart{position:absolute;bottom:13px;right:23px;font-family:Georgia,serif;font-size:28px;transform:rotate(-13deg);color:#ba9ca4}.visual-orbit{position:absolute;border-radius:50%;z-index:-1}.orbit-one{width:105%;aspect-ratio:1;background:#eceee1;max-width:525px;right:-6%;top:3%;opacity:.65}.orbit-two{width:85%;aspect-ratio:1;border:1px dashed #d3dac7;left:0;top:12%;transform:rotate(-10deg)}.floating-star{position:absolute;color:#c6a76e;z-index:3;font-size:36px}.star-one{left:0;top:35px;transform:rotate(15deg)}.star-two{right:-2%;top:56%;font-size:55px;color:#b1b695}.art-sticker{position:absolute;right:0;top:28px;width:98px;height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e5dcef;z-index:6;color:#826795;border:1px dashed #bda5ce;border-radius:50%;outline:6px solid #e5dcef;transform:rotate(16deg)}.art-sticker>span:first-child{font-family:Georgia,serif;font-size:25px}.art-sticker>span:nth-child(2){font-size:7px;letter-spacing:1.2px;margin:3px 0 7px}.palette-decoration{position:absolute;bottom:5%;left:-2%;z-index:5;width:220px;height:83px;border:1px solid #ddd6be;border-radius:49%;background:#eadfc5;transform:rotate(-12deg);box-shadow:0 12px 22px #80715412}.palette-decoration:after{content:"";position:absolute;width:22px;height:19px;border-radius:50%;background:var(--paper);right:20px;top:18px;border:1px solid #d8cfb6}.color-dabs{display:flex;gap:8px;position:absolute;bottom:17px;left:22px}.color-dabs i{width:27px;height:25px;border-radius:45%;transform:rotate(15deg);box-shadow:inset 0 0 0 1px #00000005}.brush-decoration{position:absolute;width:155px;height:10px;background:#a67d56;border:1px solid #98714f;transform:rotate(-24deg);top:-9px;left:48px;border-radius:5px}.brush-decoration:before{content:"";position:absolute;left:-30px;top:-3px;width:35px;height:16px;background:#52715b;border-radius:70% 0 0 50%;border-right:13px solid #c6c9bb}.scribble-note{position:absolute;right:23px;bottom:-3px;font-family:Georgia,serif;font-style:italic;color:#9ca38d;font-size:15px;line-height:1.4;transform:rotate(-8deg)}.scribble-note>span{position:absolute;top:-43px;left:15px;font-size:46px;font-weight:400;transform:rotate(-30deg);color:#a6b094}.welcome-bottom{position:absolute;bottom:12px;left:7.5%;font-size:8px;letter-spacing:2px;color:#b0b3a3;display:flex;align-items:center;gap:10px}.little-lines{font-size:30px;letter-spacing:-6px}.custom-background{background-size:cover;background-position:center}.custom-background .welcome-visual{opacity:.85}.steps{display:flex;align-items:center;gap:20px}.step{display:flex;align-items:center;gap:9px;color:#b0b5a8;font-size:11px;letter-spacing:.2px}.step>span{border:1px solid #dddfe0;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:8px}.step.current{color:var(--green);font-weight:600}.step.current>span{background:var(--green);color:#fff;border-color:var(--green)}.step.complete>span{background:#e7eddf;color:var(--green);border-color:#e7eddf}.step>i{display:block;width:30px;height:1px;background:#dedfd3;margin-left:8px}.choose-main{padding:23px 0 15px;max-width:1600px;width:100%;margin:0 auto;flex:1;overflow:hidden}.choose-heading{text-align:center}.choose-heading>.eyebrow{justify-content:center;margin:5px 0 19px}.choose-heading h1{font-size:48px;font-weight:500;position:relative;display:inline-block;letter-spacing:-1.7px}.heading-star{position:absolute;right:-40px;top:-4px;color:#c8a76c;font-size:29px;font-family:Georgia,serif;font-weight:400}.choose-heading>p{color:#94998b;font-size:12px;margin-top:15px}.carousel-shell{position:relative;margin-top:40px}.drawing-carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:20px max(7.5%,calc((100% - 1080px)/2)) 20px;scroll-padding:80px}.drawing-carousel::-webkit-scrollbar,.extra-palette::-webkit-scrollbar{display:none}.drawing-card{flex:0 0 300px;text-align:left;padding:0;border-radius:19px;background:#fff;box-shadow:0 3px 12px #4b523b04;border:1.5px solid #e9e9df;scroll-snap-align:center;transition:transform .2s,border-color .2s;overflow:hidden;position:relative}.drawing-card:hover{transform:translateY(-3px)}.drawing-card.selected{border-color:#688673;box-shadow:0 12px 25px #5f775511;transform:translateY(-6px)}.drawing-card-image{height:256px;padding:23px;position:relative}.drawing-card-image>img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.drawing-number{position:absolute;top:15px;left:17px;color:#a39881;font-size:9px;letter-spacing:1px}.chosen-badge{position:absolute;bottom:12px;left:50%;transform:translate(-50%);border-radius:20px;background:#fffaf1d9;padding:7px 12px;color:#64806b;font-size:8px;white-space:nowrap;display:flex;align-items:center;gap:5px}.drawing-card-caption{display:flex;align-items:center;justify-content:space-between;padding:19px 20px}.drawing-card-caption h2{font-size:17px;font-weight:600;letter-spacing:-.6px}.drawing-card-caption p{font-size:10px;color:#a0a494;margin-top:5px}.drawing-select{width:29px;height:29px;border:1px solid #e3e7dc;border-radius:50%;display:grid;place-items:center;color:#a5ac9a;font-size:24px;font-weight:200}.drawing-card.selected .drawing-select{background:#4c755f;border-color:#4c755f;color:#fff}.carousel-nav{position:absolute;top:43%;transform:translateY(-50%);width:45px;height:45px;border:1px solid #e4e7dc;box-shadow:0 4px 16px #33443106;background:#fffef9;border-radius:50%;z-index:3;display:grid;place-items:center}.carousel-nav.previous{left:3%}.carousel-nav.next{right:3%}.carousel-nav:disabled{opacity:.3}.carousel-dots{display:flex;justify-content:center;gap:7px;padding:9px}.carousel-dots>button{height:6px;width:6px;padding:0;border-radius:100%;background:#dce0d4;transition:.2s}.carousel-dots>button.active{background:#759078;width:23px;border-radius:6px}.choose-bottom{display:flex;align-items:center;justify-content:space-between;padding:28px 7.5% 12px;gap:20px}.choose-tip{display:flex;gap:11px;align-items:center;flex:1}.choose-tip>span{height:40px;width:40px;border-radius:50%;background:#efeee3;display:grid;place-items:center;color:#a0a382}.choose-tip p{font-size:10px;color:#8d9682;line-height:1.8}.choose-tip strong{font-weight:400;font-size:9px;color:#a8ad9e}.choose-time{display:flex;gap:7px;align-items:center;justify-content:flex-end;color:#a1a793;font-size:10px;flex:1}.choose-bottom>.primary{min-width:235px}.recovery-banner{margin:8px auto;max-width:85%;background:#ede8f5;padding:13px 20px;display:flex;align-items:center;gap:13px;border-radius:12px;font-size:12px;color:#77618f}.recovery-banner button{font-weight:600;display:flex;gap:6px;align-items:center}.recovery-banner>span{flex:1}.studio-page{height:100dvh;min-height:640px;overflow:hidden}.studio-page .header{height:88px;min-height:88px;margin:0 auto}.timer-pill{display:flex;align-items:center;gap:8px;padding:11px 15px;background:#efeee4;border:1px solid #e5e5d8;border-radius:30px;color:#767d62;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}.timer-pill>span{font-size:8px;font-weight:400;color:#a4a58f;border-left:1px solid #d8d9c9;padding-left:9px;max-width:80px}.timer-pill.urgent{background:#f5e2d6;color:#af6955}.studio-topline{display:flex;align-items:center;gap:20px;max-width:1500px;margin:0 auto;width:100%;padding:5px 5.5% 17px}.studio-topline h2{font-size:20px;letter-spacing:-.6px;margin-top:4px;font-weight:600}.studio-topline .mini-label{font-size:7px}.studio-topline>p{font-size:10px;color:#a1a694;flex:1;text-align:center}.studio-actions{display:flex;gap:9px}.studio-actions .icon-button{width:34px;height:34px}.studio-page>.notice{margin:0 auto;max-width:85%;font-size:11px;padding:8px 14px}.canvas-zone{min-height:0;flex:1;padding:12px 50px 18px;background:radial-gradient(#c5c8b533 .7px,transparent .7px);background-size:14px 14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.canvas-frame{position:relative;background:#fff;box-shadow:0 10px 35px #4c5a3510,0 1px 3px #7777770a;max-height:100%;max-width:100%;width:auto;height:100%;border:1px solid #eceee4;border-radius:3px;isolation:isolate}.canvas-frame canvas{display:block;position:relative;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.line-overlay{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;pointer-events:none;mix-blend-mode:multiply;z-index:1}.tape-left{left:18%;width:85px;transform:translate(-50%) rotate(-12deg);height:26px;top:-12px}.tape-right{left:82%;width:85px;transform:translate(-50%) rotate(9deg);height:26px;top:-12px}.canvas-loading{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffdf5d9;z-index:5;display:grid;place-items:center;color:#839476}.paint-dock{position:relative;margin:10px auto 0;min-height:88px;max-width:calc(100% - 72px);padding:12px 16px;display:flex;align-items:center;gap:11px;border:1px solid #e5e8dc;background:#fffefa;border-radius:20px;box-shadow:0 8px 35px #66704f07}.dock-tools{display:flex;gap:7px}.tool-button{height:60px;min-width:56px;padding:5px 8px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#9a9f90;border-radius:12px;position:relative}.tool-button>span{font-size:9px}.tool-button>small{position:absolute;right:4px;top:4px;font-size:6px;line-height:1.2}.tool-button.selected{background:#edf1e7;color:var(--green)}.dock-divider{height:37px;width:1px;background:#e7e8dc;margin:0 7px}.colors-main{display:flex;gap:12px}.swatch{height:38px;width:38px;border-radius:50%;background:var(--swatch);border:3px solid white;box-shadow:0 0 0 1px #283b2920;display:flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto;transition:.15s}.swatch.active{box-shadow:0 0 0 2px #76856a;transform:translateY(-3px)}.swatch.small{height:26px;width:26px;border-width:2px}.extra-palette{display:flex;gap:8px;max-width:140px;overflow-x:auto;scrollbar-width:none;align-items:center;padding:8px 2px;scroll-snap-type:x proximity}.palette-arrow{padding:4px 0;color:#969f89;display:grid;place-items:center;min-height:40px}.done-button{margin-left:10px;min-height:49px;padding:13px 21px;gap:17px;border-radius:12px;font-size:12px}.studio-hint{text-align:center;font-size:9px;color:#a2a891;padding:13px 0 17px;display:flex;justify-content:center;align-items:center;gap:7px}.size-popover{position:absolute;bottom:calc(100% + 12px);left:14px;background:#fffefa;padding:18px 20px;border:1px solid #e2e5d6;border-radius:16px;box-shadow:0 7px 30px #4d5b3912;z-index:7;width:315px}.size-popover:after{content:"";width:12px;height:12px;border-right:1px solid #e2e5d6;border-bottom:1px solid #e2e5d6;background:#fffefa;position:absolute;bottom:-7px;left:33px;transform:rotate(45deg)}.size-popover>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:12px}.size-options{display:flex;gap:8px;margin-top:15px}.size-options>button{flex:1;min-height:65px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border-radius:10px;color:#909782;border:1px solid #e9ebdf}.size-options>button>span{border-radius:100%;background:#72876b}.size-options>button>small{font-size:8px}.size-options>button.active{background:#edf2e7;border-color:#a8bd98}.result-main{max-width:1220px;margin:0 auto;width:100%;padding:20px 55px 35px;flex:1}.result-intro{text-align:center;position:relative}.result-intro .eyebrow{justify-content:center;margin:0 0 13px}.result-intro h1{font-size:48px;line-height:1.15;font-weight:500;position:relative;display:inline-block;letter-spacing:-1.6px}.result-intro h1>br{display:none}.result-intro h1 em{margin-left:10px}.result-intro>p{font-size:11px;color:#929b85;margin-top:13px}.result-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;margin-top:38px}.result-art-column{min-width:0}.result-frame{background:#fff;position:relative;padding:22px 22px 42px;transform:rotate(-2deg);box-shadow:0 10px 40px #78855c10;border:1px solid #ecebdf;border-radius:2px}.result-frame>img{width:100%;max-height:385px;object-fit:contain;display:block}.art-signed{position:absolute;bottom:15px;right:20px;color:#a8a78e;font-family:Georgia,serif;font-style:italic;display:flex;gap:7px;align-items:center;font-size:11px}.result-frame>.paper-tape{width:95px;height:28px;top:-14px;transform:translate(-50%) rotate(3deg)}.result-image-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:25px;padding:0 4px}.segmented{display:inline-flex;border:1px solid #e1e4d8;border-radius:25px;padding:4px;background:#f0f1e8;gap:3px}.segmented>button{display:flex;align-items:center;gap:6px;border-radius:20px;font-size:10px;padding:10px 17px;color:#a1a792}.segmented>button.active{background:#fffef9;box-shadow:0 2px 4px #63714b0b;color:#566f51}.save-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#99a38e;margin-top:17px;min-height:25px}.save-status.save-error{color:#a06452;font-size:10px;line-height:1.5;flex-wrap:wrap;text-align:center}.save-status button{font-weight:600;border-bottom:1px solid}.save-status .busy{font-size:10px}.ai-panel,.share-panel{border:1px solid #e6e4da;border-radius:17px;padding:23px;background:#fffefa}.ai-panel{background:#f2edf7;border-color:#e8e0ee}.panel-title{display:flex;align-items:center;gap:12px}.panel-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px}.panel-icon.purple{background:#e6ddf0;color:#967aac}.panel-icon.green{background:#e7eddf;color:#85976d}.panel-title h2{font-size:17px;letter-spacing:-.5px;font-weight:600}.panel-title p{font-size:10px;color:#a29aa7;margin-top:4px}.ai-badge{font-size:8px;font-weight:600;letter-spacing:.7px;color:#a18ab5;background:#e8e1f1;border-radius:5px;padding:4px 6px;margin-left:auto;align-self:flex-start}.ai-styles{display:flex;gap:10px;margin-top:22px}.ai-style{flex:1;min-width:0;position:relative;background:#fff9;border:1.5px solid #e6dfec;border-radius:10px;padding:0 0 11px;overflow:hidden;transition:.2s}.ai-style.selected{border-color:#a085bd;background:#fffc}.style-preview{height:70px;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:57px;color:#b999ca;position:relative;background:#e9dff1;isolation:isolate}.style-preview:before,.style-preview:after{content:"";border-radius:50%;height:27px;width:27px;background:#d7c3e2;position:absolute;left:12%;top:25%;z-index:-1}.style-preview:after{left:auto;right:14%;top:45%;width:20px;height:20px;background:#d5bccc}.watercolour .style-preview{background:#e2ece5;color:#8fb3a1;font-size:83px;font-weight:300;text-shadow:5px 3px #b1cabb77;filter:blur(.2px)}.watercolour .style-preview:before{background:#c7dbcf}.watercolour .style-preview:after{background:#e1d8b5}.\33 d .style-preview{background:#f2e4d9;color:#d2a17f;font-size:67px;text-shadow:3px 4px #c28e6a30}.\33 d .style-preview:before{background:#ecd1b7}.\33 d .style-preview:after{background:#e6c6b0}.ai-style strong{display:block;font-weight:500;font-size:9px;margin-top:9px;color:#8a7d93}.style-check{position:absolute;top:6px;right:6px;width:16px;height:16px;display:grid;place-items:center;background:#9d83b3;color:#fff;border:2px solid #fff;border-radius:50%}.style-description{text-align:center;font-size:9px;color:#a69aac;margin-top:11px}.ai-button{width:100%;background:#a087b7;color:#fff;min-height:47px;font-size:11px;margin-top:13px;border-radius:10px}.ai-button:hover:not(:disabled){background:#9174aa}.ai-button>svg:last-child{margin-left:auto}.ai-panel>.fine-print{text-align:center;font-size:8px;margin-top:10px}.share-panel{margin-top:15px;padding:20px 23px}.share-panel .panel-title h2{font-size:15px}.share-panel .panel-title p{font-size:9px;color:#a0a68f}.share-buttons{display:flex;gap:9px;margin-top:16px}.share-buttons .button{flex:1;min-height:61px;gap:10px;padding:12px 10px;border-radius:10px;font-size:10px;color:#78906c;justify-content:flex-start}.share-buttons span{text-align:left;color:#596e52}.share-buttons small{display:block;font-size:8px;font-weight:400;color:#a6ad9d;margin-top:4px}.start-again{display:flex;align-items:center;justify-content:center;width:100%;gap:12px;font-size:11px;color:#7c8a70;margin-top:22px;min-height:40px}.start-again svg:last-child{margin-left:6px}.reset-note{font-size:8px;color:#b0b3a3;text-align:center;margin-top:5px}.result-options>.notice{margin:12px 0 0;font-size:10px}.qr-wrap{margin:23px auto;width:240px;padding:10px;background:#fff;border:1px solid #e9e9dc;border-radius:15px}.qr-wrap svg{display:block;width:100%;height:auto}.sent-state{text-align:center;padding:20px 0;color:#819b74}.sent-state p{margin:15px 0 25px;color:#8c9581}.touch-keyboard{display:flex;flex-direction:column;gap:5px;margin:15px 0}.touch-keyboard>div{display:flex;justify-content:center;gap:4px}.touch-keyboard button{min-width:30px;flex:1;height:38px;border:1px solid #e4e6dc;background:#f6f6f0;border-radius:6px;font-size:13px;padding:4px}.shared-page main{margin:auto;width:100%;max-width:650px;text-align:center;padding:30px 25px}.shared-page main>.eyebrow{justify-content:center;margin-bottom:17px}.shared-page h1{font-size:43px;line-height:1.2;margin-bottom:35px}.shared-frame{background:#fff;padding:15px;border:1px solid var(--line);box-shadow:0 10px 30px #64704b0d;border-radius:5px;margin-bottom:22px}.shared-frame img{display:block;width:100%;max-height:55vh;object-fit:contain}.shared-page .segmented{margin-bottom:20px}.shared-page main>.button{display:flex;max-width:270px;margin:0 auto}.modal-shade{position:fixed;top:0;right:0;bottom:0;left:0;background:#24332b55;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:100;display:flex;justify-content:center;align-items:center;padding:25px;overflow-y:auto}.modal{background:#fffefa;border:1px solid #e7e8dc;box-shadow:0 25px 90px #283c3920;border-radius:23px;padding:28px 32px;max-width:480px;width:100%;max-height:calc(100dvh - 50px);overflow:auto;position:relative}.modal.wide{max-width:850px}.modal-heading{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:16px}.modal-heading h2{font-size:24px;font-weight:500;line-height:1.25}.modal-heading .icon-button{width:33px;height:33px;min-width:33px}.modal>p{font-size:12px;color:#969c8d;margin-bottom:17px}.modal>.fine-print{text-align:center;font-size:10px}.modal-buttons{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:25px}.modal-buttons>.button{font-size:11px;min-height:45px;padding:13px 18px}.field-label{display:block;font-size:10px;letter-spacing:.2px;margin:20px 0 9px;color:#809174}input:not([type=checkbox]):not([type=color]),textarea,select{border:1px solid #dfe4d7;border-radius:9px;padding:13px 14px;background:#fff;font-size:12px;color:#596750;width:100%;min-height:44px;display:block}input::placeholder{color:#b2b7aa}textarea{resize:vertical}input[type=checkbox]{accent-color:#5a7c61;width:17px;height:17px;vertical-align:middle;cursor:pointer}form>.button{margin-top:15px}.app-loading{min-height:100dvh}.app-loading main{text-align:center;padding:70px 25px}.app-loading h1{font-size:50px;margin:20px 0 30px;line-height:1.2}.app-loading main>p{max-width:450px;margin:20px auto}.loading-flower{font-size:68px;color:#bca5ce}.settings-page .header{border-bottom:1px solid #e8e8df;margin:0 auto;height:90px;min-height:90px}.settings-layout{display:flex;max-width:1440px;margin:0 auto;width:100%;flex:1;padding:35px 5.2% 60px;gap:45px}.settings-nav{width:210px;min-width:210px;position:relative;padding-top:10px}.settings-nav h2{font-size:29px;font-weight:500;margin:8px 0 28px}.settings-nav h2>span{color:#bca770;font-size:18px;margin-left:17px}.settings-nav>button{display:flex;gap:12px;align-items:center;width:100%;font-size:11px;color:#949d89;padding:15px 12px;text-align:left;border-radius:10px;margin-bottom:4px}.settings-nav>button.active{background:#e9eee2;color:#57734e}.settings-nav>button:hover{background:#eef0e7}.settings-safe{display:flex;gap:10px;align-items:center;padding:25px 5px;margin-top:30px;border-top:1px solid #e2e6d9;color:#a5ae96}.settings-safe p{font-size:8px}.settings-content{flex:1;min-width:0}.settings-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px;min-height:95px}.settings-heading h1{font-size:34px;line-height:1.3;font-weight:500;margin-top:6px}.settings-heading p{font-size:11px;color:#a0a793;margin-top:7px}.settings-heading .button{font-size:11px;min-height:45px;padding:13px 17px}.settings-card{background:#fffefb;border:1px solid #e5e8db;border-radius:16px;padding:25px;margin-bottom:22px}.settings-card h3{font-size:16px;letter-spacing:-.4px;font-weight:600;margin-bottom:23px;display:flex;align-items:center;gap:9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.form-grid>label,.timer-settings>label{font-size:10px;color:#8d987e;line-height:1.7}.form-grid input,.form-grid textarea,.timer-settings select{margin-top:8px}.span-two{grid-column:span 2}.background-upload{display:flex;align-items:center;gap:25px;margin-top:30px;padding-top:25px;border-top:1px solid #edf0e5}.background-upload>img,.background-placeholder{width:190px;height:120px;object-fit:cover;border-radius:10px;border:1px dashed #d9ddcc}.background-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;background:#f3f1e8;gap:10px;color:#b0b89c}.background-placeholder>span{font-size:9px}.background-upload h4{font-size:12px;font-weight:600}.background-upload p{font-size:10px;color:#a4aa97;margin:7px 0 11px}.background-upload .text-button{font-size:10px}.timer-settings{display:grid;grid-template-columns:1fr 1fr;gap:25px}.timer-settings small{display:block;font-size:9px;color:#acb19f;line-height:1.7;margin-top:10px}.settings-drawings{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.settings-drawings>article{background:#fffefa;border:1px solid #e5e7da;border-radius:13px;overflow:hidden}.settings-drawings>article>div:first-child{height:160px;padding:18px}.settings-drawings img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.settings-drawings h3{font-size:13px;letter-spacing:-.3px;padding:16px 15px 0;font-weight:500}.drawing-manage{display:flex;align-items:center;padding:9px 12px 12px;gap:5px}.drawing-manage>span{font-size:9px;color:#b2b69f;flex:1}.drawing-manage .icon-button{height:30px;width:30px}.palette-editor{display:flex;flex-direction:column;gap:9px;margin-bottom:20px}.palette-row{display:flex;align-items:center;gap:16px;background:#f6f7f0;padding:9px 12px;border-radius:10px}.palette-index{color:#a7ad99;font-size:9px;width:18px}.palette-row input[type=color]{height:33px;width:33px;border:0;border-radius:50%;padding:0;cursor:pointer;background:transparent;overflow:hidden}.palette-row input[type=color]::-webkit-color-swatch-wrapper{padding:0}.palette-row input[type=color]::-webkit-color-swatch{border:1px solid #00000010;border-radius:50%}.palette-row code{font-size:11px;color:#8c987d;letter-spacing:.3px}.palette-location{font-size:8px;color:#a6ad98;margin-left:auto;background:#eef0e5;padding:5px 8px;border-radius:15px}.palette-location.pinned{background:#e6eddd;color:#8f9c77}.palette-row .icon-button{width:27px;height:27px;border:0;background:transparent}.gallery-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #e3e7d9;font-size:10px;color:#8b977d;flex-wrap:wrap}.gallery-toolbar label{display:flex;align-items:center;gap:7px}.gallery-toolbar>span{margin-right:auto;color:#b0b69f;font-size:9px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.gallery-grid article{background:#fffefa;border:1px solid #e2e6d6;border-radius:13px;position:relative;overflow:hidden;padding-bottom:16px}.gallery-grid article.checked{border-color:#86a277}.gallery-check{position:absolute;top:8px;left:8px;z-index:2}.gallery-image{height:160px;width:100%;padding:10px;background:#fff}.gallery-image img{width:100%;height:100%;object-fit:contain}.gallery-grid h3{font-size:12px;font-weight:500;letter-spacing:-.3px;padding:12px 14px 0}.gallery-grid p{font-size:8px;color:#aab19c;padding:5px 14px 0}.gallery-grid p>span{float:right;color:#a890ba}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:25px;font-size:10px;color:#a3ad91}.storage-card{border-radius:17px;background:#e9efe3;border:1px solid #dde5d3;padding:28px;margin-bottom:24px;color:#719060}.storage-card h2{font-size:32px;font-weight:500;margin-top:13px;letter-spacing:-1px}.storage-card h2>span{font-size:11px;color:#8d9e7c;letter-spacing:0;margin-left:5px}.storage-meter{height:8px;background:#d5dfc9;border-radius:10px;overflow:hidden;margin:19px 0 9px}.storage-meter span{display:block;height:100%;background:#8eab76;border-radius:10px;min-width:2px}.storage-card>p{font-size:10px;color:#8e9f7c}.storage-info{display:flex;gap:8px;align-items:center;font-size:10px;color:#7f956e;padding-top:20px;margin-top:20px;border-top:1px solid #d5dfc7}.storage-card>.fine-print{font-size:8px;color:#a3af93}.service-list>div{display:flex;align-items:center;gap:12px;border-bottom:1px solid #edf0e4;padding:16px 0}.service-dot{width:7px;height:7px;border-radius:50%;background:#d9b78a;min-width:7px}.service-dot.good{background:#90ad7d}.service-list strong{font-size:11px;font-weight:500}.service-list small{display:block;font-size:9px;color:#a5af97;margin-top:4px;overflow-wrap:anywhere}.service-label{margin-left:auto;font-size:8px;color:#a4b194;white-space:nowrap}.settings-busy{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#3d6550;color:#fff;padding:13px 20px;border-radius:25px;display:flex;gap:10px;align-items:center;font-size:11px;box-shadow:0 6px 30px #3d655020;z-index:90}.gallery-preview{display:flex;gap:15px;justify-content:center;margin-bottom:20px}.gallery-preview img{max-width:48%;max-height:60vh;object-fit:contain}.modal .gallery-preview~a{margin:5px;font-size:11px}.login-main{max-width:420px;width:100%;margin:50px auto;text-align:center;padding:0 20px}.login-icon{height:65px;width:65px;display:grid;place-items:center;margin:0 auto 24px;background:#e7eddf;color:#8d9f7b;border-radius:23px}.login-main h1{font-size:45px;line-height:1.15;font-weight:500;margin-top:15px}.login-main>p{font-size:11px;color:#a4ab96;margin:18px 0 25px}.login-main form{text-align:left;padding:18px 27px 25px;border:1px solid #e2e7d7;background:#fffefa;border-radius:17px}.login-main form>.field-label{margin-top:0}.login-main>.text-button{margin-top:20px}@media(min-width:1600px){.welcome-main{min-height:740px}.welcome-visual{height:630px}.art-paper{max-width:510px}.art-sticker{right:20px;top:45px}.result-main{padding-top:35px}.result-layout{margin-top:50px}.result-frame>img{max-height:440px}.drawing-card{flex-basis:340px}.drawing-card-image{height:290px}.choose-main{padding-top:40px}.carousel-shell{margin-top:60px}.choose-bottom{padding-top:40px}}@media(max-width:1100px){.header{height:90px;min-height:90px;padding:0 4%}.welcome-main{padding:20px 5% 65px;min-height:590px;grid-template-columns:1fr 1fr}.welcome-copy h1{font-size:59px;letter-spacing:-3px}.welcome-copy .eyebrow{font-size:7px;letter-spacing:1.2px}.welcome-copy>p{font-size:12px;max-width:310px}.welcome-visual{height:490px}.art-paper{width:93%}.art-sticker{width:75px;height:75px;right:0;top:22px}.art-sticker>span:first-child{font-size:21px}.art-sticker>span:nth-child(2){font-size:5px}.welcome-features{gap:12px;font-size:8px}.palette-decoration{width:185px;height:72px;bottom:8%}.color-dabs{gap:6px;left:17px;bottom:15px}.color-dabs i{width:23px;height:21px}.scribble-note{font-size:12px;bottom:10px}.header-note{font-size:10px}.steps{gap:14px}.step{font-size:10px}.step>i{width:20px}.studio-page .header{height:78px;min-height:78px}.studio-page .steps{position:absolute;left:50%;transform:translate(-50%)}.studio-page .step{font-size:8px;gap:5px}.studio-page .step>i{width:10px}.studio-page .step>span{width:20px;height:20px;font-size:7px}.timer-pill{font-size:12px;padding:9px 12px}.timer-pill>span{display:none}.paint-dock{gap:7px;padding:10px;max-width:calc(100% - 35px);min-height:78px}.tool-button{min-width:47px;height:54px}.dock-tools{gap:3px}.dock-divider{margin:0 3px}.colors-main{gap:9px}.swatch{width:34px;height:34px}.extra-palette{max-width:100px;gap:7px}.swatch.small{width:24px;height:24px}.done-button{min-height:46px;padding:13px 17px;font-size:11px;margin-left:5px;gap:13px}.result-main{padding:15px 40px 25px}.result-layout{gap:35px;margin-top:35px}.result-intro h1{font-size:39px}.ai-panel,.share-panel{padding:19px}.settings-layout{gap:25px;padding:25px 4% 45px}.settings-nav{width:180px;min-width:180px}.settings-heading h1{font-size:30px}.settings-heading .mini-label{font-size:7px}.palette-row{gap:10px}.settings-card{padding:22px}.drawing-card{flex-basis:275px}.drawing-card-image{height:230px}}@media(max-width:800px){.header{padding:0 5%;height:83px;min-height:83px}.logo{font-size:18px}.logo-mark{width:36px;height:36px;border-radius:12px}.header-note{display:none}.header-left,.header-right{gap:12px}.welcome-main{padding:25px 6% 55px;grid-template-columns:1fr 1fr;min-height:580px;gap:5px}.welcome-copy h1{font-size:46px;letter-spacing:-2.2px}.welcome-copy .eyebrow{font-size:6px;letter-spacing:.9px;max-width:260px;line-height:1.7}.welcome-copy>p{font-size:11px;max-width:260px;margin-top:30px}.welcome-copy>.button{font-size:12px;padding:18px 20px;min-height:54px;gap:15px;margin-top:23px}.welcome-copy h1 .hand-underline{width:150px;height:7px;border-top-width:2px;bottom:-13px}.welcome-caption{font-size:9px}.welcome-features{flex-wrap:wrap;gap:10px;margin-top:36px;font-size:8px}.welcome-features svg{width:14px}.welcome-features i{height:10px}.welcome-visual{height:390px}.paper-caption{font-size:8px;bottom:13px;left:15px}.paper-heart{font-size:22px;bottom:8px}.art-paper .paper-tape{width:80px;height:24px;top:-12px}.palette-decoration{width:155px;height:58px;left:2%;bottom:6%}.color-dabs{gap:5px;bottom:11px;left:14px}.color-dabs i{width:20px;height:19px}.palette-decoration:after{width:16px;height:14px;top:11px;right:14px}.brush-decoration{width:110px;height:8px;top:-8px;left:42px}.brush-decoration:before{width:27px;left:-23px;height:13px;top:-3px;border-right-width:9px}.art-sticker{width:65px;height:65px;top:17px;right:0;outline-width:4px}.art-sticker>span:first-child{font-size:18px}.art-sticker svg{width:12px;height:12px}.art-sticker>span:nth-child(2){font-size:4.5px;margin:2px 0 4px}.floating-star{font-size:25px}.star-two{font-size:35px}.scribble-note{font-size:10px;right:5px;bottom:-8px}.scribble-note>span{font-size:33px;top:-33px}.footer{font-size:9px;padding:23px 5%}.welcome-bottom{font-size:6px;left:6%}.steps{gap:9px}.step{font-size:8px;gap:5px}.step>span{height:20px;width:20px;font-size:6px}.step>i{width:14px;margin-left:3px}.header:has(.steps) .header-left{gap:8px}.choose-heading h1{font-size:36px}.choose-heading>p{font-size:10px;padding:0 20px}.choose-main{padding-top:35px}.choose-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.carousel-shell{margin-top:30px}.drawing-card{flex-basis:250px}.drawing-card-image{height:210px}.drawing-carousel{padding-left:9%;padding-right:9%;gap:15px}.drawing-card-caption{padding:17px}.drawing-card-caption h2{font-size:15px}.drawing-card-caption p{font-size:9px}.carousel-nav{width:35px;height:35px}.carousel-nav.previous{left:2%}.carousel-nav.next{right:2%}.choose-bottom{flex-wrap:wrap;padding:27px 7%;justify-content:center}.choose-tip{order:2;flex:0 0 auto;margin-top:8px;display:none}.choose-time{flex:0 0 100%;order:3;justify-content:center;margin-top:0;font-size:9px}.choose-bottom>.button{order:1;min-width:250px}.studio-page .steps{display:none}.studio-topline{padding-left:5%;padding-right:5%}.studio-topline>p{font-size:9px}.studio-topline h2{font-size:17px}.studio-topline .mini-label{font-size:6px}.studio-actions{gap:5px}.studio-actions .icon-button{width:30px;height:30px}.canvas-zone{padding:10px 25px 20px}.paint-dock{flex-wrap:wrap;justify-content:center;max-width:95%;padding:8px 12px;gap:6px;border-radius:16px}.dock-tools{gap:2px}.tool-button{height:48px;min-width:42px}.tool-button svg{width:19px;height:19px}.tool-button>span{font-size:8px}.colors-main{gap:8px}.swatch{width:29px;height:29px;border-width:2px}.swatch.active{transform:translateY(-2px)}.swatch>svg{width:17px}.paint-dock>.dock-divider{margin:0 3px;height:28px}.extra-palette{max-width:84px}.swatch.small{width:21px;height:21px}.done-button{font-size:10px;min-height:40px;padding:10px 14px;gap:10px;margin-left:4px}.done-button svg{width:15px;height:15px}.studio-hint{font-size:8px;padding:12px 0}.studio-page{min-height:640px}.result-main{padding:20px 25px 30px}.result-intro h1{font-size:36px}.result-intro h1>br{display:block}.result-intro h1 em{margin-left:0}.result-intro p{font-size:10px}.result-intro .eyebrow{font-size:7px}.result-layout{gap:25px;align-items:start;margin-top:35px;grid-template-columns:1fr 1fr}.result-frame{padding:15px 15px 35px}.result-art-column{padding-top:20px}.result-options .panel-title{gap:9px}.panel-icon{width:32px;height:32px;border-radius:10px}.panel-icon>svg{width:17px}.panel-title h2{font-size:14px}.panel-title p{font-size:8px}.ai-panel,.share-panel{padding:16px}.ai-styles{gap:6px;margin-top:17px}.style-preview{height:55px;font-size:45px}.watercolour .style-preview{font-size:65px}.\33 d .style-preview{font-size:53px}.ai-style strong{font-size:7px}.style-description{font-size:8px}.ai-button{font-size:9px;gap:6px}.ai-button>svg{width:14px}.share-panel .panel-title h2{font-size:12px}.share-panel .panel-title p{font-size:7px}.share-buttons{flex-direction:column}.share-buttons .button{min-height:48px}.share-buttons small{font-size:7px}.result-image-controls .segmented>button{font-size:8px;padding:8px 10px}.result-image-controls .icon-button{width:32px;height:32px}.save-status{font-size:8px;line-height:1.7}.start-again{font-size:9px;gap:7px}.settings-layout{gap:20px;padding:25px 4%;flex-direction:column}.settings-nav{width:100%;min-width:0;display:flex;gap:6px;flex-wrap:wrap;padding:0 0 15px;border-bottom:1px solid var(--line)}.settings-nav>.mini-label,.settings-nav>h2,.settings-safe{display:none}.settings-nav>button{width:auto;padding:10px;font-size:9px;gap:7px}.settings-nav>button svg{width:15px;height:15px}.settings-heading{margin-bottom:20px}.settings-heading h1{font-size:29px}.settings-drawings{gap:13px}.settings-heading p,.recovery-banner,.recovery-banner button{font-size:10px}}@media(max-width:560px){.header{height:78px;min-height:78px}.header-note{display:none}.welcome-main{display:flex;flex-direction:column;padding-top:30px;min-height:0;gap:25px;align-items:stretch}.welcome-copy{padding:0;text-align:center}.welcome-copy .eyebrow{justify-content:center;max-width:none;font-size:6px;letter-spacing:1px;margin-bottom:20px}.welcome-copy h1{font-size:52px;letter-spacing:-2.7px;max-width:none}.welcome-copy h1 .hand-underline{left:calc(50% - 115px);bottom:-12px}.welcome-copy>p{font-size:11px;max-width:280px;margin:30px auto 0}.welcome-copy>.button{min-height:53px;font-size:12px;margin-top:24px;padding-left:24px;padding-right:24px;gap:23px}.welcome-caption{justify-content:center;font-size:8px}.welcome-features{justify-content:center;margin-top:24px;gap:12px;font-size:7px}.welcome-features svg{width:13px}.welcome-visual{height:380px;max-width:350px;margin:10px auto 15px;width:100%}.art-paper{width:85%;max-width:310px}.orbit-one{width:100%;right:-2%;top:5%}.orbit-two{left:2%}.art-sticker{right:0;top:18px;width:65px;height:65px}.palette-decoration{left:0;bottom:6%}.welcome-bottom{bottom:0;left:50%;transform:translate(-50%);white-space:nowrap}.scribble-note{right:16px;bottom:-1px}.footer{font-size:8px;padding:25px 5%}.footer>span:last-child{font-size:7px}.logo{font-size:17px}.logo-mark{width:33px;height:33px}.logo-mark svg{width:20px;height:20px}.logo-dot{width:4px;height:4px}.header:has(.steps) .steps{gap:9px}.header:has(.steps) .step{font-size:0;gap:0}.header:has(.steps) .step>span{font-size:7px;height:22px;width:22px}.header:has(.steps) .step>i{display:none}.header:has(.steps) .header-left{gap:7px}.header:has(.steps) .header-left>.icon-button{width:30px;height:30px}.header:has(.steps) .header-right{gap:0}.header:has(.steps) .settings-trigger{margin-left:0;width:30px;height:30px}.choose-heading h1{font-size:30px;letter-spacing:-1.5px}.choose-heading .heading-star{font-size:19px;right:-22px;top:-2px}.choose-heading .eyebrow{font-size:6px;letter-spacing:1px}.choose-heading>p{font-size:9px;max-width:300px;margin:14px auto 0;line-height:1.8}.choose-main{padding-top:28px}.drawing-card{flex-basis:260px}.drawing-card-image{height:230px}.drawing-carousel{padding-left:calc((100% - 260px)/2);padding-right:calc((100% - 260px)/2)}.carousel-shell{margin-top:27px}.carousel-nav{top:44%;width:32px;height:32px}.carousel-nav.previous{left:3%}.carousel-nav.next{right:3%}.choose-bottom{padding-top:23px}.choose-bottom>.button{min-height:52px}.studio-page{min-height:680px}.studio-page .header{height:72px;min-height:72px;padding:0 4%}.studio-topline{padding:7px 5% 15px;gap:10px}.studio-topline>p{display:none}.studio-topline>div:first-child{flex:1}.studio-topline h2{font-size:16px}.timer-pill{font-size:11px;padding:8px 11px;gap:6px}.timer-pill svg{width:14px}.canvas-zone{padding:15px 15px 20px}.canvas-frame{height:auto;width:100%;max-height:100%}.paint-dock{padding:10px 12px;max-width:calc(100% - 24px);width:100%;gap:7px;min-height:130px}.dock-tools{order:1;flex:1;justify-content:flex-start;gap:10px}.paint-dock>.dock-divider{display:none}.colors-main{order:3;justify-content:center;gap:14px;flex:1}.swatch{width:33px;height:33px}.extra-palette{order:5;max-width:65px;gap:8px}.swatch.small{width:21px;height:21px}.palette-arrow{order:4;width:14px}.extra-palette+.palette-arrow{order:6}.done-button{order:2;min-height:42px;margin-left:auto;font-size:11px;padding:12px 18px}.tool-button{height:45px;min-width:43px;gap:3px}.tool-button>small{right:0}.studio-hint{font-size:7px;padding-bottom:15px}.size-popover{left:0;width:285px;padding:15px;bottom:calc(100% + 10px)}.result-main{padding:20px 22px}.result-intro h1{font-size:36px}.result-intro h1 .heading-star{right:-25px;font-size:23px}.result-layout{grid-template-columns:1fr;max-width:400px;margin:35px auto 0;gap:25px}.result-art-column{padding:0 10px}.result-frame{padding:17px 17px 35px}.result-frame>img{max-height:350px}.result-image-controls{margin-top:22px}.result-image-controls .segmented>button{font-size:10px;padding:10px 17px}.save-status{font-size:9px}.result-options{margin-top:3px}.ai-panel,.share-panel{padding:21px}.panel-icon{width:39px;height:39px}.panel-title h2{font-size:17px}.panel-title p{font-size:9px}.style-preview{height:65px;font-size:55px}.watercolour .style-preview{font-size:77px}.\33 d .style-preview{font-size:63px}.ai-style strong{font-size:9px}.ai-styles{gap:10px}.ai-button{font-size:11px;min-height:46px}.style-description{font-size:9px}.share-panel .panel-title h2{font-size:15px}.share-panel .panel-title p{font-size:9px}.share-buttons{flex-direction:row;gap:8px}.share-buttons .button{font-size:9px;gap:8px}.share-buttons .button>svg{width:18px}.share-buttons small{font-size:7px}.start-again{font-size:10px}.reset-note{font-size:8px}.modal-shade{padding:15px}.modal{padding:23px;max-height:calc(100dvh - 30px);border-radius:19px}.modal-heading h2{font-size:22px}.modal>p{font-size:11px}.touch-keyboard button{min-width:20px;height:36px;padding:2px;font-size:11px}.touch-keyboard>div{gap:3px}.settings-page .header{height:80px;min-height:80px}.settings-page .header-right .button{font-size:9px;padding:8px 10px;min-height:34px;gap:5px}.settings-page .header-left>.icon-button{height:30px;width:30px}.settings-layout{padding:20px 5%}.settings-nav{justify-content:center;gap:5px}.settings-nav>button{font-size:8px;padding:9px;gap:5px;margin:0}.settings-nav>button svg{width:13px;height:13px}.settings-heading{flex-wrap:wrap;gap:15px}.settings-heading h1{font-size:29px}.settings-heading .mini-label{font-size:6px}.settings-heading p{font-size:10px}.settings-heading .button{font-size:10px;padding:11px 14px;min-height:40px}.settings-card{padding:20px}.form-grid{grid-template-columns:1fr;gap:16px}.span-two{grid-column:span 1}.background-upload{gap:15px;flex-wrap:wrap}.background-upload>img,.background-placeholder{width:100%;height:150px}.timer-settings{grid-template-columns:1fr;gap:20px}.settings-drawings{grid-template-columns:repeat(2,1fr);gap:12px}.settings-drawings>article>div:first-child{height:135px;padding:12px}.settings-drawings h3{font-size:11px;padding:13px 11px 0}.drawing-manage{padding:9px}.drawing-manage .icon-button{width:26px;height:26px}.palette-row{gap:7px;padding:9px}.palette-row code{font-size:9px}.palette-index{font-size:8px;width:12px}.palette-location{font-size:6px;padding:4px 6px}.palette-row .icon-button{width:20px;height:24px}.palette-row .icon-button svg{width:13px}.palette-row input[type=color]{width:28px;height:28px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-image{height:130px}.gallery-grid h3{font-size:11px;padding:10px 11px 0}.gallery-grid p{font-size:7px;padding:4px 11px 0}.gallery-toolbar{font-size:9px;gap:8px}.gallery-toolbar>.button{font-size:9px;padding:9px 11px;min-height:35px;gap:5px}.storage-card{padding:22px}.storage-card h2{font-size:30px}.storage-card h2>span{font-size:10px}.storage-info{font-size:9px;line-height:1.7}.service-list small{font-size:8px}.service-label{font-size:7px}.login-main{margin-top:35px}.login-main h1{font-size:42px}.gallery-preview{flex-wrap:wrap}.gallery-preview img{max-width:100%;max-height:40vh}.recovery-banner{max-width:90%;font-size:9px;gap:9px;padding:12px}.recovery-banner button{font-size:9px}.recovery-banner>svg{width:15px}.recovery-banner button>svg{width:12px}.recovery-banner>span{max-width:160px}}@media(max-width:360px){body{min-width:320px}.welcome-copy h1{font-size:42px}.welcome-copy .eyebrow{font-size:5px;letter-spacing:.7px}.welcome-visual{height:335px}.welcome-features{gap:9px;font-size:6px}.colors-main{gap:10px}.swatch{width:30px;height:30px}.extra-palette{max-width:50px}.swatch.small{width:20px;height:20px}.paint-dock{padding:9px;gap:5px}.settings-nav>button{font-size:7px;padding:8px}.palette-location{display:none}.palette-row code{margin-right:auto}.shared-page h1{font-size:36px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.welcome-blank{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;width:100%;height:100dvh;min-height:100dvh;margin:0;padding:0;background:#a9d8c2;cursor:pointer;touch-action:manipulation}.welcome-blank:focus-visible{outline:4px solid #456e5d;outline-offset:-8px}.choose-page{background:radial-gradient(ellipse at 15% 15%,#dbece0 0,transparent 42%),linear-gradient(135deg,#eef2e9,#e5edf2);overflow:hidden}.choose-page>.header{height:82px;min-height:82px;max-width:none;margin:0;padding:0 24px}.choose-page>.header .steps{position:absolute;left:50%;transform:translate(-50%)}.choose-page>.header .header-left{width:48px}.choose-page>.header .header-right:empty{display:none}.choose-page>.header .header-right{width:48px}.choose-main{width:100%;max-width:none;min-height:0;flex:1;margin:0;padding:0 20px 14px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;overflow:hidden}.choose-main>.carousel-shell{width:min(100%,1280px);min-height:0;flex:1;margin:0 auto;padding:8px 68px;display:flex;align-items:center;justify-content:center}.choose-main .drawing-carousel{width:100%;height:100%;min-height:0;padding:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.choose-main .drawing-card.selected{flex:none;width:100%;max-width:1120px;height:min(68dvh,760px);min-height:220px;padding:0;display:flex;flex-direction:column;background:#fff;border:1px solid #ffffffc9;border-radius:24px;box-shadow:0 22px 65px #516c5420;transform:none;overflow:hidden}.choose-main .drawing-card-image{width:100%;height:auto;min-height:0;flex:1;padding:20px;display:grid;place-items:center;overflow:hidden}.choose-main .drawing-card-image>img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.choose-main .selected-drawing-title{padding:12px 18px 15px;text-align:center;font-size:clamp(15px,2vw,22px);font-weight:600;letter-spacing:-.4px;background:#fff}.choose-main .carousel-nav{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffffffed;border:1px solid #ffffff;box-shadow:0 6px 22px #39524822;color:#426c5b}.choose-main .carousel-nav:hover:not(:disabled){transform:translateY(-50%) scale(1.06)}.choose-main .carousel-nav.previous{left:0}.choose-main .carousel-nav.next{right:0}.choose-main .carousel-dots{padding:10px 0 13px}.choose-main .create-button{align-self:center;width:min(100%,300px);min-height:58px;margin-bottom:10px;font-size:16px}.choose-main>.empty-state{align-self:center}@media(max-width:560px){.choose-page>.header{height:72px;min-height:72px;padding:0 12px}.choose-main{padding:0 10px 12px}.choose-main>.carousel-shell{padding:6px 43px}.choose-main .drawing-card.selected{height:min(66dvh,620px);min-height:200px;border-radius:18px}.choose-main .drawing-card-image{padding:12px}.choose-main .selected-drawing-title{padding:10px;font-size:16px}.choose-main .carousel-nav{width:40px;height:40px}.choose-main .carousel-nav svg{width:21px;height:21px}.choose-main .carousel-nav.previous{left:0}.choose-main .carousel-nav.next{right:0}.choose-main .carousel-dots{padding:8px 0 11px}.choose-main .create-button{min-height:52px;margin-bottom:4px}}.choose-main .drawing-card.selected{position:relative;width:min(100%,74dvh,calc(100dvh - 180px),760px);height:auto;aspect-ratio:1/1;min-height:0;display:block;flex:none}.choose-main .drawing-card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:20px}.choose-main .selected-drawing-title{position:absolute;z-index:1;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100% - 30px);padding:10px 18px;border:1px solid #ffffffb8;border-radius:999px;background:#fffffff0;box-shadow:0 4px 18px #354b3a16;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.choose-main .drawing-card.selected:hover{transform:none}@media(max-width:560px){.choose-main .drawing-card.selected{width:min(100%,74dvh,calc(100dvh - 180px),760px)}.choose-main .drawing-card-image{padding:12px}.choose-main .selected-drawing-title{bottom:10px;padding:8px 14px}}.studio-topline{min-height:48px;max-width:none;padding:4px 5% 10px;justify-content:center;position:relative}.studio-topline h2{margin:0;text-align:center;font-size:clamp(16px,2vw,22px)}.studio-actions{position:absolute;right:5%;top:50%;transform:translateY(-50%)}.timer-pill{min-width:142px;justify-content:center;gap:10px;padding:10px 16px;background:#e2efe5;border:2px solid #8db59a;border-radius:18px;color:#244b37;box-shadow:0 4px 16px #3e74511c;font-size:28px;font-weight:750;line-height:1;font-variant-numeric:tabular-nums}.timer-pill>svg{width:24px;height:24px;color:#3d7651}.timer-pill>strong{font-size:28px;letter-spacing:.5px}.timer-pill>span{font-size:10px;font-weight:600;color:#477256;border-left:1px solid #a4c4ab;padding-left:9px}.timer-pill.urgent{background:#fff0dc;border-color:#e4a04f;color:#864820}.paint-dock{max-width:calc(100% - 32px);padding:10px 14px;gap:8px}.dock-tools{flex:0 0 auto}.colors-main{display:flex;flex:0 1 264px;width:264px;min-width:0;max-width:264px;gap:8px;overflow-x:auto;scrollbar-width:none;align-items:center;justify-content:flex-start;padding:4px;scroll-snap-type:x mandatory;touch-action:pan-x}.colors-main::-webkit-scrollbar{display:none}.colors-main .swatch{width:36px;height:36px;flex:0 0 36px;scroll-snap-align:center}.palette-arrow{width:27px;min-width:27px;flex:0 0 27px;min-height:44px;border-radius:12px;color:#547a61;background:#eff4ea}.palette-arrow:hover{background:#e2eddf}.done-button{margin-left:4px;flex:0 0 auto}.studio-hint{display:none}@media(max-width:560px){.studio-page{height:100dvh;min-height:100dvh}.studio-page .header{height:70px;min-height:70px;padding:0 12px}.studio-page .timer-pill{min-width:112px;padding:8px 11px;gap:7px;font-size:24px}.studio-page .timer-pill>strong{font-size:25px}.studio-page .timer-pill>span{font-size:9px;padding-left:7px}.studio-page .timer-pill>svg{width:21px;height:21px}.studio-topline{min-height:40px;padding:3px 50px 8px}.studio-topline h2{font-size:16px}.studio-actions{right:12px}.studio-actions .icon-button{width:32px;height:32px}.canvas-zone{padding:8px 10px 12px}.paint-dock{display:grid;grid-template-columns:26px minmax(0,1fr) 26px;grid-template-areas:"tools tools done" "prev palette next";gap:7px;width:calc(100% - 20px);max-width:none;min-height:0;padding:9px 10px;border-radius:16px}.paint-dock>.dock-divider{display:none}.dock-tools{grid-area:tools;gap:5px}.tool-button{height:46px;min-width:49px}.done-button{grid-area:done;min-height:42px;margin:0;padding:9px 11px;font-size:11px;gap:8px}.palette-prev{grid-area:prev}.colors-main{grid-area:palette;width:auto;max-width:none;min-width:0;flex:initial;gap:7px;padding:4px 2px}.colors-main .swatch{width:32px;height:32px;flex-basis:32px}.palette-next{grid-area:next}.palette-arrow{width:26px;min-width:26px;flex-basis:26px;min-height:38px;padding:0}.size-popover{left:6px;bottom:calc(100% + 8px)}}.studio-page>.header{height:96px;min-height:96px}.studio-header-actions{display:flex;align-items:center;gap:12px}.studio-header-actions>.icon-button{width:40px;height:40px;border-radius:10px}.studio-page .timer-circle{width:82px;height:82px;min-width:82px;padding:7px 4px;gap:2px;border-radius:50%;flex-direction:column;background:#e2efe5;border:2px solid #80ad8d;color:#244b37;box-shadow:0 4px 16px #3e74511c}.studio-page .timer-circle>svg{width:18px;height:18px}.studio-page .timer-circle>strong{font-size:17px;line-height:1}.studio-page .timer-circle>span{border:0;padding:0;font-size:8px;line-height:1;color:#477256}.studio-page .timer-circle.urgent{background:#fff0dc;border-color:#e4a04f;color:#864820}.canvas-frame{aspect-ratio:1/1;width:auto;height:100%;max-width:100%;max-height:100%;display:grid;place-items:center;overflow:hidden}.canvas-art{position:relative;max-width:100%;max-height:100%;overflow:hidden;background:#fff;isolation:isolate}.canvas-art>canvas{display:block;width:100%;height:100%;touch-action:none;-webkit-user-select:none;user-select:none}.canvas-art>.line-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply;z-index:1}.result-frame{aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.shared-frame{width:min(100%,560px);aspect-ratio:1/1;margin:0 auto 22px;display:grid;place-items:center;overflow:hidden}.shared-frame img{width:100%;height:100%;max-height:none;object-fit:contain}.settings-drawings>article>div:first-child{height:auto;aspect-ratio:1/1}.gallery-image{height:auto;aspect-ratio:1/1}.gallery-preview img{width:min(48%,360px);aspect-ratio:1/1;max-height:60vh;object-fit:contain}@media(max-width:560px){.studio-page>.header{height:74px;min-height:74px}.studio-header-actions{gap:7px}.studio-header-actions>.icon-button{width:34px;height:34px}.studio-page .timer-circle{width:64px;height:64px;min-width:64px;padding:5px 3px}.studio-page .timer-circle>svg{width:15px;height:15px}.studio-page .timer-circle>strong{font-size:14px}.studio-page .timer-circle>span{font-size:7px}.canvas-frame{width:auto;height:100%;max-height:100%;max-width:100%}.result-frame{aspect-ratio:1/1}.shared-frame{width:min(100%,420px)}.settings-drawings>article>div:first-child{height:auto;aspect-ratio:1/1}.gallery-image{height:auto;aspect-ratio:1/1}}.welcome-blank{background-size:cover;background-position:center;background-repeat:no-repeat}.manual-size-control{margin-top:15px}.manual-size-readout{display:flex;align-items:center;justify-content:space-between;color:#697968;font-size:12px}.manual-size-readout strong{color:#345744;font-size:16px;font-variant-numeric:tabular-nums}.manual-size-control input[type=range]{display:block;width:100%;height:30px;margin:7px 0;accent-color:#456e5d;touch-action:pan-x}.manual-size-scale{display:flex;justify-content:space-between;color:#9a9f90;font-size:10px}.studio-page .timer-circle{position:fixed;right:22px;top:50dvh;transform:translateY(-50%);z-index:20}@media(max-width:560px){.studio-page .timer-circle{right:12px}}.studio-page .timer-circle{width:108px;height:108px;min-width:108px;justify-content:center;align-items:center;text-align:center}.studio-page .timer-circle>strong{font-size:23px}.studio-page .timer-circle>span{font-size:10px}@media(max-width:560px){.studio-page .timer-circle{width:88px;height:88px;min-width:88px;right:12px}.studio-page .timer-circle>strong{font-size:18px}}.studio-layout{display:grid;grid-template-columns:210px minmax(0,1fr) 340px;gap:18px;align-items:stretch;flex:1;min-height:0;padding:12px 20px 18px}.studio-layout .canvas-zone{grid-column:2;grid-row:1;min-width:0;min-height:0;padding:0 8px}.studio-layout .paint-dock{grid-column:1;grid-row:1;max-width:none;width:100%;min-height:0;margin:0;padding:14px 12px;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:12px;border-radius:18px}.studio-layout .dock-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}.studio-layout .tool-button{min-width:0;width:100%}.studio-layout .palette-prev{order:0}.studio-layout .colors-main{order:1;width:100%;max-width:100%;max-height:144px;flex:0 1 144px;display:grid;grid-template-columns:repeat(2,42px);grid-auto-rows:42px;justify-content:center;align-content:start;gap:8px;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;padding:4px}.studio-layout .colors-main .swatch{width:42px;height:42px;flex-basis:42px;scroll-snap-align:center}.studio-layout .palette-arrow{align-self:center;width:42px;height:30px;min-height:30px;flex:0 0 30px}.studio-layout .palette-next{order:2}.studio-layout .done-button{order:3;width:100%;margin:0;justify-content:center}.studio-layout .size-popover{z-index:8;left:4px;width:calc(100% - 8px)}.timer-column{grid-column:3;grid-row:1;display:flex;align-items:center;justify-content:center;min-width:0}.studio-page .timer-circle{position:static;transform:none;width:300px;height:300px;min-width:300px;gap:12px;padding:20px;border-width:5px;box-shadow:0 12px 40px #3e745126}.studio-page .timer-circle>svg{width:48px;height:48px}.studio-page .timer-circle>strong{font-size:54px}.studio-page .timer-circle>span{font-size:20px}.studio-page .timer-circle.urgent{background:#fff0dc}.studio-page>.header{height:86px;min-height:86px}@media(max-width:1050px){.studio-layout{grid-template-columns:170px minmax(0,1fr) 210px;gap:10px;padding:8px 10px 12px}.studio-layout .timer-circle{width:190px;height:190px;min-width:190px}.studio-layout .timer-circle>strong{font-size:38px}.studio-layout .timer-circle>svg{width:34px;height:34px}.studio-layout .timer-circle>span{font-size:14px}}@media(max-width:680px){.studio-layout{grid-template-columns:108px minmax(0,1fr) 104px;gap:5px;padding:6px}.studio-layout .paint-dock{padding:8px 5px;gap:8px}.studio-layout .tool-button{font-size:10px}.studio-layout .tool-button>svg{width:18px;height:18px}.studio-layout .colors-main{grid-template-columns:repeat(2,32px);grid-auto-rows:32px;max-height:112px;gap:6px}.studio-layout .colors-main .swatch{width:32px;height:32px;flex-basis:32px}.studio-layout .palette-arrow{width:32px;height:24px;min-height:24px;flex-basis:24px}.studio-layout .timer-circle{width:96px;height:96px;min-width:96px;padding:8px;gap:4px}.studio-layout .timer-circle>svg{width:20px;height:20px}.studio-layout .timer-circle>strong{font-size:20px}.studio-layout .timer-circle>span{font-size:9px}.studio-page>.header{height:66px;min-height:66px}.studio-page .steps{gap:7px}}.studio-layout .size-popover{position:relative;inset:auto;z-index:3;width:100%;max-width:100%;padding:12px;border-radius:12px;box-shadow:none;background:#f8faf5;border-color:#e2e8dd}.studio-layout .manual-size-control{margin-top:10px}.studio-layout .size-popover>div:first-child{font-size:11px}.studio-layout .paint-dock{align-self:center;justify-self:center;width:min(100%,190px);height:fit-content;max-height:100%;justify-content:flex-start;padding:10px;gap:9px;border-radius:14px;box-shadow:0 5px 18px #66704f0a}.studio-layout .colors-main{max-height:140px;flex:0 1 140px}.studio-layout .done-button{min-height:42px;padding:10px 12px;font-size:12px}.studio-layout .dock-tools .tool-button{height:54px}.studio-layout .palette-arrow{height:24px;min-height:24px;flex-basis:24px}.studio-layout .size-popover{padding:10px}.studio-layout .palette-arrow{touch-action:manipulation}@media(max-width:680px){.studio-layout .colors-main{height:112px;max-height:112px;flex-basis:112px}.studio-layout .palette-page{grid-template-columns:repeat(2,32px);grid-template-rows:repeat(3,32px);gap:6px}}.studio-layout .done-button{order:1}.studio-layout .palette-prev{order:2}.studio-layout .colors-main{order:3}.studio-layout .palette-next{order:4}.palette-bar{display:flex;align-items:center;gap:10px;min-height:68px;margin-top:8px;padding:7px 12px;background:#fffefa;border:1px solid #e5e8dc;border-radius:14px;box-shadow:0 5px 18px #66704f0a}.palette-bar .palette-arrow{width:34px;min-width:34px;height:38px;min-height:38px;flex:0 0 34px;order:initial}.studio-layout .paint-dock,.studio-layout .done-button{order:initial}.studio-layout .paint-dock .dock-divider{display:none}@media(max-width:680px){.studio-layout{grid-template-columns:108px minmax(0,1fr) 104px}.palette-bar{min-height:50px;padding:5px;gap:3px}.palette-bar .colors-main{height:38px;max-height:38px}.palette-bar .palette-page{gap:2px}.palette-bar .colors-main .swatch{width:30px;height:30px;flex-basis:30px}.palette-bar .palette-arrow{width:24px;min-width:24px;flex-basis:24px;height:30px;min-height:30px}.studio-layout>.canvas-column>.canvas-zone{padding:0 2px}}.studio-layout{grid-template-columns:210px minmax(0,1fr) 340px}.studio-layout>.canvas-column{grid-column:2;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:column}.studio-layout>.canvas-column>.canvas-zone{grid-column:auto;grid-row:auto;flex:1;min-height:0}.studio-layout .paint-dock{grid-column:1;grid-row:1;align-self:center;justify-self:center;width:min(100%,190px);height:fit-content;max-height:100%;margin:0;padding:10px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:9px;border-radius:14px}.studio-layout .dock-divider{width:100%;height:1px;margin:0}.studio-layout .colors-main{display:flex;flex-direction:row;width:100%;height:144px;max-height:144px;flex:0 0 144px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:none}.studio-layout .colors-main::-webkit-scrollbar{display:none}.studio-layout .palette-page{flex:0 0 100%;height:100%;display:grid;grid-template-columns:repeat(2,42px);grid-template-rows:repeat(3,42px);justify-content:center;align-content:center;gap:8px;scroll-snap-align:start}.studio-layout .colors-main .swatch{width:42px;height:42px;flex-basis:42px}.studio-layout .palette-arrow{align-self:center;width:42px;height:26px;min-height:26px;flex:0 0 26px}.studio-layout .done-button{order:initial;width:100%;margin:0}.palette-bar{display:none!important}@media(max-width:1050px){.studio-layout{grid-template-columns:170px minmax(0,1fr) 210px}}@media(max-width:680px){.studio-layout{grid-template-columns:108px minmax(0,1fr) 104px}.studio-layout .paint-dock{padding:8px 5px;gap:8px}.studio-layout .colors-main{height:112px;max-height:112px;flex-basis:112px}.studio-layout .palette-page{grid-template-columns:repeat(2,32px);grid-template-rows:repeat(3,32px);gap:6px}.studio-layout .colors-main .swatch{width:32px;height:32px;flex-basis:32px}.studio-layout .palette-arrow{width:32px;height:24px;min-height:24px;flex-basis:24px}}.palette-bar{display:flex!important;align-items:center;gap:10px;min-height:68px;margin-top:8px;padding:7px 12px;background:#fffefa;border:1px solid #e5e8dc;border-radius:14px;box-shadow:0 5px 18px #66704f0a}.palette-bar .colors-main{display:flex;flex:1;min-width:0;width:auto;height:52px;max-height:52px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;touch-action:pan-x;scrollbar-width:none}.palette-bar .colors-main::-webkit-scrollbar{display:none}.palette-bar .palette-page{flex:0 0 100%;height:100%;display:flex;align-items:center;justify-content:space-evenly;gap:10px;scroll-snap-align:start}.palette-bar .colors-main .swatch{width:42px;height:42px;flex:0 1 42px}.palette-bar .palette-arrow{width:34px;min-width:34px;height:38px;min-height:38px;flex:0 0 34px;align-self:center}.studio-layout .paint-dock{width:min(100%,190px);height:fit-content;align-self:center;justify-self:center}.studio-layout>.canvas-column>.canvas-zone{padding:0 8px}@media(max-width:680px){.palette-bar{min-height:50px;padding:5px;gap:3px}.palette-bar .colors-main{height:38px;max-height:38px}.palette-bar .palette-page{gap:2px}.palette-bar .colors-main .swatch{width:30px;height:30px;flex-basis:30px}.palette-bar .palette-arrow{width:24px;min-width:24px;flex-basis:24px;height:30px;min-height:30px}}.studio-layout{grid-template-columns:minmax(0,1fr) 340px}.studio-layout>.canvas-column{grid-column:1;grid-row:1;min-width:0;min-height:0;display:flex;flex-direction:row;flex-wrap:wrap;align-content:stretch;gap:8px}.studio-layout>.canvas-column>.canvas-zone{grid-column:auto;grid-row:auto;flex:1 1 100%;min-height:0;padding:0 8px}.studio-layout .paint-dock{position:relative;grid-column:auto;grid-row:auto;flex:1 1 40%;width:auto;max-width:none;height:auto;min-height:68px;margin:0;padding:8px 10px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px}.studio-layout .dock-tools{display:flex;flex:0 0 auto}.studio-layout .dock-tools .tool-button{width:58px;height:54px}.studio-layout .done-button{width:auto;min-height:46px;margin:0;padding:10px 14px}.studio-layout .paint-dock .size-popover{position:absolute;bottom:calc(100% + 8px);left:0;width:290px;max-width:min(290px,90vw)}.studio-layout>.canvas-column>.palette-bar{flex:1 1 55%;min-width:260px;margin:0}.studio-layout>.timer-column{grid-column:2;grid-row:1}.studio-layout .timer-circle{width:300px;height:300px;min-width:300px}@media(max-width:1050px){.studio-layout{grid-template-columns:minmax(0,1fr) 210px;gap:10px}.studio-layout .timer-circle{width:190px;height:190px;min-width:190px}}@media(max-width:680px){.studio-layout{grid-template-columns:minmax(0,1fr) 104px;gap:5px}.studio-layout>.canvas-column>.canvas-zone{padding:0 2px}.studio-layout>.canvas-column>.palette-bar{min-width:100%;min-height:48px}.studio-layout>.canvas-column>.paint-dock{flex-basis:100%;min-height:58px;padding:4px}.studio-layout .dock-tools .tool-button{width:48px;height:46px}.studio-layout .done-button{min-height:40px;padding:8px 10px;font-size:11px}.studio-layout .timer-circle{width:96px;height:96px;min-width:96px}}.studio-page{height:100dvh;min-height:0}.studio-page>.studio-layout{height:calc(100dvh - 86px);flex:1;min-height:0;overflow:hidden}.studio-layout>.canvas-column{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:minmax(0,1fr) auto;gap:8px;height:100%;min-height:0;overflow:hidden}.studio-layout>.canvas-column>.canvas-zone{grid-area:1/1/2/3;width:100%;height:100%;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0}.studio-layout .canvas-frame{height:100%;width:auto;aspect-ratio:1/1;max-width:100%;max-height:100%;flex:none}.studio-layout>.canvas-column>.palette-bar{grid-area:2/1/3/2;min-width:0;min-height:64px;margin:0;align-self:stretch}.studio-layout>.canvas-column>.paint-dock{grid-area:2/2/3/3;min-width:240px;max-width:340px;min-height:64px;align-self:stretch;justify-self:stretch;flex-wrap:nowrap;overflow:visible}.studio-layout .paint-dock .dock-tools{flex-wrap:nowrap}.studio-layout .paint-dock .size-popover{z-index:20}.studio-layout .timer-column{min-height:0}.studio-layout .timer-circle{max-width:100%;flex-shrink:1}@media(max-width:1050px){.studio-page>.studio-layout{height:calc(100dvh - 86px)}.studio-layout>.canvas-column>.paint-dock{min-width:205px;max-width:260px}.studio-layout .dock-tools .tool-button{width:48px}.studio-layout>.canvas-column>.palette-bar{min-height:56px}}@media(max-width:680px){.studio-page>.header{height:66px;min-height:66px}.studio-page>.studio-layout{height:calc(100dvh - 66px)}.studio-layout{grid-template-columns:minmax(0,1fr) 104px;grid-template-rows:minmax(0,1fr);padding:5px}.studio-layout>.canvas-column{gap:5px}.studio-layout>.canvas-column>.palette-bar{min-height:46px;padding:3px}.studio-layout>.canvas-column>.paint-dock{min-width:0;width:100%;max-width:100%;min-height:46px;padding:3px;gap:3px}.studio-layout .dock-tools .tool-button{width:38px;height:42px}.studio-layout .tool-button>svg{width:16px;height:16px}.studio-layout .tool-button>span{font-size:8px}.studio-layout .done-button{min-height:38px;padding:7px 8px;font-size:9px;gap:5px}.studio-layout .palette-bar .palette-arrow{width:22px;min-width:22px;flex-basis:22px}.studio-layout .palette-bar .colors-main .swatch{width:25px;height:25px;flex-basis:25px}}.studio-layout>.canvas-column{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.studio-layout>.canvas-column>.canvas-zone{grid-area:1/1/2/2}.studio-layout>.canvas-column>.paint-controls-card{grid-area:2/1/3/2;min-width:0;display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fffefa;border:1px solid #e5e8dc;border-radius:16px;box-shadow:0 5px 18px #66704f0a}.studio-layout .paint-controls-card>.palette-bar{flex:1 1 auto;min-width:0;margin:0;padding:0;background:transparent;border:0;box-shadow:none}.studio-layout .paint-controls-card>.paint-dock{flex:0 0 auto;min-width:260px;max-width:340px;width:auto;height:auto;min-height:54px;padding:0;background:transparent;border:0;box-shadow:none;gap:8px}.studio-layout .paint-controls-card .dock-tools{gap:3px}.studio-layout .paint-controls-card .done-button{width:auto;min-height:44px;padding:9px 12px}.studio-layout .paint-controls-card .size-popover{z-index:20}.studio-layout .paint-controls-card .palette-arrow{background:transparent;box-shadow:none}@media(max-width:1050px){.studio-layout .paint-controls-card>.paint-dock{min-width:220px;max-width:270px}.studio-layout .paint-controls-card{gap:5px;padding:6px 8px}}@media(max-width:680px){.studio-layout>.canvas-column>.paint-controls-card{width:100%;flex-wrap:wrap;justify-content:center;padding:5px;gap:4px}.studio-layout .paint-controls-card>.palette-bar{flex:1 1 100%;min-height:36px}.studio-layout .paint-controls-card>.paint-dock{flex:1 1 100%;min-width:0;max-width:100%;min-height:44px;justify-content:center}.studio-layout .paint-controls-card .done-button{min-height:38px;padding:7px 9px;font-size:9px}}.studio-layout .paint-controls-card>.palette-bar{position:relative;display:block;height:60px;min-height:60px;padding:3px 40px;overflow:hidden;background:#f3f5ef;border:1px solid #e1e7dd;border-radius:13px}.studio-layout .paint-controls-card .palette-bar .colors-main{width:100%;height:52px;max-height:52px;overflow:hidden;scrollbar-width:none}.studio-layout .paint-controls-card .palette-page{justify-content:center;gap:8px;padding:0 3px}.studio-layout .paint-controls-card .palette-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:30px;min-width:30px;height:32px;min-height:32px;flex:0 0 30px;display:grid;place-items:center;background:#fff;border:1px solid #e5e8dc;border-radius:9px;box-shadow:0 2px 7px #354b3a12}.studio-layout .paint-controls-card .palette-prev{left:5px}.studio-layout .paint-controls-card .palette-next{right:5px}.studio-layout .paint-controls-card .palette-arrow:hover{background:#e9f0e8}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{height:44px;min-height:44px;padding:2px 30px;border-radius:10px}.studio-layout .paint-controls-card .palette-bar .colors-main{height:38px;max-height:38px}.studio-layout .paint-controls-card .palette-page{gap:5px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:28px;height:28px;flex-basis:28px}.studio-layout .paint-controls-card .palette-arrow{width:24px;min-width:24px;height:26px;min-height:26px;flex-basis:24px}.studio-layout .paint-controls-card .palette-prev{left:3px}.studio-layout .paint-controls-card .palette-next{right:3px}}.studio-layout .paint-controls-card .palette-page{gap:5px}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:1 1 100%;width:100%;max-width:none}.studio-layout .paint-controls-card .palette-page{gap:4px}}.studio-layout .paint-controls-card .palette-page{display:flex;grid-template-columns:none;grid-template-rows:none;flex-flow:row nowrap;justify-content:center;align-items:center;gap:5px}.studio-layout .paint-controls-card .palette-bar .colors-main{max-width:none;min-width:0}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{margin:0}.studio-layout .paint-controls-card>.palette-bar{flex:0 1 220px;width:220px;max-width:220px}.studio-layout .paint-controls-card .palette-page{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:8px;padding:0}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:38px;height:38px;flex:0 0 38px}.studio-layout .paint-controls-card .palette-prev{left:4px}.studio-layout .paint-controls-card .palette-next{right:4px}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:1 1 100%;width:100%;max-width:none}.studio-layout .paint-controls-card .palette-page{gap:8px}}.studio-layout .paint-controls-card>.palette-bar{flex:0 1 350px;width:350px;max-width:350px}.studio-layout .paint-controls-card .palette-bar .colors-main{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:5px;padding:0;scroll-snap-type:x mandatory}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:36px;height:36px;flex:0 0 36px;scroll-snap-align:start}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:1 1 100%;width:100%;max-width:none}.studio-layout .paint-controls-card .palette-bar .colors-main{gap:4px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:28px;height:28px;flex-basis:28px}}.studio-layout>.canvas-column>.paint-controls-card{width:min(100%,calc(100dvh - 200px));max-width:calc(100dvh - 200px);min-width:0;justify-self:center}.studio-layout .paint-controls-card>.palette-bar{flex:1 1 270px;width:auto;max-width:350px;min-width:0}.studio-layout .paint-controls-card>.paint-dock{flex:0 1 auto;min-width:205px;max-width:340px}@media(max-width:680px){.studio-layout>.canvas-column>.paint-controls-card{width:100%;max-width:100%}.studio-layout .paint-controls-card>.palette-bar{flex:1 1 100%;max-width:100%}.studio-layout .paint-controls-card>.paint-dock{flex:1 1 100%;min-width:0;max-width:100%}}.studio-layout .paint-controls-card>.palette-bar{flex:0 1 300px;width:300px;max-width:300px}.studio-layout .paint-controls-card{justify-content:space-between}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:0 1 220px;width:220px;max-width:min(220px,100%)}.studio-layout .paint-controls-card>.paint-dock{flex:1 1 100%}}.studio-layout .paint-controls-card>.palette-bar{flex:0 0 282px;width:282px;max-width:282px;padding:3px 40px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 200px;width:200px;max-width:200px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.studio-layout .paint-controls-card .palette-page{flex:0 0 auto}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{margin:0;scroll-snap-align:start}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:0 0 220px;width:220px;max-width:min(220px,100%);padding:2px 30px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 156px;width:156px;max-width:156px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:28px;height:28px;flex-basis:28px}}.studio-layout>.timer-column{transform:translateY(-42px)}@media(max-width:680px){.studio-layout>.timer-column{transform:translateY(-38px)}}.studio-layout>.timer-column{justify-self:center;justify-content:center;align-items:center}.studio-layout>.timer-column>.timer-circle{margin-inline:auto}.studio-page>.studio-layout{width:100%;max-width:1480px;margin-inline:auto;justify-self:center}.studio-layout>.canvas-column{min-width:0}.studio-layout>.timer-column{width:100%;max-width:340px}.studio-page>.studio-layout{max-width:1260px}.studio-layout .paint-controls-card{justify-content:center;gap:8px}.studio-layout .paint-controls-card>.palette-bar{flex:0 0 282px}.studio-layout .paint-controls-card>.paint-dock{flex:0 1 auto}.result-main{padding-top:24px}.result-layout{margin-top:0}.result-art-column{padding-top:0}.ai-prompt-label{display:block;margin:18px 0 7px;color:#566354;font-size:12px;font-weight:600}.ai-prompt{display:block;width:100%;min-height:108px;padding:13px 14px;border:1px solid #e0e6dc;border-radius:12px;background:#fffefa;color:#303c38;resize:vertical;line-height:1.55}.ai-prompt::placeholder{color:#9ba394}.ai-panel .ai-button{width:100%;margin-top:12px}@media(max-width:560px){.result-main{padding-top:16px}.result-layout{margin-top:0}}.result-layout{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:680px;margin:0 auto}.result-art-column{width:100%;max-width:580px;padding:0}.result-frame{width:100%;aspect-ratio:1/1;padding:18px 18px 38px;transform:none}.result-frame>img{width:100%;height:100%;max-height:none;object-fit:contain}.result-options{width:100%;max-width:580px;margin:0}.celebrate-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.celebrate-actions>.button{min-height:54px;justify-content:center}.result-main{padding-top:12px;padding-bottom:16px}@media(max-width:560px){.result-layout{gap:4px}.result-art-column,.result-options{max-width:100%}.result-frame{padding:12px 12px 30px}.celebrate-actions{gap:6px}.celebrate-actions>.button{min-height:48px;font-size:11px;gap:6px}.result-main{padding:10px 16px}}.studio-layout .canvas-frame,.studio-layout .canvas-art{background:transparent;border-color:transparent;box-shadow:none;isolation:auto}.studio-page>.studio-layout{grid-template-columns:minmax(0,1fr) 190px;gap:14px}.studio-layout>.canvas-column>.canvas-zone{padding:0;min-width:0}.studio-layout .canvas-frame{height:100%;width:auto;max-width:100%;max-height:100%}.studio-page .timer-circle{width:150px;height:150px;min-width:150px;gap:6px;padding:12px;border-width:3px}.studio-page .timer-circle>svg{width:28px;height:28px}.studio-page .timer-circle>strong{font-size:30px}.studio-page .timer-circle>span{font-size:12px}@media(max-width:1050px){.studio-page>.studio-layout{grid-template-columns:minmax(0,1fr) 145px}.studio-page .timer-circle{width:112px;height:112px;min-width:112px;padding:8px}.studio-page .timer-circle>svg{width:21px;height:21px}.studio-page .timer-circle>strong{font-size:23px}.studio-page .timer-circle>span{font-size:9px}}@media(max-width:680px){.studio-page>.studio-layout{grid-template-columns:minmax(0,1fr) 78px;gap:5px}.studio-page .timer-circle{width:68px;height:68px;min-width:68px;padding:5px;gap:2px}.studio-page .timer-circle>svg{width:14px;height:14px}.studio-page .timer-circle>strong{font-size:14px}.studio-page .timer-circle>span{font-size:7px}}.studio-layout>.canvas-column>.paint-controls-card{background:transparent;border-color:transparent;box-shadow:none;padding-inline:0}.studio-layout .canvas-frame{background:transparent;border:0;border-radius:0;box-shadow:none}.studio-layout>.canvas-column>.canvas-zone{background:transparent}.studio-layout .paint-controls-card{justify-content:center;margin-inline:auto}.studio-layout .paint-controls-card>.palette-bar{flex:0 0 300px;width:300px;max-width:300px;padding:3px 40px;background:transparent;border:0;box-shadow:none;margin-inline:0}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 220px;width:220px;max-width:220px;justify-content:flex-start;gap:6px;scroll-padding-inline:2px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:36px;height:36px;flex:0 0 36px;margin:0}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex:0 0 220px;width:220px;max-width:220px;padding:2px 30px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 160px;width:160px;max-width:160px;gap:8px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:28px;height:28px;flex-basis:28px}}.studio-layout .paint-controls-card .tool-button{padding:8px 11px}.studio-layout .paint-controls-card .palette-arrow{padding:5px}.studio-layout .paint-controls-card .done-button{padding-inline:16px}.studio-layout .paint-controls-card .tool-button>svg,.studio-layout .paint-controls-card .palette-arrow>svg,.studio-layout .paint-controls-card .done-button>svg{margin:2px}@media(min-width:681px){.studio-layout .paint-controls-card{position:fixed;left:50%;bottom:16px;transform:translate(-50%);z-index:30;width:max-content;max-width:calc(100vw - 24px);gap:18px}.studio-layout .paint-controls-card>.palette-bar{margin-right:4px}.studio-layout .paint-controls-card .paint-dock{gap:14px}.studio-layout .paint-controls-card .dock-tools{gap:10px}}.studio-layout .paint-controls-card{position:relative;left:95px;bottom:auto;transform:none;z-index:5;width:max-content;max-width:calc(100vw - 24px);margin-inline:auto}.studio-layout .paint-controls-card .paint-dock{gap:14px}.studio-layout .paint-controls-card .dock-tools{gap:10px}@media(max-width:1050px)and (min-width:681px){.studio-layout .paint-controls-card{left:72px}}.studio-layout .paint-controls-card>.palette-bar{flex-basis:292px;width:292px;max-width:292px;padding-inline:40px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 212px;width:212px;max-width:212px;gap:8px;overflow-x:hidden;scroll-snap-type:x mandatory}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:36px;height:36px;flex-basis:36px}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:196px;width:196px;max-width:196px;padding-inline:30px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex:0 0 136px;width:136px;max-width:136px;gap:8px;overflow-x:hidden}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:28px;height:28px;flex-basis:28px}}.studio-layout .paint-controls-card,.studio-layout .paint-controls-card>.palette-bar,.studio-layout .paint-controls-card>.paint-dock{background-color:transparent!important;border-color:transparent!important;box-shadow:none!important}.drive-setup{max-width:640px}.drive-setup>.button{opacity:.65}.drive-setup .fine-print{margin-top:10px}.studio-layout .paint-controls-card>.palette-bar{flex-basis:322px;width:322px;max-width:322px;padding-inline:40px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:242px;width:242px;max-width:242px;gap:8px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:42px;height:42px;flex-basis:42px}.studio-layout .paint-controls-card .tool-button{min-width:60px;padding:8px 10px}@media(max-width:1050px)and (min-width:681px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:292px;width:292px;max-width:292px;padding-inline:40px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:212px;width:212px;max-width:212px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:36px;height:36px;flex-basis:36px}}.studio-layout .paint-controls-card>.palette-bar{flex-basis:358px;width:358px;max-width:358px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:278px;width:278px;max-width:278px;gap:12px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:46px;height:46px;flex-basis:46px}.studio-layout .paint-controls-card .dock-tools{gap:12px}.studio-layout .paint-controls-card .tool-button{width:60px;height:60px;min-width:60px;padding:7px;border:1px solid #d5dccf;border-radius:50%;background:transparent}.studio-layout .paint-controls-card .tool-button.selected{background:#edf1e7;border-color:#aebfa7}.studio-layout .paint-controls-card .tool-button.undo{color:#748371}@media(max-width:1050px)and (min-width:681px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:330px;width:330px;max-width:330px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:250px;width:250px;max-width:250px;gap:10px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:42px;height:42px;flex-basis:42px}.studio-layout .paint-controls-card .tool-button{width:54px;height:54px;min-width:54px}}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:212px;width:212px;max-width:212px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:152px;width:152px;max-width:152px;gap:8px}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:32px;height:32px;flex-basis:32px}.studio-layout .paint-controls-card .tool-button{width:44px;height:44px;min-width:44px;padding:5px}}.studio-layout .paint-controls-card>.palette-bar{flex-basis:430px;width:430px;max-width:430px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:350px;width:350px;max-width:350px;gap:30px}@media(max-width:1050px)and (min-width:681px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:410px;width:410px;max-width:410px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:330px;width:330px;max-width:330px;gap:30px}}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{flex-basis:278px;width:278px;max-width:278px}.studio-layout .paint-controls-card .palette-bar .colors-main{flex-basis:218px;width:218px;max-width:218px;gap:30px}}@media(min-width:681px){.studio-layout>.canvas-column>.paint-controls-card{width:max-content;max-width:calc(100vw - 24px);flex-wrap:nowrap}.studio-layout>.canvas-column>.paint-controls-card>.paint-dock{flex:0 0 auto;width:max-content;min-width:0;max-width:none;flex-wrap:nowrap}.studio-layout>.canvas-column>.paint-controls-card>.paint-dock>.dock-tools{flex-wrap:nowrap}}.studio-layout .paint-controls-card>.palette-bar{--palette-size:46px;--palette-gap:30px;--palette-width:350px;display:flex;align-items:center;justify-content:flex-start;gap:var(--palette-gap);flex:0 0 auto;width:auto;max-width:100%;height:64px;min-height:64px;padding:6px 0;overflow:visible;background:transparent;border:0;box-shadow:none;margin-right:0}.studio-layout .paint-controls-card .palette-bar .colors-main{display:flex;align-items:center;justify-content:flex-start;flex:0 0 var(--palette-width);width:var(--palette-width);max-width:var(--palette-width);height:52px;max-height:none;padding:3px 0;gap:var(--palette-gap);overflow-x:hidden;scroll-snap-type:x mandatory}.studio-layout .paint-controls-card .palette-bar .colors-main .swatch{width:var(--palette-size);height:var(--palette-size);flex:0 0 var(--palette-size);margin:0;scroll-snap-align:start}.studio-layout .paint-controls-card .palette-bar .palette-arrow{position:static;inset:auto;transform:none;display:grid;place-items:center;align-self:center;flex:0 0 var(--palette-size);width:var(--palette-size);min-width:var(--palette-size);height:var(--palette-size);min-height:var(--palette-size);padding:0;margin:0;background:transparent;border:0;box-shadow:none;border-radius:50%}.studio-layout .paint-controls-card .palette-bar .palette-arrow:hover{background:transparent}@media(max-width:1050px)and (min-width:681px){.studio-layout .paint-controls-card>.palette-bar{--palette-size:42px;--palette-width:330px}}@media(max-width:680px){.studio-layout .paint-controls-card>.palette-bar{--palette-size:32px;--palette-width:156px;flex:0 0 auto;width:auto;max-width:100%;height:48px;min-height:48px;padding:4px 0}.studio-layout .paint-controls-card .palette-bar .colors-main{height:40px}}.studio-layout .paint-controls-card .palette-bar .palette-prev{order:0}.studio-layout .paint-controls-card .palette-bar .colors-main{order:1}.studio-layout .paint-controls-card .palette-bar .palette-next{order:2}.canvas-background-toggle{display:flex;align-items:flex-start;gap:12px;margin-top:20px;cursor:pointer;font-size:14px;line-height:1.5}.canvas-background-toggle input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--green);flex-shrink:0}.canvas-background-toggle small{display:block;color:var(--muted);font-size:12px;margin-top:4px}