.cs{max-width:760px}.cs-steps{flex-wrap:wrap;gap:4px 14px;margin:0 0 20px;padding:0;font-size:13px;list-style:none;display:flex}.cs-step{color:var(--muted);align-items:center;gap:5px;display:flex}.cs-step-mark{width:18px;height:18px;color:var(--muted);background:#e6e9ef;border-radius:50%;justify-content:center;align-items:center;font-size:11px;line-height:1;display:inline-flex}.cs-step.done .cs-step-mark{background:var(--ok);color:#fff}.cs-step.current .cs-step-mark{background:var(--accent);color:#fff}.cs-step.current .cs-step-label{color:var(--text);font-weight:600}.cs-sample .cs-preview-row{margin-bottom:0}.cs-pick-grid{grid-template-columns:1fr;gap:16px;margin:0 0 16px;display:grid}.cs-pick-grid>.panel{margin-bottom:0}.cs-pick{flex-direction:column;display:flex}.cs-pick>h2{flex:none}.cs-pick-grid .cs-preview-row{flex-wrap:nowrap;justify-content:center;gap:14px}.cs-pick-grid .cs-preview-row figure{flex:0 150px;min-width:0}.cs-pick-grid .cs-preview-row img,.cs-pick-grid .cs-preview-row canvas{aspect-ratio:1;width:100%;max-width:150px;height:auto}@media (min-width:900px){.cs-pick-grid{grid-template-columns:1fr 1fr;align-items:stretch}}.cs-drop{border:2px dashed var(--border);text-align:center;cursor:pointer;background:#fbfcfe;border-radius:12px;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:10px;min-height:150px;padding:24px 16px;display:flex}.cs-drop:hover,.cs-drop.over{border-color:var(--accent);background:#f2f7ff}.cs-drop input[type=file]{max-width:100%;margin:0 auto;display:block}.cs-drop .cs-drop-label{color:var(--text);font-size:16px;font-weight:600}.cs-drop .cs-hint{margin:0}.cs-source{color:var(--muted);font-size:13px}.cs-progress{background:#e6e9ef;border-radius:999px;height:10px;margin:0 0 10px;overflow:hidden}.cs-progress>span{background:var(--accent);width:0;height:100%;transition:width .12s linear;display:block}.cs-progress>span.indeterminate{width:40%;animation:1.4s ease-in-out infinite cs-slide}@keyframes cs-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.cs-hint{color:var(--muted);font-size:13px}.cs-crop-canvas{border:1px solid var(--border);touch-action:none;cursor:grab;background:repeating-conic-gradient(#eceff4 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:10px;width:320px;max-width:100%;margin:0 0 14px;display:block}.cs-crop-canvas:active{cursor:grabbing}.cs-field{margin:0 0 10px;display:block}.cs-field>span{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.cs-field input[type=range]{width:320px;max-width:100%}.cs-field input[type=text]{font-size:16px}.cs-preview-row{flex-wrap:wrap;gap:18px;margin:0 0 12px;display:flex}.cs-preview-row figure{text-align:center;margin:0}.cs-preview-row img,.cs-preview-row canvas{border:1px solid var(--border);object-fit:contain;background:repeating-conic-gradient(#eceff4 0% 25%,#fff 0% 50%) 50%/16px 16px;border-radius:10px;width:200px;height:200px;display:block}.cs-preview-row figcaption{color:var(--muted);margin-top:6px;font-size:12px}.cs-made{font-size:15px}.cs-notice{margin-bottom:14px}.cs-notice h3{margin:0 0 6px;font-size:14px}.cs-notice p{margin:0;font-size:14px}.cs-prompt{white-space:pre-wrap;border:1px solid var(--border);background:#f2f4f8;border-radius:10px;margin:0 0 12px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.7}.cs-link-button{border:1px solid var(--accent);color:var(--accent);border-radius:8px;padding:9px 16px;font-size:14px;text-decoration:none;display:inline-block}.cs-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.cs-title-row>.top-link-row{margin:0}.cs-save-error{margin:14px 0}.cs-save-error h3{margin:0 0 6px;font-size:15px}.cs-save-error p{margin:0 0 12px;font-size:14px}.cs-saved-list{flex-wrap:wrap;gap:12px;margin:0 0 18px;padding:0;list-style:none;display:flex}.cs-saved-list li{color:var(--muted);flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.cs-saved-list img{object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:10px;width:56px;height:56px}