.draw-own{width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:17px 18px;margin:18px 0;background:linear-gradient(115deg,#fff7ed,#f7e5e8);border:1px dashed #c58d9b;border-radius:18px;color:#76534f;box-shadow:0 5px 0 #e9d6cf55;cursor:pointer;transition:transform .18s,box-shadow .18s}.draw-own:hover{transform:translateY(-2px);box-shadow:0 8px 0 #e9d6cf55}.draw-own-icon{display:grid;place-items:center;width:42px;height:42px;background:#fffaf4;border-radius:13px;font-size:28px;transform:rotate(-7deg)}.draw-own>span:nth-child(2){flex:1}.draw-own strong,.draw-own small{display:block}.draw-own strong{font:600 16px Mali,sans-serif}.draw-own small{font:500 11px Mali,sans-serif;margin-top:5px;color:#9e7970}.handmade-card{background:#fff2f4!important}.wear-painter{width:min(900px,calc(100vw - 28px));max-width:900px;max-height:92dvh;padding:0;border:1px solid #e3c9bc;border-radius:25px;background:#fcf7f0;color:#72564e;box-shadow:0 25px 100px #52362e38;overflow:hidden;text-align:left}.wear-painter[open]{display:flex;flex-direction:column}.wear-painter::backdrop{background:#51413f77;backdrop-filter:blur(6px)}.paint-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 26px 18px;border-bottom:1px solid #ebddd2}.paint-header h2{font:400 27px Itim,sans-serif;margin:5px 0 0}.paint-header h2 span{color:#c18294}.paint-header .eyebrow{font-size:9px;letter-spacing:1.7px}.paint-close{border:1px solid #e8d8cd;background:#fffaf5;color:#9d7269;border-radius:50%;width:42px;height:42px;font:28px sans-serif;flex-shrink:0;cursor:pointer}.paint-body{padding:24px;display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;overflow:auto;overscroll-behavior:contain;min-height:0}.paint-preview-stage{position:relative;border:1px solid #e3d2c3;background-color:#f5ece0;background-image:linear-gradient(#ddc7b93b 1px,transparent 1px),linear-gradient(90deg,#ddc7b93b 1px,transparent 1px);background-size:24px 24px;border-radius:100px 100px 15px 15px;box-shadow:0 7px 0 #e7d8c65e;margin:18px 0 18px;padding:34px 10px 14px;text-align:center}.paint-tape{position:absolute;top:-10px;left:calc(50% - 28px);width:56px;height:24px;background:#e5c3c2a8;transform:rotate(-7deg)}.paint-preview-label{display:block;font-size:11px;color:#a38170}.paint-preview canvas{display:block;width:100%;max-width:250px;height:auto;margin:0 auto;image-rendering:pixelated}.paint-handwritten{font:20px Itim,sans-serif;color:#bb8892}.paint-preview>p{font-size:11px;text-align:center;margin:18px 0}.paint-tips{font-size:11px;line-height:2.2;padding:14px;background:#f0e9dc;border-radius:12px;color:#9a7f70}.paint-toolbar{display:flex;flex-wrap:wrap;gap:5px;align-items:center;margin-bottom:10px}.paint-toolbar-spacer{flex:1}.wear-painter button{font-family:Mali,sans-serif}.paint-toolbar button,.paint-bottom-tools button{min-height:38px;padding:6px 10px;border:1px solid #e3d4ca;background:#fffaf5;border-radius:10px;color:#806259;font-size:11px;cursor:pointer}.paint-toolbar button[aria-pressed=true]{color:#9d516b;border-color:#cb91a1;background:#f5e0e7;box-shadow:0 2px 0 #e5c4ce}.paint-toolbar button:disabled{opacity:.35;cursor:default}.paint-canvas-wrap{padding:9px;background:#e5d4c5;border-radius:13px;box-shadow:inset 0 2px 4px #8b6d5c17}.paint-canvas-wrap canvas{display:block;width:100%;height:auto;image-rendering:pixelated;touch-action:none;cursor:crosshair;outline-offset:4px}.paint-settings{display:flex;flex-wrap:wrap;gap:12px;margin:13px 0 18px;font-size:10px;align-items:center}.paint-settings label{display:flex;gap:5px;align-items:center;cursor:pointer}.paint-settings select{border:1px solid #e3d4ca;border-radius:7px;padding:4px;color:#806259;background:#fffaf5;font-family:inherit;font-size:10px}.paint-settings input{accent-color:#b77a8d;width:15px;height:15px;margin:0}.paint-palette-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;margin:10px 0}.paint-custom-color{display:flex;align-items:center;gap:8px;font-size:10px;color:#a08073}.paint-custom-color input{width:29px!important;height:29px!important;border:0;border-radius:6px;padding:0;background:none;cursor:pointer}.paint-swatches{display:flex;flex-wrap:wrap;gap:7px}.paint-swatches button{background:var(--ink);width:28px;height:28px;min-height:28px;border:2px solid #fffaf5;border-radius:8px;box-shadow:0 0 0 1px #decbbc;cursor:pointer;padding:0;transition:transform .15s}.paint-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #a77383;transform:translateY(-2px)}.paint-used-line{display:flex;flex-direction:column;gap:9px;padding:13px 0;font-size:10px;color:#a08073}.paint-used-line b{font-weight:500}.paint-used-line .paint-swatches button{width:22px;height:22px;min-height:22px;border-radius:6px}.paint-bottom-tools{display:flex;gap:8px;margin-top:5px}.paint-bottom-tools button:last-child{border-style:dashed}.paint-keyboard-help{font-size:9px!important;color:#a88b7d;margin:12px 0 0!important}.paint-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 24px;background:#f7eee6;border-top:1px solid #e6d7c9;flex-shrink:0}.paint-footer p{margin:0;font-size:10px;max-width:52%;line-height:1.8;color:#a07d72}.paint-footer .primary-button{font-size:13px;padding:12px 21px;min-height:46px;white-space:nowrap}.paint-footer button:disabled{opacity:.45;cursor:default;transform:none}.wear-painter :focus-visible{outline:3px solid #b67b91;outline-offset:3px}
@media(max-width:620px){.draw-own{padding:14px 12px;gap:10px}.draw-own strong{font-size:14px}.draw-own small{font-size:10px}.wear-painter{width:calc(100vw - 16px);border-radius:20px;max-height:95dvh}.paint-header{padding:16px}.paint-header h2{font-size:23px}.paint-header .eyebrow{font-size:8px;letter-spacing:1px}.paint-body{grid-template-columns:1fr;padding:14px;gap:16px}.paint-preview{display:flex;gap:12px;align-items:center}.paint-preview-stage{flex:0 0 110px;border-radius:50px 50px 12px 12px;margin:5px 0 0;padding:15px 4px 7px}.paint-preview-label{font-size:8px}.paint-preview canvas{width:92px}.paint-handwritten{font-size:14px}.paint-preview>p{display:none}.paint-tips{font-size:10px;line-height:2.2;flex:1;padding:10px}.paint-tape{width:38px;height:15px;left:calc(50% - 19px);top:-6px}.paint-toolbar button{min-height:40px;padding:6px 9px;font-size:11px}.paint-footer{padding:12px;gap:10px}.paint-footer p{font-size:9px;max-width:48%}.paint-footer .primary-button{font-size:12px;padding:12px 16px}.paint-settings{gap:10px;margin-bottom:13px}.paint-swatches{gap:10px}.paint-swatches button{width:30px;height:30px;min-height:30px}.paint-keyboard-help{display:none}.paint-bottom-tools button{min-height:40px}.paint-used-line .paint-swatches button{width:28px;height:28px;min-height:28px}}
@media(prefers-reduced-motion:reduce){.draw-own,.paint-swatches button{transition:none}.draw-own:hover{transform:none}}