.cp-wrap{--cp-ink: #16161a;--cp-muted: #6b7280;--cp-line: #e6e6ea;--cp-surface: #ffffff;--cp-bg: #f6f6f8;--cp-accent: #16161a;--cp-radius: 14px;max-width:1080px;margin:0 auto;padding:72px 16px 56px;display:grid;grid-template-columns:1fr;gap:20px;color:var(--cp-ink);font-size:.92rem;line-height:1.45}@media(min-width:900px){.cp-wrap{grid-template-columns:360px 1fr;align-items:start;gap:28px}.cp-preview-col{position:sticky;top:16px}}.cp-header{margin-bottom:2px}.cp-title{font-size:1.5rem;line-height:1.2;margin:0 0 6px;letter-spacing:-.01em}.cp-subtitle{color:var(--cp-muted);margin:0;font-size:.85rem}.cp-panel{display:flex;flex-direction:column;gap:14px}.cp-card{background:var(--cp-surface);border:1px solid var(--cp-line);border-radius:var(--cp-radius);padding:16px;box-shadow:0 1px 2px #1010140a}.cp-wrap h1,.cp-wrap h2{text-transform:none;font-family:inherit}.cp-step{display:flex;align-items:center;gap:9px;font-size:.98rem;font-weight:650;margin:0 0 4px;letter-spacing:-.01em;text-transform:none}.cp-step-no{flex:0 0 auto;width:23px;height:23px;border-radius:50%;background:var(--cp-accent);color:#fff;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.cp-optional{font-size:.72rem;font-weight:500;color:var(--cp-muted);background:var(--cp-bg);border-radius:20px;padding:2px 9px}.cp-step-desc{color:var(--cp-muted);font-size:.79rem;margin:0 0 12px}.cp-step-desc strong{color:var(--cp-ink);font-weight:600}.cp-subfield{margin-top:16px;padding-top:14px;border-top:1px solid var(--cp-line)}.cp-label{display:block;font-weight:600;font-size:.82rem;margin-bottom:4px}.cp-label+.cp-step-desc{margin-bottom:9px}.cp-field-hint{font-weight:400;color:var(--cp-muted);font-size:.76rem}.cp-bg-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.cp-bg-item{aspect-ratio:2 / 3;border-radius:9px;border:none;box-shadow:0 0 0 1px var(--cp-line);background-size:cover;background-position:center;cursor:pointer;padding:0;transition:box-shadow .12s ease,transform .12s ease}.cp-bg-item:hover{transform:translateY(-1px)}.cp-bg-item.is-selected{box-shadow:0 0 0 2.5px var(--cp-accent)}.cp-shape-list{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.cp-shape-item{aspect-ratio:1;border-radius:9px;border:none;box-shadow:0 0 0 1px var(--cp-line);background-color:var(--cp-bg);cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s ease,transform .12s ease}.cp-shape-item:hover{transform:translateY(-1px);box-shadow:0 0 0 1.5px var(--cp-accent)}.cp-shape-item img{max-width:100%;max-height:100%}.cp-text-row{display:flex;gap:7px;align-items:stretch}.cp-text-input{flex:1;min-width:0;min-height:88px;padding:10px 12px;border:1px solid var(--cp-line);border-radius:10px;font-size:.92rem;font-family:inherit;resize:vertical;box-sizing:border-box;background:var(--cp-surface);color:var(--cp-ink);transition:border-color .12s ease,box-shadow .12s ease}.cp-text-input:focus{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px #16161a12}.cp-symbol-list{flex:0 0 auto;width:92px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;align-content:flex-start;max-height:88px;overflow-y:auto;padding-right:2px}.cp-symbol-btn{border:1px solid var(--cp-line);border-radius:7px;background:var(--cp-surface);cursor:pointer;font-size:.85rem;line-height:1;padding:5px 0;color:var(--cp-ink);transition:background .12s ease,border-color .12s ease}.cp-symbol-btn:hover{border-color:var(--cp-accent);background:var(--cp-bg)}.cp-layer-list{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:10px}.cp-layer-chip{display:flex;align-items:stretch;border:1px solid var(--cp-line);border-radius:10px;overflow:hidden;background:var(--cp-surface);transition:box-shadow .12s ease,border-color .12s ease}.cp-layer-chip.is-active{border-color:var(--cp-accent);box-shadow:0 0 0 1.5px var(--cp-accent)}.cp-layer-chip-order{display:flex;flex-direction:column;border-right:1px solid var(--cp-line)}.cp-layer-chip-order button{border:none;background:var(--cp-bg);width:21px;height:15px;line-height:1;font-size:8px;cursor:pointer;color:var(--cp-muted);padding:0}.cp-layer-chip-order button:hover:not(:disabled){background:#ececed;color:var(--cp-ink)}.cp-layer-chip-order button:first-child{border-bottom:1px solid var(--cp-line)}.cp-layer-chip-order button:disabled{color:#d4d4d8;cursor:default}.cp-layer-chip-select{border:none;background:none;padding:6px 11px;font-size:.8rem;font-family:inherit;color:var(--cp-ink);cursor:pointer;white-space:nowrap}.cp-layer-chip-remove{border:none;border-left:1px solid var(--cp-line);background:var(--cp-surface);width:24px;cursor:pointer;color:var(--cp-muted);font-size:.9rem;line-height:1}.cp-layer-chip-remove:hover{background:#fdeceb;color:#c0392b}.cp-add-layer-btn{border:1px dashed #c4c4cc;background:none;border-radius:10px;padding:8px 14px;font-size:.8rem;font-family:inherit;cursor:pointer;color:var(--cp-muted);transition:border-color .12s ease,color .12s ease}.cp-add-layer-btn:hover{border-color:var(--cp-accent);color:var(--cp-ink)}.cp-add-layer-btn--wide{display:block;width:100%;margin-bottom:12px;font-weight:600}.cp-editing-box{margin-top:14px;padding:14px;background:var(--cp-bg);border-radius:11px}.cp-editing-title{margin:0 0 12px;font-size:.74rem;font-weight:650;text-transform:uppercase;letter-spacing:.04em;color:var(--cp-muted)}.cp-editing-box .cp-subfield{border-top-color:#e0e0e6}.cp-editing-box .cp-text-input,.cp-editing-box .cp-select,.cp-editing-box .cp-symbol-btn,.cp-editing-box .cp-weight-btn,.cp-editing-box .cp-role-btn{background:var(--cp-surface)}.cp-weight-row{display:flex;gap:7px}.cp-weight-btn{border:1px solid var(--cp-line);border-radius:9px;padding:7px 14px;background:var(--cp-surface);color:var(--cp-ink);font-family:inherit;cursor:pointer;font-size:.82rem;transition:border-color .12s ease,box-shadow .12s ease}.cp-weight-btn:hover{border-color:#b8b8c0}.cp-weight-btn.is-selected{border-color:var(--cp-accent);box-shadow:0 0 0 1.5px var(--cp-accent)}.cp-role-row{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.cp-role-btn{border:1px solid var(--cp-line);border-radius:20px;padding:5px 13px;background:var(--cp-surface);color:var(--cp-ink);font-family:inherit;cursor:pointer;font-size:.76rem;transition:background .12s ease,color .12s ease,border-color .12s ease}.cp-role-btn:hover{border-color:#b8b8c0}.cp-role-btn.is-selected{border-color:var(--cp-accent);background:var(--cp-accent);color:#fff}.cp-select{width:100%;padding:9px 11px;border:1px solid var(--cp-line);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--cp-ink);background:var(--cp-surface);box-sizing:border-box;cursor:pointer}.cp-select:focus{outline:none;border-color:var(--cp-accent);box-shadow:0 0 0 3px #16161a12}.cp-color-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-bottom:10px}.cp-color-swatch{width:100%;aspect-ratio:1;border-radius:8px;border:none;box-shadow:0 0 0 1px #1010141f;cursor:pointer;padding:0;transition:transform .12s ease,box-shadow .12s ease}.cp-color-swatch:hover{transform:scale(1.08)}.cp-color-swatch.is-selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--cp-accent)}.cp-custom-color-row{display:flex;align-items:center;gap:9px;font-size:.76rem;color:var(--cp-muted)}.cp-color-custom{flex:0 0 auto;width:44px;height:30px;padding:0;border:1px solid var(--cp-line);border-radius:8px;cursor:pointer;background:none}.cp-checkbox-row{display:flex;align-items:flex-start;gap:10px;margin-top:14px;padding:11px 13px;border:1px solid var(--cp-line);border-radius:10px;cursor:pointer;transition:border-color .12s ease}.cp-checkbox-row:hover{border-color:#b8b8c0}.cp-checkbox-row input{margin-top:2px;width:16px;height:16px;accent-color:var(--cp-accent);cursor:pointer;flex:0 0 auto}.cp-checkbox-row strong{display:block;font-size:.84rem;font-weight:600}.cp-checkbox-row em{display:block;font-style:normal;font-size:.76rem;color:var(--cp-muted);margin-top:1px}.cp-add-btn{width:100%;margin-top:16px;padding:13px 20px;background:var(--cp-accent);color:#fff;border:none;border-radius:11px;font-size:.94rem;font-family:inherit;font-weight:650;cursor:pointer;transition:opacity .12s ease,transform .12s ease}.cp-add-btn:hover:not(:disabled){opacity:.88}.cp-add-btn:active:not(:disabled){transform:translateY(1px)}.cp-add-btn:disabled{opacity:.5;cursor:default}.cp-status{min-height:18px;font-size:.8rem;margin:9px 0 0;text-align:center;color:var(--cp-muted)}.cp-canvas-box{position:relative;display:flex;justify-content:center}.cp-rotate-btn{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:2px;min-width:46px;min-height:38px;padding:6px 8px;border:2px solid var(--cp-ink);border-radius:999px;background:#fff;color:var(--cp-ink);box-shadow:0 5px 14px #1010142e;font:inherit;line-height:1;cursor:pointer;transform:translate(-50%,-50%);touch-action:manipulation}.cp-rotate-btn[hidden]{display:none}.cp-rotate-btn span{font-size:1.15rem;font-weight:800}.cp-rotate-btn small{font-size:.62rem;font-weight:800}.cp-rotate-btn:hover,.cp-rotate-btn:focus-visible{background:var(--cp-ink);color:#fff}.cp-canvas-box canvas{width:100%;max-width:320px;max-height:66vh;aspect-ratio:2 / 3;background:var(--cp-bg);border-radius:6px;box-shadow:0 10px 34px #10101424;touch-action:none;cursor:grab}.cp-card--size{border-color:#b15d3b57;background:linear-gradient(145deg,#fffdfb,#fbf1ea);box-shadow:0 16px 40px #7a4b3114}.cp-size-field{margin-top:18px}.cp-size-note{margin:9px 0 0;color:var(--cp-muted);font-size:.78rem;line-height:1.5}.cp-canvas-box canvas:active{cursor:grabbing}.cp-hint{text-align:center;color:var(--cp-muted);font-size:.76rem;margin:14px auto 0;max-width:340px;line-height:1.5}.cp-hint strong{color:var(--cp-ink);font-weight:600}.cp-view-wrap{max-width:620px;margin:0 auto;padding:32px 20px 64px;text-align:center;color:#16161a}.cp-view-wrap .cp-canvas-box canvas{max-width:400px;max-height:none;cursor:default}.cp-view-info{text-align:left;background:#f6f6f8;border:1px solid #e6e6ea;border-radius:12px;padding:16px 18px;margin:22px 0;font-size:.88rem;line-height:1.6}.cp-download-btn{padding:12px 26px;background:#16161a;color:#fff;border:none;border-radius:11px;font-size:.94rem;font-family:inherit;font-weight:650;cursor:pointer}.cp-download-btn:hover{opacity:.88}.cp-wrap{--cp-ink: #241f1b;--cp-muted: #746b64;--cp-line: #e8dfd6;--cp-surface: #fffdfa;--cp-bg: #f7f1eb;--cp-accent: #c95f4d;--cp-accent-deep: #a94536;--cp-accent-soft: #fae8e2;--cp-success: #3b7d61;--cp-radius: 20px;max-width:1180px;padding:72px 20px 80px;color:var(--cp-ink);font-size:.94rem;line-height:1.5}.cp-wrap *,.cp-wrap *:before,.cp-wrap *:after{box-sizing:border-box}.cp-header{max-width:720px;margin-bottom:30px}.cp-eyebrow{margin:0 0 9px;color:var(--cp-accent);font-size:.72rem;font-weight:700;letter-spacing:.16em}.cp-title{margin-bottom:10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.045em}.cp-subtitle{max-width:620px;font-size:1rem}.cp-hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.cp-hero-meta span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border:1px solid var(--cp-line);border-radius:999px;background:var(--cp-surface);color:var(--cp-muted);font-size:.76rem;font-weight:600}.cp-hero-meta span:before{content:"\2713";margin-right:6px;color:var(--cp-success);font-weight:800}.cp-presets{margin:-2px 0 32px;padding:20px 0 24px;border-top:1px solid var(--cp-line);border-bottom:1px solid var(--cp-line)}.cp-presets-head{display:flex;align-items:end;justify-content:space-between;gap:20px;width:min(100%,850px);margin-bottom:14px}.cp-presets-kicker{margin:0 0 3px;color:var(--cp-accent);font-size:.66rem;font-weight:800;letter-spacing:.14em}.cp-presets-title{margin:0;font-size:1.08rem;line-height:1.2;letter-spacing:-.02em}.cp-presets-note{margin:0;color:var(--cp-muted);font-size:.76rem}.cp-preset-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;width:min(100%,850px)}.cp-preset-card{display:block;min-width:0;padding:6px 6px 9px;border:1px solid var(--cp-line);border-radius:16px;background:var(--cp-surface);color:var(--cp-ink);text-align:left;cursor:pointer;box-shadow:0 6px 18px #4b34260f;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.cp-preset-card:hover{transform:translateY(-3px);border-color:#c95f4d73;box-shadow:0 10px 24px #4b34261f}.cp-preset-card.is-selected{border-color:var(--cp-accent);box-shadow:0 0 0 2px var(--cp-accent-soft),0 10px 24px #4b34261a}.cp-preset-card canvas{display:block;width:100%;aspect-ratio:2 / 3;border-radius:11px;background:var(--cp-bg);box-shadow:0 4px 14px #2d20181f;pointer-events:none}.cp-preset-card span{display:block;overflow:hidden;margin:8px 3px 0;font-size:.7rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.cp-workspace{display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,56px)}.cp-panel{gap:16px}.cp-card{position:relative;overflow:hidden;padding:21px;border-color:var(--cp-line);border-radius:var(--cp-radius);background:var(--cp-surface);box-shadow:0 5px 20px #4b34260a}.cp-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--cp-accent-soft)}.cp-step{gap:10px;margin-bottom:5px;font-size:1.04rem;font-weight:700}.cp-step-no{width:28px;height:28px;border-radius:9px;background:var(--cp-accent);font-size:.78rem;font-weight:800;box-shadow:0 5px 13px #c95f4d38}.cp-step-desc{margin-bottom:14px;font-size:.8rem}.cp-subfield{margin-top:18px;padding-top:16px;border-top-color:var(--cp-line)}.cp-label{margin-bottom:5px;font-size:.84rem;font-weight:700}.cp-bg-list{gap:9px}.cp-bg-item{border-radius:12px;box-shadow:0 0 0 1px var(--cp-line),0 4px 10px #4b34260f;transition:transform .18s ease,box-shadow .18s ease}.cp-bg-item:hover{transform:translateY(-3px);box-shadow:0 0 0 1px #d7c9bd,0 8px 18px #4b342621}.cp-bg-item.is-selected{box-shadow:0 0 0 3px var(--cp-surface),0 0 0 6px var(--cp-accent),0 9px 20px #4b342629}.cp-shape-list{gap:8px}.cp-shape-item{padding:7px;border:1px solid var(--cp-line);border-radius:12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.cp-shape-item:hover{transform:translateY(-2px);border-color:var(--cp-accent);background:var(--cp-accent-soft);box-shadow:none}.cp-text-input,.cp-select{border-color:#d7c9bd;border-radius:12px}.cp-text-input{min-height:98px;padding:12px 13px}.cp-select{padding:11px 12px}.cp-text-input:focus,.cp-select:focus{border-color:var(--cp-accent);box-shadow:0 0 0 4px var(--cp-accent-soft)}.cp-symbol-list{width:100px;max-height:98px}.cp-symbol-btn:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.cp-layer-chip{border-color:var(--cp-line);border-radius:11px}.cp-layer-chip.is-active{border-color:var(--cp-accent);box-shadow:0 0 0 2px var(--cp-accent-soft)}.cp-add-layer-btn{padding:10px 14px;border-color:var(--cp-accent);border-radius:12px;background:var(--cp-accent-soft);color:var(--cp-accent-deep);font-weight:700}.cp-add-layer-btn:hover{border-color:var(--cp-accent-deep);background:#f7dbd3;color:var(--cp-accent-deep)}.cp-editing-box{padding:16px;border:1px solid var(--cp-line);border-radius:15px;background:var(--cp-bg)}.cp-editing-title{color:var(--cp-accent-deep);font-weight:800}.cp-weight-btn,.cp-role-btn{border-color:#d7c9bd}.cp-weight-btn:hover,.cp-role-btn:hover{border-color:var(--cp-accent)}.cp-weight-btn.is-selected,.cp-role-btn.is-selected{border-color:var(--cp-accent);background:var(--cp-accent);color:#fff;box-shadow:0 4px 12px #c95f4d33}.cp-color-grid{gap:7px}.cp-color-swatch{border-radius:10px}.cp-color-swatch.is-selected{box-shadow:0 0 0 3px var(--cp-surface),0 0 0 6px var(--cp-accent)}.cp-custom-color-row{justify-content:space-between}.cp-color-custom{width:50px;height:34px;padding:2px;border-color:#d7c9bd;border-radius:9px;background:var(--cp-surface)}.cp-checkbox-row{padding:13px 14px;border-color:var(--cp-line);border-radius:13px;background:var(--cp-bg)}.cp-checkbox-row:hover{border-color:var(--cp-accent);background:var(--cp-accent-soft)}.cp-add-btn,.cp-download-btn{border-radius:13px;background:var(--cp-accent);box-shadow:0 10px 25px #c95f4d40}.cp-add-btn{padding:14px 20px}.cp-add-btn:hover:not(:disabled),.cp-download-btn:hover{transform:translateY(-2px);background:var(--cp-accent-deep);opacity:1;box-shadow:0 13px 30px #a945364d}.cp-preview-col{position:sticky;top:88px;padding:clamp(16px,3vw,26px);border:1px solid var(--cp-line);border-radius:26px;background:linear-gradient(145deg,#fffaf6,#f5ebe3);box-shadow:0 18px 50px #4b34261a}.cp-preview-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cp-preview-label,.cp-preview-ratio{color:var(--cp-muted);font-size:.76rem;font-weight:700}.cp-preview-label{display:inline-flex;align-items:center}.cp-preview-dot{width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--cp-success);box-shadow:0 0 0 4px #3b7d611f}.cp-preview-ratio{padding:5px 8px;border-radius:999px;background:#ffffffb8}.cp-canvas-box canvas{max-width:430px;max-height:68vh;border-radius:8px;box-shadow:0 22px 50px #412a1d2e,0 2px 8px #412a1d14}.cp-hint{max-width:410px;margin-top:16px;line-height:1.55}.cp-wrap button:focus-visible,.cp-wrap input:focus-visible,.cp-wrap select:focus-visible,.cp-wrap textarea:focus-visible{outline:3px solid var(--cp-accent-soft);outline-offset:3px}.cp-view-wrap{max-width:680px;padding:72px 20px 80px;color:var(--cp-ink)}.cp-view-wrap .cp-title{font-size:clamp(1.8rem,5vw,2.8rem)}.cp-view-wrap .cp-canvas-box{margin-top:24px}.cp-view-info{border-color:var(--cp-line);border-radius:16px;background:var(--cp-bg)}.cp-add-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cp-add-action{display:flex;align-items:center;gap:11px;min-width:0;min-height:76px;padding:12px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-surface);color:var(--cp-ink);font:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.cp-add-action:hover,.cp-add-action.is-open{transform:translateY(-2px);border-color:var(--cp-accent);background:var(--cp-accent-soft);box-shadow:0 8px 18px #4b34261a}.cp-add-action>span:last-child{display:grid;gap:3px;min-width:0}.cp-add-action strong{font-size:.84rem;line-height:1.15}.cp-add-action small{color:var(--cp-muted);font-size:.68rem;line-height:1.3}.cp-add-action-icon{display:grid;flex:0 0 36px;width:36px;height:36px;place-items:center;border-radius:11px;background:var(--cp-accent);color:#fff;font-family:Georgia,serif;font-size:1rem;font-weight:700}.cp-add-action-icon--shape{background:var(--cp-ink);font-family:inherit}.cp-shape-picker{margin-top:12px;padding:13px;border:1px solid var(--cp-line);border-radius:14px;background:var(--cp-bg)}.cp-shape-picker[hidden]{display:none}.cp-shape-picker-title{margin:0 0 10px;color:var(--cp-muted);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.cp-inline-editor{margin-top:18px;padding-top:18px;border-top:1px solid var(--cp-line)}.cp-inline-editor-title{margin:0 0 5px;color:var(--cp-accent-deep);font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.cp-inline-editor>.cp-layer-list{margin-top:12px}@media(max-width:899px){.cp-wrap{display:block;max-width:680px;padding:72px 16px 64px}.cp-header{margin-bottom:22px}.cp-presets{margin-bottom:22px;padding-top:16px;padding-bottom:18px}.cp-presets-head{align-items:flex-start}.cp-preset-list{grid-template-columns:repeat(5,132px);width:100%;padding:2px 2px 10px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity}.cp-preset-card{scroll-snap-align:start}.cp-workspace{grid-template-columns:1fr;gap:18px}.cp-preview-col{position:relative;top:auto;order:-1;padding:16px;border-radius:20px}.cp-canvas-box canvas{max-width:280px;max-height:420px}.cp-hint{margin-top:12px}}@media(max-width:520px){.cp-wrap{padding-right:14px;padding-left:14px}.cp-title{font-size:2.15rem}.cp-subtitle{font-size:.9rem}.cp-presets-head{display:block}.cp-presets-note{margin-top:5px}.cp-hero-meta{gap:6px;margin-top:15px}.cp-hero-meta span{min-height:28px;padding:5px 9px;font-size:.7rem}.cp-card{padding:17px;border-radius:17px}.cp-add-action{min-height:66px;padding:10px}.cp-add-action small{display:none}.cp-bg-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cp-shape-list{grid-template-columns:repeat(5,minmax(0,1fr))}.cp-text-row{flex-direction:column}.cp-symbol-list{grid-template-columns:repeat(10,minmax(0,1fr));width:100%;max-height:none;overflow:visible}.cp-symbol-btn{min-height:30px}.cp-canvas-box canvas{max-width:245px;max-height:368px}.cp-preview-ratio{display:inline-flex;font-size:.68rem}}@media(prefers-reduced-motion:reduce){.cp-wrap *,.cp-wrap *:before,.cp-wrap *:after{transition-duration:.01ms!important}}@media(max-width:899px){.cp-preview-col{position:sticky;top:calc(62px + env(safe-area-inset-top));z-index:30;padding:10px 12px 12px;border-radius:16px;box-shadow:0 12px 32px #4b342629}.cp-preview-col .cp-preview-bar{margin-bottom:8px}.cp-preview-col .cp-canvas-box canvas{width:132px;max-width:132px;max-height:198px}.cp-preview-col .cp-rotate-btn{min-width:44px;min-height:44px;padding:5px 7px}.cp-preview-col .cp-hint{display:none}}@media(min-width:900px){.cp-wrap{grid-template-columns:1fr}}@media(max-width:899px){.cp-preview-col .cp-canvas-box canvas{width:clamp(152px,42vw,180px);max-width:180px;max-height:270px}}.cp-color-swatch--ozel{box-shadow:0 0 0 2px var(--cp-surface),0 0 0 3px var(--cp-accent-deep)}.cp-color-swatch--ozel.is-selected{box-shadow:0 0 0 3px var(--cp-surface),0 0 0 6px var(--cp-accent)}.cp-add-action{gap:9px;min-height:56px;padding:9px 10px}.cp-add-action-icon{flex:0 0 30px;width:30px;height:30px;border-radius:9px;font-size:.9rem}.cp-add-action strong{font-size:.8rem}.cp-add-action small{font-size:.64rem}.cp-inline-editor{margin-top:12px;padding-top:12px}.cp-inline-editor>.cp-layer-list{margin-top:8px}.cp-editing-box{padding:12px}.cp-editing-box .cp-subfield{margin-top:11px;padding-top:10px}.cp-shape-picker{margin-top:9px;padding:10px}.cp-shape-picker-title{margin-bottom:7px}.cp-editing-box [data-cp-color-desc]{display:none}.cp-inline-editor>.cp-step-desc{display:none}.cp-editing-box [data-cp-text-field] .cp-step-desc{margin-bottom:6px;font-size:.7rem;line-height:1.25}@media(max-width:899px){.cp-card{padding:15px}.cp-step{font-size:.98rem;margin-bottom:3px}.cp-step-desc{margin-bottom:9px;font-size:.76rem}.cp-subfield{margin-top:12px;padding-top:10px}.cp-add-actions{gap:8px}.cp-add-action{min-height:48px;padding:8px}.cp-add-action small{display:none}.cp-add-action-icon{flex-basis:26px;width:26px;height:26px;font-size:.82rem}.cp-symbol-list{max-height:76px}.cp-editing-box{padding:10px}.cp-inline-editor-title{margin-bottom:3px}}.cp-color-grid{max-height:82px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.cp-custom-color-row{margin-top:8px}.cp-custom-color-row span{font-size:.74rem}.cp-editing-box .cp-text-input{min-height:64px}.cp-editing-box .cp-subfield{margin-top:9px;padding-top:8px}.cp-editing-title{margin-bottom:8px!important}@media(max-width:899px){.cp-color-grid{max-height:74px}.cp-editing-box .cp-text-input{min-height:58px}.cp-symbol-list{max-height:68px}}@media(min-width:700px){.cp-editing-box [data-cp-font-field],.cp-editing-box [data-cp-style-field]{display:inline-block;width:calc(50% - 5px);vertical-align:top}.cp-editing-box [data-cp-style-field]{margin-left:6px}}.cp-symbol-list{max-height:76px}.cp-editing-box [data-cp-text-field] .cp-step-desc{margin-bottom:5px;font-size:.68rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-color-grid{max-height:66px}@media(max-width:899px){.cp-symbol-list{max-height:66px}.cp-color-grid{max-height:60px}.cp-editing-box [data-cp-text-field] .cp-step-desc{display:none}}@media(min-width:700px){.cp-editing-box [data-cp-font-field],.cp-editing-box [data-cp-style-field]{width:calc(50% - 10px)}.cp-editing-box [data-cp-style-field]{margin-left:5px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-poster.css.map */