*{box-sizing:border-box}body{margin:0;background:#f7f6fb;color:#241d35;font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:#603bc3}button,input,select{font:inherit}button,.action{cursor:pointer;border:1px solid #d9d2e5;border-radius:12px;padding:12px 17px;background:white;color:#322345;font-weight:750;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px}button:disabled{opacity:.5;cursor:wait}.primary{background:#6742d2;color:white;border-color:#6742d2}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9870f0;outline-offset:3px}.top{max-width:1320px;margin:auto;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{color:#241d35;font-weight:850;text-decoration:none;display:flex;align-items:center;gap:10px}.brand img{width:34px;height:34px}.top select{max-width:115px}.tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.tool-nav a{border-radius:30px;padding:9px 17px;text-decoration:none;font-weight:750;color:#5e526e;background:white;border:1px solid #e4deed}.tool-nav a[aria-current=page]{background:#ece5ff;color:#5731ba;border-color:#c6b3f1}main{max-width:1272px;margin:0 auto;padding:20px 24px 60px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:850;color:#6742c1;margin:0 0 8px}h1{font-size:clamp(30px,4.5vw,52px);line-height:1.14;letter-spacing:-1.5px;margin:10px 0 14px;max-width:800px}h2{font-size:23px;line-height:1.3}p{color:#60556e;max-width:780px}.lead{font-size:17px;max-width:780px}.workbench{display:grid;grid-template-columns:310px minmax(0,1fr);gap:24px;align-items:start}.controls,.stage{background:white;border:1px solid #e3ddec;border-radius:22px;padding:22px;min-width:0}.controls{display:grid;gap:15px}.controls h2{margin:0}.controls label{display:grid;gap:7px;font-size:13px;font-weight:750}.controls input:not([type=checkbox]),.controls select,.top select{width:100%;min-width:0;border:1px solid #d9d1e3;border-radius:9px;padding:10px;background:#fff;color:#292035}.controls input[type=color]{height:45px;padding:4px}.controls input[type=range]{padding:0;accent-color:#6940d3}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stage-bar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap}.stage-bar span,.hint{font-size:13px;color:#625571}.canvas-wrap{border-radius:14px;overflow:hidden;background:repeating-conic-gradient(#eeeaf3 0% 25%,#fff 0% 50%) 50%/22px 22px;position:relative}.canvas-wrap canvas{width:100%;height:auto;display:block}.safe-guide{position:absolute;left:19.805%;top:35.313%;width:60.39%;height:29.375%;border:2px dashed #fff;box-shadow:0 0 0 1000px #19122566;pointer-events:none;color:white;text-align:center;font-size:11px;padding-top:4px;text-shadow:0 1px 4px #000}.safe-guide[hidden]{display:none}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.status{min-height:24px;font-weight:700;color:#57466b}.info{margin-top:32px;padding:24px;background:#efebf7;border-radius:18px}.info h2{margin-top:0}.info p:last-child{margin-bottom:0}.feed{background:#fff;max-width:380px;margin:0 auto;border:1px solid #e5e2ea;border-radius:16px;overflow:hidden}.feed.dark{background:#121212;color:white}.feed.dark p{color:#bbb}.feed img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.feed-info{padding:14px 16px 22px;display:flex;gap:12px}.avatar{width:36px;height:36px;flex-shrink:0;border-radius:50%;background:#ece3ff;color:#6342b9;display:grid;place-items:center;font-weight:800}.feed h3{font-family:Arial,sans-serif;margin:0;font-size:16px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.feed p{font-family:Arial,sans-serif;font-size:13px;margin:7px 0 0;overflow-wrap:anywhere}.feed.desktop{max-width:520px}.crop-previews{display:grid;gap:16px;margin-top:20px}.crop-previews canvas{width:100%;height:auto;border-radius:10px;display:block}.crop-previews small{font-weight:750;color:#655574}.file{border:1px dashed #bda7df;border-radius:12px;padding:14px;background:#faf8ff}.file input{font-size:12px}.footer{display:flex;gap:18px;flex-wrap:wrap;padding:28px 0;color:#655571;font-size:13px}.check{display:flex!important;align-items:center;gap:8px!important}.tool-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-link-grid a{background:#fff;border:1px solid #ded5ef;border-radius:16px;padding:18px;text-decoration:none;font-weight:800}.tool-link-grid small{display:block;color:#675a75;font-weight:500;margin-top:5px}@media(max-width:700px){.top{padding:14px 12px}.brand{font-size:13px;gap:7px}.brand img{width:27px}.top select{font-size:12px;padding:8px}main{padding:10px 12px 35px}.workbench{grid-template-columns:1fr;gap:14px}.controls{padding:16px;grid-template-columns:1fr 1fr;gap:12px}.controls h2,.controls>.file,.controls>.hint,.controls>.primary,.controls>.status,.controls>.full{grid-column:1/-1}.stage{padding:14px;border-radius:16px}.tool-nav{gap:6px}.tool-nav a{padding:8px 12px;font-size:12px}.lead{font-size:15px}.actions button{flex:1}.safe-guide{font-size:8px}.tool-link-grid{grid-template-columns:1fr}.controls .two{grid-column:1/-1}}