:root { --ink:#17201c; --muted:#65716a; --paper:#f2f0e9; --panel:#fbfaf5; --line:#d8d8cf; --lime:#cbff46; --green:#1b4f3d; --orange:#ff7657; --shadow:0 28px 70px rgba(30,42,35,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Inter,"Noto Sans SC","Microsoft YaHei",sans-serif; }
button,input,select { font:inherit; } button,select,label { -webkit-tap-highlight-color:transparent; } button { border:0; cursor:pointer; } button:disabled { opacity:.4; cursor:not-allowed; } a { color:inherit; text-decoration:none; } .hidden { display:none!important; }
.topbar { height:68px; display:flex; align-items:center; justify-content:space-between; padding:0 max(20px,4vw); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:20; background:rgba(242,240,233,.92); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:10px; }.brand-mark { width:36px; height:36px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--lime); font-weight:900; font-size:11px; }.brand strong,.brand small { display:block; }.brand small { color:var(--muted); margin-top:2px; font-size:10px; } nav { display:flex; gap:20px; color:var(--muted); font-size:12px; }
.app-shell { width:min(1360px,94vw); margin:0 auto; }.intro { padding:68px 5vw 42px; border-left:1px solid var(--line); border-right:1px solid var(--line); }.eyebrow { font-size:10px; letter-spacing:.18em; font-weight:800; color:var(--green); text-transform:uppercase; }.intro h1 { margin:12px 0 14px; font-size:clamp(45px,6vw,88px); line-height:.94; letter-spacing:-.07em; }.intro h1 em { color:var(--green); font-family:Georgia,"Songti SC",serif; font-weight:500; }.intro>p:last-child { max-width:640px; color:var(--muted); line-height:1.75; font-size:15px; }
.workspace { display:grid; grid-template-columns:minmax(0,1fr) 370px; min-height:650px; border:1px solid var(--line); background:var(--panel); box-shadow:var(--shadow); }.canvas-panel { min-width:0; display:flex; flex-direction:column; background:#e7e7e0; }.canvas-toolbar { height:52px; padding:0 20px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #cfd1cb; color:var(--muted); font-size:10px; }.stage { flex:1; min-height:550px; display:grid; place-items:center; position:relative; padding:30px; overflow:hidden; background-image:linear-gradient(45deg,#dedfd9 25%,transparent 25%),linear-gradient(-45deg,#dedfd9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dedfd9 75%),linear-gradient(-45deg,transparent 75%,#dedfd9 75%); background-size:24px 24px; background-position:0 0,0 12px,12px -12px,-12px 0; }.stage-note { padding:12px 20px; background:#fff5cf; border-top:1px solid #dccf91; color:#675e37; font-size:10px; line-height:1.6; }.empty-state { width:min(390px,88%); min-height:230px; padding:36px; display:flex; flex-direction:column; justify-content:center; text-align:center; border:1px solid #c8cbc4; background:rgba(242,240,233,.92); border-radius:22px; }.empty-glyph { font-size:48px; color:var(--green); }.empty-state strong { font-family:Georgia,"Songti SC",serif; font-size:22px; margin:7px 0 10px; }.empty-state small { color:var(--muted); line-height:1.7; } #editorCanvas { max-width:100%; max-height:690px; box-shadow:0 25px 70px rgba(20,28,23,.25); cursor:pointer; touch-action:none; } #editorCanvas.manual { cursor:crosshair; }
.control-panel { padding:28px; border-left:1px solid var(--line); }.step { display:flex; gap:12px; align-items:center; margin:7px 0 13px; }.step.disabled-step { opacity:.5; }.step>span { display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--ink); border-radius:50%; font-size:10px; font-weight:800; }.step strong,.step small { display:block; }.step strong { font-size:13px; }.step small { margin-top:3px; color:var(--muted); font-size:10px; }.upload-box { min-height:124px; margin-bottom:11px; border:1px dashed #a9b0a8; border-radius:15px; display:flex; flex-direction:column; align-items:center; justify-content:center; cursor:pointer; transition:.2s ease; background:#f5f4ef; text-align:center; }.upload-box:hover,.upload-box.dragging { background:#efffca; border-color:var(--green); }.upload-box input { display:none; }.upload-icon { font-size:25px; font-weight:300; }.upload-box strong { font-size:12px; margin:5px 0; }.upload-box small { color:var(--muted); font-size:10px; }.compose-actions { display:grid; grid-template-columns:1fr 1.45fr; gap:8px; }.selection-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.selection-actions #manualBox { grid-column:1/-1; }.ghost { min-height:42px; border:1px solid var(--line); background:transparent; border-radius:10px; color:var(--ink); font-size:11px; font-weight:700; }.ghost:hover:not(:disabled) { border-color:var(--ink); background:white; }.primary { width:100%; min-height:49px; border-radius:11px; background:var(--ink); color:white; display:flex; justify-content:space-between; align-items:center; padding:0 17px; font-size:12px; font-weight:800; }.primary:hover:not(:disabled) { background:var(--green); }.primary.compact { min-height:42px; }.hint { color:var(--muted); font-size:10px; line-height:1.6; margin:9px 0 25px; }.mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.mode-card { position:relative; display:flex; flex-direction:column; min-height:127px; padding:11px; border:1px solid var(--line); border-radius:14px; cursor:pointer; background:#f5f4ef; }.mode-card.selected { border-color:var(--green); box-shadow:inset 0 0 0 1px var(--green); background:#f7ffe2; }.mode-card input { position:absolute; opacity:0; }.mode-card strong { font-size:11px; margin-top:8px; }.mode-card small { color:var(--muted); font-size:9px; line-height:1.45; margin-top:4px; }.mode-preview { height:46px; display:grid; place-items:center; border-radius:9px; font-size:25px; }.mode-preview.anime { background:var(--lime); color:var(--green); }.mode-preview.safe { background:#dde1dd; color:#717a74; }.field { display:block; margin:18px 0 11px; }.field span { display:block; font-size:10px; color:var(--muted); margin-bottom:6px; } select { width:100%; height:42px; padding:0 11px; border:1px solid var(--line); border-radius:10px; background:white; color:var(--ink); font-size:11px; }.consent { display:flex; gap:8px; font-size:9px; color:var(--muted); line-height:1.5; margin:12px 0; }.consent input { margin:2px 0 0; }.job-status { font-size:10px; color:var(--muted); line-height:1.6; margin-top:11px; }
.result-section { padding:90px 5vw; border-left:1px solid var(--line); border-right:1px solid var(--line); }.section-heading h2,.privacy-section h2 { margin:9px 0; font-size:clamp(36px,5vw,66px); letter-spacing:-.055em; line-height:1; }.section-heading>p:last-child { color:var(--muted); }.publish-check { display:flex; flex-wrap:wrap; gap:8px; margin:20px 0 0; }.check-pill { padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#f6f5ef; color:var(--muted); font-size:10px; }.check-pill.ok { background:#edffd0; border-color:#b5d974; color:var(--green); }.compare { margin-top:24px; position:relative; overflow:hidden; background:#ddd; min-height:280px; }.compare img { display:block; width:100%; height:auto; }.after-layer { position:absolute; inset:0; width:50%; overflow:hidden; }.after-layer img { width:auto; max-width:none; height:100%; }.compare-line { position:absolute; top:0; bottom:0; left:50%; width:2px; background:var(--lime); pointer-events:none; }.compare-line span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:42px; height:42px; display:grid; place-items:center; border-radius:50%; background:var(--lime); color:var(--green); font-weight:900; }.compare input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; }.before-label,.after-label { position:absolute; bottom:13px; padding:7px 10px; border-radius:100px; background:rgba(16,23,19,.72); color:white; font-size:9px; }.before-label { right:13px; }.after-label { left:13px; }.result-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:9px; margin-top:15px; }.result-actions button { width:auto; padding:0 18px; }.result-actions .share { background:var(--green); }.privacy-section { margin-bottom:70px; padding:90px 5vw; background:var(--ink); color:white; }.privacy-section .eyebrow { color:var(--lime); }.privacy-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#38423d; margin-top:42px; }.privacy-grid article { background:var(--ink); padding:30px; }.privacy-grid span { color:var(--lime); font-size:10px; }.privacy-grid h3 { margin:24px 0 10px; }.privacy-grid p { color:#aeb8b2; font-size:12px; line-height:1.8; }
.crop-sheet { position:fixed; inset:0; z-index:50; background:rgba(13,19,16,.8); padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left)); }.crop-sheet-inner { width:min(860px,100%); height:min(810px,100%); margin:auto; display:flex; flex-direction:column; background:#1c2420; color:white; border-radius:22px; overflow:hidden; box-shadow:0 30px 100px rgba(0,0,0,.4); }.sheet-header { height:82px; padding:0 20px; display:grid; grid-template-columns:80px 1fr 80px; align-items:center; border-bottom:1px solid rgba(255,255,255,.14); }.sheet-header>div { text-align:center; }.sheet-header strong,.sheet-header small { display:block; }.sheet-header strong { font-size:14px; }.sheet-header small { margin-top:4px; color:#b9c3bb; font-size:10px; }.text-button { background:transparent; color:#dfe9e0; font-size:12px; text-align:left; }.text-button.confirm { color:var(--lime); text-align:right; font-weight:800; }.crop-stage { flex:1; min-height:260px; display:grid; place-items:center; overflow:hidden; background:#111713; }.crop-stage canvas { display:block; width:100%; height:100%; touch-action:none; }.crop-controls { padding:16px 18px 18px; border-top:1px solid rgba(255,255,255,.14); }.ratio-row { display:flex; gap:7px; overflow-x:auto; padding-bottom:10px; scrollbar-width:none; }.ratio { flex:0 0 auto; min-height:34px; padding:0 11px; border:1px solid rgba(255,255,255,.25); border-radius:99px; background:transparent; color:#dfe9e0; font-size:10px; }.ratio.active { background:var(--lime); color:var(--ink); border-color:var(--lime); font-weight:800; }.crop-tool-row { display:flex; justify-content:center; gap:28px; }.crop-tool { display:flex; flex-direction:column; gap:3px; align-items:center; background:transparent; color:#e5eee6; font-size:21px; }.crop-tool span { font-size:10px; }.mobile-dock { display:none; } footer { min-height:84px; padding:0 max(20px,4vw); display:flex; justify-content:space-between; align-items:center; border-top:1px solid var(--line); color:var(--muted); font-size:10px; }
.change-photo { width:100%; margin:-3px 0 9px; padding:3px; background:transparent; color:var(--muted); font-size:10px; text-decoration:underline; }
@media (max-width:900px) { .app-shell{width:100%;}.intro{padding:45px 22px 28px;border:0}.workspace{grid-template-columns:1fr;border-left:0;border-right:0;box-shadow:none}.canvas-panel{order:-1}.control-panel{border-left:0;border-top:1px solid var(--line)}.stage{min-height:450px;padding:18px}.privacy-grid{grid-template-columns:1fr}.privacy-section{margin-bottom:0}.result-section{border:0}.crop-sheet-inner{height:100%;border-radius:16px;} }
@media (max-width:600px) { body{padding-bottom:86px}.topbar{height:62px;padding:0 16px}.brand small,nav a:not(:first-child){display:none}nav{gap:0}.intro h1{font-size:48px}.intro>p:last-child{font-size:14px;margin-bottom:0}.canvas-toolbar{height:46px;padding:0 16px}.stage{min-height:360px;padding:12px}.stage-note{padding:10px 16px}.empty-state{min-height:180px;padding:25px}.empty-state strong{font-size:19px}.control-panel{padding:20px 18px 108px}.compose-actions{display:none}.upload-box.has-file{display:none}.mode-card{min-height:119px}.result-section{padding:62px 18px 112px}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions button{width:100%;padding:0 10px}.result-actions .primary{grid-column:1/-1}.result-actions .share{grid-column:1/-1}.compare{min-height:220px}.privacy-section{padding:65px 22px}.privacy-grid{margin-top:30px}.privacy-grid article{padding:24px}.mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1.35fr;gap:8px;left:0;right:0;bottom:0;z-index:30;padding:10px max(14px,env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-right));background:rgba(242,240,233,.94);border-top:1px solid var(--line);backdrop-filter:blur(12px)}.mobile-dock .primary,.mobile-dock .ghost{min-height:48px}.crop-sheet{padding:0}.crop-sheet-inner{border-radius:0}.sheet-header{height:72px;padding:0 16px}.crop-controls{padding:14px 14px calc(14px + env(safe-area-inset-bottom))}.crop-tool-row{gap:42px}footer{display:none} }

