.hidden{display:none!important}.round-app{display:flex;gap:24px;max-width:1200px;margin:0 auto;padding:24px 20px 60px;align-items:stretch}.round-settings{width:340px;min-width:300px;flex-shrink:0;display:flex;flex-direction:column}.round-panel{background:var(--card-bg);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);border:1px solid var(--border);display:flex;flex-direction:column;max-height:800px}.panel-top{flex-shrink:0}.panel-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--dark);margin:0 0 14px}.panel-title svg{color:var(--primary)}.round-preset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.round-preset-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-muted);font-size:.72rem;font-weight:500;cursor:pointer;transition:var(--transition);text-align:center}.round-preset-item:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light);box-shadow:0 0 0 2px #0052ff1a}.preset-preview{width:30px;height:30px;border-radius:9px;background:var(--bg-gray);display:flex;align-items:center;justify-content:center;overflow:hidden}.preset-shape{width:19px;height:19px;background:#c7d2e0;flex-shrink:0}.round-preset-item:hover .preset-shape{background:var(--primary)}.preset-shape.circle{border-radius:50%;width:18px;height:18px}.preset-shape.capsule{border-radius:999px;width:24px;height:14px}.preset-shape.ios{border-radius:32%;width:18px;height:18px}.preset-shape.badge{border-radius:42%;width:18px;height:18px}.preset-shape.sticker{border-radius:6px;width:18px;height:18px}.preset-shape.leaf-r{border-radius:100% 0;width:20px;height:16px;transform:rotate(40deg)}.preset-shape.leaf-l{border-radius:0 100%;width:20px;height:16px;transform:rotate(-40deg)}.preset-shape.glow{width:18px;height:18px;border-radius:32%;background:#3b82f6;box-shadow:0 0 8px 2px #3b82f699}.panel-divider{height:1px;background:var(--border);margin:16px 0;flex-shrink:0}.panel-scroll{flex:1;overflow-y:auto;min-height:0;padding-right:4px;margin-right:-6px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.panel-scroll::-webkit-scrollbar{width:5px}.panel-scroll::-webkit-scrollbar-track{background:transparent}.panel-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:14px}.section-title{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:700;color:var(--dark);margin:0}.section-title svg{color:var(--primary)}.round-link-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1.5px solid var(--border);border-radius:10px;background:var(--bg-white);color:var(--primary);cursor:pointer;transition:var(--transition);flex-shrink:0;padding:0}.round-link-toggle:hover{border-color:var(--primary);background:var(--primary-light)}.round-link-toggle .icon-link-off{display:none}.round-link-toggle.off{color:var(--text-muted);border-color:var(--border);background:var(--bg-gray)}.round-link-toggle.off:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.round-link-toggle.off .icon-link-on{display:none}.round-link-toggle.off .icon-link-off{display:block}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.slider-label{font-size:.88rem;font-weight:600;color:var(--dark)}.slider-value{font-size:.82rem;font-weight:700;color:var(--primary);min-width:36px;text-align:right}.round-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--border);outline:none;cursor:pointer;margin:0 0 14px}.round-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #0052ff59;border:3px solid white;transition:box-shadow .2s}.round-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 14px #0052ff80}.round-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--primary);cursor:pointer;box-shadow:0 2px 8px #0052ff59;border:3px solid white}.corner-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.corner-field .slider-header{margin-bottom:4px}.corner-field .slider-header span:first-child{font-size:.82rem;font-weight:600;color:var(--text-muted)}.corner-field .slider-value{font-size:.78rem}.corner-field .round-slider{margin-bottom:0}.corner-field .round-slider::-webkit-slider-thumb,.row-field .round-slider::-webkit-slider-thumb{width:16px;height:16px}.corner-field .round-slider::-moz-range-thumb,.row-field .round-slider::-moz-range-thumb{width:16px;height:16px}.row-sliders{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row-field .slider-header{margin-bottom:4px}.row-field .slider-header span:first-child{font-size:.82rem;font-weight:600;color:var(--text-muted)}.row-field .slider-value{font-size:.78rem}.row-field .round-slider{margin-bottom:0}.color-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.color-label{font-size:.86rem;font-weight:600;color:var(--dark);flex-shrink:0}.color-row input[type=color]{width:42px;height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);cursor:pointer;padding:2px}.color-row input[type=text]{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--dark);font-size:.9rem;font-weight:600;outline:none;text-transform:uppercase}.color-row input[type=text]:focus{border-color:var(--primary)}.toggle-switch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background:var(--border);border-radius:999px;transition:.3s;cursor:pointer}.toggle-slider:before{content:"";position:absolute;height:20px;width:20px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.seg-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.seg-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-white);color:var(--text-muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:var(--transition)}.seg-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.seg-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-light);font-weight:700}.panel-bottom{flex-shrink:0;border-top:1px solid var(--border);padding-top:16px;margin-top:4px}.round-share{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-white);color:var(--primary);font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition)}.round-share:hover{border-color:var(--primary);background:var(--primary-light)}.panel-bottom .round-download{width:100%;margin-top:12px}.round-download{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-md);background:linear-gradient(135deg,#0052ff,#003db3);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:4px}.round-download:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0052ff66}.round-download:active{transform:translateY(0)}.round-download:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.round-main{flex:1;min-width:0;display:flex;flex-direction:column}.round-main>*:first-child{flex:1}.round-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-lg);padding:80px 24px;text-align:center;cursor:pointer;transition:var(--transition);background:var(--card-bg);display:flex;align-items:center;justify-content:center;height:100%;box-sizing:border-box}.round-upload-zone:hover,.round-upload-zone.dragover{border-color:var(--primary);background:var(--primary-light)}.round-upload-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.round-upload-title{font-size:1.1rem;font-weight:600;color:var(--dark);margin:0 0 8px}.round-upload-sub{font-size:.9rem;color:var(--text-muted);margin:0 0 24px}.round-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-white);color:var(--dark);font-size:.95rem;font-weight:600;cursor:pointer;transition:var(--transition)}.round-upload-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.round-preview-area{background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);overflow:hidden;display:flex;flex-direction:column;height:100%}.round-canvas-toolbar{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;gap:4px;border-bottom:1px solid var(--border);background:var(--card-bg)}.round-toolbar-left{display:flex;align-items:center;gap:6px}.round-toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.round-toolbar-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.round-toolbar-btn:active{transform:scale(.95)}.round-toolbar-btn.danger:hover{border-color:#ef4444;color:#ef4444;background:#fef2f2}.round-toolbar-divider{width:1px;height:20px;background:var(--border);margin:0 4px}.round-compare-label{font-size:.82rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;gap:6px}.round-compare-label svg{color:var(--primary)}.round-btn-reset{display:flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-white);color:var(--text-muted);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition);margin-bottom:4px}.round-btn-reset:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.round-canvas-container{position:relative;display:flex;justify-content:center;align-items:center;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 20px 20px;flex:1;overflow:hidden;min-height:420px;user-select:none;-webkit-user-select:none;padding:24px}[data-theme=dark] .round-canvas-container{background:repeating-conic-gradient(#333 0% 25%,#222 0% 50%) 50% / 20px 20px}.round-canvas-wrapper{position:relative;display:inline-block;line-height:0}.round-canvas-wrapper canvas{display:block;max-width:100%;max-height:520px;box-shadow:0 4px 20px #0000001a}.round-canvas-info{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted);background:var(--card-bg)}.round-canvas-info-left{display:flex;align-items:center;gap:12px}.round-info-hint{display:flex;align-items:center;gap:4px;font-size:.78rem}.round-info-hint svg{color:var(--text-muted);opacity:.6}.round-hero{background:linear-gradient(to bottom,var(--bg-white) 0%,var(--bg-gray) 100%);border-bottom:1px solid var(--border);padding:60px 20px 48px;text-align:center}.round-hero .hero-title{font-size:2.2rem;font-weight:800;color:var(--dark);margin:0 0 12px;line-height:1.3}.round-hero .hero-title span{color:var(--primary)}.round-hero .hero-desc{font-size:1.15rem;color:var(--text-main);margin:0 0 8px}.round-hero .hero-desc strong{color:var(--dark)}.round-hero .hero-sub{font-size:.95rem;color:var(--text-muted);margin:0 0 40px}.round-info{background:var(--bg-gray);border-top:1px solid var(--border);padding:60px 20px 80px}.round-info .container{max-width:1200px;margin:0 auto}.round-faq-section{max-width:800px;margin:0 auto}.round-faq-title{font-size:1.5rem;font-weight:800;color:var(--dark);text-align:center;margin:0 0 32px}.round-faq-item{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:12px;overflow:hidden;transition:border-color .2s}.round-faq-item:hover{border-color:var(--primary)}.round-faq-question{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border:none;background:transparent;cursor:pointer;text-align:left;font-size:.95rem;font-weight:600;color:var(--dark);line-height:1.5;transition:color .2s}.round-faq-question:hover{color:var(--primary)}.round-faq-arrow{flex-shrink:0;color:var(--text-muted);transition:transform .3s ease}.round-faq-item.open .round-faq-arrow{transform:rotate(180deg);color:var(--primary)}.round-faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease}.round-faq-item.open .round-faq-answer{max-height:320px}.round-faq-answer p{padding:0 20px 18px;font-size:.9rem;color:var(--text-muted);line-height:1.7;margin:0}.round-toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%) translateY(16px);background:#000000d9;color:#fff;padding:10px 20px;border-radius:999px;font-size:.88rem;z-index:2000;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;white-space:nowrap}.round-toast.show{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1024px){.round-app{max-width:100%;gap:16px;padding:20px 16px 48px}.round-settings{width:300px;min-width:260px}}@media(max-width:860px){.round-app{flex-direction:column;padding:16px 12px 48px;align-items:stretch}.round-settings{width:100%;min-width:0;position:static;order:2}.round-panel{max-height:none}.round-main{order:1;min-height:220px}.round-upload-zone,.round-preview-area{height:auto;min-height:200px}}@media(max-width:640px){.round-app{padding:12px 10px 40px;gap:12px}.round-panel{padding:14px;border-radius:var(--radius-md)}.round-preset-grid{grid-template-columns:repeat(4,1fr);gap:6px}.round-preset-item{padding:8px 3px;font-size:.68rem;gap:4px}.preset-preview{width:26px;height:26px}.round-hero{padding:40px 16px 32px}.round-hero .hero-title{font-size:1.5rem}.round-hero .hero-desc{font-size:1rem}.round-info{padding:40px 16px 60px}.round-upload-zone{padding:28px 16px;min-height:200px}.round-upload-title{font-size:.95rem}.round-canvas-toolbar{padding:8px 12px;flex-wrap:wrap;gap:8px}.round-toolbar-btn{width:32px;height:32px}.round-canvas-container{min-height:300px;padding:12px}.round-canvas-wrapper canvas{max-height:360px}.round-canvas-info{flex-direction:column;gap:8px;text-align:center}.round-canvas-info-left{flex-wrap:wrap;justify-content:center;gap:8px}.round-faq-title{font-size:1.25rem}.round-faq-question{padding:14px 16px;font-size:.9rem}.round-faq-answer p{padding:0 16px 14px;font-size:.85rem}}.round-toolbar-right{display:flex;align-items:center;gap:6px}.round-preview-area.dragover{box-shadow:inset 0 0 0 2px var(--primary)}