:root{--ink:#20202b;--muted:#777481;--cream:#fffaf1;--red:#ff5f57;--purple:#7657e8;--yellow:#ffd64f;--line:#eee8df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fffdf9;font-family:Nunito,ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.site-header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:50}.brand{font-size:30px;font-weight:1000;letter-spacing:-2px;color:#51433d}.brand i{font-style:normal;color:var(--red)}.brand b{color:#ffc83d;font-size:18px}.search{height:46px;max-width:460px;flex:1;display:flex;align-items:center;background:#f7f4ef;border-radius:28px;padding:0 18px;color:#999}.search input{border:0;background:transparent;outline:0;width:100%;padding:10px}.site-header nav{display:flex;gap:24px;font-weight:800}.menu{display:none}.hero{min-height:610px;background:radial-gradient(circle at 80% 20%,#fff 0 4%,transparent 4.5%),linear-gradient(120deg,#fff8ea,#ffefe6);display:grid;grid-template-columns:1.05fr .95fr;padding:75px max(7vw,24px);overflow:hidden}.hero-copy{max-width:650px}.eyebrow,.section-title span,.page-head>span,.how>span,.admin-head span{font-weight:900;font-size:13px;letter-spacing:2px;color:#ee7661}.hero h1{font-size:clamp(48px,6vw,85px);line-height:.96;letter-spacing:-5px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--red);position:relative}.hero p{font-size:19px;line-height:1.65;color:#6b6461;max-width:590px}.hero-actions{display:flex;gap:12px;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:14px;font-weight:900;border:0;cursor:pointer}.primary{background:linear-gradient(135deg,var(--red),#ff7654);color:#fff;box-shadow:0 9px 22px #ff5f5733}.secondary{background:#fff;border:1px solid #e6ddd4}.trust{display:flex;gap:22px;color:#817b76;font-size:13px;font-weight:700}.trust span:First-letter{color:#40b885}.hero-art{display:grid;place-items:center;position:relative}.art-card{width:min(410px,85%);aspect-ratio:1;background:#fff;border-radius:34px;box-shadow:0 35px 80px #ba746633;transform:rotate(3deg);padding:30px;position:relative}.art-card img{width:100%;height:100%}.sun,.pencil{position:absolute;font-size:70px}.sun{right:3%;top:2%}.pencil{bottom:5%;left:5%;transform:rotate(-30deg);color:#f5b941}.paint-dot{position:absolute;width:42px;height:42px;border-radius:50%;border:6px solid white;box-shadow:0 5px 14px #0002}.p1{background:#7d63dd;left:-20px;top:25%}.p2{background:#45c89b;right:-15px;top:54%}.p3{background:#ff6c76;left:15%;bottom:-15px}.categories,.popular,.detail,.admin{padding:75px max(7vw,24px)}.section-title,.admin-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.section-title h2,.how h2,.page-head h1,.admin h1{font-size:clamp(32px,4vw,48px);letter-spacing:-2px;margin:8px 0}.section-title>a{color:#ef6a5a;font-weight:900}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.category-grid a{background:#f9f5ee;border:1px solid var(--line);border-radius:22px;padding:24px 12px;text-align:center;transition:.2s}.category-grid a:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0000000b}.category-grid i{font-style:normal;font-size:45px;display:block}.category-grid strong,.category-grid small{display:block;margin-top:7px}.category-grid small{color:var(--muted)}.popular{background:#fff}.drawing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.drawing-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:#fff;transition:.2s}.drawing-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #382b1b12}.thumb{aspect-ratio:1;background:#faf7f1;padding:18px;position:relative}.thumb img{width:100%;height:100%;object-fit:contain}.thumb span{position:absolute;top:12px;right:12px;background:#65c89b;color:#fff;padding:5px 9px;border-radius:12px;font-size:10px;font-weight:1000}.card-copy{padding:17px}.card-copy small{color:#8d77d1;font-weight:900}.card-copy h3{margin:7px 0 3px;font-size:18px}.card-copy p{margin:0;color:var(--muted);font-size:13px}.how{text-align:center;padding:85px 7%;background:#fff9ec}.how>div{display:grid;grid-template-columns:repeat(3,1fr);max-width:850px;margin:38px auto 0}.how article{position:relative}.how article b{position:absolute;background:var(--red);color:#fff;border-radius:50%;width:25px;height:25px}.how article i{font-style:normal;font-size:60px;display:block}.how article p{color:var(--muted)}footer{text-align:center;padding:55px;border-top:1px solid var(--line)}footer p,footer small{color:var(--muted)}.page-head{text-align:center;padding:70px 20px 20px;background:#fff8ed}.page-head p{color:var(--muted)}.detail{max-width:1250px;margin:auto}.breadcrumbs{color:var(--muted);font-size:13px;margin-bottom:25px}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:start}.preview{background:#faf7f1;border-radius:28px;padding:40px}.preview img{display:block;width:auto;max-width:100%;max-height:72vh;margin:auto;object-fit:contain}.detail-copy>span{color:#826bd1;font-weight:900}.detail-copy h1{font-size:48px;line-height:1.05;letter-spacing:-2px}.detail-copy p{color:var(--muted);line-height:1.7}.wide{display:flex;margin:12px 0}.detail-copy ul{list-style:none;padding:10px 0;color:#69636a;line-height:2}.studio{min-height:calc(100vh - 82px);background:#f4f0e9;padding:22px}.studio-head{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:auto}.studio-head h1{margin:5px 0 14px}.studio-head button,.effects button{background:#fff;border:1px solid #ddd5ca;padding:10px 14px;border-radius:11px;margin-left:5px;cursor:pointer}.studio-head .download{background:var(--red);color:#fff}.studio-body{display:grid;grid-template-columns:190px 1fr;gap:20px;max-width:1400px;margin:auto}.studio aside,.canvas-wrap{background:#fff;border-radius:18px;padding:18px}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.palette button{width:30px;height:30px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #ddd}.studio label{display:block;font-size:13px;margin:16px 0}.studio input[type=color]{width:100%;height:38px}.studio input[type=range]{width:100%}.effects button{display:block;width:100%;margin:7px 0;text-align:left}.effects button.active{border-color:var(--purple);color:var(--purple)}.canvas-wrap{display:grid;place-items:center;overflow:auto}.canvas-wrap canvas{max-width:100%;height:auto;box-shadow:0 5px 20px #0001;touch-action:none;background:#fff}.canvas-wrap p{color:var(--muted);font-size:12px}.auth{min-height:70vh;display:grid;place-items:center}.auth form,.editor-form{background:#fff;border:1px solid var(--line);padding:35px;border-radius:24px;box-shadow:0 20px 60px #4c321114;width:min(430px,90%)}label{display:block;font-weight:800;margin:15px 0}label input,label textarea,label select{display:block;width:100%;padding:12px;border:1px solid #ddd5ca;border-radius:10px;margin-top:7px}.auth .btn{width:100%;margin-top:15px}.error{color:#d43f3f}.admin{max-width:1300px;margin:auto}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0}.stats article{padding:22px;border-radius:16px;background:#fff4e7}.stats b,.stats span{display:block}.stats b{font-size:30px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}.table-wrap table{width:100%;border-collapse:collapse}.table-wrap th,.table-wrap td{text-align:left;padding:15px;border-bottom:1px solid var(--line)}.admin-item{display:flex;align-items:center;gap:12px}.admin-item img{width:48px;height:48px;object-fit:contain}.pill{padding:6px 10px;border-radius:20px;background:#eee}.pill.live{background:#d9f8e9;color:#16734a}.notice{background:#dff7e9;padding:12px;border-radius:10px}.editor-form{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:30px}.editor-form textarea{height:120px}.editor-form .check{display:flex;gap:10px}.editor-form .check input{width:auto;margin:0}.form-actions{grid-column:1/-1}.pagination{display:flex;gap:8px;margin-top:30px}.empty{text-align:center;grid-column:1/-1;padding:50px}.empty b{font-size:50px}
@media(max-width:900px){.site-header nav{display:none}.menu{display:block}.category-grid{grid-template-columns:repeat(3,1fr)}.drawing-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr;text-align:center;padding-top:45px}.hero-copy{margin:auto}.hero-actions,.trust{justify-content:center}.hero-art{margin-top:45px}.detail-grid{grid-template-columns:1fr}.studio-body{grid-template-columns:1fr}.studio aside{order:2}.studio-head{align-items:start}.studio-head>div:last-child{display:flex;flex-wrap:wrap;justify-content:end}.editor-form{grid-template-columns:1fr}.form-actions{grid-column:1}.stats{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.site-header{height:68px;padding:0 14px;gap:10px}.brand{font-size:25px}.search{height:40px}.hero{padding:40px 18px}.hero h1{font-size:50px;letter-spacing:-3px}.hero-actions{flex-direction:column}.trust{flex-direction:column;gap:7px}.art-card{width:90%}.categories,.popular,.detail,.admin{padding:50px 18px}.category-grid{grid-template-columns:repeat(2,1fr)}.drawing-grid{gap:12px}.card-copy{padding:12px}.how>div{grid-template-columns:1fr;gap:35px}.detail-copy h1{font-size:38px}.preview{padding:20px}.studio{padding:8px}.studio-head h1{font-size:17px}.studio-head button{font-size:0;padding:9px}.studio-head button:First-letter{font-size:16px}.studio-body{gap:8px}.canvas-wrap{padding:4px}.studio aside{display:grid;grid-template-columns:1fr 1fr;gap:10px}.palette{grid-column:1/-1;grid-template-columns:repeat(8,1fr)}.studio aside h3{display:none}.effects{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}.effects button{font-size:11px}.stats{grid-template-columns:1fr}.table-wrap{font-size:13px}}

.preview figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:14px}.seo-copy,.text-page{max-width:900px;margin:55px auto 0}.seo-copy h2,.text-page h2{font-size:28px;margin:30px 0 10px}.seo-copy p,.text-page p{color:var(--muted);line-height:1.75}.seo-copy details{border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:12px 0;background:#fff}.seo-copy summary{font-weight:900;cursor:pointer}.text-page{padding:70px 24px;margin:0 auto;min-height:65vh}.text-page>span{color:#ee7661;font-weight:900;letter-spacing:2px;font-size:13px}.text-page h1{font-size:clamp(38px,5vw,58px);letter-spacing:-3px;margin:12px 0 25px}footer nav{margin:12px 0;color:#6f6480;font-weight:700}
.migration-panel{display:grid;grid-template-columns:1.2fr .8fr auto;gap:25px;align-items:center;padding:25px;margin:25px 0;background:linear-gradient(135deg,#f4efff,#fff7e9);border:1px solid #e7dcff;border-radius:20px}.migration-panel h2{font-size:26px;margin:5px 0}.migration-panel p{color:var(--muted);margin:0}.migration-numbers{display:flex;gap:18px}.migration-numbers b{font-size:26px}.migration-numbers small{display:block;font-size:11px;color:var(--muted)}.migration-panel details{grid-column:1/-1}.migration-panel li{padding:7px;border-top:1px solid #e4dcea}.migration-panel button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.migration-panel{grid-template-columns:1fr}.migration-panel details{grid-column:1}}
.colorea-pagination{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:38px 0 0;padding:18px 20px;background:#fff;border:1px solid var(--line);border-radius:16px}.colorea-pagination p{margin:0;color:var(--muted);font-size:14px}.pager-buttons{display:flex;align-items:center;gap:7px}.pager-buttons a,.pager-buttons span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:10px;font-style:normal;font-weight:800}.pager-buttons i{font-style:normal}.pager-buttons a:hover{border-color:var(--red);color:var(--red);background:#fff8f4}.pager-page.current{background:var(--red);border-color:var(--red);color:#fff}.pager-arrow.disabled{opacity:.4}.pager-dots{border:0!important;min-width:22px!important;padding:0!important}@media(max-width:650px){.colorea-pagination{flex-direction:column;align-items:stretch;text-align:center}.pager-buttons{justify-content:center}.pager-arrow i{display:none}.pager-buttons a,.pager-buttons span{min-width:36px;height:38px;padding:0 9px}}
.sponsor-wrap{padding:34px max(7vw,24px) 10px;background:#fffdf9}.sublimation-banner{position:relative;display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:20px;padding:24px 28px;border:2px dashed #ffad5c;border-radius:24px;background:linear-gradient(100deg,#fffaf0,#fff5dd);box-shadow:0 12px 30px #8a57120a;transition:transform .2s,box-shadow .2s}.sublimation-banner:hover{transform:translateY(-3px);box-shadow:0 18px 38px #8a571118}.sponsor-label{position:absolute;top:-11px;left:26px;padding:3px 10px;background:#fffdf9;color:#9b7351;font-size:10px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.sponsor-icon{display:grid;place-items:center;width:58px;height:58px;border:1px solid #ffc78f;border-radius:50%;background:#fff;color:#ff711e;font-size:31px;font-weight:900}.sponsor-copy strong{display:block;font-size:21px;letter-spacing:-.4px}.sponsor-copy strong i{font-style:normal;font-size:18px}.sponsor-copy small{display:block;margin-top:5px;color:#655c57;font-size:16px;line-height:1.45}.sponsor-copy b{color:#f06421;text-decoration:underline;text-decoration-thickness:2px}.sponsor-cta{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:14px 23px;border-radius:999px;background:linear-gradient(135deg,#ff7b22,#f05b0f);color:#fff;font-weight:1000;box-shadow:0 5px 0 #c94708}.sponsor-cta i{font-style:normal}@media(max-width:760px){.sublimation-banner{grid-template-columns:50px 1fr;padding:23px 18px;gap:14px}.sponsor-icon{width:48px;height:48px;font-size:25px}.sponsor-copy strong{font-size:18px}.sponsor-copy small{font-size:14px}.sponsor-cta{grid-column:1/-1;justify-content:center;margin-top:5px}.sponsor-label{left:18px}}