:root{--color-text:#1f2328;--color-muted:#57606a;--color-border:#d8dee4;--color-bg:#fff;--color-accent:#0969da;--max-width:44rem}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit}body{color:var(--color-text);background:var(--color-bg);margin:0;font-family:-apple-system,Segoe UI,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Meiryo,Noto Sans JP,Noto Sans CJK JP,sans-serif;line-height:1.8}a{color:var(--color-accent)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:3px;outline:3px solid #8250df}.layout{max-width:var(--max-width);margin:0 auto;padding:1rem}.site-header{border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.25rem;margin-bottom:2rem;padding-bottom:.75rem;display:flex}.site-header>a{color:inherit;font-size:1.125rem;font-weight:700;text-decoration:none}.site-header nav,.site-footer nav{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.site-header nav a{color:var(--color-muted);font-size:.9375rem;text-decoration:none}.site-footer{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:3rem;padding-top:1rem;font-size:.875rem}.site-footer a{color:var(--color-muted)}.ad-slot{border:1px solid var(--color-border);background:#f6f8fa;height:280px;margin:2rem 0}.tool-list{padding:0;list-style:none}.tool-list li{border:1px solid var(--color-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.tool-list a{color:var(--color-accent);font-weight:700;text-decoration:none}.photo-tool{border:1px solid var(--color-border);border-radius:8px;padding:1rem}.photo-tool--loading{min-height:20rem;color:var(--color-muted);place-items:center;display:grid}.photo-tool--drag-over{border-color:var(--color-accent);background:#ddf4ff}.photo-tool__notice{color:var(--color-muted);margin:0 0 .75rem;font-size:.875rem}.photo-tool__field{margin-bottom:.875rem;display:block}.photo-tool__field span{margin-bottom:.25rem;font-size:.875rem;font-weight:700;display:block}.photo-tool__field input,.photo-tool__field select{max-width:100%;min-height:44px;font:inherit}.photo-tool__file input{width:100%}.photo-tool__workspace{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.photo-tool__side{min-width:0}.photo-tool__output-size{font-variant-numeric:tabular-nums}.photo-tool__error{color:#cf222e}.photo-tool__warning{color:#9a6700}.photo-tool button{min-height:44px;font:inherit;cursor:pointer;padding:.5rem 1rem}.photo-tool button:disabled{cursor:not-allowed;opacity:.5}.crop-stage{min-width:0}.crop-stage--empty{border:1px dashed var(--color-border);min-height:min(68vh,34rem);color:var(--color-muted);background:#f6f8fa;place-items:center;display:grid}.crop-stage__viewport{touch-action:none;background:#24292f;width:100%;min-height:min(68vh,36rem);position:relative;overflow:hidden}.crop-stage__cropper{touch-action:none}.crop-stage__crop-area{color:#00000080;background:linear-gradient(#0000 16%,#ffffffe6 16% calc(16% + 1px),#0000 calc(16% + 1px)),linear-gradient(#0000 67%,#ffffffe6 67% calc(67% + 1px),#0000 calc(67% + 1px)),linear-gradient(#0000 82%,#fffc 82% calc(82% + 1px),#0000 calc(82% + 1px));border:2px solid #fff}.crop-stage__face-guides{z-index:2;pointer-events:none;position:absolute}.crop-stage__guide{z-index:3;color:#fff;pointer-events:auto;touch-action:none;background:0 0;border:0;border-radius:0;position:absolute}.photo-tool .crop-stage__guide{min-height:0;padding:0}.crop-stage__guide:before{content:"";background:#f97316;position:absolute;box-shadow:0 0 0 1px #00000073}.crop-stage__guide--horizontal{cursor:ns-resize;width:100%;height:28px;left:0;transform:translateY(-50%)}.crop-stage__guide--horizontal:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)}.crop-stage__guide--vertical{cursor:ew-resize;width:28px;height:100%;top:0;transform:translate(-50%)}.crop-stage__guide--vertical:before{width:2px;height:100%;top:0;left:50%;transform:translate(-50%)}.crop-stage__guide:focus-visible{outline-offset:2px;outline:3px solid #fff}.crop-stage__guide span{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.crop-stage__controls{flex-wrap:wrap;align-items:end;gap:.5rem;margin-top:.75rem;display:flex}.crop-stage__zoom{flex:12rem;margin-bottom:0}.crop-stage__zoom input,.output-panel select,.output-panel input{width:100%}.compliance-panel{border-top:1px solid var(--color-border);margin-top:1rem;padding-top:1rem}.compliance-panel h2{margin:0 0 .75rem;font-size:1rem}.compliance-panel h3{margin:1rem 0 .5rem;font-size:.9375rem}.compliance-panel__ok{color:#1a7f37}.compliance-panel__ng,.compliance-panel__disclaimer{color:#9a6700}.compliance-panel__pending{color:var(--color-muted)}.compliance-panel__items,.compliance-panel__visual ul{padding-left:0;list-style:none}.compliance-panel__item{grid-template-columns:4.5rem minmax(0,1fr);gap:.5rem;margin:.5rem 0;display:grid}.compliance-panel__status{font-size:.8125rem;font-weight:700}.compliance-panel__item small{color:var(--color-muted);margin-top:.125rem;display:block}.compliance-panel__visual li{margin:.375rem 0}.compliance-panel__visual label{cursor:pointer;align-items:flex-start;gap:.5rem;min-height:1.5rem;padding:.25rem 0;display:flex}.compliance-panel__visual input[type=checkbox]{flex:none;width:1.5rem;height:1.5rem;min-height:auto}.compliance-panel__disclaimer strong{color:#cf222e;display:block}@media (min-width:54rem){.layout{max-width:64rem}.photo-tool__workspace{grid-template-columns:minmax(0,1fr) minmax(16rem,20rem);align-items:start}.crop-stage__viewport,.crop-stage--empty{min-height:min(70vh,40rem)}}.tool-lead{color:var(--color-muted);margin-top:0}.tool-details{border-top:1px solid var(--color-border);color:var(--color-muted);margin-top:3rem;padding-top:1.5rem;font-size:.9375rem}.tool-details__intro{letter-spacing:.08em;color:var(--color-muted);margin:0 0 1.5rem;font-size:.8125rem;font-weight:700}.tool-details h2{color:var(--color-text);margin-top:2rem;font-size:1.0625rem}.tool-details h3{color:var(--color-text);margin-top:1.5rem;font-size:1rem}.tool-details strong{color:var(--color-text)}.tool-details a{color:var(--color-accent)}.tool-details table{border-collapse:collapse;margin:1rem 0}.tool-details th,.tool-details td{border:1px solid var(--color-border);text-align:left;padding:.375rem .75rem}.tool-details th{color:var(--color-text);background:#f6f8fa;font-size:.875rem}.tool-details td+td{font-variant-numeric:tabular-nums}.faq-list{margin:1rem 0 0}.faq-list dt{color:var(--color-text);margin-top:1rem;font-weight:700}.faq-list dd{margin:.25rem 0 0}.photo-tool__loading{color:var(--color-accent);margin:0 0 .75rem;font-weight:700}.site-tagline{color:var(--color-muted);margin:-.5rem 0 1.5rem;font-size:1.125rem}