@layer components{[data-tool-view=ClosingUtility] .cl-form{gap:20px;min-width:0;display:grid}[data-tool-view=ClosingUtility] label{overflow-wrap:anywhere;margin-block-end:8px;font-weight:600;display:block}[data-tool-view=ClosingUtility] input:not([type=checkbox]):not([type=file]),[data-tool-view=ClosingUtility] select{border:1px solid var(--line);background:var(--soft);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;border-radius:9px;padding:10px 12px}[data-tool-view=ClosingUtility] input[type=color]{min-height:48px;padding:6px}[data-tool-view=ClosingUtility] textarea{box-sizing:border-box;resize:vertical;width:100%;min-width:0;min-height:180px;padding:14px;font:14px/1.7 ui-monospace,monospace}[data-tool-view=ClosingUtility] .cl-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-block:12px;display:flex}[data-tool-view=ClosingUtility] .cl-toolbar .button{white-space:normal;overflow-wrap:anywhere;min-height:44px}[data-tool-view=ClosingUtility] .cl-file{border:1px dashed var(--line);background:var(--soft);border-radius:12px;min-width:0;padding:24px}[data-tool-view=ClosingUtility] .cl-file input{min-width:0;max-width:100%}[data-tool-view=ClosingUtility] .cl-file ul{overflow-wrap:anywhere;margin:12px 0 0;padding-inline-start:20px;line-height:1.8}[data-tool-view=ClosingUtility] .cl-options{border:1px solid var(--line);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;margin:0;padding:20px;display:grid}[data-tool-view=ClosingUtility] .cl-options legend{padding-inline:8px;font-weight:600}[data-tool-view=ClosingUtility] .cl-option{min-width:0}[data-tool-view=ClosingUtility] .cl-check{align-items:center;gap:12px;min-height:44px;display:flex}[data-tool-view=ClosingUtility] .cl-check label{margin:0}[data-tool-view=ClosingUtility] .cl-check input{flex-shrink:0;width:20px;height:20px}[data-tool-view=ClosingUtility] .cl-limit{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.8}[data-tool-view=ClosingUtility] .cl-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-width:0;display:grid}[data-tool-view=ClosingUtility] figure{min-width:0;margin:0}[data-tool-view=ClosingUtility] img,[data-tool-view=ClosingUtility] canvas,[data-tool-view=ClosingUtility] video,[data-tool-view=ClosingUtility] audio{border:1px solid var(--line);border-radius:9px;max-width:100%;height:auto;display:block}[data-tool-view=ClosingUtility] video,[data-tool-view=ClosingUtility] audio{width:100%}[data-tool-view=ClosingUtility] figcaption{color:var(--muted);overflow-wrap:anywhere;margin-top:8px;font-size:13px;line-height:1.7}[data-tool-view=ClosingUtility] .cl-result{border-top:1px solid var(--line);gap:16px;min-width:0;margin-top:24px;padding-top:20px;display:grid}[data-tool-view=ClosingUtility] .cl-result h2,[data-tool-view=ClosingUtility] .cl-result p{overflow-wrap:anywhere;margin:0}[data-tool-view=ClosingUtility] .cl-status{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}[data-tool-view=ClosingUtility] .cl-status[data-error=true],[data-tool-view=ClosingUtility] .cl-warning{color:var(--warning)}[data-tool-view=ClosingUtility] .cl-time{font-variant-numeric:tabular-nums;text-align:center;direction:ltr;padding:24px;font-size:clamp(32px,7vw,64px)}[data-tool-view=ClosingUtility] progress{width:100%;min-height:10px}[data-tool-view=ClosingUtility] .cl-swatch{border:1px solid var(--line);border-radius:9px;min-height:140px;padding:24px}[data-tool-view=ClosingUtility] .cl-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}[data-tool-view=ClosingUtility] .cl-color{border:1px solid var(--line);border-radius:9px;height:88px}[data-tool-view=ClosingUtility] #closing-laps:empty{display:none}}@layer responsive{@media (width<=620px){[data-tool-view=ClosingUtility] .cl-options,[data-tool-view=ClosingUtility] .cl-previews{grid-template-columns:minmax(0,1fr)}[data-tool-view=ClosingUtility] .cl-toolbar .button{flex-grow:1}[data-tool-view=ClosingUtility] .cl-options,[data-tool-view=ClosingUtility] .cl-file{padding:16px}[data-tool-view=ClosingUtility] textarea{font-size:16px}}}
