opus-react 0.6.3 → 0.6.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs +5360 -3994
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1961 -1209
  4. package/dist/index.css.map +1 -1
  5. package/dist/index.d.cts +40 -2
  6. package/dist/index.d.ts +40 -2
  7. package/dist/index.js +5323 -3938
  8. package/dist/index.js.map +1 -1
  9. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -527,41 +527,44 @@
527
527
  }
528
528
 
529
529
  /* components/fields/ColorField/ColorField.module.css */
530
+ .opus_Z7jeX4_root {
531
+ width: 100%;
532
+ position: relative;
533
+ }
534
+
530
535
  .opus_Z7jeX4_picker {
531
536
  width: 100%;
532
537
  min-height: var(--opus-control-height);
533
538
  padding: 0 var(--opus-control-padding-x, 10px);
534
539
  border: 1px solid var(--opus-border-strong);
535
540
  border-radius: var(--opus-input-radius);
536
- background: var(--opus-input-fill);
541
+ background: var(--opus-input-bg);
537
542
  color: var(--opus-text);
543
+ font: inherit;
538
544
  font-size: var(--opus-control-font-size);
545
+ text-align: left;
539
546
  cursor: pointer;
540
547
  grid-template-columns: auto minmax(0, 1fr) auto;
541
548
  align-items: center;
542
549
  gap: 10px;
543
550
  display: grid;
544
- position: relative;
545
551
  box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
546
552
  }
547
553
 
