.crop-tool-open{min-height:32px;padding:5px 9px;border:1px solid #9bb9d044;color:#cfe1f2;background:#07111ac7;font-size:9px;letter-spacing:1px;white-space:nowrap}.crop-tool-open span{color:var(--accent)}
.vs-cutin-image img.cutin-adjusted{object-position:var(--cutin-position)!important;scale:var(--cutin-scale);transform-origin:var(--cutin-position)}
.crop-tool{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#03070cf8;color:#eef7ff;overflow:auto}.crop-tool::backdrop{background:#010307f0;backdrop-filter:blur(8px)}
.crop-tool-panel{width:min(1180px,100%);min-height:100%;margin:auto;padding:clamp(15px,3vw,34px);display:flex;flex-direction:column;gap:16px;background:linear-gradient(145deg,#07121e,#02050a 68%);border-inline:1px solid #8cb5d72b;box-sizing:border-box}
.crop-tool-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #9abbd233;padding-bottom:13px}.crop-tool-header span{display:block;color:var(--accent);font-size:9px;letter-spacing:3px}.crop-tool-header h2{margin:5px 0 0;font-size:clamp(21px,3vw,39px);line-height:1;letter-spacing:.04em}.crop-tool-close{width:46px;height:46px;flex:none;border:1px solid #9dbbd64d;background:#0a1621;color:#fff;font-size:27px}
.crop-source-row{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.crop-source-row label:not(.crop-file-button){display:grid;gap:5px;color:#94a8ba;font-size:9px;letter-spacing:1.5px}.crop-source-row select{min-width:min(340px,75vw);min-height:44px;padding:7px 30px 7px 10px;border:1px solid #8eacc64f;background:#07131e;color:#f0f7ff}.crop-source-or{padding-bottom:13px;color:#6f8294;font-size:8px}.crop-file-button,.crop-source-row>button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 13px;border:1px solid #8eacc64f;background:#0a1b29;color:#dfefff;font-size:10px;letter-spacing:.8px;cursor:pointer}.crop-file-button{border-color:var(--tool-color,var(--accent));color:#fff}.crop-file-button input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.crop-privacy{margin:-7px 0 0;color:#8da1b4;font-size:10px;line-height:1.5}
.crop-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:clamp(14px,2.5vw,30px);align-items:start}.crop-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.crop-preview{min-width:0;margin:0}.crop-preview>div{position:relative;overflow:hidden;border:1px solid #8eacc64c;background:#0a121b}.crop-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transform-origin:center}.crop-preview-pc-select>div,.crop-preview-pc-vs>div{aspect-ratio:1/1}.crop-preview-mobile-select>div{aspect-ratio:4/5}.crop-preview-vs>div{aspect-ratio:1.12/1}.crop-preview-cutin{grid-column:1/-1}.crop-preview-cutin>div{aspect-ratio:16/5}.crop-preview figcaption{padding:6px 2px 0;color:#8599ab;font-size:9px;letter-spacing:.4px}.crop-safe-title{position:absolute;left:8px;top:8px;padding:3px 5px;background:#03101dcc;border:1px solid #9cb9ce73;color:#e7f5ff;font-size:8px;letter-spacing:1px}.crop-name-mask,.crop-pc-name-mask,.crop-pc-hud-mask{position:absolute;left:0;right:0;bottom:0;display:grid;place-items:center;background:linear-gradient(90deg,#06121ddd,#071521b5);border-top:1px solid #76d9ff8f;color:#cbeeff;font-size:clamp(7px,1vw,10px);letter-spacing:1px;text-align:center}.crop-name-mask{height:19%}.crop-preview-mobile-select .crop-name-mask{height:30%}.crop-preview-vs .crop-name-mask{height:23%}.crop-pc-hud-mask{height:30%;background:linear-gradient(90deg,#030813f2,#071521d9)}.crop-pc-name-mask{bottom:30%;height:21%;background:linear-gradient(90deg,#06121dda,#071521a8)}.crop-preview-pc-vs .crop-name-mask{height:36%;padding-right:21%;box-sizing:border-box}.crop-pc-vs-mark{position:absolute;right:-5%;top:47%;translate:0 -50%;width:34%;display:grid;place-items:center;font:italic clamp(34px,6vw,65px) Impact,"Arial Narrow",sans-serif;color:#fff;text-shadow:0 0 9px #fff,0 0 25px var(--tool-color,var(--accent));background:linear-gradient(90deg,transparent,#030711b8);transform:rotate(-5deg)}.crop-preview-vs b{position:absolute;left:50%;top:50%;translate:-50% -50%;font-size:clamp(30px,7vw,70px);font-style:italic;text-shadow:0 0 10px #fff,0 0 25px var(--tool-color,var(--accent));color:#fff}.crop-cutin-name{position:absolute;left:12px;bottom:9px;padding:3px 7px;background:#030a13cc;border-left:2px solid var(--tool-color,var(--accent));font-size:9px;letter-spacing:1px}.crop-preview-cutin i{position:absolute;width:18px;height:18px;translate:-50% -50%;border:1px solid var(--tool-color,var(--accent));border-radius:50%;box-shadow:0 0 0 4px #00162178,0 0 12px var(--tool-color,var(--accent))}.crop-preview-cutin i::before,.crop-preview-cutin i::after{content:'';position:absolute;left:50%;top:50%;background:var(--tool-color,var(--accent));translate:-50% -50%}.crop-preview-cutin i::before{width:29px;height:1px}.crop-preview-cutin i::after{width:1px;height:29px}.crop-previews.hide-overlays :is(.crop-safe-title,.crop-name-mask,.crop-pc-name-mask,.crop-pc-hud-mask,.crop-pc-vs-mark,.crop-preview-vs b,.crop-cutin-name,.crop-preview-cutin i){display:none}
.crop-controls{display:flex;flex-direction:column;gap:13px;padding:15px;border:1px solid #92b5d13a;background:#050c14c7}.crop-file-info{display:grid;gap:3px;padding-bottom:10px;border-bottom:1px solid #9bb6ca2c}.crop-file-info strong{font-size:13px;overflow-wrap:anywhere}.crop-file-info span{color:#95a9b9;font-size:10px}.crop-controls>label:not(.crop-overlay-toggle),.crop-meta-grid label{display:grid;gap:7px}.crop-controls>label>span,.crop-meta-grid label>span:first-child{display:flex;justify-content:space-between;color:#cfe0ed;font-size:11px}.crop-controls output{color:var(--tool-color,var(--accent));font-variant-numeric:tabular-nums}.crop-controls input[type=range]{width:100%;accent-color:var(--tool-color,var(--accent))}.crop-meta-grid{display:grid;grid-template-columns:1fr;gap:10px;padding-bottom:12px;border-bottom:1px solid #9bb6ca2c}.crop-meta-grid input[type=text]{width:100%;min-height:40px;padding:7px 9px;box-sizing:border-box;border:1px solid #91afc649;background:#02070c;color:#eff8ff;font:12px ui-monospace,SFMono-Regular,Menlo,monospace}.crop-color-input{display:grid!important;grid-template-columns:42px minmax(0,1fr);gap:7px}.crop-color-input input[type=color]{width:42px;height:40px;padding:3px;border:1px solid #91afc649;background:#02070c}
.crop-preview-vs>div{aspect-ratio:9/16;background:#02050b}.crop-mobile-vs-slot{position:absolute;left:0;right:0;height:46%;overflow:hidden}.crop-mobile-vs-top{top:0}.crop-mobile-vs-bottom{top:46%;border-top:1px solid var(--tool-color,var(--accent))}.crop-preview-vs .crop-mobile-vs-slot img{object-fit:cover;object-position:center top!important}.crop-preview-vs b{top:46%;z-index:6;font-size:clamp(34px,7vw,68px);filter:drop-shadow(0 4px 3px #020713);transform:rotate(-5deg)}.crop-mobile-vs-name{position:absolute;left:4%;right:4%;z-index:5;min-height:10%;display:flex;align-items:center;padding:5px 8px;box-sizing:border-box;border-left:2px solid var(--tool-color,var(--accent));background:linear-gradient(90deg,#030913e8,#03091385 78%,transparent);color:#e8f4ff;font-size:clamp(7px,1vw,10px);letter-spacing:1px}.crop-mobile-vs-name-one{top:35%}.crop-mobile-vs-name-two{bottom:8%;justify-content:flex-end;border-left:0;border-right:2px solid var(--tool-color,var(--accent));background:linear-gradient(-90deg,#030913e8,#03091385 78%,transparent)}.crop-mobile-vs-dock{position:absolute;left:0;right:0;bottom:0;height:8%;z-index:7;display:grid;place-items:center;border-top:1px solid #91afc65c;background:#030811e8;color:#9db3c5;font-size:8px;letter-spacing:1px}.crop-previews.hide-overlays :is(.crop-mobile-vs-name,.crop-mobile-vs-dock){display:none}
.crop-submission{border:1px solid #91afc638;background:#02070c}.crop-submission summary{min-height:46px;padding:8px 11px;display:flex;align-items:center;justify-content:space-between;gap:9px;box-sizing:border-box;cursor:pointer;color:#e7f5ff;font-size:11px;letter-spacing:.4px}.crop-submission summary::marker{color:var(--tool-color,var(--accent))}.crop-submission summary small{color:#7f96aa;font-size:8px;letter-spacing:.2px}.crop-submission[open] summary{border-bottom:1px solid #91afc62d;background:color-mix(in srgb,var(--tool-color,var(--accent)) 8%,transparent)}.crop-submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px}.crop-submission-fields label{display:grid;gap:5px;min-width:0}.crop-submission-fields label>span,.crop-stats legend{color:#adbfcd;font-size:9px;letter-spacing:.3px}.crop-field-wide{grid-column:1/-1}.crop-submission :is(input[type=text],input[type=number],textarea){width:100%;min-width:0;min-height:38px;padding:7px 8px;box-sizing:border-box;border:1px solid #91afc642;border-radius:0;background:#050c13;color:#eff8ff;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.crop-submission textarea{resize:vertical;min-height:58px}.crop-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:10px;border:1px solid #91afc62d}.crop-stats legend{padding:0 5px}.crop-stats input{text-align:center;font-variant-numeric:tabular-nums}.crop-submission :is(input,textarea):focus{outline:1px solid var(--tool-color,var(--accent));border-color:var(--tool-color,var(--accent))}.crop-overlay-toggle{display:flex;align-items:center;gap:8px;font-size:10px;color:#aec0cd}.crop-value{max-height:245px;margin:0;padding:10px;background:#020609;border-left:2px solid var(--tool-color,var(--accent));font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;color:#bfe7ff;overflow:auto;overflow-wrap:anywhere}.crop-actions{display:grid;gap:7px}.crop-actions button{min-height:42px;padding:7px;border:1px solid #91afc649;background:#091725;color:#e6f4ff;font-size:10px}.crop-actions button:first-child{border-color:var(--tool-color,var(--accent));background:color-mix(in srgb,var(--tool-color,var(--accent)) 16%,#07111b)}.crop-actions button:disabled{opacity:.35}.crop-status{min-height:3em;margin:0;color:#9fb3c3;font-size:10px;line-height:1.5}
.crop-live-preview{display:none}
.crop-submission-fields label{--field-color:var(--tool-color,var(--accent))}.crop-field-title{--field-color:#67dcff!important}.crop-field-name{--field-color:#ffd16b!important}.crop-field-english{--field-color:#c4a6ff!important}.crop-field-character{--field-color:#76e0b0!important}.crop-field-dialogue{--field-color:#ff91bd!important}.crop-submission-fields label>span{color:var(--field-color);font-weight:700}.crop-submission-fields label>small{margin-top:-1px;color:#91a7b9;font-size:8px;line-height:1.45}.crop-submission :is(input[type=text],input[type=number],textarea){border-color:color-mix(in srgb,var(--field-color) 48%,#91afc642);background:linear-gradient(100deg,color-mix(in srgb,var(--field-color) 13%,#040b12),#040b12 62%);box-shadow:inset 3px 0 color-mix(in srgb,var(--field-color) 72%,transparent)}.crop-submission :is(input,textarea):focus{outline-color:var(--field-color);border-color:var(--field-color);box-shadow:inset 3px 0 var(--field-color),0 0 12px color-mix(in srgb,var(--field-color) 23%,transparent)}.crop-stats{--field-color:#ffb85c;border-color:#ffb85c55;background:#ffb85c0b}.crop-stats legend,.crop-stats label>span{color:#ffc77f}.crop-meta-grid label:first-child{--meta-color:#7fdcff}.crop-meta-grid label:last-child{--meta-color:#bca4ff}.crop-meta-grid label>span:first-child{color:var(--meta-color);font-weight:700}.crop-meta-grid input[type=text]{border-color:color-mix(in srgb,var(--meta-color) 48%,#91afc649);background:linear-gradient(100deg,color-mix(in srgb,var(--meta-color) 12%,#02070c),#02070c);box-shadow:inset 3px 0 color-mix(in srgb,var(--meta-color) 70%,transparent)}
.crop-stats label{--field-color:#ffb85c}
.crop-submission select{width:100%;min-width:0;min-height:42px;padding:7px 34px 7px 9px;box-sizing:border-box;border:1px solid color-mix(in srgb,var(--field-color) 48%,#91afc642);border-radius:0;background:linear-gradient(100deg,color-mix(in srgb,var(--field-color) 13%,#040b12),#040b12 62%);box-shadow:inset 3px 0 color-mix(in srgb,var(--field-color) 72%,transparent);color:#eff8ff;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:dark}.crop-submission select:focus{outline:1px solid var(--field-color);border-color:var(--field-color);box-shadow:inset 3px 0 var(--field-color),0 0 12px color-mix(in srgb,var(--field-color) 23%,transparent)}.crop-submission select option{background:#071019;color:#eff8ff}
.crop-stats-help{grid-column:1/-1;margin:0 0 2px;color:#d7b078;font-size:8px;line-height:1.5;letter-spacing:.2px}
@media(max-width:760px){.crop-tool-open{min-width:44px;min-height:44px;padding:5px 6px;font-size:9px}.crop-tool-open span{display:none}.crop-tool-panel{padding:calc(12px + env(safe-area-inset-top)) 11px calc(16px + env(safe-area-inset-bottom));gap:12px}.crop-tool-header h2{font-size:22px}.crop-workspace{grid-template-columns:1fr}.crop-previews{grid-template-columns:1fr;gap:12px}.crop-preview-cutin{grid-column:1}.crop-controls{padding:12px}.crop-source-row{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.crop-source-row label:not(.crop-file-button){grid-column:1/-1}.crop-source-row select{min-width:0;width:100%}.crop-source-or{display:none}.crop-file-button,.crop-source-row>button{padding-inline:7px;font-size:9px}.crop-preview figcaption{font-size:9px}.crop-preview-cutin>div{aspect-ratio:3/1}.crop-submission summary{min-height:48px}.crop-submission-fields{padding:10px;gap:8px}.crop-submission :is(input[type=text],input[type=number]){min-height:42px}.crop-submission textarea{min-height:66px}}
@media(max-width:760px){.crop-live-preview{position:sticky;top:calc(6px + env(safe-area-inset-top,0px));z-index:30;display:block;margin:0 -5px;padding:6px;border:1px solid color-mix(in srgb,var(--tool-color,var(--accent)) 60%,#fff 10%);background:#020812f2;box-shadow:0 8px 24px #000b,0 0 18px color-mix(in srgb,var(--tool-color,var(--accent)) 18%,transparent);backdrop-filter:blur(10px)}.crop-live-preview>div{position:relative;aspect-ratio:3/1;overflow:hidden;background:#02050b}.crop-live-preview img{width:100%;height:100%;display:block;object-fit:cover}.crop-live-preview span{position:absolute;left:7px;top:6px;padding:3px 6px;border-left:2px solid var(--tool-color,var(--accent));background:#020812cf;color:#eef8ff;font-size:8px;letter-spacing:1px}.crop-live-preview small{display:block;padding:5px 2px 0;color:#a9bdcc;font-size:9px;line-height:1.3}.crop-live-preview i{position:absolute;width:18px;height:18px;translate:-50% -50%;border:1px solid var(--tool-color,var(--accent));border-radius:50%;box-shadow:0 0 0 4px #00162178,0 0 12px var(--tool-color,var(--accent));pointer-events:none}.crop-live-preview i::before,.crop-live-preview i::after{content:'';position:absolute;left:50%;top:50%;translate:-50% -50%;background:var(--tool-color,var(--accent))}.crop-live-preview i::before{width:29px;height:1px}.crop-live-preview i::after{width:1px;height:29px}}
@media(max-width:360px){.crop-tool-open{font-size:8px}.header-actions{gap:4px!important}.crop-tool-header h2{font-size:20px}.crop-preview-vs b{font-size:27px}}

/* Preview map: SELECT, full VS compositions, then the independently adjusted cut-in. */
.crop-preview-heading{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:5px 0 -2px;padding:9px 10px 8px;border-left:3px solid var(--tool-color,var(--accent));border-bottom:1px solid #8daec72f;background:linear-gradient(90deg,color-mix(in srgb,var(--tool-color,var(--accent)) 12%,#07111b),transparent);font-size:12px;letter-spacing:1.8px}.crop-preview-heading span{color:#eef8ff}.crop-preview-heading small{color:#8fa5b7;font-size:8px;font-weight:400;letter-spacing:.5px;text-align:right}.crop-preview :is(#crop-pc-select-image,#crop-select-image,#crop-pc-vs-image,#crop-pc-vs-image-two,#crop-vs-image,#crop-vs-image-two){object-position:center top!important}
.crop-preview-pc-vs{grid-column:1/-1}.crop-preview-pc-vs>div{aspect-ratio:16/9;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--tool-color,var(--accent)) 18%,#060b13),#01040a 68%)}.crop-preview-pc-vs>div::after{content:'';position:absolute;z-index:4;left:50%;top:-10%;width:2px;height:120%;background:#fff;box-shadow:0 0 8px #fff,0 0 24px var(--tool-color,var(--accent));transform:translateX(-50%) rotate(8deg);pointer-events:none}.crop-pc-vs-side{position:absolute;inset-block:0;width:53%;overflow:hidden}.crop-pc-vs-left{left:0;clip-path:polygon(0 0,100% 0,89% 100%,0 100%)}.crop-pc-vs-right{right:0;clip-path:polygon(11% 0,100% 0,100% 100%,0 100%)}.crop-pc-vs-side img{width:100%;height:100%;object-fit:cover}.crop-pc-vs-core{position:absolute;z-index:7;left:50%;top:50%;translate:-50% -50%;padding:.08em .16em;font:italic clamp(42px,9vw,94px)/.8 Impact,"Arial Narrow",sans-serif;color:#fff;text-shadow:0 0 8px #fff,0 0 22px var(--tool-color,var(--accent)),4px 7px 0 #020713;transform:rotate(-6deg)}.crop-pc-vs-name{position:absolute;z-index:6;bottom:6%;width:42%;padding:8px 10px;box-sizing:border-box;border-bottom:2px solid var(--tool-color,var(--accent));background:linear-gradient(90deg,#020812e8,#0208128f 78%,transparent);color:#edf8ff;font-size:clamp(7px,1.2vw,11px);font-weight:700;letter-spacing:1px}.crop-pc-vs-name-one{left:2%;border-left:2px solid var(--tool-color,var(--accent))}.crop-pc-vs-name-two{right:2%;border-right:2px solid var(--tool-color,var(--accent));background:linear-gradient(-90deg,#020812e8,#0208128f 78%,transparent);text-align:right}.crop-preview-vs{grid-column:1/-1;width:min(310px,100%);justify-self:center}.crop-previews.hide-overlays :is(.crop-pc-vs-name,.crop-pc-vs-core){display:none}
@media(max-width:760px){.crop-preview-heading{display:grid;gap:3px;margin-top:3px}.crop-preview-heading small{text-align:left}.crop-preview-pc-vs{grid-column:1}.crop-preview-vs{grid-column:1;width:min(100%,360px)}.crop-pc-vs-core{font-size:clamp(34px,13vw,58px)}.crop-pc-vs-name{bottom:4%;padding:6px;font-size:7px}}