.cct-app{margin-top:18px;padding:14px;border:1px solid var(--cct-line);border-radius:var(--cct-radius);background:var(--cct-surface);box-shadow:var(--cct-shadow)}.cct-dropzone{position:relative;display:grid;place-items:center;min-height:220px;padding:26px;border:1px dashed var(--cct-line-strong);border-radius:14px;background:linear-gradient(180deg,#ffffff,var(--cct-bg));text-align:center;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.cct-dropzone.is-dragging{border-color:var(--cct-accent);background:var(--cct-accent-soft);box-shadow:inset 0 0 0 2px #b8d92c47}.cct-dropzone strong{display:block;margin-bottom:7px;color:var(--cct-ink);font-size:clamp(20px,2vw,27px);line-height:1.08;letter-spacing:0}.cct-dropzone span{display:block;max-width:620px;color:var(--cct-muted);font-size:13px;line-height:1.55}.cct-file-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.cct-stats{display:flex;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;border:1px solid rgb(184 217 44 / .42);border-radius:12px;background:var(--cct-accent-soft);color:var(--cct-ink);font-size:12px;font-weight:850}.cct-stats:before{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--cct-accent);content:"i";font-weight:900}.cct-file-list,.cct-page-grid{display:grid;gap:10px}.cct-file-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:center;padding:13px;border:1px solid var(--cct-line);border-radius:13px;background:#fff}.cct-file-row.is-dragging,.cct-page-card.is-dragging{opacity:.58}.cct-file-row__handle{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--cct-line);border-radius:9px;background:var(--cct-soft);color:var(--cct-muted)}.cct-file-row__body{min-width:0}.cct-file-row__body strong,.cct-file-row__body span{display:block;overflow-wrap:anywhere}.cct-file-row__body strong{color:var(--cct-ink);font-size:13px}.cct-file-row__body span{color:var(--cct-muted);font-size:11px}.cct-file-row__actions,.cct-actions,.cct-page-card__actions{display:flex;flex-wrap:wrap;gap:8px}.cct-file-row__actions{grid-column:1 / -1}.cct-icon-button,.cct-page-card__actions button{display:grid;place-items:center;min-width:40px;min-height:40px;padding:0 10px}.cct-icon-button--danger,.cct-page-card__actions button[data-action=remove]{border-color:#9a2d223d;color:var(--cct-danger)}.cct-actions{margin-top:15px}.cct-actions .cct-button{width:100%}.cct-actions--sticky{position:sticky;bottom:0;z-index:2;padding:12px 0 0;background:linear-gradient(to bottom,#fff0,var(--cct-surface) 24%)}.cct-progress{display:grid;gap:9px;margin:14px 0}.cct-progress[hidden]{display:none}.cct-progress:before{display:block;width:100%;height:8px;overflow:hidden;border-radius:999px;background:#ecebe6;content:""}.cct-progress__bar{width:0;height:8px;margin-top:-17px;border-radius:999px;background:var(--cct-accent);transition:width .12s ease}.cct-progress span{color:var(--cct-muted);font-size:11px}.cct-status{min-height:24px;margin-top:12px;color:var(--cct-muted);font-size:12px;font-weight:800}.cct-status[data-tone=success],.cct-range-preview[data-tone=success]{color:var(--cct-ok);text-decoration:underline;text-decoration-color:var(--cct-accent);text-decoration-thickness:2px;text-underline-offset:4px}.cct-status[data-tone=error],.cct-range-preview[data-tone=error]{color:var(--cct-danger);text-decoration:underline;text-decoration-color:var(--cct-accent);text-decoration-thickness:2px;text-underline-offset:4px}.cct-field{display:grid;gap:7px;margin-top:15px;color:var(--cct-ink);font-size:12px;font-weight:850}.cct-field input,.cct-field select{min-height:48px;width:100%;border:1px solid var(--cct-line);border-radius:10px;padding:11px 13px;background:#fff;color:var(--cct-ink);font:inherit}.cct-field input[type=range]{min-height:44px;padding:0;border:0;accent-color:var(--cct-accent);background:#fff0}.cct-field b{font-weight:900}.cct-segmented{display:grid;gap:8px;margin:15px 0 0;padding:0;border:0}.cct-segmented legend{margin-bottom:6px;color:var(--cct-ink);font-size:12px;font-weight:850}.cct-segmented label{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;border:1px solid var(--cct-line);border-radius:10px;background:var(--cct-soft);color:var(--cct-ink);font-size:12px;cursor:pointer}.cct-segmented input{accent-color:var(--cct-accent)}.cct-range-preview{min-height:24px;margin-top:10px;font-size:12px;font-weight:850}.cct-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.cct-page-grid--compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cct-page-card{display:grid;gap:9px;padding:10px;border:1px solid var(--cct-line);border-radius:13px;background:#fff}.cct-page-card__preview{display:grid;place-items:center;min-height:152px;overflow:hidden;border:1px solid var(--cct-line);border-radius:10px;background:var(--cct-warm)}.cct-page-card__preview img{display:block;max-width:100%;max-height:190px;transform-origin:center}.cct-page-card__meta strong,.cct-page-card__meta span{display:block}.cct-page-card__meta strong{font-size:12px}.cct-page-card__meta span{color:var(--cct-muted);font-size:10px}.cct-page-card__actions{gap:6px}.cct-page-card__actions button{min-width:37px;min-height:37px;padding:0 8px;font-size:10px}.cct-empty{margin:0;padding:16px;border:1px dashed var(--cct-line-strong);border-radius:12px;background:var(--cct-soft);color:var(--cct-muted);font-size:12px}.cct-beta-workspace{display:grid;gap:16px;margin-top:16px}.cct-beta-workspace[hidden]{display:none}.cct-preview-panel{display:grid;place-items:center;min-height:240px;overflow:hidden;padding:12px;border:1px solid var(--cct-line);border-radius:14px;background:var(--cct-warm)}.cct-preview-panel canvas{display:block;width:auto;max-width:100%;height:auto;max-height:560px;border:1px solid rgb(17 17 17 / .08);background:#fff}.cct-image-file-list .cct-file-row{grid-template-columns:70px minmax(0,1fr)}.cct-file-row__thumb{display:grid;place-items:center;width:70px;height:70px;overflow:hidden;border:1px solid var(--cct-line);border-radius:10px;background:var(--cct-warm)}.cct-file-row__thumb img{display:block;max-width:100%;max-height:100%;object-fit:contain}.cct-service-cta{display:grid;gap:16px;margin-top:28px;padding:22px;border:1px solid rgb(184 217 44 / .42);border-radius:var(--cct-radius);background:#fff;box-shadow:var(--cct-shadow)}.cct-service-cta .cct-eyebrow{margin-bottom:8px}@media(min-width:560px){.cct-file-row{grid-template-columns:34px minmax(0,1fr) auto}.cct-file-row__actions{grid-column:auto}.cct-actions .cct-button{width:auto}.cct-page-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cct-page-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:860px){.cct-app{padding:22px}.cct-page-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cct-page-grid--compact{grid-template-columns:repeat(5,minmax(0,1fr))}.cct-image-file-list .cct-file-row{grid-template-columns:70px minmax(0,1fr) auto}.cct-service-cta{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:26px 28px}}@media(prefers-reduced-motion:reduce){.cct-dropzone,.cct-progress__bar{transition:none}}