/* Midnight release refresh: the public test link should read as a product, not a debug canvas. */
:root { --ink:#edf6ff; --muted:#9aafc5; --paper:#06111f; --panel:#0c1b2d; --line:rgba(157,196,235,.18); --lime:#b8ff58; --green:#77d8ff; --orange:#ff9e7a; --shadow:0 24px 74px rgba(0,0,0,.34); color-scheme:dark; }
body { background:radial-gradient(950px 530px at 78% -10%,#163c62 0%,transparent 65%),var(--paper); color:var(--ink); }
.topbar { background:rgba(6,17,31,.83); border-color:var(--line); }.brand-mark { background:linear-gradient(145deg,#142c44,#09121d); color:var(--lime); box-shadow:inset 0 0 0 1px rgba(184,255,88,.22); }.brand small,nav { color:var(--muted); } nav a:hover { color:#fff; }
.app-shell { width:min(1240px,100%); }.intro { padding:54px clamp(20px,5vw,66px) 36px; border:0; background:linear-gradient(110deg,rgba(25,69,105,.26),rgba(8,22,40,.02)); }.intro .eyebrow { color:var(--lime); }.intro h1 { max-width:920px; color:#f5f9ff; letter-spacing:-.065em; }.intro h1 em { color:#8ce6ff; }.intro>p:last-child { color:var(--muted); }
.workspace { grid-template-columns:minmax(0,1fr) 354px; overflow:hidden; border-color:var(--line); background:rgba(12,27,45,.88); box-shadow:var(--shadow); }.canvas-panel { background:#071524; }.canvas-toolbar { background:rgba(12,28,47,.9); border-color:var(--line); color:#b7c9db; }.canvas-status { display:flex; gap:9px; align-items:center; }.viewer-reset { border:1px solid rgba(140,230,255,.36); border-radius:999px; padding:4px 8px; background:rgba(87,188,255,.12); color:#d8f7ff; font-size:10px; }
.stage { min-height:560px; padding:0; background-color:#07111e; background-image:linear-gradient(rgba(140,226,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(140,226,255,.045) 1px,transparent 1px),radial-gradient(circle at 50% 45%,rgba(46,129,193,.18),transparent 52%); background-size:28px 28px,28px 28px,auto; }.stage-note { background:rgba(13,36,58,.94); border-color:rgba(140,226,255,.16); color:#b8d2e8; }.empty-state { width:min(460px,86%); min-height:auto; padding:38px 30px; border:0; border-radius:20px; background:linear-gradient(145deg,rgba(20,52,82,.92),rgba(10,27,46,.88)); box-shadow:0 18px 50px rgba(0,0,0,.22),inset 0 0 0 1px rgba(157,211,250,.16); text-align:left; }.empty-kicker { color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.13em; }.empty-state strong { margin:9px 0 7px; color:#f3f9ff; font-family:inherit; font-size:28px; }.empty-state small { color:#a9c1d8; }.empty-upload { width:100%; min-height:48px; display:flex; align-items:center; justify-content:space-between; margin-top:23px; padding:0 16px; border-radius:11px; background:linear-gradient(90deg,#89e8ff,#b8ff58); color:#07111e; font-size:12px; font-weight:900; }.empty-upload span { font-size:22px; font-weight:400; }
#editorCanvas { position:absolute; left:50%; top:50%; max-width:none; max-height:none; margin:0; box-shadow:0 18px 55px rgba(0,0,0,.46); cursor:grab; will-change:transform,width,height; }.stage #editorCanvas:active { cursor:grabbing; }.stage #editorCanvas.manual { cursor:crosshair; }
.control-panel { background:rgba(9,23,39,.98); border-color:var(--line); }.step>span { border-color:rgba(189,226,255,.62); color:#cfeaff; }.step strong { color:#eef7ff; }.step small,.hint,.field span,.job-status { color:var(--muted); }.upload-box { border-color:rgba(139,195,235,.3); background:rgba(17,43,68,.7); }.upload-box:hover,.upload-box.dragging { background:rgba(58,111,146,.45); border-color:#8ce6ff; }.upload-box strong { color:#e5f5ff; }.ghost { border-color:rgba(157,196,235,.25); background:rgba(21,48,76,.35); color:#e3f1ff; }.ghost:hover:not(:disabled) { border-color:#8ce6ff; background:rgba(70,142,189,.2); }.primary { background:linear-gradient(100deg,#15729a,#24618d); color:#effbff; }.primary:hover:not(:disabled) { background:linear-gradient(100deg,#1b91bf,#429cc7); }.mode-card { border-color:rgba(157,196,235,.18); background:rgba(17,43,68,.62); }.mode-card.selected { border-color:#8ce6ff; box-shadow:inset 0 0 0 1px #8ce6ff; background:rgba(35,92,124,.56); }.mode-card small { color:#abc1d4; }.mode-preview.anime { background:linear-gradient(145deg,#7ae4ff,#c8ff6d); color:#082036; }.mode-preview.safe { background:#203e58; color:#b5c9dc; } select { border-color:rgba(157,196,235,.25); background:#10273e; color:#e8f5ff; }.consent { color:#aec3d6; }.change-photo { color:#a9cbe6; }
.result-section { border:0; background:linear-gradient(180deg,#071524,#06111f); }.section-heading h2 { color:#f0f8ff; }.section-heading>p:last-child { color:#a7bed2; }.check-pill { background:#10273e; border-color:rgba(157,196,235,.2); color:#b8cee1; }.check-pill.ok { background:rgba(126,210,109,.13); border-color:rgba(184,255,88,.38); color:#d9ffae; }.compare { background:#091827; border:1px solid rgba(157,196,235,.18); }.privacy-section { margin:0; padding-top:84px; background:linear-gradient(135deg,#07111f,#0a2034); }.privacy-grid { background:rgba(129,196,235,.16); }.privacy-grid article { background:#0a1a2b; }.privacy-grid p { color:#a9c0d3; } footer { border-color:var(--line); color:var(--muted); }
.crop-sheet-inner { background:#071524; }.sheet-header,.crop-controls { border-color:rgba(157,196,235,.18); }.crop-stage { background:#030a12; }.ratio { border-color:rgba(157,196,235,.3); color:#cce9fa; }.ratio.active { background:#b8ff58; color:#06111f; border-color:#b8ff58; }.mobile-dock { background:rgba(6,17,31,.94); border-color:var(--line); }
@media (max-width:900px) { .workspace { grid-template-columns:1fr; }.canvas-panel { order:-1; }.control-panel { border-left:0; border-top:1px solid var(--line); } }
@media (max-width:600px) { body { padding-bottom:86px; }.topbar { background:rgba(6,17,31,.94); }.intro { padding:31px 20px 24px; background:linear-gradient(130deg,rgba(25,69,105,.22),transparent); }.intro h1 { margin:8px 0 10px; font-size:37px; line-height:1.03; letter-spacing:-.055em; }.intro>p:last-child { font-size:13px; line-height:1.65; }.stage { min-height:420px; }.canvas-panel { padding-bottom:72px; }.canvas-toolbar { height:48px; padding:0 16px; }.stage-note { padding:11px 16px; }.empty-state { width:calc(100% - 34px); padding:27px 22px; border-radius:17px; }.empty-state strong { font-size:24px; }.control-panel { background:#071524; }.mobile-dock { background:rgba(6,17,31,.96); }.privacy-section { padding:66px 22px; } body:not(.has-image) .control-panel,body:not(.has-image) .mobile-dock { display:none; } }

.publish-decision { display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin:13px 0 0; color:#b8cee1; font-size:11px; }.publish-decision .ghost { min-height:34px; padding:0 12px; }
.cost-page { min-height:100vh; }.cost-board { padding:clamp(20px,4vw,48px); background:rgba(8,24,41,.76); border-top:1px solid var(--line); }.cost-note,.cost-help { color:var(--muted); line-height:1.7; font-size:12px; }.cost-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin:24px 0 36px; }.cost-card { min-height:112px; padding:17px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,rgba(27,65,98,.56),rgba(11,30,49,.7)); }.cost-card span,.cost-card strong { display:block; }.cost-card span { color:#a9c5dc; font-size:11px; }.cost-card strong { margin-top:13px; color:#f2fbff; font-size:25px; letter-spacing:-.04em; }.cost-table-wrap { overflow:auto; padding:22px; border:1px solid var(--line); border-radius:16px; background:rgba(8,20,35,.5); }.cost-table-wrap h2 { margin:0 0 16px; font-size:19px; } table { width:100%; min-width:650px; border-collapse:collapse; text-align:left; } th,td { padding:13px 10px; border-bottom:1px solid var(--line); font-size:12px; } th { color:#95b1c8; font-size:10px; letter-spacing:.08em; text-transform:uppercase; } td small { display:block; margin-top:4px; color:var(--muted); font-size:10px; }.cost-help { margin:16px 0 0; }
@media (max-width:700px) { .cost-grid { grid-template-columns:1fr 1fr; }.cost-board { padding:22px 16px 110px; }.cost-card { min-height:100px; }.cost-card strong { font-size:21px; } }

.lab-only { display:none !important; }
body.lab-mode .lab-only:not(.hidden) { display:revert !important; }
.install-action { min-height:32px; padding:0 11px; border:1px solid rgba(184,255,88,.42); border-radius:999px; background:rgba(184,255,88,.1); color:#dfffbd; font-size:10px; font-weight:800; }
.browser-notice { position:sticky; top:68px; z-index:24; min-height:44px; display:flex; align-items:center; justify-content:center; gap:12px; padding:8px 18px; background:#fff1b8; color:#443b18; border-bottom:1px solid #dccb82; font-size:11px; line-height:1.5; text-align:center; }
.browser-notice button { flex:0 0 auto; width:28px; height:28px; border-radius:50%; background:rgba(68,59,24,.1); color:#443b18; font-size:18px; }
@media (max-width:600px) { .browser-notice { top:62px; justify-content:space-between; padding-left:14px; text-align:left; }.install-action { padding:0 9px; } }

.safe-cover-picker { margin:13px 0 4px; padding:12px; border:1px solid rgba(157,196,235,.18); border-radius:13px; background:rgba(17,43,68,.45); }
.safe-cover-heading span,.safe-cover-heading small { display:block; }
.safe-cover-heading span { color:#e7f5ff; font-size:11px; font-weight:800; }
.safe-cover-heading small { margin-top:3px; color:#9bb6cc; font-size:9px; line-height:1.5; }
.safe-cover-list { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; }
.safe-cover-option { min-width:0; min-height:76px; padding:5px 3px 6px; border:1px solid rgba(157,196,235,.2); border-radius:9px; background:#0a1c2f; color:#bfd3e4; font-size:9px; overflow:hidden; }
.safe-cover-option.selected { border-color:#b8ff58; background:rgba(109,169,89,.2); box-shadow:inset 0 0 0 1px rgba(184,255,88,.45); color:#eaffca; }
.safe-cover-option img { display:block; width:46px; height:46px; margin:0 auto 3px; object-fit:contain; }
.safe-cover-option span { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }