:root{--glass-bg: rgba(255, 255, 255, .45);--glass-border: rgba(255, 255, 255, .5);--glass-blur: 16px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--glass-radius: 20px;--accent: #1a6b52;--accent-light: #a4f3d4;--accent-dark: #002117;--text: #1a1a2e;--text-sub: #4a4a5a;--text-muted: #8a8a9a}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,Roboto,sans-serif;min-height:100vh;color:var(--text);line-height:1.6;background:linear-gradient(135deg,#e0f2e9,#f0e6ff 40%,#ffe6ec,#e6f0ff);background-attachment:fixed}body:before,body:after{content:"";position:fixed;border-radius:50%;z-index:-1;filter:blur(80px);opacity:.5}body:before{width:500px;height:500px;background:#a4f3d4;top:-100px;left:-100px}body:after{width:400px;height:400px;background:#c4b5fd;bottom:-50px;right:-80px}.app-bar{background:#1a6b52bf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#fff;padding:1.25rem 1.5rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.2)}.app-bar h1{font-size:1.25rem;font-weight:500;letter-spacing:.01em}.app-bar p{font-size:.8rem;opacity:.85;margin-top:.2rem}main{max-width:880px;margin:0 auto;padding:0 1rem 2rem}.card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:1.5rem;box-shadow:var(--glass-shadow);margin-bottom:1.25rem}.card-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:var(--text);margin-bottom:1rem}.card-title .material-symbols-outlined{font-size:20px;color:var(--accent)}.dropzone{border:2px dashed rgba(26,107,82,.3);border-radius:16px;padding:2.5rem 1rem;text-align:center;color:var(--text-sub);cursor:pointer;transition:all .25s ease;margin-bottom:1.25rem;background:#ffffff4d}.dropzone .material-symbols-outlined{font-size:40px;display:block;margin:0 auto .5rem;color:var(--text-muted);transition:color .25s}.dropzone span{font-size:.9rem}.dropzone:hover{border-color:var(--accent);background:#a4f3d426}.dropzone:hover .material-symbols-outlined{color:var(--accent)}.dropzone.dragover{border-color:var(--accent);background:#a4f3d440;color:var(--accent-dark);transform:scale(1.01)}.dropzone.dragover .material-symbols-outlined{color:var(--accent)}.dropzone-limit{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.4rem}.dropzone .filename{margin-top:.5rem;font-size:.85rem;color:var(--text);font-weight:500}.control-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.control-group{display:flex;flex-direction:column;gap:.35rem}label{font-size:.75rem;font-weight:500;color:var(--text-sub);letter-spacing:.03em}select,input[type=number]{height:40px;padding:0 .75rem;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text);font-family:inherit;font-size:.875rem;width:140px;outline:none;transition:border-color .2s,box-shadow .2s}select:focus,input[type=number]:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a6b521f}input[type=range]{width:160px;accent-color:var(--accent);vertical-align:middle}.quality-display{font-size:.85rem;color:var(--text-sub);min-width:2.2em;text-align:right;font-variant-numeric:tabular-nums}.btn-filled{display:inline-flex;align-items:center;gap:.4rem;height:40px;padding:0 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:20px;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.02em;cursor:pointer;transition:transform .15s,box-shadow .2s}.btn-filled:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a6b524d}.btn-filled:active{transform:translateY(0)}.btn-filled:disabled{background:#0000001a;color:#0000004d;cursor:not-allowed;transform:none;box-shadow:none}.btn-tonal{display:inline-flex;align-items:center;gap:.4rem;height:36px;padding:0 1rem;background:#ffffff80;border:1px solid rgba(0,0,0,.08);color:var(--text-sub);border-radius:18px;font-family:inherit;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .15s}.btn-tonal:hover{background:#ffffffbf}.btn-download{display:inline-flex;align-items:center;gap:.4rem;height:40px;padding:0 1.5rem;background:var(--accent-light);color:var(--accent-dark);text-decoration:none;border-radius:20px;font-family:inherit;font-size:.875rem;font-weight:500;letter-spacing:.02em;transition:transform .15s,box-shadow .2s}.btn-download:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a6b5233}.btn-download .material-symbols-outlined{font-size:18px}.crop-section{display:none;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:1.5rem;box-shadow:var(--glass-shadow);margin-bottom:1.25rem}.crop-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem;cursor:pointer;user-select:none}.crop-header:not(.collapsed){margin-bottom:.75rem}.crop-chevron{font-size:22px;color:var(--text-muted);transition:transform .3s ease}.crop-header.collapsed .crop-chevron{transform:rotate(-90deg)}.crop-body{overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:1}.crop-body.collapsed{max-height:0!important;opacity:0}.crop-info{font-size:.8rem;color:var(--text-sub)}.crop-aspect-wrap{display:flex;align-items:center;gap:.4rem}select.crop-aspect-select{height:32px;width:auto;min-width:5.5em;padding:0 .5rem;font-size:.8rem}.crop-aspect-custom{display:none;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-sub)}.crop-aspect-custom.visible{display:flex}input[type=number].crop-aspect-num{height:32px;width:4.5em;padding:0 .4rem;font-size:.8rem}.crop-wrapper{position:relative;display:inline-block;user-select:none;line-height:0;border-radius:12px;overflow:hidden}.crop-wrapper img{max-width:100%;max-height:480px;display:block}.crop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;touch-action:none}.crop-selection{position:absolute;border:2px solid var(--accent);background:#1a6b521f;display:none;cursor:move;z-index:2;touch-action:none}.crop-selection:before{content:"";position:absolute;inset:0;pointer-events:none;filter:drop-shadow(0 0 1px rgba(0,0,0,.6));background-image:linear-gradient(to right,transparent calc(25% - .5px),rgba(255,255,255,.55) calc(25% - .5px),rgba(255,255,255,.55) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(to right,transparent calc(50% - .5px),rgba(255,255,255,.9) calc(50% - .5px),rgba(255,255,255,.9) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to right,transparent calc(75% - .5px),rgba(255,255,255,.55) calc(75% - .5px),rgba(255,255,255,.55) calc(75% + .5px),transparent calc(75% + .5px)),linear-gradient(to bottom,transparent calc(25% - .5px),rgba(255,255,255,.55) calc(25% - .5px),rgba(255,255,255,.55) calc(25% + .5px),transparent calc(25% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),rgba(255,255,255,.9) calc(50% - .5px),rgba(255,255,255,.9) calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(75% - .5px),rgba(255,255,255,.55) calc(75% - .5px),rgba(255,255,255,.55) calc(75% + .5px),transparent calc(75% + .5px))}.crop-handle{position:absolute;width:14px;height:14px;background:#fff;border:2px solid var(--accent);border-radius:50%;touch-action:none}.crop-handle[data-handle=nw]{top:-8px;left:-8px;cursor:nwse-resize}.crop-handle[data-handle=n]{top:-8px;left:50%;margin-left:-7px;cursor:ns-resize}.crop-handle[data-handle=ne]{top:-8px;right:-8px;cursor:nesw-resize}.crop-handle[data-handle=e]{top:50%;right:-8px;margin-top:-7px;cursor:ew-resize}.crop-handle[data-handle=se]{bottom:-8px;right:-8px;cursor:nwse-resize}.crop-handle[data-handle=s]{bottom:-8px;left:50%;margin-left:-7px;cursor:ns-resize}.crop-handle[data-handle=sw]{bottom:-8px;left:-8px;cursor:nesw-resize}.crop-handle[data-handle=w]{top:50%;left:-8px;margin-top:-7px;cursor:ew-resize}.crop-selection.aspect-locked .crop-handle[data-handle=n],.crop-selection.aspect-locked .crop-handle[data-handle=e],.crop-selection.aspect-locked .crop-handle[data-handle=s],.crop-selection.aspect-locked .crop-handle[data-handle=w]{display:none}.crop-dim{position:absolute;background:#00000059}.video-preview-container{text-align:center}.video-preview-container video{max-width:100%;max-height:360px;border-radius:12px;background:#000}.video-note{font-size:.75rem;color:var(--text-muted);margin-top:.75rem}.cut-timeline-wrap{margin-top:1rem}.cut-timeline{position:relative;height:36px;border-radius:8px;background:#00000026;cursor:pointer;touch-action:none;overflow:hidden}.cut-range{position:absolute;top:0;height:100%;background:#1a6b5273;border:1px solid rgba(26,107,82,.8);border-radius:6px;cursor:grab}.cut-range.selected{background:#1a6b52b3;border-color:var(--accent-dark)}.cut-range-handle{position:absolute;top:0;width:10px;height:100%;cursor:ew-resize}.cut-range-handle.left{left:0}.cut-range-handle.right{right:0}.cut-playhead{position:absolute;top:0;width:2px;height:100%;background:#e5484d;pointer-events:none;z-index:2;transform:translate(-1px)}.cut-pending{position:absolute;top:0;width:2px;height:100%;background:var(--accent);z-index:1;pointer-events:none}.cut-timeline-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-muted);margin-top:.25rem}input.text-input{height:40px;padding:0 .75rem;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff9;color:var(--text);font-family:inherit;font-size:.875rem;width:180px;outline:none}input.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1a6b521f}.pdf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}.pdf-page-card{background:#fff6;border-radius:12px;padding:.5rem;text-align:center;font-size:.72rem;color:var(--text-sub)}.pdf-page-card img{display:block;width:100%;height:auto;border-radius:8px;background:#fff;box-shadow:0 1px 4px #00000026;margin-bottom:.4rem}.pdf-page-card a{display:inline-flex;align-items:center;gap:.2rem;margin-top:.3rem;color:var(--accent);font-weight:500;text-decoration:none}@media (max-width: 600px){input.text-input{width:100%}}.tab-bar{display:flex;gap:.4rem;padding:.4rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:999px;box-shadow:var(--glass-shadow);margin-bottom:1.25rem}.tab-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:40px;border:none;border-radius:999px;background:transparent;color:var(--text-sub);font-family:inherit;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.tab-btn .material-symbols-outlined{font-size:20px}.tab-btn:hover{background:#ffffff80}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #1a6b524d}.tab-panel{display:none}.tab-panel.active{display:block}.tool-group{display:flex;flex-wrap:wrap;gap:.4rem}.tool-btn .material-symbols-outlined{font-size:18px}.tool-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.draw-zoom-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.draw-zoom-label{font-size:.75rem;font-weight:500;color:var(--text-sub);margin-right:.25rem}.draw-zoom-hint{font-size:.72rem;color:var(--text-muted);margin-left:.5rem}.draw-canvas-wrap{position:relative;margin-top:.5rem;height:70vh;min-height:360px;max-height:820px;overflow:hidden;border-radius:12px;background:#e9e9ec;border:1px solid rgba(0,0,0,.08)}.draw-canvas-wrap canvas{display:block;width:100%;height:100%;touch-action:none;cursor:default}.tool-btn kbd{font-family:inherit;font-size:.65rem;opacity:.65;margin-left:.15rem}input.color-input{height:40px;width:60px;padding:0 4px;border:1px solid rgba(0,0,0,.12);border-radius:12px;background:#fff9;cursor:pointer}@media (max-width: 600px){.tab-btn .tab-label{display:none}}.spinner{display:none;text-align:center;padding:2rem;color:var(--text-sub);font-size:.9rem}.spinner:before{content:"";display:inline-block;width:22px;height:22px;border:2.5px solid rgba(0,0,0,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .75s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}.result{display:none;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--glass-radius);padding:1.5rem;box-shadow:var(--glass-shadow)}.info{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.85rem}.info div{flex:1}.info strong{display:block;font-weight:500;margin-bottom:.2rem}.info p{margin:0;color:var(--text-sub)}.savings{display:inline-block;padding:.4rem 1rem;background:#a4f3d480;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(164,243,212,.6);border-radius:20px;color:var(--accent-dark);font-weight:500;font-size:.85rem;margin-bottom:1rem}.preview-container{text-align:center;margin-bottom:1rem}.preview-container img{max-width:100%;max-height:480px;border-radius:12px}.compare-wrap{position:relative;display:inline-block;line-height:0;--pos: 50%;touch-action:none;cursor:ew-resize;user-select:none}.compare-wrap img{display:block;max-width:100%;max-height:480px;border-radius:12px}.compare-before{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.compare-divider{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:#fff;box-shadow:0 0 4px #00000080;transform:translate(-1px);pointer-events:none}.compare-divider:after{content:"↔";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:#fff;color:#333;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;box-shadow:0 1px 4px #0006}.compare-label{position:absolute;top:8px;padding:.1rem .5rem;background:#0000008c;color:#fff;font-size:.7rem;border-radius:10px;line-height:1.6;pointer-events:none}.compare-label-left{left:8px}.compare-label-right{right:8px}.video-file-list{margin-bottom:1rem}.video-file-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;border-radius:10px;background:#ffffff59;margin-bottom:.35rem;font-size:.8rem}.video-file-row .video-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-mini{height:28px;padding:0 .6rem;font-size:.75rem}footer{max-width:880px;margin:1rem auto 0;padding:1rem 1rem 2rem;font-size:.75rem;color:var(--text-muted);line-height:1.8;text-align:center}footer p{margin:0}@media (max-width: 600px){main{padding:0 .75rem 2rem}.control-row{gap:.75rem}select,input[type=number]{width:100%}.control-group{flex:1 1 calc(50% - .5rem)}.info{flex-direction:column;gap:.75rem}.crop-header{flex-direction:column;align-items:flex-start}body:before{width:300px;height:300px}body:after{width:250px;height:250px}}.ad-slot{margin:1.25rem 0;text-align:center}.ad-slot ins{display:block}a.tab-btn{text-decoration:none}.content-card h2{font-size:1.05rem;font-weight:500;margin:1.75rem 0 .5rem}.content-card h2:first-of-type{margin-top:0}.content-card h3{font-size:.95rem;font-weight:500;margin:1.25rem 0 .4rem}.content-card p,.content-card li{font-size:.9rem;color:var(--text-sub);line-height:1.85;margin-bottom:.5rem}.content-card ul,.content-card ol{padding-left:1.5rem;margin-bottom:.5rem}.content-card a{color:var(--accent)}.content-card details{margin-bottom:.6rem;padding:.6rem .9rem;background:#ffffff59;border-radius:12px}.content-card summary{cursor:pointer;font-weight:500;font-size:.9rem;color:var(--text)}.content-card table{width:100%;border-collapse:collapse;font-size:.85rem;margin:.5rem 0 1rem}.content-card th,.content-card td{text-align:left;padding:.45rem .6rem;border-bottom:1px solid rgba(0,0,0,.08);color:var(--text-sub)}.content-card th{color:var(--text);font-weight:500}footer nav{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:.25rem}footer a{color:inherit;text-decoration:underline}