.drawing-site{--d-paper:oklch(98.6% .009 90);--d-ink:oklch(29% .035 244);--d-muted:oklch(48% .025 244);--d-blue:oklch(48% .17 262);--d-on-blue:oklch(99% 0 0);--d-blue-soft:oklch(95% .025 260);--d-card:oklch(100% 0 0);--d-line:oklch(90% .015 244);--d-yellow:oklch(91% .12 90);--d-pink:oklch(92% .047 13);background:var(--d-paper);color:var(--d-ink);font-family:var(--font-sans);min-height:100dvh;font-size:16px;line-height:1.65}.dark .drawing-site{--d-paper:oklch(20% .022 250);--d-ink:oklch(95% .009 90);--d-muted:oklch(75% .02 245);--d-blue:oklch(72% .14 258);--d-on-blue:oklch(20% .025 250);--d-blue-soft:oklch(28% .045 255);--d-card:oklch(24% .025 250);--d-line:oklch(36% .025 250);--d-yellow:oklch(40% .07 90);--d-pink:oklch(35% .05 13)}.drawing-site *{box-sizing:border-box}.drawing-site button,.drawing-site input,.drawing-site textarea,.drawing-site select{font:inherit}.drawing-site button,.drawing-site a{-webkit-tap-highlight-color:transparent}.drawing-site button:not(:disabled),.drawing-site summary{cursor:pointer}.drawing-site button:disabled{cursor:default;opacity:.55}.drawing-site :focus-visible{outline:3px solid var(--d-blue);outline-offset:4px}.drawing-site h1,.drawing-site h2,.drawing-site h3{font-family:var(--font-sans);letter-spacing:-.035em;color:var(--d-ink);font-weight:850;line-height:1.13}.drawing-site p{color:var(--d-muted)}.drawing-header{justify-content:space-between;align-items:center;gap:24px;max-width:1320px;min-height:88px;margin:auto;padding:18px 36px;display:flex}.drawing-brand{letter-spacing:-.6px;max-width:290px;color:var(--d-ink);align-items:center;gap:10px;font-size:20px;font-weight:850;line-height:1.15;text-decoration:none;display:flex}.drawing-brand-icon{background:var(--d-yellow);color:oklch(36% .06 70);border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid;transform:rotate(-6deg)}.drawing-header nav{align-items:center;gap:27px;font-size:14px;font-weight:750;display:flex}.drawing-header nav a{color:var(--d-muted);text-decoration:none}.drawing-header nav a:hover{color:var(--d-blue)}.drawing-nav-signin{border:1px solid var(--d-blue);background:var(--d-card);color:var(--d-blue);border-radius:12px;align-items:center;gap:8px;padding:10px 16px;display:flex}.drawing-menu-button{display:none}.drawing-section{max-width:1200px;margin:0 auto;padding:72px 36px}.drawing-hero{grid-template-columns:.85fr 1.15fr;align-items:center;gap:55px;max-width:1320px;margin:0 auto;padding:58px 36px 70px;display:grid}.drawing-kicker{margin-bottom:20px;font-size:13px;font-weight:800;color:var(--d-blue)!important}.drawing-hero h1{max-width:500px;margin:0 0 22px;font-size:clamp(40px,4.5vw,64px)}.drawing-hero-description{max-width:410px;margin-bottom:30px;font-size:19px;line-height:1.6}.drawing-button{background:var(--d-blue);white-space:nowrap;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:11px;min-height:51px;padding:15px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex;color:var(--d-on-blue)!important}.dark .drawing-button{color:var(--d-on-blue)!important}.drawing-button:hover{transform:translateY(-2px)}.drawing-button-secondary{background:var(--d-card);border-color:var(--d-blue);color:var(--d-blue)!important}.dark .drawing-button-secondary{color:var(--d-blue)!important}.drawing-hero-art{margin:0;position:relative;transform:rotate(1.5deg)}.drawing-hero-art img{border:8px solid var(--d-card);aspect-ratio:3/2;object-fit:cover;border-radius:24px;width:100%;height:auto;box-shadow:0 18px 55px oklch(40% .04 244/.12)}.drawing-hero-art figcaption{text-align:center;color:var(--d-muted);padding-top:13px;font-size:11px;transform:rotate(-1.5deg)}.drawing-section-heading{margin-bottom:32px}.drawing-section h2{max-width:660px;font-size:clamp(27px,3vw,39px)}.drawing-section-heading p{max-width:600px;margin-top:15px}.drawing-how{border-top:1px solid var(--d-line)}.drawing-steps{grid-template-columns:1.1fr .9fr 1fr;gap:55px;display:grid}.drawing-steps article{padding:10px 0}.drawing-step-icon{border-radius:18px;place-items:center;width:55px;height:55px;margin-bottom:23px;display:grid}.tone-0{background:var(--d-blue-soft);color:var(--d-blue)}.tone-1{background:var(--d-yellow)}.tone-2{background:var(--d-pink)}.drawing-steps h3{margin-bottom:13px;font-size:21px}.drawing-steps p{margin:0;font-size:15px;line-height:1.75}.drawing-style-examples{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.drawing-style-example{border:1px solid var(--d-line);background:var(--d-card);border-radius:20px;text-decoration:none;transition:transform .2s;overflow:hidden}.drawing-style-example:hover{transform:translateY(-5px)}.drawing-style-example img{aspect-ratio:1;object-fit:contain;width:100%}.drawing-style-example span{color:var(--d-ink);justify-content:space-between;align-items:center;padding:17px;font-weight:800;display:flex}.drawing-animation{grid-template-columns:.85fr 1fr;align-items:center;gap:90px;display:grid}.drawing-animation p{max-width:470px;margin:22px 0}.drawing-animation-art{background:var(--d-pink);border-radius:45% 45% 35% 35%;max-width:390px;position:relative;overflow:hidden}.drawing-animation-art img{mix-blend-mode:multiply;width:100%}.dark .drawing-animation-art img{mix-blend-mode:normal}.drawing-play-mark{background:var(--d-card);border:1px solid var(--d-line);width:58px;height:58px;color:var(--d-blue);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:28px;right:28px}.drawing-small{line-height:1.6;font-size:12px!important}.drawing-faq{max-width:860px}.drawing-faq h2{margin-bottom:30px}.drawing-faq details{border-bottom:1px solid var(--d-line);padding:22px 0}.drawing-faq summary{font-weight:800;list-style-position:inside}.drawing-faq details p{margin-top:14px;font-size:15px;line-height:1.8}.drawing-final{text-align:center;background:var(--d-blue-soft);border-radius:25px;max-width:1128px;margin:45px auto 80px;padding:48px 30px}.drawing-final>svg{color:var(--d-blue);margin:auto auto 20px}.drawing-final h2{max-width:650px;margin:0 auto 25px;font-size:25px}.drawing-footer{border-top:1px solid var(--d-line);flex-wrap:wrap;justify-content:space-between;gap:24px;max-width:1250px;margin:auto;padding:48px 36px 25px;display:flex}.drawing-footer-brand{color:var(--d-ink);font-size:18px;font-weight:850;text-decoration:none}.drawing-footer p{margin:12px 0;font-size:13px}.drawing-footer-links{align-items:center;gap:22px;font-size:13px;display:flex}.drawing-footer-links a{color:var(--d-muted);text-decoration:none}.drawing-footer-bottom{width:100%;color:var(--d-muted);justify-content:space-between;padding-top:20px;font-size:11px;display:flex}.drawing-footer-bottom a{color:inherit;text-decoration:none}.drawing-page-heading{text-align:center;max-width:750px;margin:0 auto 42px}.drawing-page-heading h1{margin-bottom:14px;font-size:clamp(31px,4vw,46px)}.drawing-page-heading p{font-size:16px}.drawing-studio{max-width:1300px;padding-top:35px}.drawing-studio-grid{grid-template-columns:370px minmax(0,1fr);align-items:start;gap:28px;display:grid}.drawing-controls{background:var(--d-card);border:1px solid var(--d-line);border-radius:22px;padding:22px}.drawing-tabs{background:var(--d-paper);border:1px solid var(--d-line);border-radius:11px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.drawing-tabs button{color:var(--d-muted);background:0 0;border:0;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:11px 5px;font-size:12px;font-weight:800;line-height:1.3;display:flex}.drawing-tabs button[aria-selected=true]{background:var(--d-blue);color:#fff}.dark .drawing-tabs button[aria-selected=true]{color:var(--d-paper)}.drawing-drop{border:2px dashed var(--d-line);text-align:center;background:var(--d-paper);border-radius:16px;padding:28px 15px}.drawing-drop>svg{color:var(--d-blue);margin:0 auto 15px}.drawing-drop h2{font-size:19px}.drawing-drop p{max-width:240px;margin:10px auto 18px;font-size:12px}.drawing-drop .drawing-button{min-height:45px;padding:11px 16px;font-size:13px}.drawing-text-button{color:var(--d-blue);text-underline-offset:4px;background:0 0;border:0;margin:14px auto 0;text-decoration:underline;display:block;font-size:12px!important}.drawing-uploaded{border:1px solid var(--d-line);border-radius:14px;padding:8px}.drawing-source-preview{background:var(--d-paper);border-radius:9px;height:230px;overflow:hidden}.drawing-source-preview img{object-fit:contain;width:100%;height:100%}.drawing-image-tools{flex-wrap:wrap;justify-content:center;gap:7px;padding:9px 0 2px;display:flex}.drawing-image-tools button{color:var(--d-muted);background:0 0;border:0;align-items:center;gap:5px;padding:5px;font-size:11px;display:flex}.drawing-crop-zone{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative;overflow:hidden}.drawing-crop-zone img{width:100%;height:auto;display:block}.drawing-crop-selection{pointer-events:none;border:2px dashed var(--d-blue);background:oklch(70% .1 260/.12);position:absolute;box-shadow:0 0 0 999px oklch(20% 0 0/.35)}.drawing-fieldset{border:0;min-width:0;margin:22px 0 0;padding:0}.drawing-fieldset legend,.drawing-field{font-size:13px;font-weight:800}.drawing-style-options{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.drawing-style-options button{border:1px solid var(--d-line);background:var(--d-card);color:var(--d-ink);text-align:left;border-radius:10px;align-items:center;gap:7px;min-height:46px;padding:11px 9px;font-size:12px;display:flex}.drawing-style-options button.is-selected{border-color:var(--d-blue);box-shadow:inset 0 0 0 1px var(--d-blue);background:var(--d-blue-soft)}.drawing-style-options button>svg{flex-shrink:0;margin-left:auto}.drawing-style-swatch{background:#6fb7a3;border-radius:5px;flex-shrink:0;width:15px;height:15px}.style-cartoon .drawing-style-swatch{background:#89aeef}.style-plush .drawing-style-swatch{background:#e7acb2}.style-handdrawn .drawing-style-swatch{background:#e4c271}.drawing-field{flex-direction:column;gap:8px;margin-top:20px;display:flex}.drawing-field input,.drawing-field textarea,.drawing-field select{border:1px solid var(--d-line);background:var(--d-paper);color:var(--d-ink);resize:vertical;border-radius:10px;width:100%;padding:11px 12px;font-size:13px}.drawing-field textarea::placeholder{color:var(--d-muted);opacity:.85}.drawing-generate{white-space:normal;flex-wrap:wrap;gap:8px;width:100%;margin-top:22px;font-size:14px}.drawing-generate-cost{border-inline-start:1px solid;padding-inline-start:10px;font-size:12px}.drawing-studio-library-link{color:var(--d-blue);align-items:center;gap:6px;margin-top:16px;font-size:14px;font-weight:800;display:inline-flex}.drawing-cost{color:var(--d-muted);justify-content:space-between;gap:10px;margin-top:10px;font-size:11px;display:flex}.drawing-cost a{color:var(--d-blue)}.drawing-privacy{justify-content:center;align-items:start;gap:6px;margin-top:18px;font-size:10px;display:flex}.drawing-privacy svg{flex-shrink:0;margin-top:2px}.drawing-error{background:oklch(95% .025 20);border-radius:10px;margin-top:15px;padding:12px 14px;font-size:13px;line-height:1.6;color:oklch(40% .12 25)!important}.dark .drawing-error{background:oklch(28% .055 20);color:oklch(84% .07 25)!important}.drawing-error a{align-items:center;gap:7px;text-decoration:underline;display:flex}.drawing-result-panel{min-width:0}.drawing-result-heading{justify-content:space-between;align-items:start;gap:12px;padding:7px 0 19px;display:flex}.drawing-result-heading h2{font-size:21px;line-height:1.3}.drawing-result-heading a{color:var(--d-blue);flex-shrink:0;align-items:center;gap:5px;font-size:11px;display:flex}.drawing-result-empty{border:1px solid var(--d-line);background:var(--d-card);text-align:center;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:445px;padding:50px 30px;display:flex}.drawing-result-empty>svg{color:var(--d-blue)}.drawing-result-empty h3{max-width:330px;font-size:23px}.drawing-result-empty p{max-width:340px;font-size:14px}.drawing-result-media{border:1px solid var(--d-line);background:var(--d-card);border-radius:20px;overflow:hidden}.drawing-result-media video{background:var(--d-paper);width:100%;max-height:560px}.drawing-comparison{aspect-ratio:1;max-height:560px;position:relative}.drawing-comparison>img,.drawing-original-layer{width:100%;height:100%;position:absolute;inset:0}.drawing-comparison img{object-fit:contain;background:var(--d-card);width:100%;height:100%;display:block}.drawing-compare-line{background:var(--d-blue);pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.drawing-comparison input{opacity:0;cursor:ew-resize;width:100%;height:100%;position:absolute;inset:0}.drawing-comparison:focus-within{outline:3px solid var(--d-blue);outline-offset:-4px}.drawing-comparison-labels{color:var(--d-muted);border-top:1px solid var(--d-line);justify-content:space-between;padding:12px 20px;font-size:12px;display:flex}.drawing-result-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.drawing-result-actions .drawing-button{min-height:42px;padding:11px 15px;font-size:12px}.drawing-result-actions>button,.drawing-share-actions button{color:var(--d-blue);background:0 0;border:0;align-items:center;gap:6px;padding:9px;font-size:12px;display:flex}.drawing-versions{gap:10px;margin-top:24px;padding:3px;display:flex;overflow-x:auto}.drawing-versions button{background:var(--d-card);border:1px solid var(--d-line);width:88px;color:var(--d-ink);border-radius:11px;flex-shrink:0;padding:5px;overflow:hidden}.drawing-versions button.is-selected{outline:2px solid var(--d-blue)}.drawing-versions img{object-fit:contain;width:76px;height:68px}.drawing-versions svg{height:68px;margin:auto}.drawing-versions span{white-space:nowrap;text-overflow:ellipsis;padding:5px 0;font-size:10px;display:block;overflow:hidden}.drawing-share-actions{border-top:1px solid var(--d-line);gap:12px;margin-top:22px;padding-top:12px;display:flex}.drawing-processing{align-items:center;gap:8px;padding:13px;font-size:13px;display:flex}.drawing-spin{animation:1.3s linear infinite drawing-spin}@keyframes drawing-spin{to{transform:rotate(360deg)}}.drawing-samples{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.drawing-samples article{border:1px solid var(--d-line);background:var(--d-card);border-radius:20px;padding-bottom:25px;overflow:hidden}.drawing-samples img{aspect-ratio:1;object-fit:contain;width:100%;height:auto}.drawing-samples h2{margin:22px;font-size:20px}.drawing-samples .drawing-button{min-height:43px;margin-left:22px;padding:10px 15px;font-size:13px}.drawing-library{padding-top:30px}.drawing-library-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.drawing-library-heading h1{font-size:32px}.drawing-library-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.drawing-library-grid article{border:1px solid var(--d-line);background:var(--d-card);border-radius:18px;overflow:hidden}.drawing-library-card{flex-direction:column;min-width:0;display:flex}.drawing-library-heading>div:first-child{max-width:580px}.drawing-library-heading p{margin-top:12px;font-size:14px}.drawing-library-toolbar{flex-wrap:wrap;flex-shrink:0;gap:10px;display:flex}.drawing-library-media{aspect-ratio:1;background:var(--d-paper);place-items:center;display:grid;position:relative}.drawing-library-media>img,.drawing-library-media>video{object-fit:contain;width:100%;height:100%;min-height:0}.drawing-library-media>p{padding:24px}.drawing-run-status{border:1px solid var(--d-line);background:var(--d-card);color:var(--d-ink);border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:12px;left:12px}.drawing-run-status.is-failed{background:var(--d-pink)}.drawing-library-versions{gap:8px;padding:12px 14px 2px;display:flex;overflow-x:auto}.drawing-library-versions button{border:1px solid var(--d-line);background:var(--d-card);color:var(--d-ink);border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:5px 8px;font-size:12px;display:inline-flex}.drawing-library-versions button[aria-pressed=true]{border-color:var(--d-blue);background:var(--d-blue-soft)}.drawing-library-versions img{object-fit:contain;border-radius:4px;width:24px;height:24px}.drawing-library-history,.drawing-library-note{margin:0 20px 16px;font-size:12px}.drawing-library-history summary{color:var(--d-blue);font-weight:800}.drawing-library-history ol{max-height:240px;padding:0;list-style:none;overflow-y:auto}.drawing-library-history li{border-bottom:1px solid var(--d-line);color:var(--d-muted);flex-direction:column;gap:3px;padding-block:12px;display:flex}.drawing-library-history li>div{color:var(--d-ink);justify-content:space-between;gap:10px;display:flex}.drawing-library-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding:0 20px 18px;display:flex}.drawing-library-actions .drawing-library-open,.drawing-library-download{color:var(--d-blue);align-items:center;gap:6px;padding:8px 0;font-size:13px;font-weight:800;display:inline-flex}@media (width<=900px){.drawing-library-heading{flex-direction:column;align-items:flex-start}.drawing-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.drawing-library-grid{grid-template-columns:minmax(0,1fr)}}.drawing-library-grid article>a>img{aspect-ratio:1;object-fit:contain;background:var(--d-card);width:100%;height:auto}.drawing-library-card-bottom{justify-content:space-between;align-items:center;gap:10px;padding:18px 20px 8px;display:flex}.drawing-library-card-bottom h2{overflow-wrap:anywhere;font-size:17px}.drawing-library-card-bottom p{align-items:center;gap:10px;margin:8px 0;font-size:11px;display:flex}.drawing-library-card-bottom button{color:var(--d-muted);background:0 0;border:0;padding:8px}.drawing-library-open{color:var(--d-blue);justify-content:space-between;align-items:center;padding:8px 20px 20px;font-size:12px;font-weight:800;display:flex}.drawing-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:400px;display:flex}.drawing-empty svg{color:var(--d-blue)}.drawing-empty h2{font-size:27px}.drawing-pagination{justify-content:center;gap:25px;margin-top:35px;display:flex}.drawing-pagination button{background:var(--d-card);border:1px solid var(--d-line);color:var(--d-ink);border-radius:10px;padding:12px 20px}.drawing-price-costs{color:var(--d-muted);flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px;font-size:13px;display:flex}.drawing-pricing-group{max-width:900px;margin:0 auto 45px}.drawing-pricing-group>h2{margin-bottom:22px;font-size:22px}.drawing-price-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.drawing-price-grid article{background:var(--d-card);border:1px solid var(--d-line);border-radius:20px;padding:30px}.drawing-price-grid h3{font-size:22px}.drawing-price{align-items:baseline;gap:10px;margin:20px 0;display:flex}.drawing-price strong{letter-spacing:-1.5px;color:var(--d-ink);font-size:40px;font-weight:850}.drawing-price span{font-size:13px}.drawing-price-grid ul{margin:25px 0;padding:0;list-style:none}.drawing-price-grid li{color:var(--d-muted);align-items:start;gap:9px;margin:12px 0;font-size:13px;display:flex}.drawing-price-grid li svg{color:var(--d-blue);flex-shrink:0;margin-top:3px}.drawing-price-grid .drawing-button{width:100%;margin-top:12px}.drawing-price-notes{text-align:center;max-width:750px;margin:auto;font-size:13px}.drawing-price-notes p{margin:12px 0}.drawing-shared-grid{grid-template-columns:repeat(2,1fr);gap:25px;display:grid}.drawing-shared-grid figure{border:1px solid var(--d-line);background:var(--d-card);border-radius:18px;overflow:hidden}.drawing-shared-grid img,.drawing-shared-grid video{aspect-ratio:1;object-fit:contain;width:100%}.drawing-shared-grid figcaption{padding:15px 20px;font-size:13px}@media (width>=1450px){.drawing-hero{padding-top:75px;padding-bottom:85px}}@media (width<=1050px){.drawing-header{padding:20px 24px}.drawing-header nav{gap:18px}.drawing-brand{max-width:240px;font-size:17px}.drawing-hero{gap:30px;padding:40px 28px 55px}.drawing-hero h1{font-size:45px}.drawing-studio-grid{grid-template-columns:330px minmax(0,1fr);gap:22px}.drawing-section{padding-left:25px;padding-right:25px}.drawing-animation{gap:45px}.drawing-steps{gap:25px}.drawing-library-grid{grid-template-columns:1fr 1fr}}@media (width<=760px){.drawing-header{min-height:78px;padding:17px 20px;position:relative}.drawing-brand{max-width:260px;font-size:18px}.drawing-brand-icon{border-radius:11px;width:35px;height:35px}.drawing-menu-button{color:var(--d-ink);background:0 0;border:0;place-items:center;padding:8px;display:grid}.drawing-header nav{display:none}.drawing-header nav.is-open{background:var(--d-card);border:1px solid var(--d-line);z-index:30;border-radius:16px;flex-wrap:wrap;padding:20px;display:flex;position:absolute;top:76px;left:16px;right:16px;box-shadow:0 12px 30px oklch(20% .03 240/.1)}.drawing-hero{grid-template-columns:1fr;gap:35px;padding:30px 22px 40px}.drawing-kicker{margin-bottom:13px}.drawing-hero h1{max-width:520px;font-size:43px}.drawing-hero-description{max-width:450px;margin-bottom:25px;font-size:17px}.drawing-hero-art{max-width:580px;transform:rotate(1deg)}.drawing-hero-art img{border-width:6px}.drawing-section{padding:45px 22px}.drawing-steps{grid-template-columns:1fr;gap:28px}.drawing-steps article{grid-template-columns:50px 1fr;column-gap:18px;display:grid}.drawing-step-icon{border-radius:14px;grid-row:span 2;width:45px;height:45px;margin:0}.drawing-steps h3{margin:0 0 10px;font-size:21px}.drawing-steps p{font-size:14px}.drawing-style-examples{grid-template-columns:1fr 1fr;gap:13px}.drawing-style-example span{padding:13px;font-size:13px}.drawing-animation{grid-template-columns:1fr;gap:30px}.drawing-animation-art{max-width:310px;margin:auto}.drawing-animation p{margin:18px 0}.drawing-final{margin:25px 20px 50px;padding:35px 20px}.drawing-final h2{font-size:22px}.drawing-footer{padding:35px 22px 22px}.drawing-footer-links{flex-wrap:wrap;gap:18px}.drawing-footer-bottom{gap:15px;font-size:10px}.drawing-studio{padding-top:20px}.drawing-page-heading{margin-bottom:28px}.drawing-page-heading h1{font-size:34px}.drawing-page-heading p{font-size:14px}.drawing-studio-grid{grid-template-columns:1fr}.drawing-controls{padding:18px}.drawing-tabs button{font-size:13px}.drawing-result-empty{min-height:300px}.drawing-result-heading h2{font-size:21px}.drawing-result-heading{padding-top:18px}.drawing-result-actions{gap:8px}.drawing-samples{grid-template-columns:1fr;max-width:460px;margin:auto}.drawing-price-grid{grid-template-columns:1fr}.drawing-price-grid article{padding:25px}.drawing-price-costs{gap:10px;margin-bottom:35px}.drawing-library{padding:20px 15px}.drawing-library-heading h1{font-size:25px}.drawing-library-heading .drawing-button{min-height:42px;padding:10px 13px;font-size:12px}.drawing-library-grid{grid-template-columns:minmax(0,1fr);gap:14px}.drawing-library-card-bottom{padding:13px 12px 5px}.drawing-library-card-bottom h2{font-size:15px}.drawing-library-open{padding:8px 12px 15px;font-size:11px}.drawing-library-card-bottom p{font-size:10px}.drawing-shared-grid{grid-template-columns:1fr}.drawing-cost{font-size:12px}}@media (prefers-reduced-motion:reduce){.drawing-site *{transition:none!important;animation:none!important}.drawing-button:hover,.drawing-style-example:hover{transform:none}}.drawing-share-actions{flex-wrap:wrap;align-items:center}.drawing-share-url{border:1px solid var(--d-line);background:var(--d-card);width:100%;min-width:0;color:var(--d-ink);border-radius:8px;padding:9px 12px;font-size:12px!important}[data-theme] .drawing-site{--d-paper:var(--background);--d-ink:var(--foreground);--d-muted:var(--muted-foreground);--d-blue:var(--primary);--d-on-blue:var(--primary-foreground);--d-blue-soft:var(--accent);--d-card:var(--card);--d-line:var(--border)}.drawing-brand-icon{color:var(--d-ink)}[data-theme] .drawing-button:not(.drawing-button-secondary){color:var(--primary-foreground)!important}[data-theme] .drawing-tabs button[aria-selected=true]{color:var(--primary-foreground)}.drawing-pricing{--offer-accent:var(--d-blue);--offer-soft:var(--d-blue-soft);--offer-green:var(--d-blue);--offer-green-soft:var(--d-blue-soft);max-width:1320px;margin:auto}.dark .drawing-pricing{--offer-accent:var(--d-blue);--offer-soft:var(--d-blue-soft);--offer-green:var(--d-blue);--offer-green-soft:var(--d-blue-soft)}.drawing-pricing .drawing-page-heading{margin-bottom:28px}.drawing-offer-controls{flex-direction:column;align-items:center;gap:22px;display:flex}.drawing-offer-switch{background:var(--d-line);border-radius:15px;gap:4px;padding:4px;display:inline-flex}.drawing-offer-switch button{color:var(--d-muted);background:0 0;border:0;border-radius:11px;padding:9px 24px;font-weight:800}.drawing-offer-switch small{font-size:12px;font-weight:500;display:block}.drawing-offer-switch button[aria-pressed=true]{background:var(--d-card);color:var(--d-ink);box-shadow:0 1px 3px oklch(0% 0 0/.08)}.drawing-interval-switch{justify-content:center;gap:10px;display:flex}.drawing-interval-switch button{border:1px solid var(--d-line);background:var(--d-card);color:var(--d-ink);border-radius:12px;padding:11px 23px}.drawing-interval-switch button[aria-pressed=true]{border-color:var(--offer-accent);color:var(--offer-accent);background:var(--offer-soft)}.drawing-billing-note{text-align:center;margin:24px 0 58px;font-size:15px}.drawing-offer-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:30px;margin-bottom:36px;display:grid}.drawing-offer-card{text-align:center;background:var(--d-card);border:1px solid var(--d-line);border-radius:18px;flex-direction:column;padding:48px 26px 36px;display:flex;position:relative;box-shadow:0 2px 3px oklch(0% 0 0/.04)}.drawing-offer-card.is-recommended{border:2px solid var(--offer-accent);padding:47px 25px 35px}.drawing-offer-badge{background:var(--d-blue);color:var(--d-on-blue);white-space:nowrap;border-radius:30px;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:13px;line-height:1.6;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.drawing-offer-card :is(h2,h3){margin:0 0 30px;font-size:24px}.drawing-offer-price{color:var(--d-ink);flex-wrap:wrap;justify-content:center;align-items:baseline;gap:6px;display:flex}.drawing-offer-price strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:36px;font-weight:900;line-height:1.2}.drawing-offer-price span{font-size:15px;font-weight:800}.drawing-annual-total{min-height:24px;margin:7px 0 22px;font-size:13px}.drawing-annual-total s{margin-right:4px}.drawing-offer-allowance{flex-direction:column;align-items:center;gap:3px;margin:10px 0 16px;display:flex}.drawing-offer-allowance>div{align-items:center;gap:8px;font-size:17px;display:flex}.drawing-offer-allowance svg{color:var(--offer-accent);flex-shrink:0}.drawing-offer-or,.drawing-offer-allowance small{color:var(--d-muted);font-size:12px}.drawing-offer-credit-note,.drawing-annual-grant,.drawing-pack-validity{margin:0 0 12px;font-size:12px}.drawing-average-label{margin:-16px 0 0;font-size:12px}.drawing-offer-buy{border:1px solid var(--offer-accent);min-height:52px;color:var(--offer-accent);background:var(--d-card);border-radius:14px;justify-content:center;align-self:center;align-items:center;gap:8px;margin-top:auto;padding:10px 28px;display:flex;font-weight:850!important}.drawing-offer-card.is-recommended .drawing-offer-buy{color:var(--d-on-blue);background:var(--d-blue);border-color:#0000}.drawing-offer-buy:hover{box-shadow:0 3px 9px oklch(0% 0 0/.12)}.drawing-pricing--pack .drawing-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.drawing-pricing--pack .drawing-offer-card{text-align:left;padding:28px 22px 24px}.drawing-pricing--pack .drawing-offer-card :is(h2,h3){margin-bottom:12px;font-size:21px}.drawing-pricing--pack .drawing-offer-price{justify-content:start}.drawing-pricing--pack .drawing-offer-price span{color:var(--d-muted);font-size:12px}.drawing-pricing--pack .drawing-offer-card.is-recommended{border-color:var(--offer-green);background:color-mix(in oklch, var(--d-card) 90%, var(--offer-green-soft))}.drawing-pricing--pack .drawing-offer-badge{background:var(--d-blue)}.drawing-pricing--pack .drawing-annual-total{display:none}.drawing-pricing--pack .drawing-offer-allowance{align-items:stretch;margin-top:0}.drawing-pricing--pack .drawing-offer-allowance>div{background:var(--d-paper);border-radius:12px;padding:10px;font-size:14px}.drawing-pricing--pack .is-recommended .drawing-offer-allowance>div{background:var(--offer-green-soft)}.drawing-pricing--pack .drawing-offer-or{text-align:center}.drawing-pricing--pack .drawing-offer-allowance svg{color:var(--offer-green)}.drawing-pricing--pack .drawing-offer-buy{border-color:var(--d-blue);width:100%;color:var(--d-blue);border-radius:12px;min-height:46px;padding:10px 12px}.drawing-pricing--pack .is-recommended .drawing-offer-buy{background:var(--d-blue);color:var(--d-on-blue);border-color:#0000}@media (width<=1000px){.drawing-offer-grid{gap:16px}.drawing-pricing--pack .drawing-offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 18px}.drawing-offer-card{padding:36px 18px 28px}.drawing-offer-card.is-recommended{padding:35px 17px 27px}}@media (width<=700px){.drawing-offer-grid,.drawing-pricing--pack .drawing-offer-grid{grid-template-columns:1fr;gap:30px;max-width:440px;margin-inline:auto}.drawing-offer-card{padding:36px 26px 28px}.drawing-offer-card.is-recommended{padding:35px 25px 27px}.drawing-interval-switch button{padding:10px 14px;font-size:14px}.drawing-interval-switch span{font-size:12px;display:block}.drawing-billing-note{margin-bottom:40px}}.drawing-generation-costs{background:var(--d-card);border:1px solid var(--d-line);border-radius:16px;max-width:760px;margin:0 auto 32px;padding:22px 25px}.drawing-generation-costs :is(h2,h3){margin:0 0 16px;font-size:19px}.drawing-generation-costs dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:0 0 16px;display:grid}.drawing-generation-costs dt{color:var(--d-muted);align-items:center;gap:8px;font-size:14px;display:flex}.drawing-generation-costs dt svg{color:var(--d-blue);flex-shrink:0}.drawing-generation-costs dd{color:var(--d-ink);margin:6px 0 0;font-size:23px;font-weight:850}.drawing-generation-costs p{margin:10px 0 0;font-size:13px;line-height:1.7}@media (width<=600px){.drawing-generation-costs{padding:20px}.drawing-generation-costs dl{grid-template-columns:1fr;gap:16px}}.drawing-breadcrumbs{max-width:1240px;color:var(--d-muted,currentColor);margin:0 auto;padding:14px 36px 0;font-size:13px}.drawing-breadcrumbs ol{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.drawing-breadcrumbs li{align-items:center;gap:8px;min-width:0;display:flex}.drawing-breadcrumbs a{color:inherit;text-decoration:none}.drawing-breadcrumbs a:hover{text-decoration:underline}@media (width<=768px){.drawing-breadcrumbs{padding-inline:22px;font-size:12px}}.drawing-studio-grid{--studio-panel-height:clamp(620px, calc(100dvh - 215px), 780px);align-items:stretch}.drawing-controls{height:var(--studio-panel-height);flex-direction:column;min-height:0;padding:0;display:flex;overflow:hidden}.drawing-controls-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--d-line) transparent;flex:1;min-height:0;padding:22px 18px 12px 22px;overflow-y:auto}.drawing-controls-footer{border-top:1px solid var(--d-line);background:var(--d-card);padding:15px 22px}.drawing-controls-footer .drawing-privacy{margin-bottom:0}.drawing-result-panel{height:var(--studio-panel-height);border:1px solid var(--d-line);background:var(--d-card);border-radius:22px;flex-direction:column;min-height:0;padding:18px 20px;display:flex;overflow:hidden}.drawing-preview-tabs{border-bottom:1px solid var(--d-line);gap:6px;margin-bottom:15px;padding-bottom:12px;display:flex}.drawing-preview-tabs button{color:var(--d-muted);background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:800;display:inline-flex}.drawing-preview-tabs button[aria-selected=true]{background:var(--d-blue-soft);color:var(--d-blue);border-color:var(--d-line)}.drawing-preview-scroll{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.drawing-demo-preview{margin:0}.drawing-demo-preview>img,.drawing-demo-preview>video{aspect-ratio:1;object-fit:contain;background:var(--d-paper);border-radius:15px;width:100%;max-height:440px;display:block}.drawing-demo-preview figcaption{color:var(--d-muted);padding:16px 6px 4px;font-size:13px}.drawing-demo-preview strong{color:var(--d-ink);font-size:14px}.drawing-demo-preview figcaption p{margin:5px 0 0}.drawing-preview-scroll .drawing-result-empty{border:0;min-height:360px}.drawing-result-heading{flex-shrink:0}@media (width<=767px){.drawing-controls{height:auto;max-height:650px}.drawing-controls-scroll{max-height:440px;padding:18px}.drawing-controls-footer{padding:15px 18px}.drawing-result-panel{height:auto;min-height:470px;max-height:740px;padding:15px}.drawing-preview-scroll{max-height:580px}.drawing-demo-preview>img,.drawing-demo-preview>video{max-height:430px}}.drawing-controls-header{border-bottom:1px solid var(--d-line);background:var(--d-card);flex-shrink:0;padding:18px 22px 14px}.drawing-controls-header .drawing-tabs{margin-bottom:0}.drawing-controls-footer{flex-shrink:0}@media (width<=767px){.drawing-controls-header{padding:15px 18px}}
