.comic-editor-module__9xR11q__editor{background:hsl(var(--background));min-height:100svh;color:hsl(var(--foreground));padding:28px 36px 36px;font-size:14px}.comic-editor-module__9xR11q__header{justify-content:space-between;align-items:center;gap:24px;max-width:1600px;min-height:48px;margin:0 auto 28px;display:flex}.comic-editor-module__9xR11q__identity,.comic-editor-module__9xR11q__actions{align-items:center;gap:12px;min-width:0;display:flex}.comic-editor-module__9xR11q__identity h1{letter-spacing:-.045em;margin:0;font-family:inherit;font-size:clamp(21px,2.2vw,28px);font-weight:550;line-height:1.2}.comic-editor-module__9xR11q__home{border:1px solid hsl(var(--border));width:44px;height:44px;color:hsl(var(--muted-foreground));border-radius:50%;flex-shrink:0;place-items:center;display:grid}.comic-editor-module__9xR11q__editor svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:18px;height:18px}.comic-editor-module__9xR11q__editor button,.comic-editor-module__9xR11q__fileLabel{border:1px solid hsl(var(--border));min-height:44px;color:hsl(var(--foreground));font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;font-weight:500;line-height:1.3;display:inline-flex}.comic-editor-module__9xR11q__editor .comic-editor-module__9xR11q__download{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary))}.comic-editor-module__9xR11q__editor button:hover:not(:disabled),.comic-editor-module__9xR11q__fileLabel:hover,.comic-editor-module__9xR11q__home:hover{border-color:hsl(var(--muted-foreground));background:hsl(var(--surface))}.comic-editor-module__9xR11q__editor .comic-editor-module__9xR11q__download:hover:not(:disabled){background:hsl(var(--primary));border-color:hsl(var(--primary-foreground))}.comic-editor-module__9xR11q__editor button:disabled{opacity:.45;cursor:not-allowed}.comic-editor-module__9xR11q__srOnly{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.comic-editor-module__9xR11q__editor :is(button,input,summary,a):focus-visible{outline:2px solid hsl(var(--gold-ink));outline-offset:4px}.comic-editor-module__9xR11q__editor label:has(input:focus-visible){outline:2px solid hsl(var(--gold-ink));outline-offset:4px}.comic-editor-module__9xR11q__actions:has(input:focus-visible) .comic-editor-module__9xR11q__fileLabel{outline:2px solid hsl(var(--gold-ink));outline-offset:4px}.comic-editor-module__9xR11q__workspace{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:24px;max-width:1600px;margin:0 auto;display:grid}.comic-editor-module__9xR11q__preview{border:1px solid hsl(var(--border));background:hsl(var(--surface));border-radius:12px;min-width:0;overflow:hidden}.comic-editor-module__9xR11q__previewToolbar{justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:12px 20px;display:flex}.comic-editor-module__9xR11q__filename{text-overflow:ellipsis;white-space:nowrap;color:hsl(var(--muted-foreground));font-size:13px;overflow:hidden}.comic-editor-module__9xR11q__viewModes{border:1px solid hsl(var(--border));background:hsl(var(--background));border-radius:8px;flex-shrink:0;gap:3px;min-width:0;margin:0;padding:3px;display:flex}.comic-editor-module__9xR11q__viewModes label{cursor:pointer;border-radius:5px;position:relative}.comic-editor-module__9xR11q__viewModes label>span{min-height:34px;color:hsl(var(--muted-foreground));border-radius:inherit;place-items:center;padding:0 13px;font-size:12px;font-weight:500;display:grid}.comic-editor-module__9xR11q__viewModes label:has(input:checked)>span{background:hsl(var(--muted));color:hsl(var(--foreground))}.comic-editor-module__9xR11q__stage{background:hsl(var(--background));border-block:1px solid hsl(var(--border));grid-template-columns:minmax(0,1fr);width:100%;height:clamp(340px,100svh - 260px,800px);padding:28px;display:grid;position:relative}.comic-editor-module__9xR11q__stage figure{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:0;margin:0;display:flex}.comic-editor-module__9xR11q__stage canvas{object-fit:contain;flex:1;width:100%;height:100%;min-height:0;display:block}.comic-editor-module__9xR11q__stage figcaption{color:hsl(var(--muted-foreground));font-size:12px;display:none}.comic-editor-module__9xR11q__stage[data-view=comic] .comic-editor-module__9xR11q__original,.comic-editor-module__9xR11q__stage[data-view=original] .comic-editor-module__9xR11q__comic,.comic-editor-module__9xR11q__stage .comic-editor-module__9xR11q__hidden{display:none}.comic-editor-module__9xR11q__stage[data-view=compare]{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:20px}.comic-editor-module__9xR11q__stage[data-view=compare] figcaption{display:block}.comic-editor-module__9xR11q__emptyState{text-align:center;color:hsl(var(--muted-foreground));place-items:center;display:grid;position:absolute;inset:20px}.comic-editor-module__9xR11q__previewFooter{justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:4px 20px;display:flex}.comic-editor-module__9xR11q__status{color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:12px;display:flex}.comic-editor-module__9xR11q__statusDot{background:hsl(var(--muted-foreground));border-radius:50%;flex-shrink:0;width:6px;height:6px}.comic-editor-module__9xR11q__statusDot[data-ready=true]{background:hsl(var(--gold-ink))}.comic-editor-module__9xR11q__editor .comic-editor-module__9xR11q__textButton{min-height:44px;color:hsl(var(--muted-foreground));background:0 0;border:0;border-radius:3px;padding:8px 0;font-size:12px}.comic-editor-module__9xR11q__editor .comic-editor-module__9xR11q__textButton:hover{color:hsl(var(--foreground));background:0 0}.comic-editor-module__9xR11q__controls{background:hsl(var(--surface));border:1px solid hsl(var(--border));border-radius:12px;min-width:0;overflow:hidden}.comic-editor-module__9xR11q__controlsHeader{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex}.comic-editor-module__9xR11q__controlsHeader h2{margin:0;font-size:14px;font-weight:550}.comic-editor-module__9xR11q__controlGroup{border-bottom:1px solid hsl(var(--border));flex-direction:column;gap:24px;padding:24px 22px;display:flex}.comic-editor-module__9xR11q__penChoices{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0;margin:0;padding:0;display:grid}.comic-editor-module__9xR11q__penChoices legend{margin-bottom:12px;font-size:13px}.comic-editor-module__9xR11q__penChoices label{background:hsl(var(--background));border:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:10px;padding:15px 6px 12px;font-size:12px;display:flex;position:relative}.comic-editor-module__9xR11q__penChoices label:has(input:checked){border-color:hsl(var(--gold-ink));background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.comic-editor-module__9xR11q__penMark{border-bottom:1px solid;width:28px;height:12px;transform:rotate(-18deg)}.comic-editor-module__9xR11q__penMark[data-pen=dip]{border-bottom-width:4px;border-radius:50%}.comic-editor-module__9xR11q__penMark[data-pen=mixed]{border-block:1px solid;border-bottom-width:3px}.comic-editor-module__9xR11q__range{flex-direction:column;gap:8px;min-width:0;display:flex}.comic-editor-module__9xR11q__range>span{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.comic-editor-module__9xR11q__range output{background:hsl(var(--muted));min-width:30px;color:hsl(var(--foreground));text-align:center;font-variant-numeric:tabular-nums;border-radius:4px;padding:3px 6px;font-size:12px}.comic-editor-module__9xR11q__range input{width:100%;min-width:0;height:30px;accent-color:hsl(var(--gold-ink));cursor:pointer;margin:0}.comic-editor-module__9xR11q__range[data-disabled=true]{opacity:.4}.comic-editor-module__9xR11q__range input:disabled{cursor:not-allowed}.comic-editor-module__9xR11q__toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:32px;font-size:13px;display:flex}.comic-editor-module__9xR11q__toggle input{appearance:none;border:1px solid hsl(var(--muted-foreground));background:hsl(var(--muted));cursor:pointer;border-radius:20px;width:38px;height:22px;margin:0}.comic-editor-module__9xR11q__toggle input:before{content:"";background:hsl(var(--foreground));border-radius:50%;width:14px;height:14px;margin:3px;display:block}.comic-editor-module__9xR11q__toggle input:checked{border-color:hsl(var(--gold-ink));background:hsl(var(--primary))}.comic-editor-module__9xR11q__toggle input:checked:before{background:hsl(var(--primary-foreground));transform:translate(16px)}.comic-editor-module__9xR11q__colorDetails{padding:4px 22px}.comic-editor-module__9xR11q__colorDetails summary{cursor:pointer;padding:18px 0;font-size:13px}.comic-editor-module__9xR11q__colors{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 0 20px;display:grid}.comic-editor-module__9xR11q__colors label{color:hsl(var(--muted-foreground));align-items:center;gap:10px;font-size:12px;display:flex}.comic-editor-module__9xR11q__colors input{border:1px solid hsl(var(--border));background:hsl(var(--background));cursor:pointer;border-radius:7px;flex-shrink:0;width:38px;height:38px;padding:3px}.comic-editor-module__9xR11q__error{color:hsl(var(--foreground));overflow-wrap:anywhere;margin:0;padding:12px 20px 18px;font-size:13px;line-height:1.5}@media (max-width:1050px){.comic-editor-module__9xR11q__editor{padding:24px}.comic-editor-module__9xR11q__workspace{grid-template-columns:minmax(0,1fr) 268px;gap:16px}.comic-editor-module__9xR11q__previewToolbar{flex-wrap:wrap;gap:12px;padding:14px}.comic-editor-module__9xR11q__filename{flex-basis:100%}.comic-editor-module__9xR11q__viewModes{margin-left:auto}}@media (max-width:760px){.comic-editor-module__9xR11q__editor{padding:20px 16px 32px}.comic-editor-module__9xR11q__header{z-index:2;background:hsl(var(--background));flex-wrap:wrap;gap:20px;margin-top:-12px;margin-bottom:20px;padding-block:12px;position:sticky;top:0}.comic-editor-module__9xR11q__actions{gap:10px;width:100%}.comic-editor-module__9xR11q__actions>:is(button,label){flex:1;padding-inline:10px;font-size:13px}.comic-editor-module__9xR11q__workspace{grid-template-columns:minmax(0,1fr);gap:20px}.comic-editor-module__9xR11q__previewToolbar{gap:14px;padding:14px}.comic-editor-module__9xR11q__filename{font-size:12px}.comic-editor-module__9xR11q__viewModes{width:100%;margin:0}.comic-editor-module__9xR11q__viewModes label{flex:1}.comic-editor-module__9xR11q__viewModes label>span{min-height:38px;padding-inline:8px}.comic-editor-module__9xR11q__stage{height:auto;min-height:220px;max-height:460px;padding:14px}.comic-editor-module__9xR11q__stage[data-view=compare]{gap:10px;padding:12px}.comic-editor-module__9xR11q__previewFooter{padding-inline:14px}.comic-editor-module__9xR11q__status{gap:6px;font-size:11px}.comic-editor-module__9xR11q__controlsHeader,.comic-editor-module__9xR11q__controlGroup{padding-inline:20px}}
