:root{--c: #ff4f09;--bg: #fff4ee;--bd: #ffb08c;--ink: #2d373f}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}html,body{min-height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP",sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;accent-color:var(--c)}body.has .logo{width:min(420px,100%)}body.has .head{margin-bottom:12px}body.has #drop{flex:none;min-height:22vh}body.has #panel{display:block}body.over #ov{display:flex}main{max-width:1200px;width:100%;margin:0 auto;padding:16px 16px 40px;overflow-x:hidden;min-height:100dvh;display:flex;flex-direction:column}.head{text-align:center;margin-bottom:22px}.logo{margin:8px auto 18px;width:min(620px,100%)}.logo img{display:block;width:100%;height:auto}.safe{display:flex;justify-content:center;align-items:center;gap:12px;text-align:left;color:var(--ink);width:100%}.shield{flex:none;width:50px;height:50px;border-radius:50%;background:var(--c);color:var(--ink);display:flex;align-items:center;justify-content:center}.shield svg{width:57%;height:auto;aspect-ratio:1/1}.shield svg path,.shield svg rect{stroke:#fff}.priv{margin:0;font-size:1.15rem;font-weight:600;line-height:1.35}.priv2{margin:1px 0 0;font-size:.75rem;color:var(--ink);opacity:.75}.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:14px 0 15px}.chips span{color:var(--ink);border:1.5px solid rgba(45,55,63,.5);border-radius:999px;padding:3px 12px;font-size:.82rem;font-weight:700}.chips span::first-letter{color:var(--c)}#drop{flex:1;min-height:34vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:3px dashed var(--bd);border-radius:24px;background:#fff;cursor:pointer;text-align:center;padding:24px;transition:min-height .25s;outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#drop:focus-visible{outline:3px solid var(--c);outline-offset:3px}#drop h2{font-size:1.7rem;margin:0}#drop .btn{pointer-events:none}.pick{position:relative;display:block;width:334px;max-width:100%}.pick .btn{display:block;width:100%}.pick input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}.btn,button{background:var(--c);color:#fff;border:0;border-radius:15px;padding:15px 0px;width:334px;font-size:1.3rem;letter-spacing:.03em;cursor:pointer;white-space:nowrap}.btn.sec,button.sec{background:#f3e7e0;color:var(--ink)}.btn:disabled,button:disabled{opacity:.4;cursor:default}#mute{display:flex;gap:6px;align-items:center;font-size:.85rem;color:#5b6770;cursor:pointer}#ov{position:fixed;inset:0;background:rgba(255,79,9,.93);color:#fff;display:none;align-items:center;justify-content:center;font-size:2rem;font-weight:700;z-index:10;pointer-events:none}#panel{display:none;margin-top:16px}.bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.bar .sum{margin-left:auto;font-size:.85rem;color:#5b6770}ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0, 1fr);gap:10px}li{background:#fff;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:minmax(0, 1fr);gap:6px;min-width:0}.top{display:flex;gap:10px;align-items:center;min-width:0}.name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.act{display:flex;flex-direction:row;gap:8px;flex-shrink:0}.act button{padding:6px 12px;font-size:.85rem}.meta{font-size:.8rem;color:#5b6770}progress{width:100%;height:10px}.ok{color:#d93f00;font-weight:700}.ng{color:#dc2626}.warn{background:#fef3c7;border-radius:10px;padding:10px 14px;font-size:.85rem;margin-bottom:12px}.note{margin:9px 9px 0;font-size:.78rem;line-height:1.6;color:#6b7780}footer{text-align:center;font-size:.9rem;padding:0 0 12px}footer a{color:var(--c);text-decoration:none}@media(max-width: 640px){main{padding:12px 12px 32px}.head{margin-bottom:16px}.logo{margin:4px auto 12px;width:min(300px,86%)}body.has .logo{width:min(220px,64%)}.chips{gap:6px;margin:10px 0 12px}.chips span{font-size:.72rem;padding:2px 10px}.safe{gap:10px;padding:0 4px}.shield{width:42px;height:42px}.priv{font-size:1rem}.priv2{font-size:.72rem;word-break:keep-all;text-wrap:balance}#drop{min-height:38vh;padding:20px 16px;gap:14px;border-radius:20px}#drop h2{font-size:1.3rem}#cap{font-size:.85rem}.btn,button{width:100%;max-width:334px;padding:14px 0;font-size:1.1rem}.bar{flex-direction:column;align-items:stretch}.bar button{width:100%;max-width:none;padding:12px 0;font-size:1rem}.bar .sum{margin-left:0;text-align:center}li{padding:10px 12px}.act{gap:6px}.act button{width:auto;max-width:none;padding:7px 12px;font-size:.8rem}.note{margin:12px 4px 0;font-size:.72rem}}