.cap-app{color:var(--cap-text);background:var(--cap-bg);min-height:70vh;border:1px solid var(--cap-border);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px #00000014}.cap-header{background:var(--cap-panel);border-bottom:1px solid var(--cap-border);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.cap-brand{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none}.cap-logo{height:44px;width:auto;display:block}.cap-logotext{font-weight:800;font-size:22px;letter-spacing:.2px}.cap-main{padding:16px}.cap-title h1,.cap-editor-head h1{margin:0;font-size:22px;line-height:1.15;font-weight:800}.cap-title p,.cap-editor-head p{margin:6px 0 0;font-size:16px;opacity:.85}.cap-topbar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.cap-search{display:flex;gap:10px;align-items:center}.cap-search input{font-size:18px;padding:10px 12px;border:1px solid var(--cap-border);border-radius:12px;outline:none;min-width:220px}.cap-search input:focus{outline:3px solid color-mix(in srgb,var(--cap-focus) 65%,white);outline-offset:2px}.cap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 980px){.cap-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 680px){.cap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cap-search input{min-width:160px}}.cap-card{text-align:left;background:var(--cap-panel);border:1px solid var(--cap-border);border-radius:14px;overflow:hidden;cursor:pointer;padding:0}.cap-card:focus-visible{outline:3px solid var(--cap-focus);outline-offset:2px}.cap-card-img{position:relative;aspect-ratio:1000 / 1450;background:#fff;overflow:hidden}.cap-card-img img{width:100%;height:100%;object-fit:cover;display:block}.cap-card-badge{position:absolute;top:10px;right:10px;width:40px;height:40px;border-radius:999px;background:#ffffffeb;border:1px solid rgba(0,0,0,.12);display:grid;place-items:center;font-size:18px}.cap-card-title{padding:10px 12px;font-size:18px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-tools,.cap-actions,.cap-final{display:flex;gap:10px;flex-wrap:wrap}.cap-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.cap-control{display:grid;gap:6px;font-size:16px;font-weight:700}.cap-control input[type=range]{width:180px}.cap-btn{border:1px solid var(--cap-border);background:#fff;color:var(--cap-text);border-radius:12px;padding:10px 12px;font-size:18px;font-weight:800;cursor:pointer}.cap-btn:focus-visible{outline:3px solid var(--cap-focus);outline-offset:2px}.cap-btn-primary{background:var(--cap-primary);border-color:transparent;color:#fff}.cap-btn-secondary{background:color-mix(in srgb,var(--cap-panel) 70%,var(--cap-bg))}.cap-muted{opacity:.8;font-size:18px}.cap-error{background:#fff;border:1px solid #fecaca;color:#991b1b;padding:12px 14px;border-radius:12px;margin:12px 16px;font-size:18px;font-weight:800}.cap-canvas-wrap{background:#fff;border:1px solid var(--cap-border);border-radius:14px;padding:10px}.cap-canvas{width:100%;height:auto;display:block;border-radius:10px}.cap-pager{display:flex;justify-content:center;gap:12px;align-items:center;margin-top:14px}.cap-page{font-size:18px;font-weight:800}.cap-toolbar{background:var(--cap-panel);border:1px solid var(--cap-border);border-radius:14px;padding:10px;margin:10px auto 12px;width:min(980px,100%)}.cap-tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.cap-iconbtn{border:1px solid var(--cap-border);background:#fff;color:var(--cap-text);border-radius:14px;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;padding:0}.cap-iconbtn svg{width:22px;height:22px;fill:currentColor}.cap-iconbtn:disabled{opacity:.45;cursor:not-allowed}.cap-iconbtn:focus-visible{outline:3px solid var(--cap-focus);outline-offset:2px}.cap-iconbtn.is-active{border-color:color-mix(in srgb,var(--cap-primary) 70%,var(--cap-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cap-primary) 20%,transparent)}.cap-iconbtn-primary{background:var(--cap-primary);border-color:transparent;color:#fff}.cap-sep{width:1px;height:36px;background:var(--cap-border);margin:0 4px}.cap-colorbtn{width:48px;height:48px;border-radius:14px;overflow:hidden;border:1px solid var(--cap-border);display:grid;place-items:center;background:#fff;cursor:pointer}.cap-colorbtn input[type=color]{width:56px;height:56px;border:none;padding:0;background:transparent;cursor:pointer}.cap-slider input[type=range]{width:160px}.cap-main-editor{padding:10px}.cap-canvas-wrap{background:#fff;border:1px solid var(--cap-border);border-radius:14px;padding:10px;width:min(980px,100%);margin:0 auto}.cap-app{min-height:min(92vh,980px)}@media (max-width: 680px){.cap-iconbtn{width:54px;height:54px;border-radius:16px}.cap-iconbtn svg{width:24px;height:24px}.cap-slider input[type=range]{width:140px}}.cap-editor-split{display:block}@media (min-width: 960px){.cap-main-editor{padding:16px}.cap-editor-split{display:flex;gap:16px;justify-content:center;align-items:flex-start}.cap-canvas-zone{width:544px;height:792px}.cap-tools-zone{width:136px;height:792px}.cap-canvas-fixed{width:544px;height:792px;padding:8px;display:grid;place-items:center}.cap-canvas-fixed canvas{width:544px!important;height:792px!important}.cap-toolbar-vert{width:136px;height:792px;padding:10px;margin:0;overflow:auto}.cap-tools-vert{flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;gap:10px}.cap-sep-vert{width:70%;height:1px;margin:6px 0}.cap-slider input[type=range]{width:110px}}@media (max-width: 959px){.cap-editor-split{display:block}.cap-tools-zone{margin-bottom:10px}.cap-toolbar-vert{width:min(980px,100%);height:auto}.cap-tools-vert{flex-direction:row;flex-wrap:wrap;justify-content:center}.cap-sep-vert{width:1px;height:36px;margin:0 4px}}