.image-upload-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20000;display:flex;justify-content:center;align-items:center;animation:imageModalFadeIn .3s ease}.image-upload-modal{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:90%;max-width:400px;border-radius:24px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;overflow:hidden;animation:imageModalScaleIn .3s cubic-bezier(.16,1,.3,1)}#nuo-os-root.dark-mode .image-upload-modal{background:#1e1e1ee6;box-shadow:0 20px 60px #0006}.image-upload-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1)}#nuo-os-root.dark-mode .image-upload-header{border-bottom-color:#ffffff1a}.image-upload-header h3{margin:0;font-size:18px;font-weight:600;color:#333}#nuo-os-root.dark-mode .image-upload-header h3{color:#fff}.image-upload-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#999;border-radius:50%;transition:background-color .2s}.image-upload-close:hover{background-color:#0000000d}#nuo-os-root.dark-mode .image-upload-close:hover{background-color:#ffffff1a}.image-upload-tabs{display:flex;padding:12px 24px 0;gap:16px;border-bottom:1px solid rgba(0,0,0,.05)}#nuo-os-root.dark-mode .image-upload-tabs{border-bottom-color:#ffffff0d}.image-upload-tab{background:none;border:none;padding:8px 0;font-size:15px;font-weight:500;color:#999;cursor:pointer;position:relative;display:flex;align-items:center;gap:6px}.image-upload-tab.active{color:#007aff}#nuo-os-root.dark-mode .image-upload-tab.active{color:#0a84ff}.image-upload-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#007aff;border-radius:2px}#nuo-os-root.dark-mode .image-upload-tab.active:after{background:#0a84ff}.image-upload-content{padding:24px}.image-upload-dropzone{border:2px dashed rgba(0,0,0,.1);border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:all .2s;color:#999;background:#00000005}#nuo-os-root.dark-mode .image-upload-dropzone{border-color:#ffffff26;background:#ffffff0d;color:#aaa}.image-upload-dropzone:hover{border-color:#007aff;background:#007aff0d;color:#007aff}#nuo-os-root.dark-mode .image-upload-dropzone:hover{border-color:#0a84ff;background:#0a84ff1a;color:#0a84ff}.image-upload-hint{font-size:12px;color:#bbb;text-align:center}.image-upload-url{display:flex;flex-direction:column;gap:16px}.image-upload-url-input-wrapper{display:flex;align-items:center;gap:12px;background:#0000000d;padding:12px 16px;border-radius:12px}#nuo-os-root.dark-mode .image-upload-url-input-wrapper{background:#ffffff1a}.image-upload-url-input{border:none;background:transparent;flex:1;font-size:16px;outline:none;color:#333}#nuo-os-root.dark-mode .image-upload-url-input{color:#fff}.image-upload-submit{background:#007aff;color:#fff;border:none;padding:12px;border-radius:12px;font-weight:600;font-size:16px;cursor:pointer;transition:transform .1s}.image-upload-submit:active{transform:scale(.98)}.image-upload-submit:disabled{opacity:.5;cursor:not-allowed}.image-upload-camera-btn{margin-top:12px;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#f0f2f5;color:#1c1c1e;border:1px solid #e0e3e8;padding:12px;border-radius:12px;font-weight:600;font-size:15px;cursor:pointer;transition:transform .1s,background .15s}.image-upload-camera-btn:active{transform:scale(.98);background:#e6e9ee}.image-upload-camera-btn:disabled{opacity:.5;cursor:not-allowed}#nuo-os-root.dark-mode .image-upload-camera-btn{background:#2c2c2e;color:#f0f0f0;border-color:#3a3a3c}.image-upload-error{color:#ff3b30;font-size:13px;text-align:center;margin:0}.image-upload-url-hint{font-size:12px;color:#999;text-align:center;margin:0}@keyframes imageModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes imageModalScaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.gcp{display:flex;flex-direction:column;gap:8px;min-width:0}.gcp-search{display:flex;align-items:center;gap:6px;padding:0 10px;border-radius:10px;background:#7f7f7f1a;background:color-mix(in srgb,currentColor 7%,transparent);opacity:.9}.gcp-search input{flex:1;min-width:0;border:none!important;outline:none;background:transparent;color:inherit;font-size:16px;padding:8px 0!important;box-shadow:none!important}.gcp-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -2px;padding:0 2px}.gcp-chips::-webkit-scrollbar{display:none}.gcp-chips button{flex:none;border:none;cursor:pointer;white-space:nowrap;padding:5px 11px;border-radius:999px;font-size:12.5px;font-weight:600;color:inherit;opacity:.65;background:#7f7f7f1f;background:color-mix(in srgb,currentColor 8%,transparent)}.gcp-chips button.on{opacity:1;background:#7f7f7f42;background:color-mix(in srgb,currentColor 18%,transparent)}.gcp-chips em{font-style:normal;font-weight:500;opacity:.6;margin-left:2px}.gcp-list{display:flex;flex-direction:column;gap:8px}.gcp-none{text-align:center;font-size:13px;opacity:.5;padding:14px 0}.nuo-shop-charpick-toggle{display:flex;align-items:center;gap:8px;width:100%;border:none;cursor:pointer;text-align:left;background:var(--nordic-card-bg);color:var(--nordic-text-sub);border-radius:12px;padding:11px 12px;font-size:13px;font-weight:600}.nuo-shop-charpick-toggle span{flex:1;min-width:0}.nuo-shop-charpick-toggle em{font-style:normal;font-weight:500;opacity:.6}.nuo-shop-sheet .gcp{color:var(--nordic-text-dark)}.gcp.gcp-flush .gcp-list{gap:0}.gcp-fold{display:flex;flex-direction:column;gap:8px;min-width:0}.gcp.gcp-flush .gcp-fold{gap:0}.gcp-fold-head{display:flex;align-items:center;gap:6px;min-width:0}.gcp-fold-row{flex:1;min-width:0}.gcp-fold-virtual{cursor:pointer;padding:6px 4px 6px 8px}.gcp-fold-vname{flex:1;min-width:0;font-size:12.5px;font-weight:600;opacity:.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gcp-fold-btn{flex:none;display:inline-flex;align-items:center;gap:3px;border:none;cursor:pointer;color:inherit;white-space:nowrap;padding:5px 8px;border-radius:999px;font-size:11px;font-weight:600;opacity:.7;background:#7f7f7f1f;background:color-mix(in srgb,currentColor 8%,transparent)}.gcp-fold-btn b{font-weight:700}.gcp-fold-btn svg{transition:transform .18s ease}.gcp-fold.open .gcp-fold-btn{opacity:1}.gcp-fold.open .gcp-fold-btn svg{transform:rotate(180deg)}.gcp-fold-kids{display:flex;flex-direction:column;gap:8px;margin-left:18px;padding-left:10px;border-left:2px solid rgba(127,127,127,.2);border-left-color:color-mix(in srgb,currentColor 14%,transparent)}.gcp.gcp-flush .gcp-fold-kids{gap:0}.gcp.gcp-h .gcp-list{flex-direction:row;align-items:flex-start;gap:12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:4px 2px}.gcp.gcp-h .gcp-list::-webkit-scrollbar{display:none}.gcp.gcp-h .gcp-fold{flex-direction:row;align-items:flex-start;flex:none;gap:6px}.gcp.gcp-h .gcp-fold-head{flex-direction:row;align-items:flex-start;flex:none;gap:4px}.gcp.gcp-h .gcp-fold-row{flex:none}.gcp.gcp-h .gcp-fold-btn{margin-top:16px;padding:4px 6px}.gcp.gcp-h .gcp-fold-btn svg{transform:rotate(-90deg)}.gcp.gcp-h .gcp-fold.open .gcp-fold-btn svg{transform:rotate(90deg)}.gcp.gcp-h .gcp-fold-kids{flex-direction:row;gap:10px;margin-left:0;padding-left:8px}.gcp.gcp-h .gcp-fold-virtual{flex-direction:column;align-items:center;padding:4px;max-width:72px}.gcp.gcp-h .gcp-fold-virtual .gcp-fold-btn{margin-top:4px}.gcp.gcp-h .gcp-fold-vname{white-space:normal;text-align:center;font-size:11px}.gcp.gcp-h .gcp-none{padding:8px 0}.gcp.gcp-g .gcp-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--gcp-cell, 72px),1fr));gap:10px;align-items:start}.gcp.gcp-g .gcp-fold,.gcp.gcp-g .gcp-fold-kids,.gcp.gcp-g .gcp-fold-head:not(.gcp-fold-virtual),.gcp.gcp-g .gcp-fold-row{display:contents}.gcp.gcp-g .gcp-fold-btn{align-self:stretch;justify-content:center;flex-direction:column;gap:2px;border-radius:14px;min-height:56px;font-size:11px}.gcp.gcp-g .gcp-fold-btn svg{transform:rotate(-90deg)}.gcp.gcp-g .gcp-fold.open .gcp-fold-btn svg{transform:rotate(90deg)}.gcp.gcp-g .gcp-fold-virtual{flex-direction:column;justify-content:center;text-align:center;padding:4px}.gcp.gcp-g .gcp-fold-vname{white-space:normal;font-size:11px}.gcp.gcp-g .gcp-none,.gcp.gcp-g .gcp-list>:not(.gcp-fold){min-width:0}.gcp.gcp-g .gcp-none{grid-column:1 / -1}