.url-image-crop{box-sizing:border-box;border:1px solid var(--border-2,#464278);background:var(--surface,#191b43);width:min(460px,100vw - 24px);max-height:calc(100dvh - 24px);color:var(--text,#f2f0ff);scrollbar-width:none;border-radius:20px;margin:auto;padding:22px;font:14px/1.5 Inter,Arial,sans-serif;overflow:auto;box-shadow:0 24px 80px #0008}.url-image-crop::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#07091dbf}.url-image-crop header{justify-content:space-between;align-items:center;gap:12px;display:flex}.url-image-crop h2{margin:0;font-size:19px}.url-image-crop p{color:var(--muted,#a6afd4);margin:10px 0 16px;font-size:13px}.url-image-crop button,.url-image-crop select{font:inherit;border:1px solid var(--border-2,#464278);background:var(--bg-2,#10112f);color:inherit;cursor:pointer;border-radius:10px;min-height:42px;padding:9px 13px}.url-image-crop header button{width:40px;padding:0;font-size:24px}.url-image-crop button:disabled{opacity:.5;cursor:default}.url-image-crop :focus-visible{outline:2px solid var(--sel-b,#b3a0ff);outline-offset:3px}.url-crop-stage{background:#0d0e26;border-radius:14px;justify-content:center;align-items:center;min-height:120px;padding:14px;display:flex;position:relative;overflow:hidden}.url-crop-stage canvas{touch-action:none;cursor:grab;background:repeating-conic-gradient(#383a50 0 25%,#292b40 0 50%) 50%/16px 16px;width:auto;max-width:100%;height:auto;max-height:min(340px,43dvh);display:block;box-shadow:0 0 0 1px #ffffff38}.url-crop-stage canvas:active{cursor:grabbing}.url-crop-stage canvas.is-circle{border-radius:50%}.url-crop-stage>span{position:absolute}.generator-page .url-crop-zoom{align-items:center;gap:12px;margin:18px 0 0;display:flex}.generator-page .url-crop-zoom input{accent-color:#9274ff;flex:1;width:auto;min-width:0;margin:0}.url-crop-zoom output{text-align:right;width:42px}.generator-page .url-crop-ratio{justify-content:space-between;align-items:center;gap:12px;margin:16px 0 0;display:flex}.generator-page .url-crop-ratio select{width:auto;margin:0}.url-image-crop footer{align-items:center;gap:8px;margin-top:22px;display:flex}.url-image-crop footer>span{flex:1}.url-image-crop .url-crop-confirm{color:#fff;background:#7452ef;border-color:#9274ff;font-weight:600}.generator-page .url-upload-recrop,.image-design .url-upload-recrop{font:inherit;border:1px solid var(--border-2);background:var(--bg-2);min-height:34px;color:var(--text-2);border-radius:8px;margin-top:8px;padding:6px 10px;font-size:12px;display:block}@media (max-width:480px){.url-image-crop{padding:16px}.url-image-crop footer{flex-wrap:wrap;gap:6px}.url-image-crop footer>span{flex-basis:100%;height:0}.url-image-crop footer button:nth-last-child(2){margin-left:auto}.url-image-crop footer button{padding:9px 10px}.url-crop-stage{padding:10px}}
.generator-page .menu-layout-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 26px;display:grid}.generator-page .menu-layout-gallery>button{color:#eeeefe;text-align:left;cursor:pointer;background:#141638;border:1px solid #3b4276;border-radius:15px;min-width:0;padding:7px 7px 12px;overflow:hidden}.generator-page .menu-layout-gallery>button[aria-pressed=true]{background:#29264b;border-color:#b8a5ff;box-shadow:0 0 0 1px #b8a5ff}.generator-page .menu-layout-gallery>button:hover{border-color:#b8a5ff}.generator-page .menu-layout-gallery>button>span:not(.menu-layout-preview),.generator-page .menu-layout-gallery>button>small{padding:8px 4px 0;display:block}.generator-page .menu-layout-gallery>button>small{color:#a2a8cd;padding-top:3px;font-size:12px}.generator-page .menu-layout-preview{aspect-ratio:3/4;pointer-events:none;background:#faf7f0;border-radius:9px;width:100%;display:block;position:relative;overflow:hidden}.generator-page .menu-layout-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:360px;height:540px;position:absolute;top:0;left:0}.generator-page .url-menu-appearance .menu-compact-palettes{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:20px}.generator-page .url-menu-appearance .menu-compact-palettes>button{text-align:left;align-items:center;gap:8px;min-width:0;padding:10px;font-size:12px;display:flex}.generator-page .menu-compact-palettes .url-menu-palette-dots{flex-shrink:0;display:flex}.generator-page .menu-compact-palettes .url-menu-palette-dots i{border:1px solid #7778;width:14px;height:14px;margin-left:-3px}.generator-page .menu-gradient-controls{border-top:1px solid #35375f;margin-top:20px;padding-top:18px}.generator-page .url-menu-appearance-options select{width:100%;margin-top:8px;display:block}.generator-page .menu-gradient-controls .url-menu-appearance-colors:empty{display:none}.generator-page .menu-gradient-direction{align-items:center;gap:14px;margin-top:16px;font-size:14px;display:flex}.generator-page .menu-gradient-direction input{accent-color:#b7a2ff;flex:1;min-width:0}.generator-page .menu-gradient-direction output{text-align:right;min-width:36px}@media (max-width:640px){.generator-page .menu-layout-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.generator-page .url-menu-appearance .menu-compact-palettes{grid-template-columns:repeat(2,minmax(0,1fr))}.generator-page .menu-gradient-direction{gap:8px;font-size:12px}}.generator-page .menu-layout-gallery>button>span:not(.menu-layout-preview){word-break:normal;overflow-wrap:normal;font-size:14px;line-height:1.35}.url-menu-color-value .menu-color-circle{width:36px;height:36px;box-shadow:0 0 0 2px var(--bg-2,#0f0f1a),0 0 0 3px var(--border-2,#3a3a56);cursor:pointer;border-radius:50%;flex:none;display:block;position:relative}.url-menu-color-value .menu-color-circle input{opacity:0;cursor:pointer;width:100%;height:100%;min-height:0;margin:0;padding:0;position:absolute;inset:0}.url-menu-color-value .menu-color-circle:focus-within{outline-offset:4px;outline:2px solid #b8a5ff}.generator-page .url-menu-color-value{gap:12px;padding:10px}.generator-page .url-menu-preview .menu-phone-frame{background:#fff;border:7px solid #26262c;border-radius:34px;width:100%;overflow:hidden}.generator-page .url-menu-preview .menu-phone-viewport{aspect-ratio:1/2;width:100%;position:relative;overflow:hidden}.generator-page .url-menu-preview .menu-phone-viewport iframe{transform-origin:0 0;aspect-ratio:auto;border:0;border-radius:0;width:360px;max-width:none;height:720px;min-height:0;max-height:none;margin:0;display:block;position:absolute;inset:0}label.url-menu-color-value.theme-color-field{color:var(--text-2);background:0 0;border:0;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:4px;font-size:13px;font-weight:500;display:inline-flex}.generator-page .url-menu-appearance-colors{flex-wrap:wrap;gap:10px 18px;display:flex}.url-menu-color-value.theme-color-field>span:last-child{color:inherit}
.vcard-theme-picker{gap:10px;display:grid}.vcard-theme-picker .vcard-theme-fields{flex-wrap:wrap;gap:12px;display:flex}.vcard-theme-picker .seg button{flex:1 1 0;min-width:0;padding:8px 9px;font-weight:600}
.url-phone-field{min-width:0;position:relative}.url-phone-row{align-items:stretch;gap:10px;min-width:0;display:flex}.url-tool .url-phone-country{color:#f1f0fb;background:#131638;border:1px solid #373d70;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:112px;padding:10px 12px;font-size:14px;display:flex}.url-phone-country>span:first-child{color:#b8b9d2;font-size:12px}.url-phone-country>span:last-child{color:#b8a7ff}.url-tool .url-phone-row>input{flex:1;width:0;min-width:0}.url-phone-dropdown{z-index:45;background:#1d214b;border:1px solid #454979;border-radius:12px;width:min(380px,100%);margin-top:6px;padding:10px;position:absolute;top:100%;left:0;box-shadow:0 16px 48px #0006}.url-phone-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#71659f transparent;max-height:260px;margin-top:8px;overflow:auto}.url-tool .url-phone-options>button{color:#f1f0fb;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:40px;padding:10px;font-size:13px;display:flex}.url-tool .url-phone-options>button:hover,.url-tool .url-phone-options>button[aria-selected=true]{background:#343063}.url-phone-options>button>span:last-child{color:#b8a7ff;white-space:nowrap}.url-phone-options>p{color:#b8b9d2;padding:8px;font-size:13px}@media (max-width:480px){.url-tool .url-phone-country{gap:5px;min-width:96px;padding:10px 8px}.url-phone-row{gap:8px}}