548
- .opus_Z7jeX4_nativeInput {
549
- z-index: 1;
550
- opacity: 0;
551
- cursor: pointer;
552
- border: 0;
553
- width: 100%;
554
- height: 100%;
555
- margin: 0;
556
- padding: 0;
557
- position: absolute;
558
- inset: 0;
554
+ .opus_Z7jeX4_picker:hover {
555
+ border-color: color-mix(in srgb, var(--opus-accent) 36%, var(--opus-border-strong));
559
556
  }
560
557
 
561
- .opus_Z7jeX4_swatch, .opus_Z7jeX4_value, .opus_Z7jeX4_icon {
562
- z-index: 0;
563
- pointer-events: none;
564
- position: relative;
558
+ .opus_Z7jeX4_picker:focus-visible {
559
+ border-color: var(--opus-accent);
560
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
561
+ 0 14px 30px #0000000f;
562
+ outline: none;
563
+ }
564
+
565
+ .opus_Z7jeX4_picker:focus-visible .opus_Z7jeX4_swatch {
566
+ box-shadow: 0 0 0 1px #ffffff40 inset,
567
+ 0 0 0 4px color-mix(in srgb, var(--opus-accent) 24%, transparent);
565
568
  }
566
569
 
567
570
  .opus_Z7jeX4_swatch {
@@ -609,154 +612,155 @@
609
612
  right: 1px;
610
613
  }
611
614
 
612
- .opus_Z7jeX4_picker:focus-within .opus_Z7jeX4_swatch {
613
- box-shadow: 0 0 0 1px #ffffff40 inset,
614
- 0 0 0 4px color-mix(in srgb, var(--opus-accent) 24%, transparent);
615
- }
616
-
617
615
  .opus_Z7jeX4_error {
618
616
  border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
619
617
  }
620
618
 
621
- /* components/fields/DateField/DateField.module.css */
622
- .opus_G3y11z_input {
623
- width: 100%;
624
- min-height: var(--opus-control-height);
625
- padding: 0 var(--opus-control-padding-x, 10px);
626
- border: 1px solid var(--opus-border-strong);
627
- border-radius: var(--opus-input-radius);
628
- background: var(--opus-input-bg);
629
- color: var(--opus-text);
630
- font-size: var(--opus-control-font-size);
631
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
632
- }
633
-
634
- .opus_G3y11z_input:focus {
635
- border-color: var(--opus-accent);
636
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
637
- 0 14px 30px #0000000f;
619
+ .opus_Z7jeX4_portal {
620
+ z-index: 1000;
621
+ margin: 0;
622
+ position: fixed;
638
623
  }
639
624
 
640
- .opus_G3y11z_input::-webkit-calendar-picker-indicator {
641
- cursor: pointer;
642
- filter: var(--opus-date-icon-filter);
625
+ /* components/fields/ColorPickerPanel/ColorPickerPanel.module.css */
626
+ .opus_3MH1FS_panel {
627
+ border: 1px solid var(--opus-border);
628
+ border-radius: var(--opus-input-radius-large);
629
+ background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--opus-accent) 12%, transparent), transparent 36%),
630
+ var(--opus-panel);
631
+ width: min(260px, 100vw - 32px);
632
+ box-shadow: 0 18px 40px #0000005c,
633
+ 0 0 0 1px color-mix(in srgb, var(--opus-accent) 8%, transparent);
634
+ color: var(--opus-text);
635
+ gap: 12px;
636
+ padding: 12px;
637
+ display: grid;
643
638
  }
644
639
 
645
- .opus_G3y11z_error {
646
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
640
+ .opus_3MH1FS_square {
641
+ aspect-ratio: 1;
642
+ cursor: crosshair;
643
+ touch-action: none;
644
+ border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
645
+ border-radius: 10px;
646
+ width: 100%;
647
+ position: relative;
648
+ overflow: hidden;
647
649
  }
648
650
 
649
- /* components/fields/HiddenField/HiddenField.module.css */
650
- .opus_kL1YXS_preview {
651
- padding: var(--opus-control-padding-y, 8px) var(--opus-control-padding-x, 10px);
652
- border: 1px dashed var(--opus-border);
653
- border-radius: var(--opus-input-radius);
654
- background: color-mix(in srgb, var(--opus-input-bg) 70%, transparent);
655
- gap: 6px;
656
- display: grid;
651
+ .opus_3MH1FS_squareWhite, .opus_3MH1FS_squareBlack {
652
+ pointer-events: none;
653
+ position: absolute;
654
+ inset: 0;
657
655
  }
658
656
 
659
- .opus_kL1YXS_note {
660
- color: var(--opus-muted);
661
- font-size: calc(var(--opus-control-font-size) - .08rem);
662
- margin: 0;
657
+ .opus_3MH1FS_squareWhite {
658
+ background: linear-gradient(to right, #fff, #0000);
663
659
  }
664
660
 
665
- .opus_kL1YXS_meta {
666
- color: var(--opus-text);
667
- font-family: var(--font-ibm-plex-mono), monospace;
668
- font-size: calc(var(--opus-control-font-size) - .14rem);
669
- word-break: break-all;
661
+ .opus_3MH1FS_squareBlack {
662
+ background: linear-gradient(to top, #000, #0000);
670
663
  }
671
664
 
672
- /* components/fields/FileField/FileField.module.css */
673
- .opus_aOsPA7_wrapper {
674
- gap: 6px;
675
- width: 100%;
676
- display: grid;
665
+ .opus_3MH1FS_squareThumb {
666
+ pointer-events: none;
667
+ border: 2px solid #fff;
668
+ border-radius: 999px;
669
+ width: 14px;
670
+ height: 14px;
671
+ position: absolute;
672
+ transform: translate(-50%, -50%);
673
+ box-shadow: 0 0 0 1px #00000073;
677
674
  }
678
675
 
679
- .opus_aOsPA7_drop {
680
- min-height: var(--opus-file-min-height, 96px);
681
- padding: var(--opus-file-padding-y, 16px) var(--opus-file-padding-x, 20px);
682
- border-radius: var(--opus-input-radius-large);
683
- border: 1px dashed var(--opus-border-strong);
684
- background: var(--opus-input-fill);
676
+ .opus_3MH1FS_hue {
685
677
  cursor: pointer;
686
- justify-content: center;
687
- align-items: center;
688
- gap: 14px;
689
- transition: border-color .16s, background-color .16s;
690
- display: flex;
678
+ touch-action: none;
679
+ border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
680
+ background: linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red);
681
+ border-radius: 999px;
682
+ height: 14px;
691
683
  position: relative;
692
684
  }
693
685
 
694
- .opus_aOsPA7_drop:hover, .opus_aOsPA7_dragging {
695
- border-color: var(--opus-accent);
696
- background: color-mix(in srgb, var(--opus-accent-soft) 72%, var(--opus-input-fill));
697
- }
698
-
699
- .opus_aOsPA7_dropError {
700
- border-color: color-mix(in srgb, var(--opus-error) 55%, var(--opus-border-strong));
686
+ .opus_3MH1FS_hueThumb {
687
+ pointer-events: none;
688
+ background: none;
689
+ border: 2px solid #fff;
690
+ border-radius: 999px;
691
+ width: 14px;
692
+ height: 14px;
693
+ position: absolute;
694
+ top: 50%;
695
+ transform: translate(-50%, -50%);
696
+ box-shadow: 0 0 0 1px #0006;
701
697
  }
702
698
 
703
- .opus_aOsPA7_icon {
704
- color: var(--opus-accent);
705
- flex: none;
706
- place-items: center;
699
+ .opus_3MH1FS_hexRow {
700
+ grid-template-columns: auto minmax(0, 1fr);
701
+ align-items: center;
702
+ gap: 10px;
707
703
  display: grid;
708
704
  }
709
705
 
710
- .opus_aOsPA7_iconSvg {
711
- width: 32px;
712
- height: 32px;
706
+ .opus_3MH1FS_preview {
707
+ border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
708
+ border-radius: 8px;
709
+ width: 28px;
710
+ height: 28px;
711
+ box-shadow: inset 0 0 0 1px #ffffff1f;
713
712
  }
714
713
 
715
- .opus_aOsPA7_content {
716
- text-align: center;
717
- justify-items: center;
718
- gap: 4px;
719
- display: grid;
714
+ .opus_3MH1FS_hexField {
715
+ min-width: 0;
720
716
  }
721
717
 
722
- .opus_aOsPA7_title {
718
+ .opus_3MH1FS_hexInput {
719
+ border: 1px solid var(--opus-border);
720
+ background: var(--opus-input-bg);
721
+ width: 100%;
722
+ min-height: 34px;
723
723
  color: var(--opus-text);
724
- font-size: var(--opus-control-font-size);
725
- line-height: 1.35;
724
+ font: inherit;
725
+ letter-spacing: .04em;
726
+ text-transform: uppercase;
727
+ border-radius: 8px;
728
+ padding: 0 10px;
729
+ font-size: .85rem;
730
+ font-weight: 700;
726
731
  }
727
732
 
728
- .opus_aOsPA7_title strong {
729
- font-weight: 700;
733
+ .opus_3MH1FS_hexInput:focus {
734
+ border-color: var(--opus-accent);
735
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
736
+ outline: none;
730
737
  }
731
738
 
732
- .opus_aOsPA7_hint {
733
- color: var(--opus-muted);
734
- font-size: .78rem;
735
- line-height: 1.2;
739
+ .opus_3MH1FS_swatches {
740
+ grid-template-columns: repeat(5, minmax(0, 1fr));
741
+ gap: 8px;
742
+ display: grid;
736
743
  }
737
744
 
738
- .opus_aOsPA7_action {
739
- min-height: var(--opus-control-height);
740
- padding: 0 var(--opus-control-padding-x, 14px);
741
- border-radius: var(--opus-input-radius);
742
- border: 1px solid var(--opus-border-strong);
743
- color: var(--opus-accent);
744
- font-size: var(--opus-control-font-size);
745
- background: none;
746
- justify-content: center;
747
- margin-top: 2px;
748
- font-weight: 600;
749
- display: inline-flex;
745
+ .opus_3MH1FS_swatch {
746
+ aspect-ratio: 1;
747
+ border: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
748
+ cursor: pointer;
749
+ border-radius: 8px;
750
+ width: 100%;
751
+ padding: 0;
750
752
  }
751
753
 
752
- .opus_aOsPA7_footnote {
753
- color: var(--opus-muted);
754
- margin: 0;
755
- font-size: .74rem;
756
- line-height: 1.35;
754
+ .opus_3MH1FS_swatch[aria-selected="true"] {
755
+ box-shadow: 0 0 0 2px var(--opus-panel), 0 0 0 4px var(--opus-accent);
757
756
  }
758
757
 
759
- .opus_aOsPA7_input {
758
+ .opus_3MH1FS_swatch:focus-visible {
759
+ box-shadow: 0 0 0 2px var(--opus-panel), 0 0 0 4px var(--opus-accent);
760
+ outline: none;
761
+ }
762
+
763
+ .opus_3MH1FS_srOnly {
760
764
  clip: rect(0, 0, 0, 0);
761
765
  white-space: nowrap;
762
766
  border: 0;
@@ -768,663 +772,1160 @@
768
772
  overflow: hidden;
769
773
  }
770
774
 
771
- /* components/fields/ImageCropUploadField/ImageCropUploadField.module.css */
772
- .opus_itxBv9_root {
773
- gap: 12px;
775
+ /* components/fields/DateField/DateField.module.css */
776
+ .opus_G3y11z_input {
774
777
  width: 100%;
775
- display: grid;
776
- }
777
-
778
- .opus_itxBv9_drop {
779
- min-height: var(--opus-file-min-height, 96px);
780
- padding: var(--opus-file-padding-y, 16px) var(--opus-file-padding-x, 20px);
781
- border-radius: var(--opus-input-radius-large);
782
- border: 1px dashed var(--opus-border-strong);
783
- background: var(--opus-input-fill);
784
- cursor: pointer;
785
- justify-content: center;
786
- align-items: center;
787
- gap: 14px;
788
- transition: border-color .16s, background-color .16s;
789
- display: flex;
790
- position: relative;
778
+ min-height: var(--opus-control-height);
779
+ padding: 0 var(--opus-control-padding-x, 10px);
780
+ border: 1px solid var(--opus-border-strong);
781
+ border-radius: var(--opus-input-radius);
782
+ background: var(--opus-input-bg);
783
+ color: var(--opus-text);
784
+ font-size: var(--opus-control-font-size);
785
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
791
786
  }
792
787
 
793
- .opus_itxBv9_drop:hover, .opus_itxBv9_dragging {
788
+ .opus_G3y11z_input:focus {
794
789
  border-color: var(--opus-accent);
795
- background: color-mix(in srgb, var(--opus-accent-soft) 72%, var(--opus-input-fill));
790
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
791
+ 0 14px 30px #0000000f;
796
792
  }
797
793
 
798
- .opus_itxBv9_dropError {
799
- border-color: color-mix(in srgb, var(--opus-error) 55%, var(--opus-border-strong));
794
+ .opus_G3y11z_input::-webkit-calendar-picker-indicator {
795
+ cursor: pointer;
796
+ filter: var(--opus-date-icon-filter);
800
797
  }
801
798
 
802
- .opus_itxBv9_dropIcon {
803
- color: var(--opus-accent);
804
- flex: none;
805
- place-items: center;
806
- display: grid;
799
+ .opus_G3y11z_error {
800
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
807
801
  }
808
802
 
809
- .opus_itxBv9_dropIconSvg {
810
- width: 32px;
811
- height: 32px;
803
+ /* components/fields/DatePickerPanel/DatePickerSelect.module.css */
804
+ .opus_0ffhfc_root {
805
+ min-width: 0;
806
+ position: relative;
812
807
  }
813
808
 
814
- .opus_itxBv9_dropContent {
815
- text-align: center;
816
- justify-items: center;
817
- gap: 4px;
818
- display: grid;
809
+ .opus_0ffhfc_trigger {
810
+ border: 1px solid color-mix(in srgb, var(--opus-border) 88%, transparent);
811
+ background: var(--opus-input-bg);
812
+ width: 100%;
813
+ min-width: 0;
814
+ height: 30px;
815
+ color: var(--opus-text);
816
+ font: inherit;
817
+ text-align: left;
818
+ cursor: pointer;
819
+ border-radius: 8px;
820
+ justify-content: space-between;
821
+ align-items: center;
822
+ gap: 6px;
823
+ padding: 0 8px;
824
+ font-size: .8rem;
825
+ font-weight: 650;
826
+ display: flex;
819
827
  }
820
828
 
821
- .opus_itxBv9_dropTitle {
822
- color: var(--opus-text);
823
- font-size: var(--opus-control-font-size);
824
- line-height: 1.35;
829
+ .opus_0ffhfc_trigger:hover {
830
+ border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
825
831
  }
826
832
 
827
- .opus_itxBv9_dropTitle strong {
828
- font-weight: 700;
833
+ .opus_0ffhfc_triggerOpen, .opus_0ffhfc_trigger:focus-visible {
834
+ border-color: color-mix(in srgb, var(--opus-accent) 55%, var(--opus-border));
835
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
836
+ outline: none;
829
837
  }
830
838
 
831
- .opus_itxBv9_dropHint {
832
- color: var(--opus-muted);
833
- font-size: .78rem;
834
- line-height: 1.2;
839
+ .opus_0ffhfc_value {
840
+ text-overflow: ellipsis;
841
+ white-space: nowrap;
842
+ min-width: 0;
843
+ overflow: hidden;
835
844
  }
836
845
 
837
- .opus_itxBv9_dropAction {
838
- min-height: var(--opus-control-height);
839
- padding: 0 var(--opus-control-padding-x, 14px);
840
- border-radius: var(--opus-input-radius);
841
- border: 1px solid var(--opus-border-strong);
842
- color: var(--opus-accent);
843
- font-size: var(--opus-control-font-size);
844
- background: none;
845
- justify-content: center;
846
- margin-top: 2px;
847
- font-weight: 600;
848
- display: inline-flex;
846
+ .opus_0ffhfc_chevron {
847
+ border-right: 2px solid var(--opus-muted);
848
+ border-bottom: 2px solid var(--opus-muted);
849
+ flex-shrink: 0;
850
+ width: 7px;
851
+ height: 7px;
852
+ transform: translateY(-2px) rotate(45deg);
849
853
  }
850
854
 
851
- .opus_itxBv9_hiddenInput {
852
- clip: rect(0, 0, 0, 0);
853
- white-space: nowrap;
854
- border: 0;
855
- width: 1px;
856
- height: 1px;
857
- margin: -1px;
858
- padding: 0;
855
+ .opus_0ffhfc_panel {
856
+ z-index: 30;
857
+ border: 1px solid var(--opus-border-strong);
858
+ border-radius: var(--opus-input-radius);
859
+ background: var(--opus-panel);
860
+ min-width: 100%;
861
+ box-shadow: var(--opus-shadow);
859
862
  position: absolute;
863
+ top: calc(100% + 4px);
864
+ left: 0;
865
+ right: 0;
860
866
  overflow: hidden;
861
867
  }
862
868
 
863
- .opus_itxBv9_previewCard, .opus_itxBv9_editor {
864
- border-radius: var(--opus-input-radius-large);
865
- border: 1px solid var(--opus-border-strong);
866
- background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
867
- gap: 12px;
868
- padding: 14px;
869
- display: grid;
869
+ .opus_0ffhfc_list {
870
+ max-height: 180px;
871
+ overflow: auto;
870
872
  }
871
873
 
872
- .opus_itxBv9_previewRow {
873
- align-items: center;
874
- gap: 14px;
875
- display: flex;
874
+ .opus_0ffhfc_option {
875
+ width: 100%;
876
+ color: var(--opus-text);
877
+ font: inherit;
878
+ text-align: left;
879
+ cursor: pointer;
880
+ background: none;
881
+ border: 0;
882
+ padding: 7px 10px;
883
+ font-size: .78rem;
884
+ font-weight: 600;
885
+ display: block;
876
886
  }
877
887
 
878
- .opus_itxBv9_previewImage {
879
- object-fit: cover;
880
- border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
881
- border-radius: 999px;
882
- width: 72px;
883
- height: 72px;
888
+ .opus_0ffhfc_option:hover {
889
+ background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
884
890
  }
885
891
 
886
- .opus_itxBv9_previewCopy {
887
- gap: 4px;
888
- min-width: 0;
889
- display: grid;
892
+ .opus_0ffhfc_option:focus-visible {
893
+ background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
894
+ box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 40%, transparent);
895
+ outline: none;
890
896
  }
891
897
 
892
- .opus_itxBv9_previewTitle {
898
+ .opus_0ffhfc_optionActive {
899
+ background: var(--opus-accent-soft);
900
+ color: var(--opus-accent);
901
+ font-weight: 700;
902
+ }
903
+
904
+ /* components/fields/DatePickerPanel/DatePickerPanel.module.css */
905
+ .opus_EdjT2u_panel {
906
+ border: 1px solid var(--opus-border);
907
+ border-radius: var(--opus-input-radius-large);
908
+ background: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--opus-accent) 12%, transparent), transparent 36%),
909
+ var(--opus-panel);
910
+ width: min(288px, 100vw - 32px);
911
+ box-shadow: 0 18px 40px #0000005c,
912
+ 0 0 0 1px color-mix(in srgb, var(--opus-accent) 8%, transparent);
893
913
  color: var(--opus-text);
894
- font-size: var(--opus-control-font-size);
895
- font-weight: 600;
914
+ gap: 10px;
915
+ padding: 12px;
916
+ display: grid;
896
917
  }
897
918
 
898
- .opus_itxBv9_previewHint {
899
- color: var(--opus-muted);
900
- font-size: .78rem;
901
- line-height: 1.35;
919
+ .opus_EdjT2u_toolbar {
920
+ grid-template-columns: auto 1fr auto;
921
+ align-items: center;
922
+ gap: 6px;
923
+ display: grid;
902
924
  }
903
925
 
904
- .opus_itxBv9_viewport {
905
- border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
906
- background: linear-gradient(45deg, color-mix(in srgb, var(--opus-muted) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--opus-muted) 16%, transparent) 75%),
907
- linear-gradient(45deg, color-mix(in srgb, var(--opus-muted) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--opus-muted) 16%, transparent) 75%);
908
- touch-action: none;
909
- cursor: grab;
910
- background-position: 0 0, 8px 8px;
911
- background-size: 16px 16px;
912
- border-radius: 999px;
913
- margin: 0 auto;
914
- position: relative;
915
- overflow: hidden;
926
+ .opus_EdjT2u_nav {
927
+ border: 1px solid color-mix(in srgb, var(--opus-border) 88%, transparent);
928
+ background: var(--opus-input-bg);
929
+ width: 30px;
930
+ height: 30px;
931
+ color: var(--opus-text);
932
+ cursor: pointer;
933
+ border-radius: 8px;
934
+ place-items: center;
935
+ font-size: 1.1rem;
936
+ line-height: 1;
937
+ display: grid;
916
938
  }
917
939
 
918
- .opus_itxBv9_root[data-shape="rect"] .opus_itxBv9_viewport {
919
- background: #fff;
920
- border-radius: 16px;
940
+ .opus_EdjT2u_nav:hover {
941
+ border-color: color-mix(in srgb, var(--opus-accent) 40%, var(--opus-border));
942
+ color: var(--opus-accent);
921
943
  }
922
944
 
923
- .opus_itxBv9_root[data-shape="rect"] .opus_itxBv9_previewImage {
924
- object-fit: contain;
925
- background: #fff;
926
- border-radius: 16px;
945
+ .opus_EdjT2u_nav:focus-visible {
946
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
947
+ outline: none;
927
948
  }
928
949
 
929
- .opus_itxBv9_viewportDragging {
930
- cursor: grabbing;
950
+ .opus_EdjT2u_picker {
951
+ justify-content: center;
952
+ align-items: center;
953
+ gap: 6px;
954
+ min-width: 0;
955
+ display: flex;
931
956
  }
932
957
 
933
- .opus_itxBv9_viewportImage {
934
- transform-origin: center;
935
- user-select: none;
936
- pointer-events: none;
937
- max-width: none;
938
- position: absolute;
939
- top: 50%;
940
- left: 50%;
958
+ .opus_EdjT2u_monthSelect {
959
+ flex: auto;
960
+ min-width: 108px;
961
+ max-width: 140px;
941
962
  }
942
963
 
943
- .opus_itxBv9_viewportRing {
944
- border-radius: inherit;
945
- box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-accent) 45%, transparent);
946
- pointer-events: none;
947
- position: absolute;
948
- inset: 0;
964
+ .opus_EdjT2u_yearSelect {
965
+ flex: none;
966
+ width: 78px;
949
967
  }
950
968
 
951
- .opus_itxBv9_zoomRow {
952
- grid-template-columns: auto 1fr auto;
953
- align-items: center;
954
- gap: 10px;
969
+ .opus_EdjT2u_weekdays, .opus_EdjT2u_grid {
970
+ grid-template-columns: repeat(7, minmax(0, 1fr));
971
+ gap: 2px;
955
972
  display: grid;
956
973
  }
957
974
 
958
- .opus_itxBv9_zoomButton {
959
- width: var(--opus-control-height);
960
- min-height: var(--opus-control-height);
961
- border-radius: var(--opus-input-radius);
962
- border: 1px solid var(--opus-border-strong);
963
- background: var(--opus-input-fill);
964
- color: var(--opus-text);
965
- justify-content: center;
966
- align-items: center;
967
- font-size: 1rem;
975
+ .opus_EdjT2u_weekday {
976
+ height: 24px;
977
+ color: var(--opus-muted);
978
+ letter-spacing: .02em;
979
+ text-transform: uppercase;
980
+ place-items: center;
981
+ font-size: .68rem;
968
982
  font-weight: 700;
969
- line-height: 1;
970
- display: inline-flex;
983
+ display: grid;
971
984
  }
972
985
 
973
- .opus_itxBv9_zoomButton:disabled {
974
- opacity: .45;
975
- cursor: not-allowed;
986
+ .opus_EdjT2u_day {
987
+ height: 32px;
988
+ color: var(--opus-text);
989
+ font: inherit;
990
+ cursor: pointer;
991
+ background: none;
992
+ border: 1px solid #0000;
993
+ border-radius: 8px;
994
+ place-items: center;
995
+ font-size: .82rem;
996
+ font-weight: 600;
997
+ display: grid;
976
998
  }
977
999
 
978
- .opus_itxBv9_zoomSlider {
979
- width: 100%;
980
- accent-color: var(--opus-accent);
1000
+ .opus_EdjT2u_day:hover:not(:disabled) {
1001
+ background: color-mix(in srgb, var(--opus-accent) 10%, transparent);
981
1002
  }
982
1003
 
983
- .opus_itxBv9_zoomLabel {
984
- color: var(--opus-muted);
985
- text-align: center;
986
- margin: 0;
987
- font-size: .78rem;
1004
+ .opus_EdjT2u_day:focus-visible {
1005
+ border-color: color-mix(in srgb, var(--opus-border) 90%, transparent);
1006
+ box-shadow: 0 0 0 2px color-mix(in srgb, var(--opus-accent) 24%, transparent);
1007
+ outline: none;
988
1008
  }
989
1009
 
990
- .opus_itxBv9_actions {
991
- flex-wrap: wrap;
992
- gap: 8px;
993
- display: flex;
1010
+ .opus_EdjT2u_day:disabled {
1011
+ opacity: .35;
1012
+ cursor: not-allowed;
994
1013
  }
995
1014
 
996
- .opus_itxBv9_instruction {
1015
+ .opus_EdjT2u_outside {
997
1016
  color: var(--opus-muted);
998
- text-align: center;
999
- margin: 0;
1000
- font-size: .78rem;
1001
- line-height: 1.4;
1017
+ font-weight: 500;
1002
1018
  }
1003
1019
 
1004
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_editor, .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewCard {
1005
- background: none;
1006
- border: 0;
1007
- gap: 16px;
1008
- padding: 0;
1020
+ .opus_EdjT2u_today {
1021
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-accent) 45%, transparent);
1009
1022
  }
1010
1023
 
1011
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_drop {
1012
- border-color: color-mix(in srgb, var(--opus-border) 55%, transparent);
1013
- background: color-mix(in srgb, var(--opus-input-fill) 72%, transparent);
1014
- }
1015
-
1016
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewRow {
1017
- justify-content: center;
1018
- }
1019
-
1020
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewImage {
1021
- border: 0;
1022
- }
1023
-
1024
- .opus_itxBv9_previewFrame {
1025
- flex-shrink: 0;
1026
- display: inline-flex;
1027
- position: relative;
1028
- }
1029
-
1030
- .opus_itxBv9_previewCameraButton {
1024
+ .opus_EdjT2u_selected, .opus_EdjT2u_selected:hover:not(:disabled) {
1025
+ background: color-mix(in srgb, var(--opus-accent) 82%, #111);
1031
1026
  color: #fff;
1032
- cursor: pointer;
1033
- backdrop-filter: blur(8px);
1034
- background: #0b1220c7;
1035
- border: 1px solid #ffffff8c;
1036
- border-radius: 50%;
1037
- justify-content: center;
1038
- align-items: center;
1039
- width: 42px;
1040
- height: 42px;
1041
- padding: 0;
1042
- display: inline-flex;
1043
- position: absolute;
1044
- bottom: 12px;
1045
- left: 50%;
1046
- transform: translateX(-50%);
1047
- box-shadow: 0 6px 16px #00000059, inset 0 1px #ffffff2e;
1048
- }
1049
-
1050
- .opus_itxBv9_previewCameraButton svg {
1051
- width: 18px;
1052
- height: 18px;
1053
- display: block;
1054
- }
1055
-
1056
- .opus_itxBv9_previewCameraButton:hover {
1057
- background: color-mix(in srgb, #0b1220 88%, var(--opus-accent) 12%);
1058
- border-color: color-mix(in srgb, #fff 72%, var(--opus-accent) 28%);
1027
+ box-shadow: none;
1028
+ border-color: #0000;
1059
1029
  }
1060
1030
 
1061
- .opus_itxBv9_previewCameraButton:focus-visible {
1062
- outline: 2px solid color-mix(in srgb, var(--opus-accent) 70%, #fff);
1063
- outline-offset: 2px;
1031
+ .opus_EdjT2u_footer {
1032
+ border-top: 1px solid color-mix(in srgb, var(--opus-border) 70%, transparent);
1033
+ justify-content: space-between;
1034
+ align-items: center;
1035
+ gap: 8px;
1036
+ padding-top: 2px;
1037
+ display: flex;
1064
1038
  }
1065
1039
 
1066
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_viewport {
1067
- box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-border) 45%, transparent);
1040
+ .opus_EdjT2u_footerAction {
1041
+ color: var(--opus-accent);
1042
+ font: inherit;
1043
+ cursor: pointer;
1044
+ background: none;
1068
1045
  border: 0;
1046
+ padding: 4px 2px;
1047
+ font-size: .8rem;
1048
+ font-weight: 700;
1069
1049
  }
1070
1050
 
1071
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_viewportRing {
1072
- box-shadow: none;
1051
+ .opus_EdjT2u_footerAction:hover:not(:disabled) {
1052
+ text-decoration: underline;
1073
1053
  }
1074
1054
 
1075
- .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_zoomButton {
1076
- background: color-mix(in srgb, var(--opus-input-fill) 80%, transparent);
1077
- border: 0;
1055
+ .opus_EdjT2u_footerAction:disabled {
1056
+ opacity: .4;
1057
+ cursor: not-allowed;
1078
1058
  }
1079
1059
 
1080
- .opus_itxBv9_changeLink {
1081
- color: var(--opus-accent);
1082
- font-size: var(--opus-control-font-size);
1083
- cursor: pointer;
1084
- background: none;
1085
- border: 0;
1086
- justify-self: center;
1087
- margin: 0;
1088
- padding: 0;
1089
- font-weight: 600;
1060
+ .opus_EdjT2u_footerAction:focus-visible {
1061
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
1062
+ border-radius: 4px;
1063
+ outline: none;
1090
1064
  }
1091
1065
 
1092
- .opus_itxBv9_changeLink:hover {
1093
- text-decoration: underline;
1066
+ /* components/fields/DatePickerPanel/OpusDateInput.module.css */
1067
+ .opus_hWDSCI_root {
1068
+ width: 100%;
1069
+ position: relative;
1094
1070
  }
1095
1071
 
1096
- /* components/fields/NumberField/NumberField.module.css */
1097
- .opus_L272Dk_stepper {
1072
+ .opus_hWDSCI_control {
1098
1073
  width: 100%;
1099
1074
  min-height: var(--opus-control-height);
1075
+ padding: 0 var(--opus-control-padding-x, 10px);
1100
1076
  border: 1px solid var(--opus-border-strong);
1101
1077
  border-radius: var(--opus-input-radius);
1102
1078
  background: var(--opus-input-bg);
1103
1079
  color: var(--opus-text);
1104
- grid-template-columns: 38px minmax(0, 1fr) 38px;
1080
+ font: inherit;
1081
+ font-size: var(--opus-control-font-size);
1082
+ text-align: left;
1083
+ cursor: pointer;
1084
+ grid-template-columns: minmax(0, 1fr) auto;
1085
+ align-items: center;
1086
+ gap: 10px;
1105
1087
  display: grid;
1106
- overflow: hidden;
1107
1088
  box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1108
1089
  }
1109
1090
 
1110
- .opus_L272Dk_input {
1111
- width: 100%;
1112
- min-width: 0;
1113
- min-height: var(--opus-control-height);
1114
- border: 0;
1115
- border-right: 1px solid color-mix(in srgb, var(--opus-border-strong) 45%, transparent);
1116
- border-left: 1px solid color-mix(in srgb, var(--opus-border-strong) 45%, transparent);
1117
- color: inherit;
1118
- text-align: center;
1119
- font-size: var(--opus-control-font-size);
1120
- font-variant-numeric: tabular-nums;
1121
- background: none;
1122
- padding: 0 8px;
1123
- font-weight: 700;
1091
+ .opus_hWDSCI_control:hover:not(:disabled) {
1092
+ border-color: color-mix(in srgb, var(--opus-accent) 36%, var(--opus-border-strong));
1124
1093
  }
1125
1094
 
1126
- .opus_L272Dk_input:focus {
1127
- background: color-mix(in srgb, var(--opus-accent-soft) 40%, transparent);
1095
+ .opus_hWDSCI_control:focus-visible {
1096
+ border-color: var(--opus-accent);
1097
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1098
+ 0 14px 30px #0000000f;
1128
1099
  outline: none;
1129
1100
  }
1130
1101
 
1131
- .opus_L272Dk_button {
1132
- min-height: var(--opus-control-height);
1133
- color: var(--opus-accent);
1134
- cursor: pointer;
1135
- background: none;
1136
- border: 0;
1137
- place-items: center;
1138
- font-size: 1rem;
1139
- font-weight: 700;
1140
- display: grid;
1141
- }
1142
-
1143
- .opus_L272Dk_button:focus-visible {
1144
- outline: 2px solid var(--opus-accent);
1145
- outline-offset: -2px;
1146
- }
1147
-
1148
- .opus_L272Dk_error {
1149
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1102
+ .opus_hWDSCI_control:disabled {
1103
+ opacity: .62;
1104
+ cursor: not-allowed;
1150
1105
  }
1151
1106
 
1152
- /* components/fields/RadioGroup/RadioGroup.module.css */
1153
- .opus_O-1nor_shell {
1154
- width: 100%;
1107
+ .opus_hWDSCI_value {
1108
+ text-overflow: ellipsis;
1109
+ white-space: nowrap;
1110
+ min-width: 0;
1111
+ font-weight: 600;
1112
+ overflow: hidden;
1155
1113
  }
1156
1114
 
1157
- .opus_O-1nor_options {
1158
- gap: 8px;
1159
- display: grid;
1115
+ .opus_hWDSCI_placeholder {
1116
+ min-width: 0;
1117
+ color: var(--opus-muted);
1118
+ text-overflow: ellipsis;
1119
+ white-space: nowrap;
1120
+ overflow: hidden;
1160
1121
  }
1161
1122
 
1162
- .opus_O-1nor_option {
1163
- min-height: var(--choice-control-size, var(--opus-control-height));
1164
- gap: 4px;
1123
+ .opus_hWDSCI_icon {
1124
+ color: var(--opus-accent);
1125
+ place-items: center;
1126
+ font-size: .95rem;
1165
1127
  display: grid;
1166
1128
  }
1167
1129
 
1168
- .opus_O-1nor_choice {
1169
- width: 100%;
1170
- min-height: var(--choice-control-size, var(--opus-control-height));
1171
- color: var(--opus-text);
1172
- font-size: var(--opus-control-font-size);
1173
- cursor: pointer;
1174
- align-items: center;
1175
- gap: 10px;
1176
- display: flex;
1177
- position: relative;
1178
- }
1179
-
1180
- .opus_O-1nor_nativeInput {
1130
+ .opus_hWDSCI_hiddenInput {
1181
1131
  clip: rect(0, 0, 0, 0);
1182
1132
  white-space: nowrap;
1183
1133
  opacity: 0;
1134
+ pointer-events: none;
1135
+ border: 0;
1184
1136
  width: 1px;
1185
1137
  height: 1px;
1186
1138
  margin: -1px;
1139
+ padding: 0;
1187
1140
  position: absolute;
1188
1141
  overflow: hidden;
1189
1142
  }
1190
1143
 
1191
- .opus_O-1nor_visual {
1192
- width: var(--choice-control-size, var(--opus-control-height));
1193
- height: var(--choice-control-size, var(--opus-control-height));
1194
- border: 1px solid var(--opus-border-strong);
1195
- background: var(--opus-input-bg);
1196
- flex: none;
1197
- transition: background .16s, border-color .16s, box-shadow .16s;
1198
- position: relative;
1199
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1200
- }
1201
-
1202
- .opus_O-1nor_round {
1203
- border-radius: 999px;
1144
+ .opus_hWDSCI_portal {
1145
+ z-index: 1000;
1146
+ margin: 0;
1147
+ position: fixed;
1204
1148
  }
1205
1149
 
1206
- .opus_O-1nor_square {
1150
+ /* components/fields/HiddenField/HiddenField.module.css */
1151
+ .opus_kL1YXS_preview {
1152
+ padding: var(--opus-control-padding-y, 8px) var(--opus-control-padding-x, 10px);
1153
+ border: 1px dashed var(--opus-border);
1207
1154
  border-radius: var(--opus-input-radius);
1155
+ background: color-mix(in srgb, var(--opus-input-bg) 70%, transparent);
1156
+ gap: 6px;
1157
+ display: grid;
1208
1158
  }
1209
1159
 
1210
- .opus_O-1nor_visual:after {
1211
- content: "";
1212
- width: var(--choice-control-dot-size);
1213
- height: var(--choice-control-dot-size);
1214
- border-radius: inherit;
1215
- background: linear-gradient(135deg,
1216
- var(--opus-accent),
1217
- color-mix(in srgb, var(--opus-accent) 40%, #00d2ff));
1218
- opacity: 0;
1219
- transition: opacity .16s;
1220
- position: absolute;
1221
- top: 50%;
1222
- left: 50%;
1223
- transform: translate(-50%, -50%);
1160
+ .opus_kL1YXS_note {
1161
+ color: var(--opus-muted);
1162
+ font-size: calc(var(--opus-control-font-size) - .08rem);
1163
+ margin: 0;
1224
1164
  }
1225
1165
 
1226
- .opus_O-1nor_nativeInput:checked + .opus_O-1nor_visual {
1227
- border-color: var(--opus-border-strong);
1228
- background: var(--opus-input-bg);
1166
+ .opus_kL1YXS_meta {
1167
+ color: var(--opus-text);
1168
+ font-family: var(--font-ibm-plex-mono), monospace;
1169
+ font-size: calc(var(--opus-control-font-size) - .14rem);
1170
+ word-break: break-all;
1229
1171
  }
1230
1172
 
1231
- .opus_O-1nor_nativeInput:checked + .opus_O-1nor_visual:after {
1232
- opacity: 1;
1173
+ /* components/fields/FileField/FileField.module.css */
1174
+ .opus_aOsPA7_wrapper {
1175
+ gap: 6px;
1176
+ width: 100%;
1177
+ display: grid;
1233
1178
  }
1234
1179
 
1235
- .opus_O-1nor_nativeInput:focus-visible + .opus_O-1nor_visual {
1236
- box-shadow: 0 0 0 var(--choice-control-focus-ring, 4px) color-mix(in srgb, var(--opus-accent) 24%, transparent),
1237
- inset 0 0 0 1px #ffffff14;
1180
+ .opus_aOsPA7_drop {
1181
+ min-height: var(--opus-file-min-height, 96px);
1182
+ padding: var(--opus-file-padding-y, 16px) var(--opus-file-padding-x, 20px);
1183
+ border-radius: var(--opus-input-radius-large);
1184
+ border: 1px dashed var(--opus-border-strong);
1185
+ background: var(--opus-input-fill);
1186
+ cursor: pointer;
1187
+ justify-content: center;
1188
+ align-items: center;
1189
+ gap: 14px;
1190
+ transition: border-color .16s, background-color .16s;
1191
+ display: flex;
1192
+ position: relative;
1238
1193
  }
1239
1194
 
1240
- .opus_O-1nor_error {
1241
- color: var(--opus-error);
1242
- font-size: .74rem;
1243
- line-height: 1.3;
1244
- }
1245
-
1246
- /* components/fields/ChipInputField/ChipInputField.module.css */
1247
- .opus_IOOYwh_shell {
1248
- width: 100%;
1195
+ .opus_aOsPA7_drop:hover, .opus_aOsPA7_dragging {
1196
+ border-color: var(--opus-accent);
1197
+ background: color-mix(in srgb, var(--opus-accent-soft) 72%, var(--opus-input-fill));
1249
1198
  }
1250
1199
 
1251
- .opus_IOOYwh_field {
1252
- width: 100%;
1253
- min-height: var(--opus-control-height);
1254
- padding: calc(var(--opus-control-padding-y, 8px) / 2) var(--opus-control-padding-x, 10px);
1255
- border: 1px solid var(--opus-border-strong);
1256
- border-radius: var(--opus-input-radius);
1257
- background: var(--opus-input-bg);
1258
- color: var(--opus-text);
1259
- cursor: text;
1260
- flex-wrap: wrap;
1261
- align-content: flex-start;
1262
- align-items: center;
1263
- gap: 6px;
1264
- transition: border-color .16s, box-shadow .16s;
1265
- display: flex;
1266
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1200
+ .opus_aOsPA7_dropError {
1201
+ border-color: color-mix(in srgb, var(--opus-error) 55%, var(--opus-border-strong));
1267
1202
  }
1268
1203
 
1269
- .opus_IOOYwh_field:hover:not(.opus_IOOYwh_disabled):not(.opus_IOOYwh_readOnly) {
1270
- border-color: color-mix(in srgb, var(--opus-accent) 28%, var(--opus-border-strong));
1204
+ .opus_aOsPA7_icon {
1205
+ color: var(--opus-accent);
1206
+ flex: none;
1207
+ place-items: center;
1208
+ display: grid;
1271
1209
  }
1272
1210
 
1273
- .opus_IOOYwh_field:focus-within:not(.opus_IOOYwh_disabled):not(.opus_IOOYwh_readOnly) {
1274
- border-color: var(--opus-accent);
1275
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1276
- 0 14px 30px #0000000f;
1211
+ .opus_aOsPA7_iconSvg {
1212
+ width: 32px;
1213
+ height: 32px;
1277
1214
  }
1278
1215
 
1279
- .opus_IOOYwh_field.opus_IOOYwh_error {
1280
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1216
+ .opus_aOsPA7_content {
1217
+ text-align: center;
1218
+ justify-items: center;
1219
+ gap: 4px;
1220
+ display: grid;
1281
1221
  }
1282
1222
 
1283
- .opus_IOOYwh_field.opus_IOOYwh_error:focus-within {
1284
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-error) 18%, transparent),
1285
- 0 14px 30px #0000000f;
1223
+ .opus_aOsPA7_title {
1224
+ color: var(--opus-text);
1225
+ font-size: var(--opus-control-font-size);
1226
+ line-height: 1.35;
1286
1227
  }
1287
1228
 
1288
- .opus_IOOYwh_field.opus_IOOYwh_disabled {
1289
- opacity: .58;
1290
- cursor: not-allowed;
1229
+ .opus_aOsPA7_title strong {
1230
+ font-weight: 700;
1291
1231
  }
1292
1232
 
1293
- .opus_IOOYwh_field.opus_IOOYwh_readOnly {
1294
- cursor: default;
1233
+ .opus_aOsPA7_hint {
1234
+ color: var(--opus-muted);
1235
+ font-size: .78rem;
1236
+ line-height: 1.2;
1295
1237
  }
1296
1238
 
1297
- .opus_IOOYwh_chip {
1298
- max-width: 100%;
1299
- min-height: calc(var(--opus-control-height) - 12px);
1300
- font-size: calc(var(--opus-control-font-size) - 1px);
1301
- white-space: nowrap;
1302
- border-radius: 999px;
1303
- align-items: center;
1304
- gap: 4px;
1305
- padding: 0 4px 0 10px;
1306
- font-weight: 650;
1307
- line-height: 1.2;
1308
- transition: background .16s, border-color .16s, box-shadow .16s, color .16s;
1239
+ .opus_aOsPA7_action {
1240
+ min-height: var(--opus-control-height);
1241
+ padding: 0 var(--opus-control-padding-x, 14px);
1242
+ border-radius: var(--opus-input-radius);
1243
+ border: 1px solid var(--opus-border-strong);
1244
+ color: var(--opus-accent);
1245
+ font-size: var(--opus-control-font-size);
1246
+ background: none;
1247
+ justify-content: center;
1248
+ margin-top: 2px;
1249
+ font-weight: 600;
1309
1250
  display: inline-flex;
1310
1251
  }
1311
1252
 
1312
- .opus_IOOYwh_chipLabel {
1313
- text-overflow: ellipsis;
1314
- overflow: hidden;
1253
+ .opus_aOsPA7_footnote {
1254
+ color: var(--opus-muted);
1255
+ margin: 0;
1256
+ font-size: .74rem;
1257
+ line-height: 1.35;
1315
1258
  }
1316
1259
 
1317
- .opus_IOOYwh_remove {
1318
- width: 20px;
1319
- height: 20px;
1320
- color: inherit;
1321
- cursor: pointer;
1322
- opacity: .72;
1323
- background: none;
1260
+ .opus_aOsPA7_input {
1261
+ clip: rect(0, 0, 0, 0);
1262
+ white-space: nowrap;
1324
1263
  border: 0;
1325
- border-radius: 999px;
1326
- justify-content: center;
1327
- align-items: center;
1264
+ width: 1px;
1265
+ height: 1px;
1266
+ margin: -1px;
1328
1267
  padding: 0;
1329
- font-size: 16px;
1330
- line-height: 1;
1331
- transition: background .16s, opacity .16s;
1332
- display: inline-flex;
1268
+ position: absolute;
1269
+ overflow: hidden;
1333
1270
  }
1334
1271
 
1335
- .opus_IOOYwh_remove:hover:not(:disabled) {
1336
- opacity: 1;
1337
- background: color-mix(in srgb, currentColor 12%, transparent);
1272
+ /* components/fields/ImageCropUploadField/ImageCropUploadField.module.css */
1273
+ .opus_itxBv9_root {
1274
+ gap: 12px;
1275
+ width: 100%;
1276
+ display: grid;
1338
1277
  }
1339
1278
 
1340
- .opus_IOOYwh_remove:focus-visible {
1341
- outline: 2px solid color-mix(in srgb, var(--opus-accent) 65%, transparent);
1342
- outline-offset: 1px;
1343
- opacity: 1;
1279
+ .opus_itxBv9_drop {
1280
+ min-height: var(--opus-file-min-height, 96px);
1281
+ padding: var(--opus-file-padding-y, 16px) var(--opus-file-padding-x, 20px);
1282
+ border-radius: var(--opus-input-radius-large);
1283
+ border: 1px dashed var(--opus-border-strong);
1284
+ background: var(--opus-input-fill);
1285
+ cursor: pointer;
1286
+ justify-content: center;
1287
+ align-items: center;
1288
+ gap: 14px;
1289
+ transition: border-color .16s, background-color .16s;
1290
+ display: flex;
1291
+ position: relative;
1344
1292
  }
1345
1293
 
1346
- .opus_IOOYwh_remove:disabled {
1347
- cursor: not-allowed;
1294
+ .opus_itxBv9_drop:hover, .opus_itxBv9_dragging {
1295
+ border-color: var(--opus-accent);
1296
+ background: color-mix(in srgb, var(--opus-accent-soft) 72%, var(--opus-input-fill));
1348
1297
  }
1349
1298
 
1350
- .opus_IOOYwh_input {
1351
- width: auto;
1352
- min-width: 120px;
1353
- height: calc(var(--opus-control-height) - 12px);
1354
- color: var(--opus-text);
1355
- font-family: inherit;
1356
- font-size: var(--opus-control-font-size);
1357
- background: none;
1358
- border: 0;
1359
- outline: none;
1360
- flex: 120px;
1361
- padding: 0 4px;
1299
+ .opus_itxBv9_dropError {
1300
+ border-color: color-mix(in srgb, var(--opus-error) 55%, var(--opus-border-strong));
1362
1301
  }
1363
1302
 
1364
- .opus_IOOYwh_input::placeholder {
1365
- color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
1303
+ .opus_itxBv9_dropIcon {
1304
+ color: var(--opus-accent);
1305
+ flex: none;
1306
+ place-items: center;
1307
+ display: grid;
1366
1308
  }
1367
1309
 
1368
- .opus_IOOYwh_input:disabled {
1369
- cursor: not-allowed;
1310
+ .opus_itxBv9_dropIconSvg {
1311
+ width: 32px;
1312
+ height: 32px;
1370
1313
  }
1371
1314
 
1372
- .opus_IOOYwh_field[data-chip-variant="filled"] .opus_IOOYwh_chip {
1373
- border: 1px solid color-mix(in srgb, var(--opus-border-strong) 85%, transparent);
1374
- background: color-mix(in srgb, var(--opus-text) 8%, var(--opus-input-bg));
1375
- color: var(--opus-text);
1315
+ .opus_itxBv9_dropContent {
1316
+ text-align: center;
1317
+ justify-items: center;
1318
+ gap: 4px;
1319
+ display: grid;
1376
1320
  }
1377
1321
 
1378
- .opus_IOOYwh_field[data-chip-variant="outlined"] .opus_IOOYwh_chip {
1379
- border: 1px solid var(--opus-border-strong);
1322
+ .opus_itxBv9_dropTitle {
1380
1323
  color: var(--opus-text);
1381
- background: none;
1324
+ font-size: var(--opus-control-font-size);
1325
+ line-height: 1.35;
1382
1326
  }
1383
1327
 
1384
- .opus_IOOYwh_field[data-chip-variant="soft"] .opus_IOOYwh_chip {
1385
- border: 1px solid color-mix(in srgb, var(--opus-accent) 35%, var(--opus-border-strong));
1386
- background: var(--opus-accent-soft);
1387
- color: var(--opus-accent);
1328
+ .opus_itxBv9_dropTitle strong {
1329
+ font-weight: 700;
1388
1330
  }
1389
1331
 
1390
- .opus_IOOYwh_field[data-chip-variant="glass"] .opus_IOOYwh_chip {
1391
- border: 1px solid color-mix(in srgb, var(--opus-border-strong) 55%, transparent);
1392
- background: color-mix(in srgb, var(--opus-input-bg) 55%, transparent);
1393
- backdrop-filter: blur(10px);
1394
- color: var(--opus-text);
1332
+ .opus_itxBv9_dropHint {
1333
+ color: var(--opus-muted);
1334
+ font-size: .78rem;
1335
+ line-height: 1.2;
1395
1336
  }
1396
1337
 
1397
- .opus_IOOYwh_field[data-chip-variant="gradient"] .opus_IOOYwh_chip {
1398
- background: linear-gradient(var(--opus-input-bg), var(--opus-input-bg)) padding-box,
1399
- linear-gradient(135deg,
1400
- color-mix(in srgb, var(--opus-accent) 85%, #4f8cff),
1401
- color-mix(in srgb, var(--opus-accent) 55%, white))
1402
- border-box;
1338
+ .opus_itxBv9_dropAction {
1339
+ min-height: var(--opus-control-height);
1340
+ padding: 0 var(--opus-control-padding-x, 14px);
1341
+ border-radius: var(--opus-input-radius);
1342
+ border: 1px solid var(--opus-border-strong);
1403
1343
  color: var(--opus-accent);
1404
- box-shadow: 0 0 0 1px color-mix(in srgb, var(--opus-accent) 10%, transparent);
1405
- border: 1px solid #0000;
1344
+ font-size: var(--opus-control-font-size);
1345
+ background: none;
1346
+ justify-content: center;
1347
+ margin-top: 2px;
1348
+ font-weight: 600;
1349
+ display: inline-flex;
1406
1350
  }
1407
1351
 
1408
- @media (prefers-reduced-motion: reduce) {
1409
- .opus_IOOYwh_field, .opus_IOOYwh_chip, .opus_IOOYwh_remove {
1410
- transition: none;
1411
- }
1352
+ .opus_itxBv9_hiddenInput {
1353
+ clip: rect(0, 0, 0, 0);
1354
+ white-space: nowrap;
1355
+ border: 0;
1356
+ width: 1px;
1357
+ height: 1px;
1358
+ margin: -1px;
1359
+ padding: 0;
1360
+ position: absolute;
1361
+ overflow: hidden;
1412
1362
  }
1413
1363
 
1414
- /* components/fields/ChoiceChipsField/ChoiceChipsField.module.css */
1415
- .opus_X6xFEA_shell {
1416
- width: 100%;
1364
+ .opus_itxBv9_previewCard, .opus_itxBv9_editor {
1365
+ border-radius: var(--opus-input-radius-large);
1366
+ border: 1px solid var(--opus-border-strong);
1367
+ background: color-mix(in srgb, var(--opus-panel) 88%, transparent);
1368
+ gap: 12px;
1369
+ padding: 14px;
1370
+ display: grid;
1417
1371
  }
1418
1372
 
1419
- .opus_X6xFEA_root {
1420
- flex-wrap: wrap;
1373
+ .opus_itxBv9_previewRow {
1421
1374
  align-items: center;
1422
- gap: 8px;
1423
- width: 100%;
1375
+ gap: 14px;
1424
1376
  display: flex;
1425
1377
  }
1426
1378
 
1427
- .opus_X6xFEA_chip {
1379
+ .opus_itxBv9_previewImage {
1380
+ object-fit: cover;
1381
+ border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
1382
+ border-radius: 999px;
1383
+ width: 72px;
1384
+ height: 72px;
1385
+ }
1386
+
1387
+ .opus_itxBv9_previewCopy {
1388
+ gap: 4px;
1389
+ min-width: 0;
1390
+ display: grid;
1391
+ }
1392
+
1393
+ .opus_itxBv9_previewTitle {
1394
+ color: var(--opus-text);
1395
+ font-size: var(--opus-control-font-size);
1396
+ font-weight: 600;
1397
+ }
1398
+
1399
+ .opus_itxBv9_previewHint {
1400
+ color: var(--opus-muted);
1401
+ font-size: .78rem;
1402
+ line-height: 1.35;
1403
+ }
1404
+
1405
+ .opus_itxBv9_viewport {
1406
+ border: 1px solid color-mix(in srgb, var(--opus-border) 80%, transparent);
1407
+ background: linear-gradient(45deg, color-mix(in srgb, var(--opus-muted) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--opus-muted) 16%, transparent) 75%),
1408
+ linear-gradient(45deg, color-mix(in srgb, var(--opus-muted) 16%, transparent) 25%, transparent 25%, transparent 75%, color-mix(in srgb, var(--opus-muted) 16%, transparent) 75%);
1409
+ touch-action: none;
1410
+ cursor: grab;
1411
+ background-position: 0 0, 8px 8px;
1412
+ background-size: 16px 16px;
1413
+ border-radius: 999px;
1414
+ margin: 0 auto;
1415
+ position: relative;
1416
+ overflow: hidden;
1417
+ }
1418
+
1419
+ .opus_itxBv9_root[data-shape="rect"] .opus_itxBv9_viewport {
1420
+ background: #fff;
1421
+ border-radius: 16px;
1422
+ }
1423
+
1424
+ .opus_itxBv9_root[data-shape="rect"] .opus_itxBv9_previewImage {
1425
+ object-fit: contain;
1426
+ background: #fff;
1427
+ border-radius: 16px;
1428
+ }
1429
+
1430
+ .opus_itxBv9_viewportDragging {
1431
+ cursor: grabbing;
1432
+ }
1433
+
1434
+ .opus_itxBv9_viewportImage {
1435
+ transform-origin: center;
1436
+ user-select: none;
1437
+ pointer-events: none;
1438
+ max-width: none;
1439
+ position: absolute;
1440
+ top: 50%;
1441
+ left: 50%;
1442
+ }
1443
+
1444
+ .opus_itxBv9_viewportRing {
1445
+ border-radius: inherit;
1446
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-accent) 45%, transparent);
1447
+ pointer-events: none;
1448
+ position: absolute;
1449
+ inset: 0;
1450
+ }
1451
+
1452
+ .opus_itxBv9_zoomRow {
1453
+ grid-template-columns: auto 1fr auto;
1454
+ align-items: center;
1455
+ gap: 10px;
1456
+ display: grid;
1457
+ }
1458
+
1459
+ .opus_itxBv9_zoomButton {
1460
+ width: var(--opus-control-height);
1461
+ min-height: var(--opus-control-height);
1462
+ border-radius: var(--opus-input-radius);
1463
+ border: 1px solid var(--opus-border-strong);
1464
+ background: var(--opus-input-fill);
1465
+ color: var(--opus-text);
1466
+ justify-content: center;
1467
+ align-items: center;
1468
+ font-size: 1rem;
1469
+ font-weight: 700;
1470
+ line-height: 1;
1471
+ display: inline-flex;
1472
+ }
1473
+
1474
+ .opus_itxBv9_zoomButton:disabled {
1475
+ opacity: .45;
1476
+ cursor: not-allowed;
1477
+ }
1478
+
1479
+ .opus_itxBv9_zoomSlider {
1480
+ width: 100%;
1481
+ accent-color: var(--opus-accent);
1482
+ }
1483
+
1484
+ .opus_itxBv9_zoomLabel {
1485
+ color: var(--opus-muted);
1486
+ text-align: center;
1487
+ margin: 0;
1488
+ font-size: .78rem;
1489
+ }
1490
+
1491
+ .opus_itxBv9_actions {
1492
+ flex-wrap: wrap;
1493
+ gap: 8px;
1494
+ display: flex;
1495
+ }
1496
+
1497
+ .opus_itxBv9_instruction {
1498
+ color: var(--opus-muted);
1499
+ text-align: center;
1500
+ margin: 0;
1501
+ font-size: .78rem;
1502
+ line-height: 1.4;
1503
+ }
1504
+
1505
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_editor, .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewCard {
1506
+ background: none;
1507
+ border: 0;
1508
+ gap: 16px;
1509
+ padding: 0;
1510
+ }
1511
+
1512
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_drop {
1513
+ border-color: color-mix(in srgb, var(--opus-border) 55%, transparent);
1514
+ background: color-mix(in srgb, var(--opus-input-fill) 72%, transparent);
1515
+ }
1516
+
1517
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewRow {
1518
+ justify-content: center;
1519
+ }
1520
+
1521
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_previewImage {
1522
+ border: 0;
1523
+ }
1524
+
1525
+ .opus_itxBv9_previewFrame {
1526
+ flex-shrink: 0;
1527
+ display: inline-flex;
1528
+ position: relative;
1529
+ }
1530
+
1531
+ .opus_itxBv9_previewCameraButton {
1532
+ color: #fff;
1533
+ cursor: pointer;
1534
+ backdrop-filter: blur(8px);
1535
+ background: #0b1220c7;
1536
+ border: 1px solid #ffffff8c;
1537
+ border-radius: 50%;
1538
+ justify-content: center;
1539
+ align-items: center;
1540
+ width: 42px;
1541
+ height: 42px;
1542
+ padding: 0;
1543
+ display: inline-flex;
1544
+ position: absolute;
1545
+ bottom: 12px;
1546
+ left: 50%;
1547
+ transform: translateX(-50%);
1548
+ box-shadow: 0 6px 16px #00000059, inset 0 1px #ffffff2e;
1549
+ }
1550
+
1551
+ .opus_itxBv9_previewCameraButton svg {
1552
+ width: 18px;
1553
+ height: 18px;
1554
+ display: block;
1555
+ }
1556
+
1557
+ .opus_itxBv9_previewCameraButton:hover {
1558
+ background: color-mix(in srgb, #0b1220 88%, var(--opus-accent) 12%);
1559
+ border-color: color-mix(in srgb, #fff 72%, var(--opus-accent) 28%);
1560
+ }
1561
+
1562
+ .opus_itxBv9_previewCameraButton:focus-visible {
1563
+ outline: 2px solid color-mix(in srgb, var(--opus-accent) 70%, #fff);
1564
+ outline-offset: 2px;
1565
+ }
1566
+
1567
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_viewport {
1568
+ box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--opus-border) 45%, transparent);
1569
+ border: 0;
1570
+ }
1571
+
1572
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_viewportRing {
1573
+ box-shadow: none;
1574
+ }
1575
+
1576
+ .opus_itxBv9_root[data-embedded="true"] .opus_itxBv9_zoomButton {
1577
+ background: color-mix(in srgb, var(--opus-input-fill) 80%, transparent);
1578
+ border: 0;
1579
+ }
1580
+
1581
+ .opus_itxBv9_changeLink {
1582
+ color: var(--opus-accent);
1583
+ font-size: var(--opus-control-font-size);
1584
+ cursor: pointer;
1585
+ background: none;
1586
+ border: 0;
1587
+ justify-self: center;
1588
+ margin: 0;
1589
+ padding: 0;
1590
+ font-weight: 600;
1591
+ }
1592
+
1593
+ .opus_itxBv9_changeLink:hover {
1594
+ text-decoration: underline;
1595
+ }
1596
+
1597
+ /* components/fields/NumberField/NumberField.module.css */
1598
+ .opus_L272Dk_stepper {
1599
+ width: 100%;
1600
+ min-height: var(--opus-control-height);
1601
+ border: 1px solid var(--opus-border-strong);
1602
+ border-radius: var(--opus-input-radius);
1603
+ background: var(--opus-input-bg);
1604
+ color: var(--opus-text);
1605
+ grid-template-columns: 38px minmax(0, 1fr) 38px;
1606
+ display: grid;
1607
+ overflow: hidden;
1608
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1609
+ }
1610
+
1611
+ .opus_L272Dk_input {
1612
+ width: 100%;
1613
+ min-width: 0;
1614
+ min-height: var(--opus-control-height);
1615
+ border: 0;
1616
+ border-right: 1px solid color-mix(in srgb, var(--opus-border-strong) 45%, transparent);
1617
+ border-left: 1px solid color-mix(in srgb, var(--opus-border-strong) 45%, transparent);
1618
+ color: inherit;
1619
+ text-align: center;
1620
+ font-size: var(--opus-control-font-size);
1621
+ font-variant-numeric: tabular-nums;
1622
+ background: none;
1623
+ padding: 0 8px;
1624
+ font-weight: 700;
1625
+ }
1626
+
1627
+ .opus_L272Dk_input:focus {
1628
+ background: color-mix(in srgb, var(--opus-accent-soft) 40%, transparent);
1629
+ outline: none;
1630
+ }
1631
+
1632
+ .opus_L272Dk_button {
1633
+ min-height: var(--opus-control-height);
1634
+ color: var(--opus-accent);
1635
+ cursor: pointer;
1636
+ background: none;
1637
+ border: 0;
1638
+ place-items: center;
1639
+ font-size: 1rem;
1640
+ font-weight: 700;
1641
+ display: grid;
1642
+ }
1643
+
1644
+ .opus_L272Dk_button:focus-visible {
1645
+ outline: 2px solid var(--opus-accent);
1646
+ outline-offset: -2px;
1647
+ }
1648
+
1649
+ .opus_L272Dk_error {
1650
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1651
+ }
1652
+
1653
+ /* components/fields/RadioGroup/RadioGroup.module.css */
1654
+ .opus_O-1nor_shell {
1655
+ width: 100%;
1656
+ }
1657
+
1658
+ .opus_O-1nor_options {
1659
+ gap: 8px;
1660
+ display: grid;
1661
+ }
1662
+
1663
+ .opus_O-1nor_option {
1664
+ min-height: var(--choice-control-size, var(--opus-control-height));
1665
+ gap: 4px;
1666
+ display: grid;
1667
+ }
1668
+
1669
+ .opus_O-1nor_choice {
1670
+ width: 100%;
1671
+ min-height: var(--choice-control-size, var(--opus-control-height));
1672
+ color: var(--opus-text);
1673
+ font-size: var(--opus-control-font-size);
1674
+ cursor: pointer;
1675
+ align-items: center;
1676
+ gap: 10px;
1677
+ display: flex;
1678
+ position: relative;
1679
+ }
1680
+
1681
+ .opus_O-1nor_nativeInput {
1682
+ clip: rect(0, 0, 0, 0);
1683
+ white-space: nowrap;
1684
+ opacity: 0;
1685
+ width: 1px;
1686
+ height: 1px;
1687
+ margin: -1px;
1688
+ position: absolute;
1689
+ overflow: hidden;
1690
+ }
1691
+
1692
+ .opus_O-1nor_visual {
1693
+ width: var(--choice-control-size, var(--opus-control-height));
1694
+ height: var(--choice-control-size, var(--opus-control-height));
1695
+ border: 1px solid var(--opus-border-strong);
1696
+ background: var(--opus-input-bg);
1697
+ flex: none;
1698
+ transition: background .16s, border-color .16s, box-shadow .16s;
1699
+ position: relative;
1700
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1701
+ }
1702
+
1703
+ .opus_O-1nor_round {
1704
+ border-radius: 999px;
1705
+ }
1706
+
1707
+ .opus_O-1nor_square {
1708
+ border-radius: var(--opus-input-radius);
1709
+ }
1710
+
1711
+ .opus_O-1nor_visual:after {
1712
+ content: "";
1713
+ width: var(--choice-control-dot-size);
1714
+ height: var(--choice-control-dot-size);
1715
+ border-radius: inherit;
1716
+ background: linear-gradient(135deg,
1717
+ var(--opus-accent),
1718
+ color-mix(in srgb, var(--opus-accent) 40%, #00d2ff));
1719
+ opacity: 0;
1720
+ transition: opacity .16s;
1721
+ position: absolute;
1722
+ top: 50%;
1723
+ left: 50%;
1724
+ transform: translate(-50%, -50%);
1725
+ }
1726
+
1727
+ .opus_O-1nor_nativeInput:checked + .opus_O-1nor_visual {
1728
+ border-color: var(--opus-border-strong);
1729
+ background: var(--opus-input-bg);
1730
+ }
1731
+
1732
+ .opus_O-1nor_nativeInput:checked + .opus_O-1nor_visual:after {
1733
+ opacity: 1;
1734
+ }
1735
+
1736
+ .opus_O-1nor_nativeInput:focus-visible + .opus_O-1nor_visual {
1737
+ box-shadow: 0 0 0 var(--choice-control-focus-ring, 4px) color-mix(in srgb, var(--opus-accent) 24%, transparent),
1738
+ inset 0 0 0 1px #ffffff14;
1739
+ }
1740
+
1741
+ .opus_O-1nor_error {
1742
+ color: var(--opus-error);
1743
+ font-size: .74rem;
1744
+ line-height: 1.3;
1745
+ }
1746
+
1747
+ /* components/fields/ChipInputField/ChipInputField.module.css */
1748
+ .opus_IOOYwh_shell {
1749
+ width: 100%;
1750
+ }
1751
+
1752
+ .opus_IOOYwh_field {
1753
+ width: 100%;
1754
+ min-height: var(--opus-control-height);
1755
+ padding: calc(var(--opus-control-padding-y, 8px) / 2) var(--opus-control-padding-x, 10px);
1756
+ border: 1px solid var(--opus-border-strong);
1757
+ border-radius: var(--opus-input-radius);
1758
+ background: var(--opus-input-bg);
1759
+ color: var(--opus-text);
1760
+ cursor: text;
1761
+ flex-wrap: wrap;
1762
+ align-content: flex-start;
1763
+ align-items: center;
1764
+ gap: 6px;
1765
+ transition: border-color .16s, box-shadow .16s;
1766
+ display: flex;
1767
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1768
+ }
1769
+
1770
+ .opus_IOOYwh_field:hover:not(.opus_IOOYwh_disabled):not(.opus_IOOYwh_readOnly) {
1771
+ border-color: color-mix(in srgb, var(--opus-accent) 28%, var(--opus-border-strong));
1772
+ }
1773
+
1774
+ .opus_IOOYwh_field:focus-within:not(.opus_IOOYwh_disabled):not(.opus_IOOYwh_readOnly) {
1775
+ border-color: var(--opus-accent);
1776
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1777
+ 0 14px 30px #0000000f;
1778
+ }
1779
+
1780
+ .opus_IOOYwh_field.opus_IOOYwh_error {
1781
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1782
+ }
1783
+
1784
+ .opus_IOOYwh_field.opus_IOOYwh_error:focus-within {
1785
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-error) 18%, transparent),
1786
+ 0 14px 30px #0000000f;
1787
+ }
1788
+
1789
+ .opus_IOOYwh_field.opus_IOOYwh_disabled {
1790
+ opacity: .58;
1791
+ cursor: not-allowed;
1792
+ }
1793
+
1794
+ .opus_IOOYwh_field.opus_IOOYwh_readOnly {
1795
+ cursor: default;
1796
+ }
1797
+
1798
+ .opus_IOOYwh_chip {
1799
+ max-width: 100%;
1800
+ min-height: calc(var(--opus-control-height) - 12px);
1801
+ font-size: calc(var(--opus-control-font-size) - 1px);
1802
+ white-space: nowrap;
1803
+ border-radius: 999px;
1804
+ align-items: center;
1805
+ gap: 4px;
1806
+ padding: 0 4px 0 10px;
1807
+ font-weight: 650;
1808
+ line-height: 1.2;
1809
+ transition: background .16s, border-color .16s, box-shadow .16s, color .16s;
1810
+ display: inline-flex;
1811
+ }
1812
+
1813
+ .opus_IOOYwh_chipLabel {
1814
+ text-overflow: ellipsis;
1815
+ overflow: hidden;
1816
+ }
1817
+
1818
+ .opus_IOOYwh_remove {
1819
+ width: 20px;
1820
+ height: 20px;
1821
+ color: inherit;
1822
+ cursor: pointer;
1823
+ opacity: .72;
1824
+ background: none;
1825
+ border: 0;
1826
+ border-radius: 999px;
1827
+ justify-content: center;
1828
+ align-items: center;
1829
+ padding: 0;
1830
+ font-size: 16px;
1831
+ line-height: 1;
1832
+ transition: background .16s, opacity .16s;
1833
+ display: inline-flex;
1834
+ }
1835
+
1836
+ .opus_IOOYwh_remove:hover:not(:disabled) {
1837
+ opacity: 1;
1838
+ background: color-mix(in srgb, currentColor 12%, transparent);
1839
+ }
1840
+
1841
+ .opus_IOOYwh_remove:focus-visible {
1842
+ outline: 2px solid color-mix(in srgb, var(--opus-accent) 65%, transparent);
1843
+ outline-offset: 1px;
1844
+ opacity: 1;
1845
+ }
1846
+
1847
+ .opus_IOOYwh_remove:disabled {
1848
+ cursor: not-allowed;
1849
+ }
1850
+
1851
+ .opus_IOOYwh_input {
1852
+ width: auto;
1853
+ min-width: 120px;
1854
+ height: calc(var(--opus-control-height) - 12px);
1855
+ color: var(--opus-text);
1856
+ font-family: inherit;
1857
+ font-size: var(--opus-control-font-size);
1858
+ background: none;
1859
+ border: 0;
1860
+ outline: none;
1861
+ flex: 120px;
1862
+ padding: 0 4px;
1863
+ }
1864
+
1865
+ .opus_IOOYwh_input::placeholder {
1866
+ color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
1867
+ }
1868
+
1869
+ .opus_IOOYwh_input:disabled {
1870
+ cursor: not-allowed;
1871
+ }
1872
+
1873
+ .opus_IOOYwh_field[data-chip-variant="filled"] .opus_IOOYwh_chip {
1874
+ border: 1px solid color-mix(in srgb, var(--opus-border-strong) 85%, transparent);
1875
+ background: color-mix(in srgb, var(--opus-text) 8%, var(--opus-input-bg));
1876
+ color: var(--opus-text);
1877
+ }
1878
+
1879
+ .opus_IOOYwh_field[data-chip-variant="outlined"] .opus_IOOYwh_chip {
1880
+ border: 1px solid var(--opus-border-strong);
1881
+ color: var(--opus-text);
1882
+ background: none;
1883
+ }
1884
+
1885
+ .opus_IOOYwh_field[data-chip-variant="soft"] .opus_IOOYwh_chip {
1886
+ border: 1px solid color-mix(in srgb, var(--opus-accent) 35%, var(--opus-border-strong));
1887
+ background: var(--opus-accent-soft);
1888
+ color: var(--opus-accent);
1889
+ }
1890
+
1891
+ .opus_IOOYwh_field[data-chip-variant="glass"] .opus_IOOYwh_chip {
1892
+ border: 1px solid color-mix(in srgb, var(--opus-border-strong) 55%, transparent);
1893
+ background: color-mix(in srgb, var(--opus-input-bg) 55%, transparent);
1894
+ backdrop-filter: blur(10px);
1895
+ color: var(--opus-text);
1896
+ }
1897
+
1898
+ .opus_IOOYwh_field[data-chip-variant="gradient"] .opus_IOOYwh_chip {
1899
+ background: linear-gradient(var(--opus-input-bg), var(--opus-input-bg)) padding-box,
1900
+ linear-gradient(135deg,
1901
+ color-mix(in srgb, var(--opus-accent) 85%, #4f8cff),
1902
+ color-mix(in srgb, var(--opus-accent) 55%, white))
1903
+ border-box;
1904
+ color: var(--opus-accent);
1905
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--opus-accent) 10%, transparent);
1906
+ border: 1px solid #0000;
1907
+ }
1908
+
1909
+ @media (prefers-reduced-motion: reduce) {
1910
+ .opus_IOOYwh_field, .opus_IOOYwh_chip, .opus_IOOYwh_remove {
1911
+ transition: none;
1912
+ }
1913
+ }
1914
+
1915
+ /* components/fields/ChoiceChipsField/ChoiceChipsField.module.css */
1916
+ .opus_X6xFEA_shell {
1917
+ width: 100%;
1918
+ }
1919
+
1920
+ .opus_X6xFEA_root {
1921
+ flex-wrap: wrap;
1922
+ align-items: center;
1923
+ gap: 8px;
1924
+ width: 100%;
1925
+ display: flex;
1926
+ }
1927
+
1928
+ .opus_X6xFEA_chip {
1428
1929
  --choice-chip-bg: var(--opus-input-bg);
1429
1930
  --choice-chip-border: var(--opus-border-strong);
1430
1931
  --choice-chip-color: var(--opus-text);
@@ -1627,827 +2128,838 @@
1627
2128
 
1628
2129
  .opus_iRHQuG_error {
1629
2130
  outline: 2px solid color-mix(in srgb, var(--opus-error) 36%, transparent);
1630
- outline-offset: 2px;
1631
- border-radius: 999px;
1632
- }
1633
-
1634
- /* components/fields/SelectField/SelectField.module.css */
1635
- .opus_m2ObG0_wrap {
1636
- position: relative;
1637
- }
1638
-
1639
- .opus_m2ObG0_wrap:after {
1640
- content: "";
1641
- border-right: 2px solid var(--opus-muted);
1642
- border-bottom: 2px solid var(--opus-muted);
1643
- pointer-events: none;
1644
- width: 8px;
1645
- height: 8px;
1646
- position: absolute;
1647
- top: 50%;
1648
- right: 12px;
1649
- transform: translateY(-60%) rotate(45deg);
1650
- }
1651
-
1652
- .opus_m2ObG0_select {
1653
- width: 100%;
1654
- min-height: var(--opus-control-height);
1655
- padding: 0 calc(var(--opus-control-padding-x, 10px) + 22px) 0 var(--opus-control-padding-x, 10px);
1656
- border: 1px solid var(--opus-border-strong);
1657
- border-radius: var(--opus-input-radius);
1658
- background: var(--opus-input-bg);
1659
- color: var(--opus-text);
1660
- font-size: var(--opus-control-font-size);
1661
- appearance: none;
1662
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1663
- }
1664
-
1665
- .opus_m2ObG0_select:focus {
1666
- border-color: var(--opus-accent);
1667
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1668
- 0 14px 30px #0000000f;
1669
- }
1670
-
1671
- .opus_m2ObG0_error {
1672
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1673
- }
1674
-
1675
- /* components/fields/SwitchField/SwitchField.module.css */
1676
- .opus_t9NLEA_shell {
1677
- align-items: center;
1678
- }
1679
-
1680
- .opus_t9NLEA_toggle {
1681
- width: fit-content;
1682
- min-height: var(--opus-control-height);
1683
- color: var(--opus-text);
1684
- font-size: var(--opus-control-font-size);
1685
- align-items: center;
1686
- gap: 12px;
1687
- display: flex;
1688
- }
1689
-
1690
- .opus_t9NLEA_track {
1691
- appearance: none;
1692
- width: var(--opus-switch-width, 50px);
1693
- height: var(--opus-control-height);
1694
- border: 1px solid var(--opus-border-strong);
1695
- background: color-mix(in srgb, var(--opus-muted) 24%, transparent);
1696
- cursor: pointer;
1697
- border-radius: 999px;
1698
- margin: 0;
1699
- position: relative;
1700
- box-shadow: inset 0 0 0 1px #ffffff0d;
1701
- }
1702
-
1703
- .opus_t9NLEA_track:before {
1704
- content: "";
1705
- width: var(--opus-switch-thumb, 20px);
1706
- height: var(--opus-switch-thumb, 20px);
1707
- pointer-events: none;
1708
- background: linear-gradient(#fff, #d7dff9);
1709
- border-radius: 999px;
1710
- transition: transform .16s;
1711
- position: absolute;
1712
- top: 50%;
1713
- left: 4px;
1714
- transform: translateY(-50%);
1715
- }
1716
-
1717
- .opus_t9NLEA_track:checked {
1718
- background: linear-gradient(135deg, var(--opus-accent), color-mix(in srgb, var(--opus-accent) 40%, #00d2ff));
1719
- }
1720
-
1721
- .opus_t9NLEA_track:checked:before {
1722
- transform: translateY(-50%) translateX(var(--opus-switch-travel, 22px));
1723
- }
1724
-
1725
- .opus_t9NLEA_error {
1726
- outline: 2px solid color-mix(in srgb, var(--opus-error) 36%, transparent);
1727
- outline-offset: 2px;
1728
- }
1729
-
1730
- /* components/fields/TextAreaField/TextAreaField.module.css */
1731
- .opus_FjhWmh_field {
1732
- gap: 6px;
1733
- width: 100%;
1734
- display: grid;
2131
+ outline-offset: 2px;
2132
+ border-radius: 999px;
1735
2133
  }
1736
2134
 
1737
- .opus_FjhWmh_inputWrap {
2135
+ /* components/fields/shared/fieldControl.module.css */
2136
+ .opus_1Q5xBh_input {
1738
2137
  width: 100%;
1739
- position: relative;
2138
+ min-height: var(--opus-control-height);
2139
+ padding: 0 var(--opus-control-padding-x, 10px);
2140
+ border: 1px solid var(--opus-border-strong);
2141
+ border-radius: var(--opus-input-radius);
2142
+ background: var(--opus-input-bg);
2143
+ color: var(--opus-text);
2144
+ font-size: var(--opus-control-font-size);
2145
+ transition: border-color .16s, box-shadow .16s;
2146
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1740
2147
  }
1741
2148
 
1742
- .opus_FjhWmh_textarea {
2149
+ .opus_1Q5xBh_searchWrap {
2150
+ align-items: center;
2151
+ gap: var(--opus-control-prefix-gap, 8px);
1743
2152
  width: 100%;
1744
- min-height: 96px;
1745
- padding: var(--opus-control-padding-y, 8px) var(--opus-control-padding-x, 10px);
2153
+ min-height: var(--opus-control-height);
2154
+ padding: 0 var(--opus-control-padding-x, 10px);
1746
2155
  border: 1px solid var(--opus-border-strong);
1747
2156
  border-radius: var(--opus-input-radius);
1748
2157
  background: var(--opus-input-bg);
1749
2158
  color: var(--opus-text);
1750
2159
  font-size: var(--opus-control-font-size);
1751
- resize: vertical;
1752
- line-height: 1.5;
2160
+ cursor: text;
2161
+ grid-template-columns: auto minmax(0, 1fr) auto;
2162
+ transition: border-color .16s, box-shadow .16s;
2163
+ display: grid;
1753
2164
  box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
1754
2165
  }
1755
2166
 
1756
- .opus_FjhWmh_withCount {
1757
- padding-bottom: 28px;
1758
- }
1759
-
1760
- .opus_FjhWmh_textarea:focus {
2167
+ .opus_1Q5xBh_searchWrap:focus-within {
1761
2168
  border-color: var(--opus-accent);
1762
2169
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1763
2170
  0 14px 30px #0000000f;
1764
2171
  }
1765
2172
 
1766
- .opus_FjhWmh_textarea::placeholder {
1767
- color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
1768
- }
1769
-
1770
- .opus_FjhWmh_error {
2173
+ .opus_1Q5xBh_searchWrapError {
1771
2174
  border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1772
2175
  }
1773
2176
 
1774
- .opus_FjhWmh_inlineCount {
1775
- color: color-mix(in srgb, var(--opus-muted) 82%, transparent);
1776
- pointer-events: none;
1777
- font-size: .76rem;
1778
- font-style: italic;
2177
+ .opus_1Q5xBh_endAdornment {
2178
+ min-width: 0;
2179
+ color: var(--opus-muted);
2180
+ justify-content: center;
2181
+ align-items: center;
1779
2182
  line-height: 1;
1780
- position: absolute;
1781
- bottom: 8px;
1782
- right: 10px;
2183
+ display: inline-flex;
1783
2184
  }
1784
2185
 
1785
- .opus_FjhWmh_footer {
1786
- justify-content: space-between;
1787
- align-items: flex-start;
1788
- gap: 12px;
1789
- display: flex;
2186
+ .opus_1Q5xBh_prefixIcon {
2187
+ width: var(--opus-control-prefix-size, 14px);
2188
+ height: var(--opus-control-prefix-size, 14px);
2189
+ color: var(--opus-muted);
2190
+ flex-shrink: 0;
2191
+ justify-content: center;
2192
+ align-items: center;
2193
+ line-height: 0;
2194
+ display: inline-flex;
1790
2195
  }
1791
2196
 
1792
- .opus_FjhWmh_footerError {
1793
- color: var(--opus-error);
1794
- margin: 0;
1795
- font-size: .78rem;
1796
- line-height: 1.4;
2197
+ .opus_1Q5xBh_prefixIconSvg {
2198
+ width: var(--opus-control-prefix-size, 14px);
2199
+ height: var(--opus-control-prefix-size, 14px);
1797
2200
  }
1798
2201
 
1799
- .opus_FjhWmh_externalCount {
1800
- color: var(--opus-text);
1801
- white-space: nowrap;
1802
- margin-left: auto;
1803
- font-size: .78rem;
1804
- font-weight: 600;
1805
- line-height: 1.4;
2202
+ .opus_1Q5xBh_searchInput {
2203
+ width: 100%;
2204
+ min-width: 0;
2205
+ color: inherit;
2206
+ font: inherit;
2207
+ background: none;
2208
+ border: 0;
2209
+ padding: 0;
2210
+ font-weight: 500;
1806
2211
  }
1807
2212
 
1808
- /* components/fields/RichTextField/RichTextField.module.css */
1809
- .opus_6HFqZH_field {
1810
- gap: 6px;
1811
- width: 100%;
1812
- display: grid;
2213
+ .opus_1Q5xBh_searchInput:focus {
2214
+ outline: none;
1813
2215
  }
1814
2216
 
1815
- .opus_6HFqZH_editorShell {
1816
- border: 1px solid var(--opus-border-strong);
1817
- border-radius: var(--opus-input-radius);
1818
- background: var(--opus-input-bg);
1819
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
2217
+ .opus_1Q5xBh_searchInput::placeholder {
2218
+ color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
1820
2219
  }
1821
2220
 
1822
- .opus_6HFqZH_editorShell:focus-within {
2221
+ .opus_1Q5xBh_input:focus {
1823
2222
  border-color: var(--opus-accent);
1824
2223
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
1825
2224
  0 14px 30px #0000000f;
2225
+ outline: none;
1826
2226
  }
1827
2227
 
1828
- .opus_6HFqZH_error {
2228
+ .opus_1Q5xBh_input::placeholder {
2229
+ color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
2230
+ }
2231
+
2232
+ .opus_1Q5xBh_error {
1829
2233
  border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
1830
2234
  }
1831
2235
 
1832
- .opus_6HFqZH_toolbar {
1833
- border-bottom: 1px solid var(--opus-border-strong);
1834
- border-top-left-radius: var(--opus-input-radius);
1835
- border-top-right-radius: var(--opus-input-radius);
1836
- background: color-mix(in srgb, var(--opus-surface-raised) 88%, transparent);
1837
- flex-wrap: wrap;
2236
+ .opus_1Q5xBh_passwordWrap {
1838
2237
  align-items: center;
1839
- gap: 3px;
1840
- padding: 6px;
2238
+ width: 100%;
1841
2239
  display: flex;
2240
+ position: relative;
1842
2241
  }
1843
2242
 
1844
- .opus_6HFqZH_divider {
1845
- background: color-mix(in srgb, var(--opus-border-strong) 80%, transparent);
1846
- align-self: stretch;
1847
- width: 1px;
1848
- margin: 2px 4px;
1849
- }
1850
-
1851
- .opus_6HFqZH_blockSelect {
1852
- min-height: calc(var(--opus-control-height) - 2px);
1853
- padding: 0 var(--opus-control-padding-x, 6px);
1854
- border: 1px solid var(--opus-border-strong);
1855
- background: var(--opus-input-bg);
1856
- color: var(--opus-text);
1857
- font-size: calc(var(--opus-control-font-size) - .14rem);
1858
- cursor: pointer;
1859
- border-radius: 5px;
1860
- font-weight: 600;
1861
- }
1862
-
1863
- .opus_6HFqZH_blockSelect:focus-visible {
1864
- border-color: var(--opus-accent);
1865
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
1866
- outline: none;
2243
+ .opus_1Q5xBh_passwordInput {
2244
+ padding-right: var(--opus-control-suffix-inset, 38px);
1867
2245
  }
1868
2246
 
1869
- .opus_6HFqZH_blockSelect:disabled {
1870
- opacity: .55;
1871
- cursor: not-allowed;
2247
+ .opus_1Q5xBh_passwordToggleSlot {
2248
+ position: absolute;
2249
+ top: 50%;
2250
+ right: 6px;
2251
+ transform: translateY(-50%);
1872
2252
  }
1873
2253
 
1874
- .opus_6HFqZH_toolbarButton {
1875
- width: calc(var(--opus-control-height) - 4px);
1876
- height: calc(var(--opus-control-height) - 4px);
1877
- color: var(--opus-text);
2254
+ .opus_1Q5xBh_passwordToggle {
2255
+ border-radius: var(--opus-input-radius);
2256
+ width: 22px;
2257
+ height: 22px;
2258
+ color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
1878
2259
  cursor: pointer;
1879
2260
  background: none;
1880
- border: 1px solid #0000;
1881
- border-radius: 5px;
2261
+ border: 0;
1882
2262
  justify-content: center;
1883
2263
  align-items: center;
1884
- line-height: 1;
1885
- transition: background .14s, border-color .14s, color .14s;
2264
+ padding: 0;
2265
+ font-size: .5rem;
2266
+ transition: color .16s, background .16s;
1886
2267
  display: inline-flex;
1887
2268
  }
1888
2269
 
1889
- .opus_6HFqZH_toolbarIcon {
1890
- width: 12px;
1891
- height: 12px;
1892
- font-size: .7rem;
1893
- }
1894
-
1895
- .opus_6HFqZH_toolbarButton:hover:not(:disabled) {
1896
- border-color: var(--opus-border-strong);
1897
- background: color-mix(in srgb, var(--opus-accent-soft) 55%, transparent);
2270
+ .opus_1Q5xBh_passwordToggle:hover {
2271
+ color: var(--opus-text);
2272
+ background: color-mix(in srgb, var(--opus-accent-soft) 60%, transparent);
1898
2273
  }
1899
2274
 
1900
- .opus_6HFqZH_toolbarButton:focus-visible {
1901
- border-color: var(--opus-accent);
2275
+ .opus_1Q5xBh_passwordToggle:focus-visible {
2276
+ color: var(--opus-accent);
1902
2277
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
1903
2278
  outline: none;
1904
2279
  }
1905
2280
 
1906
- .opus_6HFqZH_toolbarButtonActive {
1907
- border-color: color-mix(in srgb, var(--opus-accent) 45%, transparent);
1908
- background: var(--opus-accent);
1909
- color: var(--opus-accent-contrast, #fff);
1910
- }
1911
-
1912
- .opus_6HFqZH_toolbarButtonActive:hover:not(:disabled) {
1913
- background: var(--opus-accent);
1914
- color: var(--opus-accent-contrast, #fff);
1915
- }
1916
-
1917
- .opus_6HFqZH_toolbarButton:disabled {
1918
- opacity: .5;
1919
- cursor: not-allowed;
1920
- }
1921
-
1922
- .opus_6HFqZH_colorSwatch {
1923
- border-radius: 2px;
1924
- height: 3px;
1925
- position: absolute;
1926
- bottom: 2px;
1927
- left: 3px;
1928
- right: 3px;
1929
- }
1930
-
1931
- .opus_6HFqZH_colorInput {
1932
- opacity: 0;
1933
- cursor: pointer;
1934
- border: 0;
2281
+ .opus_1Q5xBh_trigger {
1935
2282
  width: 100%;
1936
- height: 100%;
1937
- padding: 0;
1938
- position: absolute;
1939
- inset: 0;
2283
+ min-height: var(--opus-control-height);
2284
+ padding: 0 var(--opus-control-padding-x, 10px);
2285
+ border: 1px solid var(--opus-border-strong);
2286
+ border-radius: var(--opus-input-radius);
2287
+ background: var(--opus-input-bg);
2288
+ color: var(--opus-text);
2289
+ font-size: var(--opus-control-font-size);
2290
+ cursor: pointer;
2291
+ text-align: left;
2292
+ justify-content: space-between;
2293
+ align-items: center;
2294
+ gap: 8px;
2295
+ display: flex;
1940
2296
  }
1941
2297
 
1942
- .opus_6HFqZH_colorInput:disabled {
1943
- cursor: not-allowed;
2298
+ .opus_1Q5xBh_trigger:hover {
2299
+ border-color: color-mix(in srgb, var(--opus-accent) 45%, var(--opus-border-strong));
1944
2300
  }
1945
2301
 
1946
- .opus_6HFqZH_editor {
1947
- min-height: 180px;
1948
- color: var(--opus-text);
1949
- font-size: var(--opus-control-font-size);
1950
- border-bottom-left-radius: var(--opus-input-radius);
1951
- border-bottom-right-radius: var(--opus-input-radius);
2302
+ .opus_1Q5xBh_triggerOpen, .opus_1Q5xBh_trigger:focus-visible {
2303
+ border-color: var(--opus-accent);
2304
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent);
1952
2305
  outline: none;
1953
- padding: 12px 14px;
1954
- line-height: 1.6;
1955
2306
  }
1956
2307
 
1957
- .opus_6HFqZH_editor:empty:before {
1958
- content: attr(data-placeholder);
2308
+ .opus_1Q5xBh_triggerError {
2309
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2310
+ }
2311
+
2312
+ .opus_1Q5xBh_placeholder {
1959
2313
  color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
1960
- pointer-events: none;
1961
2314
  }
1962
2315
 
1963
- .opus_6HFqZH_editor p {
1964
- margin: 0 0 .75em;
2316
+ .opus_1Q5xBh_chevron {
2317
+ border-right: 2px solid var(--opus-muted);
2318
+ border-bottom: 2px solid var(--opus-muted);
2319
+ flex-shrink: 0;
2320
+ width: 8px;
2321
+ height: 8px;
2322
+ transform: translateY(-2px) rotate(45deg);
1965
2323
  }
1966
2324
 
1967
- .opus_6HFqZH_editor p:last-child {
1968
- margin-bottom: 0;
2325
+ .opus_1Q5xBh_panel {
2326
+ z-index: 20;
2327
+ border: 1px solid var(--opus-border-strong);
2328
+ border-radius: var(--opus-input-radius-large);
2329
+ background: var(--opus-panel);
2330
+ box-shadow: var(--opus-shadow);
2331
+ position: absolute;
2332
+ top: calc(100% + 6px);
2333
+ left: 0;
2334
+ right: 0;
2335
+ overflow: hidden;
1969
2336
  }
1970
2337
 
1971
- .opus_6HFqZH_editor h1, .opus_6HFqZH_editor h2, .opus_6HFqZH_editor h3 {
1972
- margin: 0 0 .5em;
1973
- font-weight: 700;
1974
- line-height: 1.25;
2338
+ .opus_1Q5xBh_panelFooter {
2339
+ border-top: 1px solid var(--opus-border);
2340
+ background: color-mix(in srgb, var(--opus-panel) 92%, var(--opus-accent-soft));
2341
+ justify-content: flex-end;
2342
+ gap: 8px;
2343
+ padding: 10px;
2344
+ display: flex;
1975
2345
  }
1976
2346
 
1977
- .opus_6HFqZH_editor h1 {
1978
- font-size: 1.6rem;
2347
+ .opus_1Q5xBh_actionButton {
2348
+ border: 1px solid var(--opus-border-strong);
2349
+ border-radius: var(--opus-input-radius);
2350
+ background: var(--opus-input-bg);
2351
+ min-height: 28px;
2352
+ color: var(--opus-text);
2353
+ cursor: pointer;
2354
+ padding: 0 12px;
2355
+ font-size: .78rem;
2356
+ font-weight: 600;
1979
2357
  }
1980
2358
 
1981
- .opus_6HFqZH_editor h2 {
1982
- font-size: 1.35rem;
2359
+ .opus_1Q5xBh_actionButtonPrimary {
2360
+ border-color: color-mix(in srgb, var(--opus-accent) 45%, transparent);
2361
+ background: var(--opus-accent);
2362
+ color: #fff;
1983
2363
  }
1984
2364
 
1985
- .opus_6HFqZH_editor h3 {
1986
- font-size: 1.15rem;
2365
+ .opus_1Q5xBh_search {
2366
+ border: 0;
2367
+ border-bottom: 1px solid var(--opus-border);
2368
+ width: 100%;
2369
+ min-height: 32px;
2370
+ color: var(--opus-text);
2371
+ background: none;
2372
+ padding: 0 10px;
2373
+ font-size: .82rem;
1987
2374
  }
1988
2375
 
1989
- .opus_6HFqZH_editor ul, .opus_6HFqZH_editor ol {
1990
- margin: 0 0 .75em;
1991
- padding-left: 1.4em;
2376
+ .opus_1Q5xBh_search:focus {
2377
+ outline: none;
1992
2378
  }
1993
2379
 
1994
- .opus_6HFqZH_editor li {
1995
- margin: .15em 0;
2380
+ .opus_1Q5xBh_groupLabel {
2381
+ color: var(--opus-muted);
2382
+ letter-spacing: .04em;
2383
+ text-transform: uppercase;
2384
+ padding: 8px 10px 4px;
2385
+ font-size: .72rem;
2386
+ font-weight: 700;
1996
2387
  }
1997
2388
 
1998
- .opus_6HFqZH_editor a {
1999
- color: var(--opus-accent);
2000
- text-decoration: underline;
2389
+ .opus_1Q5xBh_option {
2390
+ color: var(--opus-text);
2391
+ cursor: pointer;
2392
+ align-items: center;
2393
+ gap: 8px;
2394
+ padding: 8px 10px;
2395
+ font-size: .82rem;
2396
+ display: flex;
2001
2397
  }
2002
2398
 
2003
- .opus_6HFqZH_editor blockquote {
2004
- border-left: 3px solid color-mix(in srgb, var(--opus-accent) 55%, transparent);
2005
- color: var(--opus-muted);
2006
- margin: 0 0 .75em;
2007
- padding: 4px 0 4px 14px;
2008
- font-style: italic;
2399
+ .opus_1Q5xBh_option:hover {
2400
+ background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
2009
2401
  }
2010
2402
 
2011
- .opus_6HFqZH_editor pre {
2012
- background: color-mix(in srgb, var(--opus-surface-sunken, #0b0b0f) 92%, transparent);
2013
- color: var(--opus-text);
2014
- font-family: var(--opus-font-mono, ui-monospace, monospace);
2015
- white-space: pre-wrap;
2016
- border-radius: 8px;
2017
- margin: 0 0 .75em;
2018
- padding: 12px 14px;
2019
- font-size: .85rem;
2020
- overflow-x: auto;
2403
+ .opus_1Q5xBh_option input {
2404
+ accent-color: var(--opus-accent);
2021
2405
  }
2022
2406
 
2023
- .opus_6HFqZH_editor img {
2024
- border-radius: 6px;
2025
- max-width: 100%;
2026
- height: auto;
2407
+ .opus_1Q5xBh_list {
2408
+ max-height: 220px;
2409
+ overflow: auto;
2027
2410
  }
2028
2411
 
2029
- .opus_6HFqZH_editor hr {
2030
- border: 0;
2031
- border-top: 1px solid var(--opus-border-strong);
2032
- margin: 1em 0;
2412
+ /* components/fields/SelectField/SelectField.module.css */
2413
+ .opus_m2ObG0_root {
2414
+ position: relative;
2033
2415
  }
2034
2416
 
2035
- .opus_6HFqZH_editor table {
2036
- border-collapse: collapse;
2417
+ .opus_m2ObG0_option {
2037
2418
  width: 100%;
2038
- margin: 0 0 .75em;
2039
- font-size: .9em;
2419
+ color: var(--opus-text);
2420
+ font: inherit;
2421
+ text-align: left;
2422
+ cursor: pointer;
2423
+ background: none;
2424
+ border: 0;
2425
+ padding: 8px 10px;
2426
+ font-size: .82rem;
2427
+ display: block;
2040
2428
  }
2041
2429
 
2042
- .opus_6HFqZH_editor th, .opus_6HFqZH_editor td {
2043
- border: 1px solid var(--opus-border-strong);
2044
- text-align: left;
2045
- vertical-align: top;
2046
- min-width: 40px;
2047
- padding: 6px 8px;
2430
+ .opus_m2ObG0_option:hover {
2431
+ background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
2048
2432
  }
2049
2433
 
2050
- .opus_6HFqZH_editor th {
2051
- background: color-mix(in srgb, var(--opus-surface-raised) 80%, transparent);
2052
- font-weight: 700;
2434
+ .opus_m2ObG0_option:focus-visible {
2435
+ background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
2436
+ box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--opus-accent) 40%, transparent);
2437
+ outline: none;
2053
2438
  }
2054
2439
 
2055
- .opus_6HFqZH_readOnly {
2056
- background: color-mix(in srgb, var(--opus-surface-raised) 70%, transparent);
2057
- cursor: default;
2440
+ .opus_m2ObG0_optionActive {
2441
+ background: var(--opus-accent-soft);
2442
+ color: var(--opus-accent);
2443
+ font-weight: 650;
2058
2444
  }
2059
2445
 
2060
- .opus_6HFqZH_modalOverlay {
2061
- z-index: 60;
2062
- backdrop-filter: blur(2px);
2063
- background: #0406148c;
2064
- justify-content: center;
2446
+ .opus_m2ObG0_hiddenSelect {
2447
+ clip: rect(0, 0, 0, 0);
2448
+ white-space: nowrap;
2449
+ opacity: 0;
2450
+ pointer-events: none;
2451
+ border: 0;
2452
+ width: 1px;
2453
+ height: 1px;
2454
+ margin: -1px;
2455
+ padding: 0;
2456
+ position: absolute;
2457
+ overflow: hidden;
2458
+ }
2459
+
2460
+ /* components/fields/SwitchField/SwitchField.module.css */
2461
+ .opus_t9NLEA_shell {
2065
2462
  align-items: center;
2066
- padding: 24px;
2067
- display: flex;
2068
- position: fixed;
2069
- inset: 0;
2070
2463
  }
2071
2464
 
2072
- .opus_6HFqZH_modal {
2073
- border: 1px solid var(--opus-border-strong);
2074
- background: var(--opus-panel);
2075
- width: 100%;
2076
- max-width: 340px;
2465
+ .opus_t9NLEA_toggle {
2466
+ width: fit-content;
2467
+ min-height: var(--opus-control-height);
2077
2468
  color: var(--opus-text);
2078
- box-shadow: var(--opus-shadow, 0 24px 60px #0006);
2079
- border-radius: 14px;
2080
- gap: 14px;
2081
- padding: 18px;
2082
- display: grid;
2469
+ font-size: var(--opus-control-font-size);
2470
+ align-items: center;
2471
+ gap: 12px;
2472
+ display: flex;
2083
2473
  }
2084
2474
 
2085
- .opus_6HFqZH_modalTitle {
2086
- color: var(--opus-text);
2475
+ .opus_t9NLEA_track {
2476
+ appearance: none;
2477
+ width: var(--opus-switch-width, 50px);
2478
+ height: var(--opus-control-height);
2479
+ border: 1px solid var(--opus-border-strong);
2480
+ background: color-mix(in srgb, var(--opus-muted) 24%, transparent);
2481
+ cursor: pointer;
2482
+ border-radius: 999px;
2087
2483
  margin: 0;
2088
- font-size: .95rem;
2089
- font-weight: 700;
2484
+ position: relative;
2485
+ box-shadow: inset 0 0 0 1px #ffffff0d;
2090
2486
  }
2091
2487
 
2092
- .opus_6HFqZH_modalField {
2093
- gap: 5px;
2094
- display: grid;
2488
+ .opus_t9NLEA_track:before {
2489
+ content: "";
2490
+ width: var(--opus-switch-thumb, 20px);
2491
+ height: var(--opus-switch-thumb, 20px);
2492
+ pointer-events: none;
2493
+ background: linear-gradient(#fff, #d7dff9);
2494
+ border-radius: 999px;
2495
+ transition: transform .16s;
2496
+ position: absolute;
2497
+ top: 50%;
2498
+ left: 4px;
2499
+ transform: translateY(-50%);
2095
2500
  }
2096
2501
 
2097
- .opus_6HFqZH_modalLabel {
2098
- color: var(--opus-muted);
2099
- font-size: .72rem;
2100
- font-weight: 600;
2101
- display: block;
2502
+ .opus_t9NLEA_track:checked {
2503
+ background: linear-gradient(135deg, var(--opus-accent), color-mix(in srgb, var(--opus-accent) 40%, #00d2ff));
2102
2504
  }
2103
2505
 
2104
- .opus_6HFqZH_modalInput, .opus_6HFqZH_modalNumber {
2105
- border: 1px solid var(--opus-border-strong);
2106
- background: var(--opus-input-fill);
2506
+ .opus_t9NLEA_track:checked:before {
2507
+ transform: translateY(-50%) translateX(var(--opus-switch-travel, 22px));
2508
+ }
2509
+
2510
+ .opus_t9NLEA_error {
2511
+ outline: 2px solid color-mix(in srgb, var(--opus-error) 36%, transparent);
2512
+ outline-offset: 2px;
2513
+ }
2514
+
2515
+ /* components/fields/TextAreaField/TextAreaField.module.css */
2516
+ .opus_FjhWmh_field {
2517
+ gap: 6px;
2107
2518
  width: 100%;
2108
- min-height: 34px;
2109
- color: var(--opus-text);
2110
- border-radius: 8px;
2111
- padding: 0 10px;
2112
- font-size: .85rem;
2519
+ display: grid;
2113
2520
  }
2114
2521
 
2115
- .opus_6HFqZH_modalInput:focus-visible, .opus_6HFqZH_modalNumber:focus-visible {
2116
- border-color: var(--opus-accent);
2117
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2118
- outline: none;
2522
+ .opus_FjhWmh_inputWrap {
2523
+ width: 100%;
2524
+ position: relative;
2119
2525
  }
2120
2526
 
2121
- .opus_6HFqZH_modalDimensions {
2122
- align-items: flex-end;
2123
- gap: 10px;
2124
- display: flex;
2527
+ .opus_FjhWmh_textarea {
2528
+ width: 100%;
2529
+ min-height: 96px;
2530
+ padding: var(--opus-control-padding-y, 8px) var(--opus-control-padding-x, 10px);
2531
+ border: 1px solid var(--opus-border-strong);
2532
+ border-radius: var(--opus-input-radius);
2533
+ background: var(--opus-input-bg);
2534
+ color: var(--opus-text);
2535
+ font-size: var(--opus-control-font-size);
2536
+ resize: vertical;
2537
+ line-height: 1.5;
2538
+ box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
2125
2539
  }
2126
2540
 
2127
- .opus_6HFqZH_modalDimensionField {
2128
- flex: 1;
2129
- gap: 5px;
2130
- display: grid;
2541
+ .opus_FjhWmh_withCount {
2542
+ padding-bottom: 28px;
2131
2543
  }
2132
2544
 
2133
- .opus_6HFqZH_modalTimes {
2134
- color: var(--opus-muted);
2135
- padding-bottom: 7px;
2136
- font-size: 1rem;
2137
- font-weight: 700;
2545
+ .opus_FjhWmh_textarea:focus {
2546
+ border-color: var(--opus-accent);
2547
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
2548
+ 0 14px 30px #0000000f;
2138
2549
  }
2139
2550
 
2140
- .opus_6HFqZH_modalActions {
2141
- justify-content: flex-end;
2142
- gap: 8px;
2143
- display: flex;
2551
+ .opus_FjhWmh_textarea::placeholder {
2552
+ color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
2144
2553
  }
2145
2554
 
2146
- .opus_6HFqZH_modalCancel, .opus_6HFqZH_modalConfirm {
2147
- cursor: pointer;
2148
- border-radius: 8px;
2149
- min-height: 34px;
2150
- padding: 0 14px;
2151
- font-size: .8rem;
2152
- font-weight: 600;
2555
+ .opus_FjhWmh_error {
2556
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2153
2557
  }
2154
2558
 
2155
- .opus_6HFqZH_modalCancel {
2156
- border: 1px solid var(--opus-border-strong);
2157
- background: var(--opus-input-fill);
2158
- color: var(--opus-text);
2559
+ .opus_FjhWmh_inlineCount {
2560
+ color: color-mix(in srgb, var(--opus-muted) 82%, transparent);
2561
+ pointer-events: none;
2562
+ font-size: .76rem;
2563
+ font-style: italic;
2564
+ line-height: 1;
2565
+ position: absolute;
2566
+ bottom: 8px;
2567
+ right: 10px;
2159
2568
  }
2160
2569
 
2161
- .opus_6HFqZH_modalCancel:hover {
2162
- background: color-mix(in srgb, var(--opus-accent-soft) 70%, var(--opus-input-fill));
2570
+ .opus_FjhWmh_footer {
2571
+ justify-content: space-between;
2572
+ align-items: flex-start;
2573
+ gap: 12px;
2574
+ display: flex;
2163
2575
  }
2164
2576
 
2165
- .opus_6HFqZH_modalConfirm {
2166
- border: 1px solid var(--opus-accent);
2167
- background: var(--opus-accent);
2168
- color: var(--opus-accent-contrast, #fff);
2577
+ .opus_FjhWmh_footerError {
2578
+ color: var(--opus-error);
2579
+ margin: 0;
2580
+ font-size: .78rem;
2581
+ line-height: 1.4;
2169
2582
  }
2170
2583
 
2171
- .opus_6HFqZH_modalConfirm:hover:not(:disabled) {
2172
- filter: brightness(1.05);
2584
+ .opus_FjhWmh_externalCount {
2585
+ color: var(--opus-text);
2586
+ white-space: nowrap;
2587
+ margin-left: auto;
2588
+ font-size: .78rem;
2589
+ font-weight: 600;
2590
+ line-height: 1.4;
2173
2591
  }
2174
2592
 
2175
- .opus_6HFqZH_modalConfirm:disabled {
2176
- opacity: .5;
2177
- cursor: not-allowed;
2593
+ /* components/fields/RichTextField/RichTextField.module.css */
2594
+ .opus_6HFqZH_field {
2595
+ gap: 6px;
2596
+ width: 100%;
2597
+ display: grid;
2178
2598
  }
2179
2599
 
2180
- /* components/fields/shared/fieldControl.module.css */
2181
- .opus_1Q5xBh_input {
2182
- width: 100%;
2183
- min-height: var(--opus-control-height);
2184
- padding: 0 var(--opus-control-padding-x, 10px);
2600
+ .opus_6HFqZH_editorShell {
2185
2601
  border: 1px solid var(--opus-border-strong);
2186
2602
  border-radius: var(--opus-input-radius);
2187
2603
  background: var(--opus-input-bg);
2188
- color: var(--opus-text);
2189
- font-size: var(--opus-control-font-size);
2190
- transition: border-color .16s, box-shadow .16s;
2191
2604
  box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
2192
2605
  }
2193
2606
 
2194
- .opus_1Q5xBh_searchWrap {
2607
+ .opus_6HFqZH_editorShell:focus-within {
2608
+ border-color: var(--opus-accent);
2609
+ box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
2610
+ 0 14px 30px #0000000f;
2611
+ }
2612
+
2613
+ .opus_6HFqZH_error {
2614
+ border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2615
+ }
2616
+
2617
+ .opus_6HFqZH_toolbar {
2618
+ border-bottom: 1px solid var(--opus-border-strong);
2619
+ border-top-left-radius: var(--opus-input-radius);
2620
+ border-top-right-radius: var(--opus-input-radius);
2621
+ background: color-mix(in srgb, var(--opus-surface-raised) 88%, transparent);
2622
+ flex-wrap: wrap;
2195
2623
  align-items: center;
2196
- gap: var(--opus-control-prefix-gap, 8px);
2197
- width: 100%;
2198
- min-height: var(--opus-control-height);
2199
- padding: 0 var(--opus-control-padding-x, 10px);
2624
+ gap: 3px;
2625
+ padding: 6px;
2626
+ display: flex;
2627
+ }
2628
+
2629
+ .opus_6HFqZH_divider {
2630
+ background: color-mix(in srgb, var(--opus-border-strong) 80%, transparent);
2631
+ align-self: stretch;
2632
+ width: 1px;
2633
+ margin: 2px 4px;
2634
+ }
2635
+
2636
+ .opus_6HFqZH_blockSelect {
2637
+ min-height: calc(var(--opus-control-height) - 2px);
2638
+ padding: 0 var(--opus-control-padding-x, 6px);
2200
2639
  border: 1px solid var(--opus-border-strong);
2201
- border-radius: var(--opus-input-radius);
2202
2640
  background: var(--opus-input-bg);
2203
2641
  color: var(--opus-text);
2204
- font-size: var(--opus-control-font-size);
2205
- cursor: text;
2206
- grid-template-columns: auto minmax(0, 1fr) auto;
2207
- transition: border-color .16s, box-shadow .16s;
2208
- display: grid;
2209
- box-shadow: inset 0 1px #ffffff0d, 0 14px 30px #0000000f;
2642
+ font-size: calc(var(--opus-control-font-size) - .14rem);
2643
+ cursor: pointer;
2644
+ border-radius: 5px;
2645
+ font-weight: 600;
2210
2646
  }
2211
2647
 
2212
- .opus_1Q5xBh_searchWrap:focus-within {
2648
+ .opus_6HFqZH_blockSelect:focus-visible {
2213
2649
  border-color: var(--opus-accent);
2214
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
2215
- 0 14px 30px #0000000f;
2650
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2651
+ outline: none;
2216
2652
  }
2217
2653
 
2218
- .opus_1Q5xBh_searchWrapError {
2219
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2654
+ .opus_6HFqZH_blockSelect:disabled {
2655
+ opacity: .55;
2656
+ cursor: not-allowed;
2220
2657
  }
2221
2658
 
2222
- .opus_1Q5xBh_endAdornment {
2223
- min-width: 0;
2224
- color: var(--opus-muted);
2659
+ .opus_6HFqZH_toolbarButton {
2660
+ width: calc(var(--opus-control-height) - 4px);
2661
+ height: calc(var(--opus-control-height) - 4px);
2662
+ color: var(--opus-text);
2663
+ cursor: pointer;
2664
+ background: none;
2665
+ border: 1px solid #0000;
2666
+ border-radius: 5px;
2225
2667
  justify-content: center;
2226
2668
  align-items: center;
2227
2669
  line-height: 1;
2670
+ transition: background .14s, border-color .14s, color .14s;
2228
2671
  display: inline-flex;
2229
2672
  }
2230
2673
 
2231
- .opus_1Q5xBh_prefixIcon {
2232
- width: var(--opus-control-prefix-size, 14px);
2233
- height: var(--opus-control-prefix-size, 14px);
2234
- color: var(--opus-muted);
2235
- flex-shrink: 0;
2236
- justify-content: center;
2237
- align-items: center;
2238
- line-height: 0;
2239
- display: inline-flex;
2674
+ .opus_6HFqZH_toolbarIcon {
2675
+ width: 12px;
2676
+ height: 12px;
2677
+ font-size: .7rem;
2240
2678
  }
2241
2679
 
2242
- .opus_1Q5xBh_prefixIconSvg {
2243
- width: var(--opus-control-prefix-size, 14px);
2244
- height: var(--opus-control-prefix-size, 14px);
2680
+ .opus_6HFqZH_toolbarButton:hover:not(:disabled) {
2681
+ border-color: var(--opus-border-strong);
2682
+ background: color-mix(in srgb, var(--opus-accent-soft) 55%, transparent);
2245
2683
  }
2246
2684
 
2247
- .opus_1Q5xBh_searchInput {
2248
- width: 100%;
2249
- min-width: 0;
2250
- color: inherit;
2251
- font: inherit;
2252
- background: none;
2685
+ .opus_6HFqZH_toolbarButton:focus-visible {
2686
+ border-color: var(--opus-accent);
2687
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2688
+ outline: none;
2689
+ }
2690
+
2691
+ .opus_6HFqZH_toolbarButtonActive {
2692
+ border-color: color-mix(in srgb, var(--opus-accent) 45%, transparent);
2693
+ background: var(--opus-accent);
2694
+ color: var(--opus-accent-contrast, #fff);
2695
+ }
2696
+
2697
+ .opus_6HFqZH_toolbarButtonActive:hover:not(:disabled) {
2698
+ background: var(--opus-accent);
2699
+ color: var(--opus-accent-contrast, #fff);
2700
+ }
2701
+
2702
+ .opus_6HFqZH_toolbarButton:disabled {
2703
+ opacity: .5;
2704
+ cursor: not-allowed;
2705
+ }
2706
+
2707
+ .opus_6HFqZH_colorSwatch {
2708
+ border-radius: 2px;
2709
+ height: 3px;
2710
+ position: absolute;
2711
+ bottom: 2px;
2712
+ left: 3px;
2713
+ right: 3px;
2714
+ }
2715
+
2716
+ .opus_6HFqZH_colorInput {
2717
+ opacity: 0;
2718
+ cursor: pointer;
2253
2719
  border: 0;
2720
+ width: 100%;
2721
+ height: 100%;
2254
2722
  padding: 0;
2255
- font-weight: 500;
2723
+ position: absolute;
2724
+ inset: 0;
2256
2725
  }
2257
2726
 
2258
- .opus_1Q5xBh_searchInput:focus {
2727
+ .opus_6HFqZH_colorInput:disabled {
2728
+ cursor: not-allowed;
2729
+ }
2730
+
2731
+ .opus_6HFqZH_editor {
2732
+ min-height: 180px;
2733
+ color: var(--opus-text);
2734
+ font-size: var(--opus-control-font-size);
2735
+ border-bottom-left-radius: var(--opus-input-radius);
2736
+ border-bottom-right-radius: var(--opus-input-radius);
2259
2737
  outline: none;
2738
+ padding: 12px 14px;
2739
+ line-height: 1.6;
2260
2740
  }
2261
2741
 
2262
- .opus_1Q5xBh_searchInput::placeholder {
2742
+ .opus_6HFqZH_editor:empty:before {
2743
+ content: attr(data-placeholder);
2263
2744
  color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
2745
+ pointer-events: none;
2264
2746
  }
2265
2747
 
2266
- .opus_1Q5xBh_input:focus {
2267
- border-color: var(--opus-accent);
2268
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent),
2269
- 0 14px 30px #0000000f;
2270
- outline: none;
2748
+ .opus_6HFqZH_editor p {
2749
+ margin: 0 0 .75em;
2271
2750
  }
2272
2751
 
2273
- .opus_1Q5xBh_input::placeholder {
2274
- color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
2752
+ .opus_6HFqZH_editor p:last-child {
2753
+ margin-bottom: 0;
2275
2754
  }
2276
2755
 
2277
- .opus_1Q5xBh_error {
2278
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2756
+ .opus_6HFqZH_editor h1, .opus_6HFqZH_editor h2, .opus_6HFqZH_editor h3 {
2757
+ margin: 0 0 .5em;
2758
+ font-weight: 700;
2759
+ line-height: 1.25;
2279
2760
  }
2280
2761
 
2281
- .opus_1Q5xBh_passwordWrap {
2282
- align-items: center;
2283
- width: 100%;
2284
- display: flex;
2285
- position: relative;
2762
+ .opus_6HFqZH_editor h1 {
2763
+ font-size: 1.6rem;
2286
2764
  }
2287
2765
 
2288
- .opus_1Q5xBh_passwordInput {
2289
- padding-right: var(--opus-control-suffix-inset, 38px);
2766
+ .opus_6HFqZH_editor h2 {
2767
+ font-size: 1.35rem;
2290
2768
  }
2291
2769
 
2292
- .opus_1Q5xBh_passwordToggleSlot {
2293
- position: absolute;
2294
- top: 50%;
2295
- right: 6px;
2296
- transform: translateY(-50%);
2770
+ .opus_6HFqZH_editor h3 {
2771
+ font-size: 1.15rem;
2297
2772
  }
2298
2773
 
2299
- .opus_1Q5xBh_passwordToggle {
2300
- border-radius: var(--opus-input-radius);
2301
- width: 22px;
2302
- height: 22px;
2303
- color: color-mix(in srgb, var(--opus-muted) 70%, transparent);
2304
- cursor: pointer;
2305
- background: none;
2306
- border: 0;
2307
- justify-content: center;
2308
- align-items: center;
2309
- padding: 0;
2310
- font-size: .5rem;
2311
- transition: color .16s, background .16s;
2312
- display: inline-flex;
2774
+ .opus_6HFqZH_editor ul, .opus_6HFqZH_editor ol {
2775
+ margin: 0 0 .75em;
2776
+ padding-left: 1.4em;
2313
2777
  }
2314
2778
 
2315
- .opus_1Q5xBh_passwordToggle:hover {
2316
- color: var(--opus-text);
2317
- background: color-mix(in srgb, var(--opus-accent-soft) 60%, transparent);
2779
+ .opus_6HFqZH_editor li {
2780
+ margin: .15em 0;
2318
2781
  }
2319
2782
 
2320
- .opus_1Q5xBh_passwordToggle:focus-visible {
2783
+ .opus_6HFqZH_editor a {
2321
2784
  color: var(--opus-accent);
2322
- box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2323
- outline: none;
2785
+ text-decoration: underline;
2324
2786
  }
2325
2787
 
2326
- .opus_1Q5xBh_trigger {
2327
- width: 100%;
2328
- min-height: var(--opus-control-height);
2329
- padding: 0 var(--opus-control-padding-x, 10px);
2330
- border: 1px solid var(--opus-border-strong);
2331
- border-radius: var(--opus-input-radius);
2332
- background: var(--opus-input-bg);
2788
+ .opus_6HFqZH_editor blockquote {
2789
+ border-left: 3px solid color-mix(in srgb, var(--opus-accent) 55%, transparent);
2790
+ color: var(--opus-muted);
2791
+ margin: 0 0 .75em;
2792
+ padding: 4px 0 4px 14px;
2793
+ font-style: italic;
2794
+ }
2795
+
2796
+ .opus_6HFqZH_editor pre {
2797
+ background: color-mix(in srgb, var(--opus-surface-sunken, #0b0b0f) 92%, transparent);
2333
2798
  color: var(--opus-text);
2334
- font-size: var(--opus-control-font-size);
2335
- cursor: pointer;
2336
- text-align: left;
2337
- justify-content: space-between;
2338
- align-items: center;
2339
- gap: 8px;
2340
- display: flex;
2799
+ font-family: var(--opus-font-mono, ui-monospace, monospace);
2800
+ white-space: pre-wrap;
2801
+ border-radius: 8px;
2802
+ margin: 0 0 .75em;
2803
+ padding: 12px 14px;
2804
+ font-size: .85rem;
2805
+ overflow-x: auto;
2341
2806
  }
2342
2807
 
2343
- .opus_1Q5xBh_trigger:hover {
2344
- border-color: color-mix(in srgb, var(--opus-accent) 45%, var(--opus-border-strong));
2808
+ .opus_6HFqZH_editor img {
2809
+ border-radius: 6px;
2810
+ max-width: 100%;
2811
+ height: auto;
2345
2812
  }
2346
2813
 
2347
- .opus_1Q5xBh_triggerOpen, .opus_1Q5xBh_trigger:focus-visible {
2348
- border-color: var(--opus-accent);
2349
- box-shadow: 0 0 0 4px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2350
- outline: none;
2814
+ .opus_6HFqZH_editor hr {
2815
+ border: 0;
2816
+ border-top: 1px solid var(--opus-border-strong);
2817
+ margin: 1em 0;
2351
2818
  }
2352
2819
 
2353
- .opus_1Q5xBh_triggerError {
2354
- border-color: color-mix(in srgb, var(--opus-error) 75%, transparent);
2820
+ .opus_6HFqZH_editor table {
2821
+ border-collapse: collapse;
2822
+ width: 100%;
2823
+ margin: 0 0 .75em;
2824
+ font-size: .9em;
2355
2825
  }
2356
2826
 
2357
- .opus_1Q5xBh_placeholder {
2358
- color: color-mix(in srgb, var(--opus-muted) 80%, transparent);
2827
+ .opus_6HFqZH_editor th, .opus_6HFqZH_editor td {
2828
+ border: 1px solid var(--opus-border-strong);
2829
+ text-align: left;
2830
+ vertical-align: top;
2831
+ min-width: 40px;
2832
+ padding: 6px 8px;
2359
2833
  }
2360
2834
 
2361
- .opus_1Q5xBh_chevron {
2362
- color: var(--opus-muted);
2363
- font-size: .72rem;
2835
+ .opus_6HFqZH_editor th {
2836
+ background: color-mix(in srgb, var(--opus-surface-raised) 80%, transparent);
2837
+ font-weight: 700;
2364
2838
  }
2365
2839
 
2366
- .opus_1Q5xBh_panel {
2367
- z-index: 20;
2368
- border: 1px solid var(--opus-border-strong);
2369
- border-radius: var(--opus-input-radius-large);
2370
- background: var(--opus-panel);
2371
- box-shadow: var(--opus-shadow);
2372
- position: absolute;
2373
- top: calc(100% + 6px);
2374
- left: 0;
2375
- right: 0;
2376
- overflow: hidden;
2840
+ .opus_6HFqZH_readOnly {
2841
+ background: color-mix(in srgb, var(--opus-surface-raised) 70%, transparent);
2842
+ cursor: default;
2377
2843
  }
2378
2844
 
2379
- .opus_1Q5xBh_panelFooter {
2380
- border-top: 1px solid var(--opus-border);
2381
- background: color-mix(in srgb, var(--opus-panel) 92%, var(--opus-accent-soft));
2382
- justify-content: flex-end;
2383
- gap: 8px;
2384
- padding: 10px;
2845
+ .opus_6HFqZH_modalOverlay {
2846
+ z-index: 60;
2847
+ backdrop-filter: blur(2px);
2848
+ background: #0406148c;
2849
+ justify-content: center;
2850
+ align-items: center;
2851
+ padding: 24px;
2385
2852
  display: flex;
2853
+ position: fixed;
2854
+ inset: 0;
2386
2855
  }
2387
2856
 
2388
- .opus_1Q5xBh_actionButton {
2857
+ .opus_6HFqZH_modal {
2389
2858
  border: 1px solid var(--opus-border-strong);
2390
- border-radius: var(--opus-input-radius);
2391
- background: var(--opus-input-bg);
2392
- min-height: 28px;
2859
+ background: var(--opus-panel);
2860
+ width: 100%;
2861
+ max-width: 340px;
2393
2862
  color: var(--opus-text);
2394
- cursor: pointer;
2395
- padding: 0 12px;
2396
- font-size: .78rem;
2397
- font-weight: 600;
2863
+ box-shadow: var(--opus-shadow, 0 24px 60px #0006);
2864
+ border-radius: 14px;
2865
+ gap: 14px;
2866
+ padding: 18px;
2867
+ display: grid;
2398
2868
  }
2399
2869
 
2400
- .opus_1Q5xBh_actionButtonPrimary {
2401
- border-color: color-mix(in srgb, var(--opus-accent) 45%, transparent);
2402
- background: var(--opus-accent);
2403
- color: #fff;
2870
+ .opus_6HFqZH_modalTitle {
2871
+ color: var(--opus-text);
2872
+ margin: 0;
2873
+ font-size: .95rem;
2874
+ font-weight: 700;
2404
2875
  }
2405
2876
 
2406
- .opus_1Q5xBh_search {
2407
- border: 0;
2408
- border-bottom: 1px solid var(--opus-border);
2877
+ .opus_6HFqZH_modalField {
2878
+ gap: 5px;
2879
+ display: grid;
2880
+ }
2881
+
2882
+ .opus_6HFqZH_modalLabel {
2883
+ color: var(--opus-muted);
2884
+ font-size: .72rem;
2885
+ font-weight: 600;
2886
+ display: block;
2887
+ }
2888
+
2889
+ .opus_6HFqZH_modalInput, .opus_6HFqZH_modalNumber {
2890
+ border: 1px solid var(--opus-border-strong);
2891
+ background: var(--opus-input-fill);
2409
2892
  width: 100%;
2410
- min-height: 32px;
2893
+ min-height: 34px;
2411
2894
  color: var(--opus-text);
2412
- background: none;
2895
+ border-radius: 8px;
2413
2896
  padding: 0 10px;
2414
- font-size: .82rem;
2897
+ font-size: .85rem;
2415
2898
  }
2416
2899
 
2417
- .opus_1Q5xBh_search:focus {
2900
+ .opus_6HFqZH_modalInput:focus-visible, .opus_6HFqZH_modalNumber:focus-visible {
2901
+ border-color: var(--opus-accent);
2902
+ box-shadow: 0 0 0 3px color-mix(in srgb, var(--opus-accent) 22%, transparent);
2418
2903
  outline: none;
2419
2904
  }
2420
2905
 
2421
- .opus_1Q5xBh_groupLabel {
2906
+ .opus_6HFqZH_modalDimensions {
2907
+ align-items: flex-end;
2908
+ gap: 10px;
2909
+ display: flex;
2910
+ }
2911
+
2912
+ .opus_6HFqZH_modalDimensionField {
2913
+ flex: 1;
2914
+ gap: 5px;
2915
+ display: grid;
2916
+ }
2917
+
2918
+ .opus_6HFqZH_modalTimes {
2422
2919
  color: var(--opus-muted);
2423
- letter-spacing: .04em;
2424
- text-transform: uppercase;
2425
- padding: 8px 10px 4px;
2426
- font-size: .72rem;
2920
+ padding-bottom: 7px;
2921
+ font-size: 1rem;
2427
2922
  font-weight: 700;
2428
2923
  }
2429
2924
 
2430
- .opus_1Q5xBh_option {
2431
- color: var(--opus-text);
2432
- cursor: pointer;
2433
- align-items: center;
2434
- gap: 8px;
2435
- padding: 8px 10px;
2436
- font-size: .82rem;
2437
- display: flex;
2925
+ .opus_6HFqZH_modalActions {
2926
+ justify-content: flex-end;
2927
+ gap: 8px;
2928
+ display: flex;
2929
+ }
2930
+
2931
+ .opus_6HFqZH_modalCancel, .opus_6HFqZH_modalConfirm {
2932
+ cursor: pointer;
2933
+ border-radius: 8px;
2934
+ min-height: 34px;
2935
+ padding: 0 14px;
2936
+ font-size: .8rem;
2937
+ font-weight: 600;
2938
+ }
2939
+
2940
+ .opus_6HFqZH_modalCancel {
2941
+ border: 1px solid var(--opus-border-strong);
2942
+ background: var(--opus-input-fill);
2943
+ color: var(--opus-text);
2944
+ }
2945
+
2946
+ .opus_6HFqZH_modalCancel:hover {
2947
+ background: color-mix(in srgb, var(--opus-accent-soft) 70%, var(--opus-input-fill));
2438
2948
  }
2439
2949
 
2440
- .opus_1Q5xBh_option:hover {
2441
- background: color-mix(in srgb, var(--opus-accent-soft) 65%, transparent);
2950
+ .opus_6HFqZH_modalConfirm {
2951
+ border: 1px solid var(--opus-accent);
2952
+ background: var(--opus-accent);
2953
+ color: var(--opus-accent-contrast, #fff);
2442
2954
  }
2443
2955
 
2444
- .opus_1Q5xBh_option input {
2445
- accent-color: var(--opus-accent);
2956
+ .opus_6HFqZH_modalConfirm:hover:not(:disabled) {
2957
+ filter: brightness(1.05);
2446
2958
  }
2447
2959
 
2448
- .opus_1Q5xBh_list {
2449
- max-height: 220px;
2450
- overflow: auto;
2960
+ .opus_6HFqZH_modalConfirm:disabled {
2961
+ opacity: .5;
2962
+ cursor: not-allowed;
2451
2963
  }
2452
2964
 
2453
2965
  /* components/fields/ThemeToggleField/ThemeToggleField.module.css */
@@ -2932,9 +3444,13 @@
2932
3444
  }
2933
3445
 
2934
3446
  .opus_WC4gnN_chevron {
2935
- color: var(--opus-muted);
3447
+ border-right: 2px solid var(--opus-muted);
3448
+ border-bottom: 2px solid var(--opus-muted);
3449
+ flex-shrink: 0;
3450
+ width: 7px;
3451
+ height: 7px;
2936
3452
  margin-left: 4px;
2937
- font-size: .72rem;
3453
+ transform: translateY(-2px) rotate(45deg);
2938
3454
  }
2939
3455
 
2940
3456
  .opus_WC4gnN_option {
@@ -9102,6 +9618,18 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
9102
9618
  display: grid;
9103
9619
  }
9104
9620
 
9621
+ .opus_ymQ4nN_rangeGrid label, .opus_ymQ4nN_rangeItem {
9622
+ color: var(--opus-text-muted);
9623
+ gap: 5px;
9624
+ font-size: .82rem;
9625
+ display: grid;
9626
+ }
9627
+
9628
+ .opus_ymQ4nN_rangeLabel {
9629
+ color: var(--opus-text-muted);
9630
+ font-size: .82rem;
9631
+ }
9632
+
9105
9633
  .opus_ymQ4nN_rangeGrid label {
9106
9634
  color: var(--opus-text-muted);
9107
9635
  gap: 5px;
@@ -17695,76 +18223,235 @@ button.opus_7Zs_d5_docCard:hover, .opus_7Zs_d5_docCard[data-kind="folder"]:hover
17695
18223
  .opus_EUh8ei_root {
17696
18224
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
17697
18225
  align-items: start;
17698
- gap: 12px;
18226
+ gap: 10px;
17699
18227
  width: 100%;
17700
18228
  display: grid;
17701
18229
  }
17702
18230
 
17703
18231
  .opus_EUh8ei_column {
17704
- border: 1px solid var(--opus-border);
17705
- border-radius: var(--opus-input-radius-large, 6px);
17706
- background: color-mix(in srgb, var(--opus-panel) 92%, transparent);
17707
- gap: 8px;
17708
- min-height: 280px;
17709
- padding: 10px;
17710
- display: grid;
18232
+ --dashboard-section-bg: #070d18;
18233
+ --dashboard-section-border: color-mix(in srgb, var(--opus-accent-secondary, #0284c7) 20%, transparent);
18234
+ --dashboard-section-text: #f8fafc;
18235
+ --dashboard-section-muted: #f8fafc8f;
18236
+ --dashboard-section-panel: #11192c;
18237
+ --kanban-card-min-height: 72px;
18238
+ --kanban-card-gap: 8px;
18239
+ --kanban-cards-viewport: calc(8 * var(--kanban-card-min-height) + 7 * var(--kanban-card-gap));
18240
+ --kanban-header-accent: var(--opus-accent-secondary, #0284c7);
18241
+ --kanban-header-bg: color-mix(in srgb, var(--kanban-header-accent) 18%, var(--dashboard-section-bg));
18242
+ --kanban-header-border: color-mix(in srgb, var(--kanban-header-accent) 28%, transparent);
18243
+ border: 1px solid var(--dashboard-section-border);
18244
+ background: radial-gradient(85% 65% at 14% 0%, color-mix(in srgb, var(--opus-accent) 16%, transparent), transparent 58%),
18245
+ radial-gradient(72% 58% at 100% 100%, color-mix(in srgb, var(--opus-accent-secondary, #0284c7) 12%, transparent), transparent 62%),
18246
+ linear-gradient(180deg, color-mix(in srgb, var(--dashboard-section-bg) 94%, #fff 3%), var(--dashboard-section-bg));
18247
+ min-height: 0;
18248
+ color: var(--dashboard-section-text);
18249
+ box-sizing: border-box;
18250
+ border-radius: 14px;
18251
+ flex-direction: column;
18252
+ gap: 0;
18253
+ padding: 0;
18254
+ display: flex;
18255
+ overflow: hidden;
18256
+ box-shadow: inset 0 1px #ffffff0f, 0 12px 28px #020617ad;
18257
+ }
18258
+
18259
+ [data-preview-root][data-theme="light"] .opus_EUh8ei_column, [data-theme="light"] .opus_EUh8ei_column {
18260
+ --dashboard-section-bg: #f8fbff;
18261
+ --dashboard-section-border: color-mix(in srgb, var(--opus-accent-secondary, #0284c7) 28%, transparent);
18262
+ --dashboard-section-text: #0f172a;
18263
+ --dashboard-section-muted: #0f172a94;
18264
+ --dashboard-section-panel: #fff;
18265
+ --kanban-header-bg: color-mix(in srgb, var(--kanban-header-accent) 12%, #fff);
18266
+ --kanban-header-border: color-mix(in srgb, var(--kanban-header-accent) 22%, transparent);
18267
+ box-shadow: inset 0 1px 0 #ffffffe6,
18268
+ 0 8px 20px color-mix(in srgb, var(--opus-accent-secondary, #0284c7) 10%, transparent);
18269
+ }
18270
+
18271
+ [data-preview-root][data-theme="dark"] .opus_EUh8ei_column {
18272
+ --dashboard-section-bg: #070d18;
18273
+ --dashboard-section-border: color-mix(in srgb, var(--opus-accent-secondary, #0284c7) 20%, transparent);
18274
+ --dashboard-section-text: #f8fafc;
18275
+ --dashboard-section-muted: #f8fafc8f;
18276
+ --dashboard-section-panel: #11192c;
18277
+ box-shadow: inset 0 1px #ffffff0f, 0 12px 28px #020617ad;
17711
18278
  }
17712
18279
 
17713
18280
  .opus_EUh8ei_columnHeader {
18281
+ box-sizing: border-box;
18282
+ border-bottom: 1px solid var(--kanban-header-border);
18283
+ background: var(--kanban-header-bg);
18284
+ flex: none;
17714
18285
  justify-content: space-between;
17715
18286
  align-items: center;
17716
18287
  gap: 8px;
18288
+ width: 100%;
18289
+ min-height: 40px;
18290
+ padding: 10px 12px;
17717
18291
  display: flex;
17718
18292
  }
17719
18293
 
17720
18294
  .opus_EUh8ei_columnTitle {
17721
- color: var(--opus-text);
18295
+ color: var(--dashboard-section-text);
18296
+ letter-spacing: -.01em;
17722
18297
  margin: 0;
17723
- font-size: .82rem;
18298
+ font-size: .875rem;
17724
18299
  font-weight: 700;
18300
+ line-height: 1.25;
17725
18301
  }
17726
18302
 
17727
18303
  .opus_EUh8ei_count {
17728
- background: color-mix(in srgb, var(--opus-muted) 14%, transparent);
18304
+ background: color-mix(in srgb, var(--kanban-header-accent) 18%, transparent);
17729
18305
  min-width: 1.5rem;
17730
- color: var(--opus-muted);
18306
+ color: var(--dashboard-section-text);
17731
18307
  text-align: center;
17732
18308
  border-radius: 999px;
17733
- padding: 2px 6px;
17734
- font-size: .7rem;
18309
+ padding: 2px 7px;
18310
+ font-size: .72rem;
17735
18311
  font-weight: 700;
18312
+ line-height: 1.3;
18313
+ }
18314
+
18315
+ .opus_EUh8ei_cardsScroll {
18316
+ box-sizing: border-box;
18317
+ width: 100%;
18318
+ min-width: 0;
18319
+ height: var(--kanban-cards-viewport);
18320
+ flex: none;
18321
+ overflow: hidden;
18322
+ }
18323
+
18324
+ .opus_EUh8ei_cardsViewport {
18325
+ box-sizing: border-box;
18326
+ overscroll-behavior: contain;
18327
+ scrollbar-width: none;
18328
+ height: 100%;
18329
+ padding: 10px;
18330
+ overflow: hidden auto;
18331
+ }
18332
+
18333
+ .opus_EUh8ei_cardsViewport::-webkit-scrollbar {
18334
+ width: 0;
18335
+ height: 0;
18336
+ display: none;
17736
18337
  }
17737
18338
 
17738
18339
  .opus_EUh8ei_cards {
17739
- gap: 8px;
17740
- min-height: 120px;
18340
+ align-content: start;
18341
+ gap: var(--kanban-card-gap, 8px);
18342
+ flex-direction: column;
18343
+ min-height: min-content;
17741
18344
  margin: 0;
17742
18345
  padding: 0;
17743
18346
  list-style: none;
17744
- display: grid;
18347
+ display: flex;
18348
+ }
18349
+
18350
+ .opus_EUh8ei_cards > li {
18351
+ will-change: transform;
18352
+ min-width: 0;
18353
+ margin: 0;
18354
+ padding: 0;
18355
+ transition: transform .18s cubic-bezier(.2, .8, .2, 1);
18356
+ position: relative;
18357
+ }
18358
+
18359
+ .opus_EUh8ei_root[data-dropping="true"] .opus_EUh8ei_cards, .opus_EUh8ei_root[data-dropping="true"] .opus_EUh8ei_cards > li {
18360
+ transition: none;
18361
+ }
18362
+
18363
+ .opus_EUh8ei_ghostSlot {
18364
+ display: none;
18365
+ }
18366
+
18367
+ .opus_EUh8ei_homePlaceholder, .opus_EUh8ei_landingSlot {
18368
+ visibility: hidden;
18369
+ pointer-events: none;
18370
+ }
18371
+
18372
+ .opus_EUh8ei_dropGhost {
18373
+ z-index: 1;
18374
+ box-sizing: border-box;
18375
+ border: 1.5px dashed color-mix(in srgb, var(--card-accent, #38bdf8) 70%, transparent);
18376
+ background: color-mix(in srgb, var(--card-accent, #38bdf8) 8%, transparent);
18377
+ pointer-events: none;
18378
+ border-radius: 10px;
18379
+ position: absolute;
18380
+ left: 0;
18381
+ right: 0;
18382
+ }
18383
+
18384
+ .opus_EUh8ei_dropGhostEnd {
18385
+ pointer-events: none;
18386
+ flex: none;
18387
+ list-style: none;
18388
+ position: relative;
18389
+ }
18390
+
18391
+ .opus_EUh8ei_dropGhostEnd .opus_EUh8ei_dropGhost {
18392
+ height: auto;
18393
+ position: absolute;
18394
+ inset: 0;
18395
+ }
18396
+
18397
+ .opus_EUh8ei_originGhostShell {
18398
+ z-index: 9990;
18399
+ pointer-events: none;
18400
+ margin: 0;
18401
+ position: fixed;
18402
+ }
18403
+
18404
+ .opus_EUh8ei_originGhost {
18405
+ opacity: .4;
18406
+ box-shadow: none;
18407
+ filter: saturate(.85);
18408
+ pointer-events: none;
17745
18409
  }
17746
18410
 
17747
18411
  .opus_EUh8ei_card {
17748
- border: 1px solid var(--opus-border);
17749
- background: color-mix(in srgb, var(--opus-panel) 98%, transparent);
18412
+ --card-accent: var(--opus-accent-secondary, #38bdf8);
18413
+ width: 100%;
18414
+ height: var(--kanban-card-min-height, 72px);
18415
+ min-height: var(--kanban-card-min-height, 72px);
18416
+ max-height: var(--kanban-card-min-height, 72px);
18417
+ background: color-mix(in srgb, var(--dashboard-section-panel) 88%, #fff 4%);
18418
+ color: var(--dashboard-section-text);
17750
18419
  cursor: grab;
17751
- border-radius: 8px;
17752
- padding: 10px;
18420
+ box-sizing: border-box;
18421
+ border: 0;
18422
+ border-radius: 10px;
18423
+ grid-template-rows: auto auto;
18424
+ align-content: center;
18425
+ gap: 8px;
18426
+ padding: 14px 12px 14px 16px;
18427
+ display: grid;
18428
+ position: relative;
18429
+ overflow: hidden;
18430
+ box-shadow: inset 0 1px #ffffff0d, 0 1px #0000002e;
18431
+ }
18432
+
18433
+ .opus_EUh8ei_card:before {
18434
+ content: "";
18435
+ background: var(--card-accent);
18436
+ width: 4px;
18437
+ position: absolute;
18438
+ top: 0;
18439
+ bottom: 0;
18440
+ left: 0;
17753
18441
  }
17754
18442
 
17755
18443
  button.opus_EUh8ei_card {
17756
18444
  color: inherit;
17757
18445
  font: inherit;
17758
18446
  text-align: left;
17759
- width: 100%;
17760
18447
  }
17761
18448
 
17762
18449
  .opus_EUh8ei_card:hover {
17763
- background: color-mix(in srgb, var(--opus-accent) 8%, var(--opus-panel));
18450
+ background: color-mix(in srgb, var(--card-accent) 10%, var(--dashboard-section-panel));
17764
18451
  }
17765
18452
 
17766
18453
  .opus_EUh8ei_card:focus-visible {
17767
- outline: 2px solid color-mix(in srgb, var(--opus-accent) 72%, transparent);
18454
+ outline: 2px solid color-mix(in srgb, var(--card-accent) 72%, transparent);
17768
18455
  outline-offset: 2px;
17769
18456
  }
17770
18457
 
@@ -17773,33 +18460,96 @@ button.opus_EUh8ei_card {
17773
18460
  }
17774
18461
 
17775
18462
  .opus_EUh8ei_card[data-tone="accent"] {
17776
- border-color: color-mix(in srgb, var(--opus-accent) 45%, var(--opus-border));
18463
+ --card-accent: var(--opus-accent);
17777
18464
  }
17778
18465
 
17779
18466
  .opus_EUh8ei_card[data-tone="success"] {
17780
- border-color: color-mix(in srgb, #22c55e 45%, var(--opus-border));
18467
+ --card-accent: #22c55e;
17781
18468
  }
17782
18469
 
17783
18470
  .opus_EUh8ei_card[data-tone="warning"] {
17784
- border-color: color-mix(in srgb, #f59e0b 45%, var(--opus-border));
18471
+ --card-accent: #f59e0b;
17785
18472
  }
17786
18473
 
17787
18474
  .opus_EUh8ei_card[data-tone="danger"] {
17788
- border-color: color-mix(in srgb, #ef4444 45%, var(--opus-border));
18475
+ --card-accent: #f43f5e;
18476
+ }
18477
+
18478
+ .opus_EUh8ei_card[data-tone="default"] {
18479
+ --card-accent: var(--opus-accent-secondary, #38bdf8);
17789
18480
  }
17790
18481
 
17791
18482
  .opus_EUh8ei_cardTitle {
17792
- color: var(--opus-text);
17793
- font-size: .82rem;
17794
- font-weight: 650;
18483
+ min-width: 0;
18484
+ color: var(--dashboard-section-text);
18485
+ white-space: nowrap;
18486
+ text-overflow: ellipsis;
18487
+ font-size: .84rem;
18488
+ font-weight: 700;
18489
+ line-height: 1.3;
18490
+ overflow: hidden;
17795
18491
  }
17796
18492
 
17797
18493
  .opus_EUh8ei_cardMeta {
17798
- color: var(--opus-muted);
17799
- margin-top: 4px;
18494
+ min-width: 0;
18495
+ max-width: 100%;
18496
+ color: var(--card-accent);
18497
+ white-space: nowrap;
18498
+ align-items: center;
18499
+ gap: 6px;
18500
+ font-size: .72rem;
18501
+ font-weight: 650;
18502
+ line-height: 1.3;
18503
+ display: inline-flex;
18504
+ overflow: hidden;
18505
+ }
18506
+
18507
+ .opus_EUh8ei_cardMeta span {
18508
+ text-overflow: ellipsis;
18509
+ white-space: nowrap;
18510
+ min-width: 0;
18511
+ overflow: hidden;
18512
+ }
18513
+
18514
+ .opus_EUh8ei_cardMetaIcon {
18515
+ flex-shrink: 0;
18516
+ width: .72rem;
18517
+ height: .72rem;
17800
18518
  font-size: .72rem;
17801
18519
  }
17802
18520
 
18521
+ .opus_EUh8ei_root[data-dragging="true"] {
18522
+ user-select: none;
18523
+ cursor: grabbing;
18524
+ }
18525
+
18526
+ .opus_EUh8ei_dragPreviewShell {
18527
+ z-index: 10000;
18528
+ pointer-events: none;
18529
+ margin: 0;
18530
+ position: fixed;
18531
+ }
18532
+
18533
+ .opus_EUh8ei_dragPreviewShell[data-dropping="true"] {
18534
+ transition: left .22s cubic-bezier(.2, .8, .2, 1), top .22s cubic-bezier(.2, .8, .2, 1), width .22s cubic-bezier(.2, .8, .2, 1);
18535
+ }
18536
+
18537
+ .opus_EUh8ei_dragPreview {
18538
+ opacity: 1;
18539
+ background: var(--dashboard-section-panel, #111827);
18540
+ color: var(--dashboard-section-text, #f8fafc);
18541
+ box-shadow: 0 0 0 1px color-mix(in srgb, var(--card-accent, #38bdf8) 50%, transparent),
18542
+ 0 0 20px color-mix(in srgb, var(--card-accent, #38bdf8) 42%, transparent),
18543
+ 0 0 40px color-mix(in srgb, var(--card-accent, #38bdf8) 22%, transparent),
18544
+ 0 18px 36px #0206178c;
18545
+ cursor: grabbing;
18546
+ transition: transform .22s cubic-bezier(.2, .8, .2, 1), box-shadow .22s;
18547
+ }
18548
+
18549
+ .opus_EUh8ei_dragPreview[data-dropping="true"] {
18550
+ box-shadow: inset 0 1px #ffffff0d, 0 1px #0000002e;
18551
+ }
18552
+
17803
18553
  /* components/Calendar/Calendar.module.css */
17804
18554
  .opus_IjCc5M_root {
17805
18555
  --calendar-line: color-mix(in srgb, var(--opus-border) 78%, transparent);
@@ -22233,7 +22983,7 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
22233
22983
  /* components/DesktopIcon/DesktopIcon.module.css */
22234
22984
  .opus_Aw_c1o_root {
22235
22985
  --desktop-icon-accent: var(--opus-accent);
22236
- width: 88px;
22986
+ width: var(--desktop-icon-width, 104px);
22237
22987
  color: var(--opus-text);
22238
22988
  font: inherit;
22239
22989
  cursor: default;
@@ -22268,18 +23018,20 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
22268
23018
  width: 54px;
22269
23019
  height: 54px;
22270
23020
  color: var(--desktop-icon-accent);
22271
- box-shadow: inset 0 1px 0 color-mix(in srgb, var(--desktop-icon-accent) 54%, transparent),
22272
- 0 0 16px color-mix(in srgb, var(--desktop-icon-accent) 20%, transparent);
22273
- filter: drop-shadow(0 0 8px color-mix(in srgb, var(--desktop-icon-accent) 55%, transparent));
23021
+ box-shadow: inset 0 1px 0 color-mix(in srgb, var(--desktop-icon-accent) 34%, transparent),
23022
+ 0 1px 5px #0006;
23023
+ filter: drop-shadow(0 0 3px color-mix(in srgb, var(--desktop-icon-accent) 24%, transparent));
22274
23024
  border-radius: 15px;
22275
23025
  place-items: center;
22276
- transition: transform .15s, box-shadow .15s;
23026
+ transition: transform .15s, box-shadow .15s, filter .15s;
22277
23027
  display: grid;
22278
23028
  }
22279
23029
 
22280
23030
  .opus_Aw_c1o_root:hover .opus_Aw_c1o_icon, .opus_Aw_c1o_root:focus-visible .opus_Aw_c1o_icon {
22281
- box-shadow: inset 0 1px 0 color-mix(in srgb, var(--desktop-icon-accent) 70%, transparent),
22282
- 0 0 22px color-mix(in srgb, var(--desktop-icon-accent) 36%, transparent);
23031
+ box-shadow: inset 0 1px 0 color-mix(in srgb, var(--desktop-icon-accent) 46%, transparent),
23032
+ 0 2px 8px #00000073,
23033
+ 0 0 8px color-mix(in srgb, var(--desktop-icon-accent) 14%, transparent);
23034
+ filter: drop-shadow(0 0 4px color-mix(in srgb, var(--desktop-icon-accent) 32%, transparent));
22283
23035
  transform: translateY(-2px);
22284
23036
  }
22285
23037
 
@@ -22294,7 +23046,7 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
22294
23046
  text-align: center;
22295
23047
  text-shadow: 0 1px 3px #000;
22296
23048
  border-radius: 5px;
22297
- padding: 2px 5px;
23049
+ padding: 2px 3px;
22298
23050
  font-size: .7rem;
22299
23051
  font-weight: 700;
22300
23052
  line-height: 1.15;
@@ -22901,11 +23653,11 @@ button.opus_H9TUGj_root:hover, button.opus_H9TUGj_root:focus-visible {
22901
23653
  }
22902
23654
 
22903
23655
  .opus_x1XVZi_shortcut {
23656
+ width: var(--desktop-icon-width, 104px);
22904
23657
  pointer-events: auto;
22905
23658
  touch-action: none;
22906
23659
  cursor: grab;
22907
23660
  will-change: transform;
22908
- width: 88px;
22909
23661
  position: absolute;
22910
23662
  top: 0;
22911
23663
  left: 0;