body{display:flex;min-height:100vh;flex-direction:column}.main{flex:1;padding:58px 0 78px}.intro{max-width:900px;margin:0 auto 32px;text-align:center}.intro h1{margin:18px 0 14px;font-size:clamp(2.7rem,7vw,4.8rem)}.breadcrumbs{margin-bottom:18px;color:var(--muted);font-size:.82rem}.breadcrumbs a,.related a{color:var(--primary);font-weight:750}.breadcrumbs span{margin:0 7px}.watermark-app{max-width:1160px;margin:auto}.app-shell{overflow:hidden;border:1px solid var(--border);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.drop-zone{position:relative;display:grid;min-height:360px;place-items:center;padding:36px;margin:12px;border:2px dashed rgba(108,92,231,.27);border-radius:21px;background:radial-gradient(circle at 50% 0,rgba(108,92,231,.13),transparent 49%),linear-gradient(145deg,#fdfcff,#f7f6ff);text-align:center;transition:.22s}.drop-zone.drag{border-color:var(--primary);background:#f2efff;transform:scale(.995)}.drop-zone>input,.logo-picker>input{position:absolute;width:1px;height:1px;opacity:0}.drop-content{position:relative;z-index:1}.upload-art{position:relative;display:grid;width:92px;height:92px;place-items:center;margin:0 auto 22px;border-radius:28px;color:#fff;background:linear-gradient(145deg,#2e2b5f,#6c5ce7 58%,#00c2a8);box-shadow:0 20px 45px rgba(75,62,170,.3);transform:rotate(-3deg);animation:float 3.2s ease-in-out infinite}.upload-art .mini-photo{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.32);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.17),transparent)}.upload-art b{position:relative;display:grid;width:48px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:8px;background:rgba(20,18,56,.42);font-size:1rem;letter-spacing:.08em;box-shadow:0 7px 15px rgba(20,18,56,.2);transform:rotate(-12deg)}.drop-zone h2{margin:0 0 9px;font-size:1.45rem}.drop-zone p{margin:0 0 22px;color:var(--muted)}.drop-note{display:flex;justify-content:center;gap:6px;margin-top:15px;color:var(--muted);font-size:.78rem}.editor{display:none;grid-template-columns:minmax(0,1fr) 340px;min-height:690px}.editor.show{display:grid}.workspace{display:flex;min-width:0;flex-direction:column;padding:22px;background:linear-gradient(145deg,#262536,#13131d)}.workspace-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;color:#fff}.workspace-top>div{min-width:0}.workspace-top strong,.workspace-top span{display:block}.workspace-top strong{overflow:hidden;font-size:.92rem;text-overflow:ellipsis;white-space:nowrap}.workspace-top>div span{margin-top:4px;color:rgba(255,255,255,.56);font-size:.74rem}.live-pill{display:flex!important;align-items:center;gap:7px;flex:0 0 auto;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:99px;color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);font-size:.7rem;font-weight:800}.live-pill i{width:7px;height:7px;border-radius:50%;background:#22d8bc;box-shadow:0 0 0 5px rgba(34,216,188,.1)}.canvas-stage{position:relative;display:grid;min-height:610px;flex:1;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.05);border-radius:18px;background-color:#1f1e2b;background-image:linear-gradient(45deg,#292838 25%,transparent 25%),linear-gradient(-45deg,#292838 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#292838 75%),linear-gradient(-45deg,transparent 75%,#292838 75%);background-position:0 0,0 11px,11px -11px,-11px 0;background-size:22px 22px;cursor:crosshair;touch-action:none}.canvas-stage canvas{display:block;max-width:calc(100% - 30px);max-height:570px;box-shadow:0 22px 45px rgba(0,0,0,.38)}.canvas-stage.dragging canvas{filter:brightness(.97)}.stage-tip{position:absolute;bottom:13px;left:50%;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:99px;color:rgba(255,255,255,.75);background:rgba(12,12,19,.78);font-size:.7rem;font-weight:700;transform:translateX(-50%);pointer-events:none;white-space:nowrap}.control-panel{padding:24px;background:#fff;border-left:1px solid var(--border)}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.panel-heading h2{margin:2px 0 0;font-size:1.28rem}.step-label{color:var(--primary);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.icon-button{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:11px;color:var(--muted);background:#fafaff;font-size:1.2rem}.icon-button:hover{color:var(--primary);background:#f3f0ff}.type-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin-bottom:18px;border-radius:13px;background:#f3f2f9}.type-tab{display:flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-size:.82rem;font-weight:850}.type-tab span{font-size:.76rem}.type-tab.active{color:var(--primary);background:#fff;box-shadow:0 6px 18px rgba(52,46,112,.1)}.mode-panel{margin-bottom:18px}.mode-panel.hidden{display:none}.field-label{display:flex;justify-content:space-between;margin:0 0 7px;color:#45475c;font-size:.74rem;font-weight:850}.text-input,.select-input{width:100%;height:43px;padding:0 12px;border:1px solid var(--border);border-radius:11px;color:var(--text);background:#fff;outline:none}.text-input:focus,.select-input:focus{border-color:rgba(108,92,231,.55);box-shadow:0 0 0 4px rgba(108,92,231,.08)}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.color-field{display:flex;height:43px;align-items:center;gap:9px;padding:5px 9px;border:1px solid var(--border);border-radius:11px;color:var(--muted);font-size:.69rem;font-weight:800}.color-field input{width:27px;height:27px;padding:0;border:0;border-radius:7px;background:transparent;cursor:pointer}.logo-picker{position:relative;display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:11px;align-items:center;padding:10px;border:1px dashed rgba(108,92,231,.3);border-radius:13px;background:#faf9ff;cursor:pointer}.logo-picker:hover{border-color:var(--primary);background:#f5f2ff}.logo-preview{display:grid;width:45px;height:45px;place-items:center;overflow:hidden;border-radius:10px;color:var(--primary);background:rgba(108,92,231,.1);font-size:1.3rem}.logo-preview img{width:100%;height:100%;object-fit:contain}.logo-picker strong,.logo-picker small{display:block}.logo-picker strong{font-size:.78rem}.logo-picker small{overflow:hidden;margin-top:3px;color:var(--muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}.logo-picker>b{color:var(--primary);font-size:.7rem}.control-group{padding-top:14px;margin-top:14px;border-top:1px solid var(--border)}.range-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font-size:.76rem;font-weight:850}.range-label output{color:var(--primary)}.range-label small{color:var(--muted);font-size:.62rem;font-weight:700}.range{width:100%;height:4px;accent-color:var(--primary);cursor:pointer}.position-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;padding:5px;border-radius:12px;background:#f4f3fa}.position-grid button{position:relative;height:28px;border:0;border-radius:7px;background:transparent}.position-grid button:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:6px;border-radius:50%;background:#c7c5d4;transform:translate(-50%,-50%);transition:.16s}.position-grid button:hover,.position-grid button.active{background:#fff;box-shadow:0 3px 10px rgba(49,45,96,.09)}.position-grid button:hover:after,.position-grid button.active:after{width:8px;height:8px;background:var(--primary);box-shadow:0 0 0 4px rgba(108,92,231,.1)}.toggle-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:15px;margin-top:15px;border-top:1px solid var(--border);cursor:pointer}.toggle-row strong,.toggle-row small{display:block}.toggle-row strong{font-size:.78rem}.toggle-row small{margin-top:3px;color:var(--muted);font-size:.65rem}.toggle-row input{position:absolute;opacity:0}.toggle-row i{position:relative;flex:0 0 auto;width:38px;height:22px;border-radius:99px;background:#d8d7e2;transition:.2s}.toggle-row i:after{content:"";position:absolute;width:16px;height:16px;top:3px;left:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(30,28,55,.2);transition:.2s}.toggle-row input:checked+i{background:var(--primary)}.toggle-row input:checked+i:after{transform:translateX(16px)}.export-box{padding:14px;margin-top:19px;border:1px solid rgba(108,92,231,.13);border-radius:15px;background:linear-gradient(145deg,#faf9ff,#f6f4ff)}.export-box .two-cols{margin-top:0}.range.compact{margin-top:9px}.download-button{display:flex;width:100%;min-height:49px;align-items:center;justify-content:center;gap:10px;padding:0 14px;margin-top:13px;border:0;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--primary),#8876ef);box-shadow:0 12px 25px rgba(108,92,231,.25);font-size:.78rem;font-weight:850}.download-button:hover{transform:translateY(-1px);box-shadow:0 16px 29px rgba(108,92,231,.32)}.download-button b{font-size:1.1rem}.download-button:disabled{cursor:wait;opacity:.7}.replace-button{width:100%;padding:10px 0 0;border:0;color:var(--muted);background:transparent;font-size:.69rem;font-weight:800}.replace-button:hover{color:var(--primary)}.privacy-note{display:flex;justify-content:center;gap:8px;margin-top:17px;color:var(--muted);font-size:.82rem}.content-section{padding:70px 0}.content-section.alt{border-block:1px solid rgba(31,34,62,.06);background:rgba(255,255,255,.42)}.content{max-width:900px;margin:auto}.content h2{margin:0 0 14px;font-size:clamp(1.8rem,4vw,2.5rem)}.content>p,.info-card p,.faq p{color:var(--muted);line-height:1.75}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:27px}.info-card{position:relative;padding:23px;border:1px solid var(--border);border-radius:20px;background:#fff}.info-card h3{margin:0 0 8px;font-size:1rem}.info-card p{margin:0;font-size:.88rem}.info-icon,.step-number{display:grid;width:40px;height:40px;place-items:center;margin-bottom:16px;border-radius:12px;color:var(--primary);background:rgba(108,92,231,.1);font-size:.84rem;font-weight:900}.step-number{border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--primary),#8b7af0)}.faq{display:grid;gap:12px;margin-top:25px}.faq details{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:#fff}.faq summary{padding:18px 20px;cursor:pointer;font-weight:800}.faq p{margin:0;padding:0 20px 19px}.related{margin-top:24px}.toast{position:fixed;z-index:100;right:22px;bottom:22px;display:flex;align-items:center;gap:12px;min-width:250px;padding:14px 17px;border:1px solid rgba(255,255,255,.14);border-radius:15px;color:#fff;background:linear-gradient(135deg,#29254f,#5c4ecc);box-shadow:0 18px 45px rgba(26,22,68,.3);opacity:0;transform:translateY(18px) scale(.96);transition:.28s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0) scale(1)}.toast>span{display:grid;width:35px;height:35px;place-items:center;border-radius:10px;background:rgba(255,255,255,.13)}.toast strong,.toast small{display:block}.toast strong{font-size:.83rem}.toast small{margin-top:3px;color:rgba(255,255,255,.7);font-size:.68rem}@keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}@media(max-width:920px){.editor{grid-template-columns:1fr}.control-panel{border-top:1px solid var(--border);border-left:0}.canvas-stage{min-height:520px}.canvas-stage canvas{max-height:480px}.info-grid{grid-template-columns:1fr}}@media(max-width:640px){.main{padding:42px 0 54px}.drop-zone{min-height:300px;padding:25px 16px}.workspace{padding:13px}.canvas-stage{min-height:365px}.canvas-stage canvas{max-width:calc(100% - 16px);max-height:335px}.stage-tip{max-width:92%;overflow:hidden;text-overflow:ellipsis}.control-panel{padding:20px}.content-section{padding:54px 0}.toast{right:10px;bottom:10px;left:10px;min-width:0}.privacy-note{padding:0 12px;text-align:center}.two-cols{grid-template-columns:1fr 1fr}}