.ct{padding-top:24px}.ct-head{max-width:640px;margin-bottom:32px}.ct-head h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(32px,4vw,42px);font-weight:500;line-height:1.1}.ct-head p{color:var(--soft-ink);margin:0;font-size:17px;line-height:29px}.ct-editor{--sel:#e5484d;grid-template-columns:288px minmax(0,1fr);align-items:start;gap:28px;display:grid}.ct-panel{background:var(--steel) var(--noise-dark);color:var(--bone);flex-direction:column;gap:20px;padding:20px;display:flex;position:sticky;top:16px}.ct-dock{flex-direction:column;order:1;gap:16px;display:flex}.ct-bar{order:2;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ct-status{color:#ece6d9b3;order:3;margin:0;font-size:13px;line-height:20px}.ct-tools{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ct-tool{border-radius:var(--radius);cursor:pointer;background:#f1ece0;border:0;justify-content:center;align-items:center;height:64px;padding:4px;display:flex}.ct-tool svg{width:100%;height:100%;display:block}.ct-tool .o,.ct-tool .c{fill:none;stroke-linecap:round;stroke-linejoin:round}.ct-tool .o{stroke:#1c1e1e;stroke-opacity:.5}.ct-tool .c{stroke:var(--sel)}.ct-tool .f{fill:var(--sel)}.ct-tool[aria-pressed=true]{outline:3px solid var(--brass);outline-offset:2px}.ct-tool:hover{background:#fffdf8}.ct-colors{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ct-sw{aspect-ratio:1;border:2px solid var(--steel);background:var(--c);cursor:pointer;min-height:44px;padding:0;position:relative;box-shadow:0 0 0 1px #ece6d980}.ct-sw[aria-pressed=true]{box-shadow:0 0 0 2px var(--steel), 0 0 0 4px var(--brass)}.ct-custom{color:#fff;background:conic-gradient(#e5484d,#ffd23f,#3dba7e,#3b82f6,#8b5cf6,#e5484d);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.ct-custom input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.ct-custom span{pointer-events:none;text-shadow:0 1px 2px #00000080}.ct-sizes{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.ct-size-btn{border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ece6d966;justify-content:center;align-items:center;height:44px;padding:0;display:flex}.ct-size-btn span{width:var(--d);height:var(--d);background:var(--bone);border-radius:50%;display:block}.ct-size-btn[aria-pressed=true]{background:var(--bone);border-color:var(--bone)}.ct-size-btn[aria-pressed=true] span{background:var(--steel)}.ct-editor[data-tool=fill] .ct-sizes{opacity:.3;pointer-events:none}.ct-ib{min-height:44px;color:var(--bone);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #ece6d966;justify-content:center;align-items:center;padding:0;display:inline-flex}.ct-ib svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.ct-ib:hover:not(:disabled){border-color:var(--brass)}.ct-ib:disabled{opacity:.35;cursor:default}.ct-undo{order:1}.ct-redo{order:2}.ct-reset{order:3}.ct-expand{order:4}.ct-save{min-height:48px;font:700 15px var(--font-body);background:var(--brass);color:var(--steel);border-radius:var(--radius);cursor:pointer;border:0;order:9;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.ct-save svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.ct-save:hover:not(:disabled){background:#d6b982}.ct-save:disabled{opacity:.4;cursor:default}.ct .ct-only-full{display:none}.ct-stage{background:repeating-linear-gradient(92deg,#28160814 0 2px,#0000 2px 13px),repeating-linear-gradient(88deg,#ffffff0d 0 1px,#0000 1px 8px),linear-gradient(#b98f60,#a67c4e);min-width:0;padding:40px 28px;box-shadow:inset 0 0 50px #28160859}.ct-paper{background:var(--paper);max-width:640px;margin:0 auto;padding:22px;box-shadow:0 26px 34px -14px #140a02bf}.ct-canvas-wrap{border:1px solid var(--line);background:#fff;line-height:0;position:relative}.ct-canvas-wrap canvas{width:100%;height:auto;display:block}.ct-canvas-wrap .ct-paint{touch-action:none}.ct-canvas-wrap .ct-lines{pointer-events:none;position:absolute;inset:0}.ct-canvas-wrap:not(:has(canvas[width])){aspect-ratio:720/1018}.ct.ct-off .ct-dock,.ct.ct-off .ct-stage{opacity:.5;pointer-events:none}.ct-teaser{cursor:pointer;width:100%;max-width:420px;color:inherit;font:inherit;text-align:center;background:0 0;border:0;margin:0 auto 48px;padding:0;display:none}.ct-teaser img{aspect-ratio:720/1018;border:14px solid var(--paper);outline:3px solid var(--steel);background:#fff;width:100%;height:auto;display:block;box-shadow:0 26px 30px -20px #140a0299}.ct-teaser-cta{background:var(--accent);min-height:58px;color:var(--bone);justify-content:center;align-items:center;gap:10px;margin-top:22px;font-size:17px;font-weight:700;display:flex}.ct-teaser-hint{color:var(--muted);margin-top:12px;font-size:14px;line-height:22px;display:block}.ct-teaser-cta svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}@media (width<=720px){.ct-teaser{display:block}.ct:not(.ct-open) .ct-editor{display:none}}html.ct-lock,html.ct-lock body{overflow:hidden}.ct.ct-open .ct-editor{z-index:300;overscroll-behavior:contain;background:#141515;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;height:100dvh;display:grid;position:fixed;inset:0}.ct.ct-open .ct-panel{display:contents}.ct.ct-open .ct-only-full{display:inline-flex}.ct.ct-open .ct-only-inline{display:none}.ct.ct-open .ct-bar{padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:var(--steel);grid-row:1;align-items:center;gap:6px;display:flex}.ct.ct-open .ct-bar .ct-ib{flex:none;width:44px}.ct.ct-open .ct-close{order:0;margin-right:auto}.ct.ct-open .ct-undo{order:1}.ct.ct-open .ct-redo{order:2}.ct.ct-open .ct-zout{order:3}.ct.ct-open .ct-zin{order:4}.ct.ct-open .ct-reset{order:5}.ct.ct-open .ct-save{flex:none;order:9;grid-column:auto;min-height:44px;margin-left:4px}.ct.ct-open .ct-stage{touch-action:none;grid-row:2;padding:0;position:relative;overflow:hidden}.ct.ct-open .ct-zoom{transform-origin:0 0;box-sizing:border-box;will-change:transform;max-width:none;margin:0;padding:0;position:absolute;top:0;left:0}.ct.ct-open .ct-canvas-wrap{border:0;width:100%;height:100%}.ct.ct-open .ct-canvas-wrap canvas{width:100%;height:100%}.ct.ct-open .ct-dock{padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--steel);order:0;grid-row:3;align-items:center;gap:8px}.ct.ct-open .ct-dock>*{width:100%;max-width:640px}.ct.ct-open .ct-tools{grid-template-columns:repeat(6,1fr);gap:6px}.ct.ct-open .ct-tool{height:50px;padding:3px}.ct.ct-open .ct-colors{scroll-snap-type:x proximity;scrollbar-width:none;gap:8px;padding:7px 7px 9px;display:flex;overflow-x:auto}.ct.ct-open .ct-colors::-webkit-scrollbar{display:none}.ct.ct-open .ct-sw{scroll-snap-align:start;flex:none;width:42px;min-height:42px}.ct.ct-open .ct-size-btn{height:42px}.ct.ct-open .ct-status{z-index:2;left:50%;top:calc(64px + env(safe-area-inset-top));max-width:calc(100% - 32px);color:var(--bone);text-align:center;pointer-events:none;opacity:0;background:#1c1e1eeb;padding:8px 14px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.ct.ct-open .ct-status.show{opacity:1}.ct-pinch{display:none}@media (width<=720px){.ct.ct-open .ct-zoombtn{display:none}.ct.ct-open .ct-pinch{z-index:2;pointer-events:none;background:#1c1e1ec7;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:absolute;bottom:10px;right:10px}.ct-pinch svg{fill:none;width:28px;height:28px;stroke:var(--bone);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}}@media (height<=520px){.ct.ct-open .ct-sizes{display:none}}