:root{--accent: #0a84ff;--green: #34c759;--text: #1c1c1e;--text2: rgba(60, 60, 67, .55);--hairline: rgba(60, 60, 67, .1);--fill: rgba(255, 255, 255, .68);--fill-strong: rgba(255, 255, 255, .86);--radius-card: 18px;--shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 10px 30px rgba(0, 0, 0, .07)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif;color:var(--text);background:#f2f2f7;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent}body:before,body:after{content:"";position:fixed;z-index:-1;width:52vw;height:52vw;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}body:before{top:-18vw;left:-12vw;background:radial-gradient(circle at 35% 40%,#a8d8ff,#a8d8ff00 68%)}body:after{right:-14vw;bottom:-22vw;background:radial-gradient(circle at 60% 40%,#ffe0d6,#ffe0d600 70%)}@media(min-width:1100px){body:after{background:radial-gradient(circle at 60% 40%,#ffe9f2,#ffe9f200 70%)}}.app-shell{display:grid;grid-template-columns:minmax(336px,384px) 1fr;gap:0;min-height:100dvh;padding:0}.config-col{position:sticky;top:0;height:100vh;height:100dvh;overflow-y:auto;padding:30px 22px 40px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.12) transparent;border-right:.5px solid rgba(60,60,67,.08)}.config-col::-webkit-scrollbar{width:6px}.config-col::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.preview-wrap{position:relative;padding:36px clamp(18px,4vw,64px) 60px}.app-head{padding:4px 6px 18px}.app-head h1{margin:0 0 4px;font-size:30px;font-weight:700;letter-spacing:-.4px}.app-head .sub,.preview-head .sub,.screen-note,.app-foot .sub{margin:0;font-size:13px;color:var(--text2);line-height:1.5}.reset-link{margin-top:10px;padding:0;border:0;background:none;color:var(--accent);font:inherit;font-size:14px;cursor:pointer}.reset-link:active{opacity:.6}.group-block{margin-bottom:22px}.group-head{display:flex;align-items:center;justify-content:space-between;padding:2px 14px 7px}.group-title{font-size:13px;font-weight:600;letter-spacing:-.1px;color:var(--text2);text-transform:uppercase}.group-actions{display:inline-flex;align-items:center;gap:8px}.chip{font-size:11px;font-weight:500;padding:3px 9px;border-radius:999px;color:var(--text2);background:#7878801a}.chip-green{color:#1e9e50;background:#34c75924}.group{background:var(--fill);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-card);border:.5px solid rgba(255,255,255,.62);box-shadow:var(--shadow);overflow:hidden}.group>.grow+.grow{border-top:.5px solid var(--hairline)}.grow{padding:12px 16px}.grow-main{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:26px}.grow-label{font-size:15.5px;font-weight:500;color:#1c1c1eeb;white-space:nowrap}.grow-ctl{flex:1;display:flex;align-items:center;justify-content:flex-end;min-width:0}.grow-hint{margin-top:7px;font-size:12px;line-height:1.5;color:var(--text2)}.grow-hint.err{color:#d70015}.grow-last{padding-bottom:15px}.slider-wrap{display:flex;align-items:center;gap:10px;width:100%}.slider-val{min-width:46px;text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}input[type=range].ios-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:28px;margin:0;background:transparent;cursor:pointer;--fill: 50%}input[type=range].ios-range::-webkit-slider-runnable-track{height:5px;border-radius:2.5px;background:linear-gradient(to right,var(--accent) var(--fill),rgba(120,120,128,.22) var(--fill))}input[type=range].ios-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:27px;height:27px;margin-top:-11px;border-radius:50%;background:#fff;border:.5px solid rgba(60,60,67,.06);box-shadow:0 .5px 1.5px #00000029,0 3px 9px #00000021}input[type=range].ios-range::-moz-range-track{height:5px;border-radius:2.5px;background:#78788038}input[type=range].ios-range::-moz-range-progress{height:5px;border-radius:2.5px;background:var(--accent)}input[type=range].ios-range::-moz-range-thumb{width:25px;height:25px;border:0;border-radius:50%;background:#fff;box-shadow:0 .5px 1.5px #00000029,0 3px 9px #00000021}.zoom-ctl{display:flex;align-items:center;gap:7px;width:100%}.zoom-range{flex:1;min-width:60px}.zoom-pct{min-width:42px;text-align:right;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text2)}.colorblock{display:flex;flex-direction:column;gap:10px;min-width:0}.colorblock-head{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:26px}.color-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.swatch{width:27px;height:27px;padding:0;border-radius:50%;border:.5px solid rgba(0,0,0,.1);cursor:pointer;transition:transform .15s ease}.swatch.active{box-shadow:0 0 0 2.5px var(--accent)}.swatch:active{transform:scale(.9)}.swatch-clear{background-image:conic-gradient(#e9e9ef 25%,#fcfcfd 0,#fcfcfd 50%,#e9e9ef 0,#e9e9ef 75%,#fcfcfd 0);background-size:9px 9px;background-color:transparent;border:.5px solid rgba(0,0,0,.14)}.color-pick{position:relative;cursor:pointer}.color-well{display:block;width:29px;height:29px;border-radius:9px;border:.5px solid rgba(0,0,0,.12);background-image:conic-gradient(#fff 25%,#d6d6dd 0,#d6d6dd 50%,#fff 0,#fff 75%,#d6d6dd 0);background-size:8px 8px;padding:2.5px}.color-well:before{content:"";display:block;width:100%;height:100%;border-radius:6.5px;background:inherit;background-image:none}.color-pick input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.color-row.is-disabled,.color-pick.is-disabled,.colorblock.is-disabled{opacity:.35;pointer-events:none}.segmented{display:flex;padding:2px;border-radius:11px;background:#78788021;width:100%}.seg-item{flex:1;height:31px;border:0;border-radius:9px;background:transparent;color:var(--text2);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.seg-item.active{background:var(--fill-strong);color:var(--accent);font-weight:600;box-shadow:0 1px 4px #0000001a}.segmented.is-disabled{opacity:.35;pointer-events:none}.toggle-row{position:relative;display:inline-block}.toggle-row input{position:absolute;opacity:0;pointer-events:none}.toggle-row label{display:block;width:50px;height:30px;border-radius:15px;background:#78788038;cursor:pointer;transition:background .2s ease}.toggle-row label:after{content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0000003d;transition:transform .2s cubic-bezier(.3,1.2,.5,1)}.toggle-row input:checked+label{background:var(--green)}.toggle-row input:checked+label:after{transform:translate(20px)}.toggle-row.is-disabled{opacity:.35;pointer-events:none}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:30px;height:30px;border-radius:9px;border:0;background:#7878801f;color:var(--accent);font-size:18px;font-weight:500;cursor:pointer}.stepper button:disabled{opacity:.35}.stepper input[type=number]{width:58px;height:32px;padding:0 6px;border-radius:9px;border:.5px solid rgba(60,60,67,.12);background:#7878800f;text-align:center;font:inherit;font-size:15px;font-weight:600;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.stepper input[type=number]::-webkit-outer-spin-button,.stepper input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.stepper-unit{margin-left:2px;font-size:12px;color:var(--text2)}.abtn{border:0;cursor:pointer;font:inherit;transition:transform .12s ease,opacity .12s ease,filter .12s ease}.abtn:active:not(:disabled){transform:scale(.97);filter:brightness(.94)}.abtn:disabled{opacity:.4;cursor:default}.abtn-primary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:52px;padding:9px 18px;border-radius:15px;background:linear-gradient(180deg,#2f95ff 0%,var(--accent) 55%,#0a7cff 100%);box-shadow:0 4px 14px #0a84ff4d;color:#fff;flex:1}.btn-main{font-size:15.5px;font-weight:600}.btn-sub{font-size:11.5px;font-weight:400;opacity:.82}.abtn-secondary{min-height:44px;padding:8px 14px;border-radius:12px;background:#78788021;color:var(--accent);font-size:15px;font-weight:600;flex:1}.abtn-ghost{min-height:30px;padding:2px 8px;border-radius:8px;background:none;color:var(--accent);font-size:13px;font-weight:500}.abtn-small{min-height:30px;padding:4px 12px;border-radius:9px;font-size:13px}.export-rows{display:flex;gap:10px;padding:4px 4px 6px}.export-rows .abtn-primary,.export-rows .abtn-secondary{flex:1}.export-rows .abtn-secondary .btn-main,.export-rows .abtn-secondary .btn-sub{color:var(--accent)}.export-rows .abtn-secondary .btn-sub{opacity:.7}.export-msg{margin:0 4px 4px;font-size:12.5px;color:#1e9e50}.src-meta{margin:8px 0 0;font-size:12px;color:var(--text2)}.inline-link{margin-left:12px;padding:0;border:0;background:none;color:#d70015;font-size:12px;cursor:pointer}.font-ctl{gap:8px;flex-wrap:wrap}.font-name{font-size:12.5px;color:var(--text2);max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-cached{margin-top:10px;padding-top:10px;border-top:.5px solid rgba(60,60,67,.16)}.font-cached-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.font-cached-title{font-size:12.5px;font-weight:600;color:var(--text2)}.font-cached-note{font-size:11px;color:var(--text2);opacity:.8}.font-cached-list{display:flex;flex-wrap:wrap;gap:8px}.font-chip{display:inline-flex;align-items:stretch;border:.5px solid rgba(60,60,67,.2);border-radius:10px;background:#78788014;overflow:hidden;max-width:100%}.font-chip.active{border-color:transparent;box-shadow:0 0 0 2px var(--accent);background:#0a84ff1a}.font-chip-main{display:flex;align-items:center;gap:8px;padding:5px 6px 5px 9px;border:0;background:none;cursor:pointer;min-width:0;font:inherit;color:inherit}.font-chip-sample{font-size:16px;line-height:1}.font-chip-name{font-size:12px;color:var(--text2);max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.font-chip.active .font-chip-name{color:inherit}.font-chip-del{align-self:center;width:24px;height:24px;margin-right:3px;padding:0;border:0;border-radius:50%;background:none;color:var(--text2);font-size:15px;line-height:1;cursor:pointer}.font-chip-del:hover{background:#78788029}.font-chip-del:active{transform:scale(.9)}.crop-wrap{margin-top:12px}.crop-stage{width:min(100%,250px);margin:0 auto;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #00000014,inset 0 0 0 .5px #3c3c431f;background:#dcdce2}.crop-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab}.crop-canvas:active{cursor:grabbing}.crop-toolbar{margin-top:10px}.crop-toolbar .grow{padding:8px 0}.crop-opts{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.mini-check{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--text2);cursor:pointer;-webkit-user-select:none;user-select:none}.mini-check input{accent-color:var(--accent);width:16px;height:16px;margin:0}.preview-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.preview-head h2{margin:0 0 3px;font-size:24px;font-weight:700;letter-spacing:-.3px}.live-pill{display:inline-flex;align-items:center;gap:6px;margin-top:3px;padding:5px 12px;border-radius:999px;background:#34c75924;color:#1e9e50;font-size:12px;font-weight:700;letter-spacing:.3px}.live-pill i{width:7px;height:7px;border-radius:50%;background:#30c457;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.device-box{max-width:860px;margin:0 auto}.device-canvas{display:block;width:100%;height:auto;border-radius:20px;background:#000;box-shadow:0 0 0 .5px #ffffff59,0 18px 44px #00000047}.screen-note{text-align:center;margin:12px auto 0;max-width:640px}.export-zone{margin-top:24px;max-width:860px;margin-inline:auto}.strip-block{margin-top:30px;max-width:860px;margin-inline:auto}.strip-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 9px}.strip-block .group-title{text-transform:none}.strip-tag{font-size:11.5px;color:var(--text2)}.digit-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 8px;padding:14px 12px;background:var(--fill);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-card);border:.5px solid rgba(255,255,255,.62);box-shadow:var(--shadow)}.thumb{margin:0;flex:1 0 52px;max-width:68px;display:flex;flex-direction:column;align-items:center;gap:6px}.thumb-canvas{width:100%;height:auto;border-radius:8px;box-shadow:0 1px 3px #0000001a,0 0 0 .5px #0000000f;background-image:conic-gradient(#ececf1 25%,#fff 0,#fff 50%,#ececf1 0,#ececf1 75%,#fff 0);background-size:9px 9px}.thumb figcaption{font-size:12.5px;font-weight:600;color:var(--text2);font-variant-numeric:tabular-nums}.strip-head-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.seg-strip .segmented{width:auto}.seg-strip .seg-item{flex:0 0 auto;width:54px;height:26px;font-size:12px}.thumb-pick{cursor:pointer}.thumb.is-sel .thumb-canvas{box-shadow:0 0 0 2.5px var(--accent),0 1px 3px #0000001a,0 0 0 .5px #0000000f}.thumb.is-sel figcaption{color:var(--accent)}.thumb figcaption{display:inline-flex;align-items:center;gap:5px}.own-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:inset 0 0 0 1.5px #ffffffbf}.strip-edit{padding:14px 12px;background:var(--fill);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-card);border:.5px solid rgba(255,255,255,.62);box-shadow:var(--shadow)}.strip-edit .crop-stage{width:100%}.crop-opts-btns{display:inline-flex;align-items:center;gap:8px}.strip-actions{display:flex;justify-content:center;gap:10px;margin-top:10px}.strip-empty{padding:26px 18px 24px;text-align:center;background:var(--fill);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);border-radius:var(--radius-card);border:.5px dashed rgba(120,120,128,.4)}.strip-empty p{margin:0 auto 16px;max-width:540px;font-size:13px;line-height:1.7;color:var(--text2)}.view-switch{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.view-switch .segmented{width:auto}.view-switch .seg-item{width:108px}.view-switch .cfg-open{flex:0 0 auto;min-height:35px;padding:6px 14px;border-radius:10px;display:inline-flex;align-items:center}.device-head{align-items:center}.device-col{max-width:860px;margin:0 auto}.mini-clock-box{max-width:360px;margin:0 auto}.mini-clock-note{max-width:360px;margin:10px auto 0;font-size:12px;line-height:1.5;color:var(--text2);text-align:center}.upload-split{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:center;padding:14px 16px 15px}.upload-view,.upload-form{min-width:0}.conn-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;background:#7878801f;color:var(--text2)}.conn-pill i{width:7px;height:7px;border-radius:50%;background:#78788073}.conn-ok{background:#34c75924;color:#1e9e50}.conn-ok i{background:#30c457}.conn-bad{background:#ff3b3021;color:#d70015}.conn-bad i{background:#ff453a}.conn-spin{background:transparent!important;border:2px solid rgba(10,132,255,.3);border-top-color:var(--accent);animation:spin .8s linear infinite}.host-ctl{gap:8px;flex-wrap:wrap}.host-ctl .abtn{flex:0 0 auto}.text-input{flex:1;min-width:140px;max-width:240px;height:32px;padding:0 10px;border-radius:9px;border:.5px solid rgba(60,60,67,.14);background:#78788012;font:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.text-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0a84ff29}.text-input::placeholder{color:var(--text2)}.grow-hint.ok{color:#1e9e50}.up-progress{position:relative;height:20px;margin-top:10px;border-radius:999px;background:#78788021;overflow:hidden}.up-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,#2f95ff,var(--accent));transition:width .2s ease}.up-pct{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text2)}.skin-shelf{padding-top:10px}.shelf-empty{padding:18px 4px;text-align:center;font-size:13px;color:var(--text2)}.dlist{display:flex;flex-direction:column}.drow{display:flex;align-items:center;gap:12px;padding:8px 2px;min-width:0;border-top:.5px solid var(--hairline)}.drow:first-child{border-top:0}.drow.is-cur{background:#0a84ff0d;border-radius:12px}.skin-thumb-wrap{flex:0 0 auto}.skin-thumb{display:block;width:22px;height:41px;border-radius:4px;box-shadow:0 1px 2px #00000024,0 0 0 .5px #00000014;object-fit:cover;background:#fff}.skin-thumb-ph{background-image:conic-gradient(#ececf1 25%,#fff 0,#fff 50%,#ececf1 0,#ececf1 75%,#fff 0);background-size:7px 7px}.dinfo{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dname{font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtag{font-size:11px;color:var(--text2);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}.cur-tag{font-weight:700;font-size:10px;padding:1px 7px;border-radius:999px;background:#0a84ff24;color:var(--accent)}.dops{display:flex;align-items:center;gap:4px;flex:0 0 auto}.dops .toggle-row{flex:0 0 auto}.danger-ghost{color:#d70015}.skin-split{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;align-items:start}.skin-pane{min-width:0}.skin-pane-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 9px}.skin-pane-title{font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--text2);text-transform:uppercase}.pane-empty{padding:26px 14px;font-size:12.5px;line-height:1.8;text-align:center;color:var(--text2);border:.5px dashed rgba(60,60,67,.2);border-radius:12px}.loading-toast{position:absolute;right:20px;bottom:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;background:#3c3c43b8;color:#fff;font-size:12.5px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 6px 18px #00000029}.spinner{width:13px;height:13px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.app-foot{padding:2px 6px 8px;text-align:center}.app-foot p{margin:3px 0;font-size:11.5px;color:var(--text2)}:focus-visible{outline:2px solid rgba(10,132,255,.55);outline-offset:2px}@media(max-width:1099px){.app-shell{display:block}.config-col{position:static;height:auto;overflow:visible;padding:max(20px,env(safe-area-inset-top)) 14px 8px;border-right:0}.preview-wrap{padding:8px 14px max(44px,env(safe-area-inset-bottom))}.group{background:var(--fill-strong)}.device-box{max-width:none}.loading-toast{right:16px;bottom:auto;top:96px}}@media(max-width:720px){.upload-split{grid-template-columns:1fr;align-items:stretch}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:18px;background:#0000006b;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modal-card{display:flex;flex-direction:column;width:min(580px,100%);max-height:min(90dvh,90vh);background:#f4f4f7;border-radius:22px;border:.5px solid rgba(255,255,255,.7);box-shadow:0 24px 60px #00000052;overflow:hidden}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 4px;flex:none}.modal-head h2{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}.modal-x{width:30px;height:30px;border:none;border-radius:50%;background:#78788029;color:var(--text2);font-size:17px;line-height:1;cursor:pointer;transition:background .15s ease}.modal-x:hover{background:#78788042}.modal-body{overflow-y:auto;padding:6px 18px 2px;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.18) transparent}.modal-body .group-block{margin-bottom:16px}.modal-foot{padding:4px 18px 16px;flex:none}.modal-foot .abtn{width:100%;padding:12px}.modal-msg{position:sticky;top:0;z-index:2;margin:0 0 10px;padding:8px 12px;border-radius:11px;font-size:12.5px;text-align:center;background:#34c75924;color:#1e9e50}.modal-msg.err{background:#ff3b301f;color:#d70015}.cfg-field{display:flex;align-items:center;gap:10px;min-height:32px}.cfg-field+.cfg-field{margin-top:11px}.cfg-field-label{flex:none;width:84px;font-size:15px;font-weight:500;color:#1c1c1ee6;white-space:nowrap}.cfg-wide{flex:1;max-width:none;min-width:0;width:auto}.cfg-note{margin:0 0 10px}.cfg-save-btn{width:100%;padding:11px;margin-top:4px}.ios-select{height:32px;max-width:100%;min-width:0;padding:0 8px;border-radius:9px;border:.5px solid rgba(60,60,67,.14);background:#78788012;font:inherit;font-size:14px;color:var(--text);outline:none}.ios-select:disabled{opacity:.45}.cfg-bgbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.cfg-pick{display:inline-flex;align-items:center;cursor:pointer}.crop-zone{display:flex;justify-content:center;padding:2px 18px 0}.crop-canvas{display:block;cursor:grab;touch-action:none;border-radius:10px;background:#111118;box-shadow:0 2px 12px #00000040}.rowbtn2{display:flex;gap:8px}.rowbtn2 .abtn{flex:1;padding:10px}@media(max-width:720px){.modal-overlay{padding:0}.modal-card{width:100vw;max-height:100dvh;border-radius:0}.crop-zone{padding:2px 14px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}}