.cop-root{--cop-dark:#142341;--cop-pink:#fb668f;--cop-purple:#7d61d5;--cop-blue:#5587ed;--cop-cream:#fff9f4;color:var(--cop-dark);font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;max-width:1210px;margin:0 auto;padding:0 18px 55px}.cop-root *{box-sizing:border-box}.cop-root h1,.cop-root h2,.cop-root h3{color:#142341;margin:0;line-height:1.14}.cop-root h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.045em}.cop-root h2{font-size:clamp(1.7rem,3vw,2.5rem);letter-spacing:-.025em}.cop-root p{margin:.6rem 0 1.2rem}.cop-eyebrow{font-weight:800;font-size:.72rem;letter-spacing:.1em;color:#7954c6;text-transform:uppercase;margin-bottom:14px}.cop-hero{background:radial-gradient(circle at 90% 20%,#ffe4ee 0,transparent 45%),linear-gradient(130deg,#fff7f3,#f4eeff);border:1px solid #eee5f3;border-radius:28px;padding:clamp(24px,5vw,60px);display:grid;grid-template-columns:1.2fr .75fr;gap:30px;align-items:center;overflow:hidden}.cop-hero h1 span{color:#e75d89}.cop-hero p{max-width:580px;color:#5b6174;font-size:clamp(1rem,1.5vw,1.22rem);margin:22px 0 25px}.cop-hero-art{max-width:290px;justify-self:center;transform:rotate(5deg);box-shadow:0 18px 45px #5b3a6a2a;border:10px solid white;border-radius:16px;overflow:hidden;background:#fff}.cop-hero-art img{display:block;width:100%;height:auto}.cop-hero-points{display:flex;flex-wrap:wrap;gap:18px;margin-top:25px;color:#6b5e80;font-weight:650;font-size:.86rem}.cop-hero-actions,.cop-downloads{display:flex;flex-wrap:wrap;gap:11px}.cop-root .cop-button,.cop-library .cop-button{display:inline-flex;justify-content:center;align-items:center;gap:5px;min-height:43px;border:1px solid #ddd5ef;border-radius:10px;padding:10px 16px;text-decoration:none;white-space:normal;background:#fff;color:#413a68;font-weight:750;font-size:.9rem;cursor:pointer}.cop-root .cop-button:hover,.cop-library .cop-button:hover{background:#f5ebfc}.cop-root .cop-button-primary{background:#7756cb;color:#fff;border-color:#7756cb;box-shadow:0 4px 14px #8164d43a}.cop-root .cop-button-primary:hover{background:#6544be;color:#fff}.cop-root .cop-button-plain{background:transparent}.cop-how{padding:55px 0 45px;text-align:center}.cop-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:23px}.cop-how-grid>div{background:#fff;border:1px solid #eae8ee;border-radius:17px;padding:22px}.cop-how-grid span{font-size:32px}.cop-how-grid h3{font-size:1.15rem;margin:6px 0}.cop-how-grid p{color:#66708a;font-size:.9rem;margin:9px 0 0}.cop-designs{padding-bottom:40px}.cop-heading{margin-bottom:18px}.cop-library-controls{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin:0 0 18px}.cop-library-controls input{flex:1 1 220px;max-width:330px;border:1px solid #dcd9ea;border-radius:11px;background:#fff;padding:11px 13px;font-size:1rem;min-width:0}.cop-filters{display:flex;flex-wrap:wrap;gap:7px}.cop-filters button,.cop-small-actions button,.cop-mode button{cursor:pointer;border:1px solid #e4deed;background:#fff;border-radius:9px;padding:9px 13px;color:#5b5375;font-size:.86rem;font-weight:700}.cop-filters button.is-active,.cop-mode button.is-active{background:#7456c6;border-color:#7456c6;color:#fff}.cop-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.cop-card{border:1px solid #e8e8f0;border-radius:16px;overflow:hidden;background:white;box-shadow:0 6px 20px #202c4e0b}.cop-card[hidden]{display:none}.cop-card img{width:100%;height:auto;aspect-ratio:600/780;object-fit:contain;background:#fff9f6;display:block;padding:10px}.cop-card-body{padding:14px 15px 17px}.cop-card-body h3{font-size:1.08rem;margin:5px 0}.cop-tag{font-size:.69rem;border-radius:7px;padding:4px 8px;color:#7754ad;background:#f5edff;font-weight:800}.cop-card-body p{font-size:.81rem;color:#6e7285;min-height:2.4em;margin:10px 0 13px}.cop-library .cop-card .cop-button{width:100%;background:#f2edff;border-color:#efe4ff;color:#6952b4}.cop-no-results{padding:30px;text-align:center}.cop-parents{background:#faf3ff;border:1px solid #ecdbfa;border-radius:22px;padding:30px;margin-top:15px}.cop-parents p{max-width:750px;color:#616879}.cop-muted{font-size:.79rem}.cop-back{display:inline-block;margin:10px 0 22px;color:#7151c1;text-decoration:none;font-weight:700}.cop-editor h1{font-size:clamp(2rem,3vw,2.8rem)}.cop-editor-title p{color:#68708a}.cop-editor-grid{display:grid;grid-template-columns:235px minmax(0,1fr);gap:23px;margin:22px 0}.cop-tools{border:1px solid #e8e8ef;border-radius:16px;background:#fff;align-self:start;padding:18px;position:sticky;top:20px}.cop-tools h2{font-size:1.16rem;margin:0 0 16px}.cop-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cop-swatch{background:var(--swatch);height:38px;width:38px;border-radius:50%;border:2px solid #dadce6;cursor:pointer;box-shadow:inset 0 0 0 2px #ffffffb0}.cop-swatch.is-active{outline:3px solid #6550be;outline-offset:2px}.cop-custom-label{display:flex;align-items:center;justify-content:space-between;margin:16px 0;font-size:.85rem;font-weight:700}.cop-custom-label input{width:54px;height:34px;cursor:pointer}.cop-mode{display:flex;gap:6px}.cop-mode button{flex:1}.cop-width{font-size:.85rem;display:grid;gap:6px;margin:16px 0;color:#5a6070;font-weight:700}.cop-width input{width:100%}.cop-small-actions{display:flex;gap:5px;flex-wrap:wrap}.cop-small-actions button{flex:1;white-space:nowrap;font-size:.77rem}.cop-help{font-size:.75rem;color:#747b8f;margin:14px 0 0!important}.cop-canvas-column{min-width:0}.cop-workspace{display:flex;justify-content:center;align-items:center;max-width:700px;margin:0 auto;background:#eaeef6;border:1px solid #dce2ed;border-radius:17px;padding:14px}.cop-workspace svg{display:block;max-width:100%;width:min(100%,600px);height:auto;aspect-ratio:600/780;background:#fff;box-shadow:0 6px 24px #08102e15;user-select:none;touch-action:none}.cop-workspace [data-fillable]{cursor:crosshair}.cop-downloads{justify-content:center;margin:17px auto}.cop-feedback{text-align:center;font-size:.86rem;color:#595e72;min-height:1.4em}.cop-editor-footer{border-top:1px solid #ece8f3;padding-top:10px;font-size:.8rem;color:#777}.cop-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cop-root :focus-visible,.cop-library :focus-visible{outline:3px solid #ff9b4f;outline-offset:3px}
@media (max-width:900px){.cop-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.cop-editor-grid{grid-template-columns:200px minmax(0,1fr)}.cop-palette{grid-template-columns:repeat(3,1fr)}.cop-swatch{width:42px;height:42px}}
@media (max-width:640px){.cop-root{padding:0 10px 30px}.cop-hero{grid-template-columns:1fr;padding:25px 20px;border-radius:18px;gap:18px}.cop-hero-art{max-width:190px;justify-self:end}.cop-hero p{margin:16px 0}.cop-hero-points{gap:10px}.cop-how{padding:32px 0}.cop-how-grid{grid-template-columns:1fr;gap:9px}.cop-how-grid>div{padding:14px}.cop-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cop-card-body{padding:11px}.cop-card-body h3{font-size:.97rem}.cop-card-body p{font-size:.76rem;min-height:3.3em}.cop-card-body .cop-button{font-size:.75rem}.cop-filters{gap:4px}.cop-filters button{padding:7px 9px;font-size:.78rem}.cop-library-controls input{max-width:none}.cop-editor-grid{grid-template-columns:1fr}.cop-tools{position:static;padding:13px}.cop-palette{display:flex;flex-wrap:wrap;gap:10px}.cop-swatch{width:35px;height:35px}.cop-hero-actions{gap:8px}.cop-downloads{justify-content:stretch}.cop-downloads .cop-button{flex:1 1 44%;font-size:.79rem}.cop-workspace{padding:7px}.cop-parents{padding:22px}}