/* 공유 편집기의 색은 부모 button/textarea/p/readonly 규칙에 의존하지 않는다. */
.feedback-cards{--fc-text:#f5f0ff;--fc-muted:#cbc2d6;--fc-surface:#221e2b;--fc-input:#302a3a;--fc-border:#9382a5;--fc-accent:#c6adff;--fc-message:#ffe09a;--fc-error:#ffb9c1;--fc-error-bg:#44232d;--fc-result:#24382e;color:var(--fc-text);color-scheme:dark;max-width:960px;margin:auto;overflow-wrap:anywhere}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .feedback-cards{--fc-text:#22182b;--fc-muted:#5a4d66;--fc-surface:#fff;--fc-input:#f0ebf6;--fc-border:#8b7a9c;--fc-accent:#6750a4;--fc-message:#714100;--fc-error:#9d1730;--fc-error-bg:#fff0f1;--fc-result:#e3f1e8;color-scheme:light}}
:root[data-theme="light"] .feedback-cards{--fc-text:#22182b;--fc-muted:#5a4d66;--fc-surface:#fff;--fc-input:#f0ebf6;--fc-border:#8b7a9c;--fc-accent:#6750a4;--fc-message:#714100;--fc-error:#9d1730;--fc-error-bg:#fff0f1;--fc-result:#e3f1e8;color-scheme:light}
.feedback-cards p,.feedback-cards label,.feedback-cards b,.feedback-cards summary{color:var(--fc-text)}
.feedback-cards button,.feedback-cards textarea,.feedback-cards .fc-file{font:inherit;color:var(--fc-text);-webkit-text-fill-color:var(--fc-text);background:var(--fc-input);border:1px solid var(--fc-border);border-radius:10px;padding:12px;box-sizing:border-box}
.feedback-cards button{min-height:44px;cursor:pointer;font-weight:600}.feedback-cards button:disabled{color:var(--fc-muted);-webkit-text-fill-color:var(--fc-muted);opacity:1;cursor:default;border-style:dashed}
.feedback-cards textarea[readonly]{color:var(--fc-text);-webkit-text-fill-color:var(--fc-text);background:var(--fc-input);opacity:1}.feedback-cards textarea::placeholder{color:var(--fc-muted);-webkit-text-fill-color:var(--fc-muted);opacity:1}
.feedback-cards button:focus-visible,.feedback-cards textarea:focus-visible,.fc-file:focus-within{outline:2px solid var(--fc-accent);outline-offset:2px}
.fc-head,.fc-tools,.fc-filter,.fc-block-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.fc-head h2{font-size:24px;margin:12px 0}
.feedback-cards .fc-message{color:var(--fc-message);min-height:2em;white-space:pre-wrap;font-weight:600}
.fc-targets{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:12px;margin:18px 0}.fc-target{text-align:left;display:grid;gap:12px;padding:20px!important}.fc-target b{font-size:20px}
.feedback-cards .fc-target span,.feedback-cards .fc-date,.feedback-cards small,.feedback-cards .fc-order{font-size:13px;color:var(--fc-muted)}
.fc-card{border:1px solid var(--fc-border);background:var(--fc-surface);color:var(--fc-text);border-radius:16px;padding:18px;margin:18px 0}
.fc-card header{position:static;top:auto;z-index:auto;background:transparent;padding:0;border:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.fc-card header b{font-size:18px}.fc-card small{display:block}.fc-date{margin:8px 0}
.fc-block{border-bottom:1px solid var(--fc-border);padding:14px 0;display:grid;gap:10px;min-width:0}.fc-block label{display:block;min-width:0;margin:0;font-weight:600}.fc-block textarea{display:block;width:100%;margin-top:8px;resize:vertical;min-height:110px;font-weight:400}
.fc-block img{display:block;width:100%;max-width:640px;min-height:140px;max-height:420px;object-fit:contain;justify-self:start;border-radius:10px;background:var(--fc-input)}
.fc-block-tools{grid-column:1/-1}.fc-block-tools button{font-size:13px}.fc-file{position:relative;overflow:hidden;display:inline-flex!important;margin:0!important;min-height:44px;align-items:center;cursor:pointer}.fc-file input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.fc-tools{margin-top:14px}.fc-filter{margin-top:18px}.fc-filter [aria-pressed=true]{outline:2px solid var(--fc-accent);outline-offset:-2px}
.feedback-cards .fc-error{color:var(--fc-error);background:var(--fc-error-bg);border:1px solid var(--fc-error);border-radius:10px;padding:12px;white-space:pre-wrap}.feedback-cards .fc-result{color:var(--fc-text);white-space:pre-wrap;background:var(--fc-result);padding:14px;border-radius:10px}.fc-empty{padding:24px;border:1px dashed var(--fc-border);border-radius:14px}
.feedback-cards .fc-details{padding:12px 0 0;margin:14px 0 0;border:0;border-top:1px solid var(--fc-border);border-radius:0;background:transparent}.fc-details summary{cursor:pointer;color:var(--fc-muted);font-size:13px}.fc-details small{margin-top:8px}
@media(min-width:760px){.fc-block:has(img){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.fc-block:has(img) img{width:100%}}@media(max-width:420px){.fc-card{padding:12px}.fc-filter button{padding:9px;font-size:14px}}