.mock-block{border:1px solid #b9bcc2;background:#ffffffbd;box-sizing:border-box}.mock-block,.mock-block *,.mock-container,.mock-container *,.mock-el,.mock-el *{box-sizing:border-box}.mock-block--flat{background:#fcfcfcb8}.mock-block--no-fill{background:transparent}.mock-block--soft{background:#f3f3f3ad}.mock-block--overlay{background:#eceef0a8}.mock-block--wire{border-style:dashed;background:#fafafab3}.mock-block__row{display:flex;gap:10px;align-items:center}.mock-block__stack{display:flex;flex-direction:column;gap:8px}.mock-block__muted{color:#70757d;font-size:12px}.mock-block__title{font-size:13px;font-weight:700;color:#3a3f46}.mock-block__line{height:2px;background:#d0d3d8b3}.mock-block__divider-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mock-block__divider{background:#d0d3d8b3}.mock-block__wire{margin-top:10px;width:100%;height:calc(100% - 26px);border:1px dashed #c8ccd3}.mock-block__tag{display:inline-block;border:1px solid #c8ccd3;color:#646c75;background:#f8f8f8ad;padding:2px 8px;font-size:11px}.mock-block__grid{display:grid;gap:10px}.mock-block__row-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#555c66}.mock-block__icon{width:18px;height:18px;border:1px solid #9aa1ac;border-radius:18px;background:#e3e6eb9e}.mock-block__icon-block{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mock-block__icon-block-overlay{display:inline-flex;align-items:center;justify-content:center;line-height:1}.mock-block__icon-block-glyph{display:block;width:1em;height:1em}.mock-block__image{position:relative;width:100%;height:100%;border:1px solid #bcc2ca;background:linear-gradient(135deg,#f4f5f7b3,#eceff3a8)}.mock-block__image-placeholder-host{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.mock-block__image-placeholder-icon{width:88px;height:88px;stroke:#98a1ad;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.mock-block__map{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #b9b9b9;background-color:#d9d9d9;background-image:url(/assets/map-bg-C8TP5Zsc.png);background-size:cover;background-position:center;background-repeat:no-repeat}.mock-block__video{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #b9b9b9;background:linear-gradient(135deg,#f2f4f7cc,#e7ebf0c2)}.mock-block__video-image-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.mock-block__video-youtube-placeholder{width:136px;height:96px}.mock-block__video-youtube-placeholder rect{fill:#9ca3ad}.mock-block__video-youtube-placeholder path{fill:#f7f8fa}.mock-block__input{border:1px solid #b8bec7;height:34px;flex:1;background:#ffffffbd}.mock-block__button{border:1px solid #a8b0ba;padding:8px 12px;background:#d8dde3ad;font-size:12px;text-align:center}.mock-block__tabs{display:flex;gap:6px;align-items:center}.mock-block__tab{border:1px solid #c2c8d1;background:#f4f5f7b3;padding:4px 9px;font-size:11px}.mock-block__tab--active{background:#d8dde3ad;border-color:#aeb6c2}.mock-block__pagination{display:inline-flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;max-height:100%}.mock-block__pagination-item{display:inline-flex;align-items:center;justify-content:center;line-height:1;background:transparent}.mock-block__pagination-item.mock-block__tab--active{background:#e3e9f3b8;border-color:#aeb6c2}.mock-block__list-item{border:1px solid #c4cad2;background:#f7f8faad;height:28px}.mock-block__list-shell{width:100%;height:100%;display:grid;grid-template-rows:1fr auto;min-height:0}.mock-block__list-items{min-height:0;overflow:auto;padding:8px;display:flex;flex-direction:column;gap:6px}.mock-block__list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;padding:0 8px;border:1px solid #c4cad2;background:#f7f8faad}.mock-block__list-bullet{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;text-align:center;color:#525c69;font-size:14px;line-height:1}.mock-block__list-bullet-icon{width:12px;height:12px;display:block;stroke-width:2}.mock-block__list-label{border:0;padding:0;margin:0;min-width:0;background:transparent;color:#414a55;font-size:12px;line-height:1.3;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.mock-block__list-controls{position:relative;border-top:1px solid #d8dde4;padding:6px 8px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.mock-block__list-action{width:24px;height:24px;border:1px solid #b5becb;border-radius:4px;background:#fafbfcdb;color:#556170;font-size:14px;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mock-block__list-action:hover{background:#e3e9f3a6}.mock-block__list-action--active{border-color:#8d97a6;background:#e3e9f3b8}.mock-block__list-bullet-picker{position:absolute;right:8px;bottom:calc(100% + 6px);width:180px;border:1px solid #a9b2bf;background:var(--color-body-bg, #f8fafc);box-shadow:0 6px 14px #1e2a3a2e;padding:8px;z-index:4}.mock-block__list-bullet-picker-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}.mock-block__list-bullet-picker-button{height:24px;border:1px solid #b5becb;border-radius:4px;background:#fafbfcdb;color:#556170;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mock-block__list-bullet-picker-button--active{border-color:#8d97a6;background:#e3e9f3b8}.mock-block__list-bullet-picker-button:hover{background:#e3e9f3a6}.mock-block__table{border:1px solid #c3c9d1}.mock-block__table-shell{width:100%;height:100%;display:grid;grid-template-rows:1fr auto;min-height:0}.mock-block__table-grid{min-height:0;overflow:auto;display:grid;border-bottom:1px solid #d8dde4}.mock-block__table-cell{border-right:1px solid #d7dbe1;border-top:1px solid #d7dbe1;border-left:0;border-bottom:0;background:#ffffffc7;color:#47515f;font-size:12px;line-height:1.3;text-align:left;padding:7px 8px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.mock-block__table-cell--header{background:#eef0f3cc;color:#3a424d;font-weight:700}.mock-block__table-controls{border-top:1px solid #d8dde4;padding:6px 8px;display:flex;align-items:center;justify-content:flex-end;gap:6px}.mock-block__table-action{height:24px;min-width:34px;padding:0 8px;border:1px solid #b5becb;border-radius:4px;background:#fafbfcdb;color:#556170;font-size:11px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.mock-block__table-action:hover{background:#e3e9f3a6}.mock-block__table-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;padding:7px 8px;border-top:1px solid #d7dbe1;font-size:12px}.mock-block__table-row--head{border-top:0;background:#eef0f3a8;font-weight:700}.mock-block__accordion-item{border:1px solid #dee2e6;border-radius:6px;background:#f8f9fa;height:32px;padding:8px 12px;font-size:12px;color:#212529;display:flex;align-items:center}.mock-block__accordion-shell{width:100%;height:100%;display:block;min-height:0;padding:8px}.mock-block__accordion-items{height:100%;overflow:auto;display:flex;flex-direction:column;gap:8px}.mock-block__accordion-row{border:1px solid #dee2e6;border-radius:6px;background:#fff;overflow:hidden}.mock-block__accordion-row--open{border-color:#b6d4fe}.mock-block__accordion-header{height:38px;border:0;background:#f8f9fa;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0 12px;cursor:pointer;color:#212529;text-align:left}.mock-block__accordion-row--open .mock-block__accordion-header{background:#e7f1ff;color:#0c63e4}.mock-block__accordion-title{min-width:0;color:inherit;font-size:12px;font-weight:600;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.mock-block__accordion-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .18s ease}.mock-block__accordion-row--open .mock-block__accordion-caret{transform:rotate(225deg)}.mock-block__accordion-content{border-top:1px solid #dee2e6;padding:10px 12px;color:#495057;background:#fff;font-size:12px;line-height:1.35;white-space:pre-wrap;word-break:break-word}.mock-block__badge{border:1px solid #aeb6c1;background:#e2e6ec9e;display:inline-block;padding:6px 10px;font-size:12px}.mock-block__progress{width:100%;height:10px;background:#e3e6eb9e;border:1px solid #b9c0c9}.mock-block__progress-fill{width:45%;height:100%;background:#b4bcc8b8}.mock-block__timer{display:grid;align-items:stretch;width:100%;height:100%}.mock-block__timer-unit{display:flex;flex-direction:column;align-items:center;justify-content:space-between;min-width:0;height:100%}.mock-block__timer-digits{display:flex;align-items:center;justify-content:center;width:100%}.mock-block__timer-digit{flex:1 1 0;min-width:0;height:100%;border:1px solid #ced4da;border-radius:8px;background:#f8f9fa;box-shadow:0 1px 2px #21252914;display:inline-flex;align-items:center;justify-content:center;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:24px;line-height:1;font-weight:700;color:#212529;box-sizing:border-box}.mock-block__timer-unit-label{display:inline-flex;align-items:center;justify-content:center;width:100%;font-size:10px;line-height:1;color:#6c757d;font-weight:700;text-transform:uppercase;letter-spacing:.04em;text-align:center}.mock-block__modal{width:88%;margin:0 auto;border:1px solid #aeb5bf;background:#ffffffbd;padding:10px}.mock-block__modal-shell{position:relative;width:100%;height:100%}.mock-block__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#6d758038}.mock-block__modal-window{position:absolute;top:8%;right:8%;bottom:8%;left:8%;display:grid;grid-template-rows:auto 1fr auto;border:1px solid #aeb5bf;background:#fffffff0;box-shadow:0 10px 24px #1c253133;min-height:0}.mock-block__modal-header{border-bottom:1px solid #d3d9e2;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px}.mock-block__modal-header-title{min-width:0;color:#3a414b;font-size:12px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-block__modal-header-close{color:#707784;font-size:14px;line-height:1}.mock-block__modal-body{min-height:0;overflow:hidden;padding:10px}.mock-block__modal-footer{border-top:1px solid #d3d9e2;display:flex;align-items:center;justify-content:flex-end;gap:6px;padding:0 10px}.mock-block__modal-footer-button{height:24px;min-width:58px;padding:0 10px;border:1px solid #b5becb;border-radius:4px;background:#fafbfcdb;color:#556170;font-size:11px;line-height:22px;text-align:center}.mock-block__modal-footer-button--primary{background:#dce2ecdb}.mock-block__tooltip-shell{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:100%;box-sizing:border-box}.mock-block__tooltip-body{border:0;border-radius:4px;background:#212529f5;color:#fff;padding:0 10px;width:100%;font-size:12px;line-height:1.35;box-shadow:0 8px 18px #0f172438;display:inline-flex;align-items:center;justify-content:center;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-width:100%;overflow:hidden;box-sizing:border-box}.mock-block__tooltip-arrow{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid rgba(33,37,41,.96)}.mock-block__group-box{width:100%;height:100%;margin:0;border:1px solid #b3bbc6;background:#fafbfcbd;padding:10px}.mock-block__group-box-title{padding:0 6px;font-size:12px;color:#525a65}.mock-block__group-box-option{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:12px;color:#5a6170}.mock-block__radio-dot{width:14px;height:14px;border-radius:14px;border:1px solid #9ea8b4;background:#fffc}.mock-container{position:relative;width:100%;height:100%;box-sizing:border-box;border:0;outline:1px dashed #8f99a8;outline-offset:-1px;background:transparent}.artboard-canvas--dev .mock-container{background:#f8f8f8ad}.mock-el{position:absolute;box-sizing:border-box;border:1px solid #b8bdc5;background:#ffffffbd;padding:0;-webkit-user-select:none;user-select:none;touch-action:none}.mock-el--heading,.mock-el--text,.mock-el--link,.mock-el--label{background:transparent}.mock-el--helper-text{background:#fff;border:1px dashed #98a1ad;border-radius:8px}.mock-el--helper-text .mock-el__muted{width:100%;height:100%;padding:6px 10px;color:#4f5a69;font-style:italic;line-height:1.35;white-space:pre-wrap;overflow:hidden}.mock-el--helper-text .mock-el__muted:before{content:"COMMENT";display:block;margin-bottom:2px;color:#707b8a;font-size:10px;font-style:normal;font-weight:700;letter-spacing:.03em}.mock-el--movable{cursor:move}.mock-el--fixed{cursor:no-drop}.mock-el--button,.mock-el--icon-button{border:0;background:transparent;padding:0}.mock-el--checkbox,.mock-el--radio,.mock-el--switch,.mock-el--select,.mock-el--bullet-row{background:transparent;overflow:visible}.mock-el--line{padding:0;border:0;background:transparent;min-height:1px}.mock-el--rectangle,.mock-el--ellipse,.mock-el--circle{padding:0;overflow:hidden}.mock-el--rectangle.mock-el--selected,.mock-el--ellipse.mock-el--selected,.mock-el--circle.mock-el--selected{overflow:visible}.mock-el--rectangle>.artboard-canvas__nested-host,.mock-el--ellipse>.artboard-canvas__nested-host,.mock-el--circle>.artboard-canvas__nested-host{overflow:hidden;border-radius:inherit}.mock-el--selected{outline:2px solid #0b5fff;outline-offset:-2px}.mock-el--line.mock-el--selected{outline:none}.mock-el--drop-target{box-shadow:inset 0 0 0 2px #0b5fff80}.mock-el--select:has(.mock-el__select-dropdown){z-index:5200!important}.mock-el:has(.mock-el__select-dropdown){overflow:visible!important;z-index:5100!important}.mock-container:has(.mock-el__select-dropdown),.artboard-canvas__nested-host:has(.mock-el__select-dropdown),.mock-container--menu:has(.mock-el__select-dropdown){overflow:visible!important}.mock-el__text{font-size:12px;color:#3a3f46;line-height:16px}.mock-el__text--editable{cursor:text}.mock-el__muted{font-size:12px;color:#757d87;line-height:16px}.mock-el__checkbox{display:flex;align-items:center;min-width:0}.mock-el__choice-control{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer}.mock-el__button-face{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0;box-sizing:border-box;color:var(--color-white)}.mock-el__button-face-content{display:flex;width:100%;height:100%;box-sizing:border-box;padding:0 10px;align-items:center;justify-content:inherit;gap:8px;max-width:100%;min-width:0}.mock-el__button-face-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;flex:0 0 auto}.mock-el__button-face-icon>*{width:1em;height:1em}.mock-el__button-face-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-el__field{width:100%;height:100%;border:1px solid #b5bcc7;background:#ffffffbd;display:flex;align-items:center;padding:0 10px}.mock-el--input .mock-el__field{border:0;border-radius:var(--border-radius, 12px);background:transparent}.mock-el--select .mock-el__field{border-radius:var(--border-radius, 12px)}.mock-el__box{display:inline-flex;align-items:center;justify-content:center;border:2px solid #8f99a8;border-radius:4px;background:transparent;box-sizing:border-box;color:#44576f;font-size:12px;line-height:1}.mock-el__box-check{display:inline-flex;align-items:center;justify-content:center;font-weight:700;transform:translateY(-1px)}.mock-el__radio{display:inline-flex;align-items:center;justify-content:center;border:2px solid #8f99a8;border-radius:999px;background:transparent;box-sizing:border-box}.mock-el__radio-dot-inner{display:inline-block;border-radius:999px;background:#44576f}.mock-el__icon-button{width:100%;height:100%;border:0;background:transparent;display:flex;align-items:center;justify-content:center}.mock-el__icon-button-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1}.mock-el__icon-button-glyph>*{width:1em;height:1em}.mock-el__select-value{color:#5f6873}.mock-el__select-shell{position:relative;width:100%;height:100%;min-width:0;overflow:visible}.mock-el__select-trigger{position:relative;width:100%;height:100%;cursor:pointer;padding-left:10px;padding-right:30px;background:#fffffff5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-el__select-arrow{position:absolute;top:50%;right:12px;width:8px;height:8px;border-right:2px solid #69727d;border-bottom:2px solid #69727d;transform:translateY(-65%) rotate(45deg);color:#69727d;line-height:1;pointer-events:none}.mock-el__select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:5000;border:1px solid #a9b2bf;border-radius:var(--border-radius, 12px);background:#fffffff5;box-shadow:0 6px 14px #1e2a3a2e;overflow-y:auto;padding:6px;color:#5f6873;font:inherit}.mock-el__select-option-main{display:block;width:100%;min-width:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;line-height:inherit;text-align:left;padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;margin-bottom:4px}.mock-el__select-option-main--active{background:#d2dbe873;color:#2f3c50}.mock-el__select-option-main:hover{background:#e3e9f3a6}.mock-el__switch{display:inline-flex;align-items:center;border-radius:999px;border:1px solid #9ca5b0;background:#e2e6eb9e;padding:1px;transition:background-color .18s ease,border-color .18s ease}.mock-el__switch-dot{border-radius:999px;background:var(--color-body-bg, #f8fafc);border:1px solid #b0b7c1;box-sizing:border-box;transition:transform .18s ease}.mock-el__bullet-row-shell{width:fit-content;height:fit-content;max-width:100%;max-height:100%;display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent}.mock-el__bullet-row{display:inline-flex;width:fit-content;height:fit-content;align-items:center;justify-content:center;gap:8px;background:transparent}.mock-el__bullet{width:14px;height:14px;min-width:14px;min-height:14px;border-radius:999px;border:2px solid #8f99a8;background:transparent;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mock-el__bullet-inner{width:46%;height:46%;border-radius:999px;border:1px solid #8f99a8;background:transparent}.mock-el__bullet--active .mock-el__bullet-inner{border-color:#44576f;background:#44576f}.mock-el__bullet--active{border-color:#44576f}.mock-tabs-shell{position:relative;width:100%;height:100%}.mock-tabs-header{display:flex;align-items:center;gap:4px;padding:4px;border-bottom:1px solid #c3cad6;background:#f0f3f7b8;overflow-x:auto}.mock-tabs-tab{border:1px solid #b9c1cd;border-radius:4px 4px 0 0;background:#e4e9f0a6;color:#5b6676;font-size:12px;line-height:1.2;white-space:nowrap;padding:5px 9px;cursor:pointer}.mock-tabs-tab--active{background:#fcfcfceb;border-bottom-color:#f8fafc;color:#2f3b4f;font-weight:600}.mock-el__line-surface{position:absolute;top:0;right:0;bottom:0;left:0}.mock-el__line-segment{position:absolute;pointer-events:none}.artboard-canvas{position:relative;width:max-content;min-width:100%}.artboard-canvas__artboard{position:relative;margin:0 auto;background:#fff;border:1px solid #cfcfcf;box-shadow:0 6px 20px #00000014}.artboard-canvas__grid-layer{position:absolute;top:0;bottom:0;pointer-events:none;z-index:1;background-image:linear-gradient(to right,rgba(11,95,255,.16) 1px,transparent 1px),linear-gradient(to bottom,rgba(11,95,255,.16) 1px,transparent 1px);background-size:var(--mockup-grid-size, 16px) var(--mockup-grid-size, 16px)}.artboard-canvas__screen-fold{position:absolute;left:0;right:0;height:0;border-top:1px dashed rgba(11,95,255,.85);pointer-events:none;z-index:24}.artboard-canvas__screen-fold-label{position:absolute;top:-10px;left:10px;display:inline-flex;align-items:center;height:16px;padding:0 6px;border:1px solid rgba(11,95,255,.45);background:#ffffffe6;color:#0b3a8a;font-size:10px;font-weight:700;line-height:1}.artboard-canvas__content-guides{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:23}.artboard-canvas__content-shade{position:absolute;top:0;bottom:0;background:#0b5fff0a}.artboard-canvas__content-line{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed rgba(11,95,255,.7)}.artboard-canvas__content-label{position:absolute;top:8px;display:inline-flex;align-items:center;height:16px;padding:0 6px;border:1px solid rgba(11,95,255,.4);background:#ffffffe6;color:#0b3a8a;font-size:10px;font-weight:700;line-height:1}.artboard-canvas__multi-toolbar{position:absolute;z-index:30;display:grid;grid-template-columns:repeat(4,30px);width:max-content;gap:6px;padding:8px;box-sizing:border-box;border:1px solid #d2d8e2;border-radius:8px;background:#fffffff2;box-shadow:0 8px 20px #121f3524}.artboard-canvas__multi-button{width:30px;height:30px;border:1px solid #c9d0db;background:#fff;color:#2f3742;font-size:11px;line-height:1;padding:0;cursor:pointer;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.artboard-canvas__multi-button--group{font-size:18px;font-weight:700;letter-spacing:.2px}.artboard-canvas__multi-icon{width:14px;height:14px;display:block;fill:none;stroke:currentColor;stroke-width:1.2;vector-effect:non-scaling-stroke}.artboard-canvas__multi-icon rect{fill:#2f37421f}.artboard-canvas__multi-button:disabled{cursor:not-allowed;opacity:.45}.artboard-canvas__multi-metric{grid-column:1 / -1;height:22px;border:1px solid #c9d0db;border-radius:4px;background:#f7f9fc;color:#2f3742;font-size:11px;font-weight:600;line-height:20px;text-align:center;-webkit-user-select:none;user-select:none}.artboard-canvas__marquee{position:absolute;z-index:25;border:1px dashed #0b5fff;background:#0b5fff1f;pointer-events:none}.artboard-canvas__snap-guide{position:absolute;z-index:26;background:#0b5fffb3;pointer-events:none}.artboard-canvas__snap-guide--vertical{top:0;width:1px;height:100%}.artboard-canvas__snap-guide--horizontal{left:0;width:100%;height:1px}.artboard-canvas__ruler-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;cursor:crosshair}.artboard-canvas__ruler-rect{position:absolute;border:1px solid rgba(11,95,255,.95);background:#ebc28447;box-shadow:inset 0 0 0 1px #111c2c1f;pointer-events:none}.artboard-canvas__ruler-point{position:absolute;z-index:2;width:8px;height:8px;border-radius:50%;background:#0b5fff;box-shadow:0 0 0 1px #fff;pointer-events:none}.artboard-canvas__ruler-point--end{background:#3f9b30}.artboard-canvas__ruler-label{position:absolute;z-index:3;white-space:nowrap;font-size:11px;line-height:1.2;color:#111;border:1px solid rgba(17,24,36,.2);background:#fffffff5;padding:4px 8px;pointer-events:none}.artboard-canvas__ruler-label--size{font-weight:700}.artboard-canvas__node{position:absolute;box-sizing:border-box;background:transparent;z-index:1}.artboard-canvas__node--movable{cursor:move}.artboard-canvas__node--fixed{cursor:no-drop}.artboard-canvas__node--selected{outline:2px solid #0b5fff;outline-offset:-2px;z-index:6}.artboard-canvas__node--drop-target{box-shadow:inset 0 0 0 2px #0b5fff80}.artboard-canvas__node-title{position:absolute;top:-18px;left:0;z-index:3;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1f2937;background:#fffffff5;padding:4px 10px;min-height:24px;border:1px solid #c7cfdb;border-radius:6px;box-shadow:0 1px 3px #10182829;-webkit-user-select:none;user-select:none;white-space:nowrap}.artboard-canvas__node-title--draggable{cursor:move}.artboard-canvas__node-title--draggable:active{cursor:grabbing}.artboard-canvas__node-title--fixed{cursor:no-drop}.artboard-canvas__node-title--lift-target{border-color:#0b5fff;background:#0b5fff29;color:#0b3a8a}.artboard-canvas__node-title--shape-top-center{left:50%;top:0;transform:translate(-50%,-50%)}.artboard-canvas__node-title--line-center{left:50%;top:50%;transform:translate(-50%,-50%)}.artboard-canvas__node-title-hint{font-size:10px;font-weight:600}.artboard-canvas__section-order-controls{position:absolute;top:12px;left:12px;z-index:6;display:flex;gap:8px;opacity:0;pointer-events:none;transition:opacity .12s ease}.artboard-canvas__node--selected>.artboard-canvas__section-order-controls{opacity:1;pointer-events:auto}.artboard-canvas__section-order-button{width:44px;height:44px;border:1px solid #c7cfdb;border-radius:8px;background:#fffffff5;color:#1f2937;font-size:24px;line-height:1;cursor:pointer;padding:0}.artboard-canvas__section-order-button:hover{border-color:#0b5fff;color:#0b5fff}.artboard-canvas__resize-handle{position:absolute;z-index:4;border:2px solid #0b5fff;background:#ffffffc7;touch-action:none}.artboard-canvas__resize-handle--left{left:-7px;top:50%;width:12px;height:20px;transform:translateY(-50%);cursor:ew-resize}.artboard-canvas__resize-handle--right{right:-7px;top:50%;width:12px;height:20px;transform:translateY(-50%);cursor:ew-resize}.artboard-canvas__resize-handle--top{left:50%;top:-7px;width:20px;height:12px;transform:translate(-50%);cursor:ns-resize}.artboard-canvas__resize-handle--bottom{left:50%;bottom:-7px;width:20px;height:12px;transform:translate(-50%);cursor:ns-resize}.artboard-canvas__resize-handle--corner{right:-7px;bottom:-7px;width:12px;height:12px;cursor:nwse-resize}.artboard-canvas__line-handle{position:absolute;z-index:5;width:10px;height:10px;border:2px solid #0b5fff;border-radius:10px;background:#fff;transform:translate(-50%,-50%);touch-action:none;cursor:grab}.artboard-canvas__line-handle:active{cursor:grabbing}.artboard-canvas__artboard-resize-handle{position:absolute;z-index:31;border:2px solid #0b5fff;background:#ffffffd1;touch-action:none}.artboard-canvas__artboard-resize-handle--left{left:-7px;top:50%;width:12px;height:24px;transform:translateY(-50%);cursor:ew-resize}.artboard-canvas__artboard-resize-handle--right{right:-7px;top:50%;width:12px;height:24px;transform:translateY(-50%);cursor:ew-resize}.artboard-canvas__artboard-resize-handle--top{left:50%;top:-7px;width:24px;height:12px;transform:translate(-50%);cursor:ns-resize}.artboard-canvas__artboard-resize-handle--bottom{left:50%;bottom:-7px;width:24px;height:12px;transform:translate(-50%);cursor:ns-resize}.artboard-canvas__artboard-resize-handle--corner{right:-8px;bottom:-8px;width:14px;height:14px;cursor:nwse-resize}.artboard-canvas__artboard-resize-handle--top,.artboard-canvas__artboard-resize-handle--bottom,.artboard-canvas__resize-handle--top,.artboard-canvas__resize-handle--bottom{cursor:ns-resize}.artboard-canvas__reorder-handle{position:absolute;top:-24px;right:0;height:24px;min-width:30px;padding:0 8px;border:1px solid #e2e2e2;background:#ffffffbd;color:#666;font-size:12px;line-height:22px;cursor:grab;opacity:0;pointer-events:none;transition:opacity .15s ease}.artboard-canvas__preset-lock-toggle{position:absolute;top:-24px;right:38px;width:32px;height:26px;border:1px solid #cfd5df;border-radius:6px;background:#ffffffeb;color:#2d333b;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.artboard-canvas__preset-lock-toggle:hover{border-color:#9ea8b7}.artboard-canvas__preset-lock-icon{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.artboard-canvas__node:hover>.artboard-canvas__reorder-handle,.artboard-canvas__node--selected>.artboard-canvas__reorder-handle,.mock-el:hover>.artboard-canvas__reorder-handle,.mock-el--selected>.artboard-canvas__reorder-handle{opacity:1;pointer-events:auto}.artboard-canvas__pin-group{position:absolute;top:-24px;right:86px;display:flex;gap:4px}.artboard-canvas__pin-button{height:24px;min-width:24px;border:1px solid #e2e2e2;background:#ffffffbd;color:#666;font-size:12px;line-height:22px;padding:0 6px;cursor:pointer}.artboard-canvas__pin-button--active{border-color:#0b5fff;background:#0b5fff;color:#fff}.artboard-canvas__nested-host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.artboard-canvas__nested-host--section{top:0;right:0;bottom:0;left:0}.artboard-canvas__nested-host--empty{border:1px dashed #8f99a8;background:#eff2f659}.mock-container--menu{overflow:hidden}.artboard-canvas__menu-accordion-trigger{position:absolute;top:8px;right:10px;left:10px;height:32px;display:flex;align-items:center;justify-content:space-between;border:1px solid #9da5b3;border-radius:6px;background:#f8fafceb;color:#2d3137;padding:0 10px;box-sizing:border-box}.artboard-canvas__menu-accordion-label{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artboard-canvas__menu-accordion-icon{font-size:16px;line-height:1;margin-left:8px}.artboard-editor{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;--artboard-editor-sidebar-width: 260px;--artboard-editor-inspector-width: 320px;--artboard-editor-inspector-padding: 8px;--artboard-editor-resize-handle-width: 8px;grid-template-columns:var(--artboard-editor-sidebar-width) var(--artboard-editor-resize-handle-width) minmax(0,1fr) var(--artboard-editor-resize-handle-width) var(--artboard-editor-inspector-width);background:transparent;--artboard-editor-label-col: 96px;--artboard-editor-label-col-tight: 74px;--artboard-editor-color-popover-width: calc(var(--artboard-editor-inspector-width) - (var(--artboard-editor-inspector-padding) * 2))}.artboard-editor--resizing{cursor:col-resize}.artboard-editor__sidebar{border-right:1px solid #e5e5e5;background:#fff;padding:12px;overflow:auto}.artboard-editor__sidebar-title{margin:0 0 10px;font-size:13px;font-weight:700}.artboard-editor__sidebar-section{margin:0 0 16px}.artboard-editor__sidebar-group{margin:0 0 12px}.artboard-editor__sidebar-group-title{margin:0 0 6px;font-size:11px;font-weight:700;text-transform:uppercase;color:#666}.artboard-editor__sidebar-accordion{margin:0 0 8px;border:1px solid #dfe4ea;border-radius:6px;background:#fff;overflow:hidden}.artboard-editor__sidebar-group-title--accordion{list-style:none;margin:0;padding:8px 10px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;line-height:1.2}.artboard-editor__sidebar-group-title--accordion::-webkit-details-marker{display:none}.artboard-editor__sidebar-group-title--accordion:after{content:">";position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#666}.artboard-editor__sidebar-accordion[open]>.artboard-editor__sidebar-group-title--accordion:after{content:"v"}.artboard-editor__sidebar-accordion>.artboard-editor__sidebar-list{padding:8px}.artboard-editor__sidebar-list{display:flex;flex-direction:column;gap:8px}.artboard-editor__sidebar-button{padding:10px;border:1px solid #d0d0d0;background:#fff;cursor:pointer;text-align:left}.artboard-editor__sidebar-button--draggable{cursor:grab}.artboard-editor__sidebar-preset-row{display:grid;grid-template-columns:minmax(0,1fr) 30px;gap:6px;align-items:stretch}.artboard-editor__sidebar-preset-row .artboard-editor__sidebar-button{min-width:0}.artboard-editor__sidebar-remove{border:1px solid #d0d0d0;background:#fff;color:#a33a3a;cursor:pointer;text-align:center;font-size:14px;line-height:1;padding:0}.artboard-editor__sidebar-remove:hover{background:#fff2f2;border-color:#e3a8a8}.artboard-editor__sidebar-remove:disabled{cursor:not-allowed;color:#9aa3af;border-color:#d8dde4;background:#f4f6f9}.artboard-editor__sidebar-hint{margin:8px 0 0;font-size:12px;color:#777}.artboard-editor__sidebar-form-label{display:block;margin:0 0 6px;font-size:11px;font-weight:600;color:#495260}.artboard-editor__sidebar-input{font-size:12px}.artboard-editor__sidebar-select-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;margin-bottom:6px}.artboard-editor__sidebar-select-add{padding:6px 8px;font-size:12px}.artboard-editor__sidebar-select-list{display:flex;flex-direction:column;gap:6px}.artboard-editor__sidebar-select-option{display:grid;grid-template-columns:28px minmax(0,1fr) 30px;gap:6px;align-items:center}.artboard-editor__sidebar-select-option--accordion{align-items:flex-start}.artboard-editor__sidebar-accordion-fields{display:flex;flex-direction:column;gap:6px}.artboard-editor__sidebar-select-option--accordion .artboard-editor__sidebar-select-index{height:70px}.artboard-editor__sidebar-select-index{width:28px;height:32px;border:1px solid #d0d0d0;background:#fff;color:#485261;font-size:12px;line-height:1;cursor:pointer;padding:0}.artboard-editor__sidebar-select-index--active{border-color:#0b5fff;background:#0b5fff;color:#fff}.artboard-editor__sidebar-remove--compact{width:30px;min-width:30px}.artboard-editor__canvas{overflow:auto;min-width:0;min-height:0;overscroll-behavior:contain;padding:14px 24px 24px;display:flex;flex-direction:column;gap:12px}.artboard-editor__inspector{border-left:1px solid #e5e5e5;background:#fff;padding:var(--artboard-editor-inspector-padding);display:flex;flex-direction:column;gap:10px;min-height:0;overflow:hidden}.artboard-editor__inspector-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:auto;padding-right:2px;position:relative}.artboard-editor__inspector-title{margin:0 0 10px;font-size:13px;font-weight:700}.artboard-editor__inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.artboard-editor__field{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.artboard-editor__field--inline{display:grid;grid-template-columns:var(--artboard-editor-label-col) minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:center}.artboard-editor__field--inline-tight{grid-template-columns:var(--artboard-editor-label-col-tight) minmax(0,1fr)}.artboard-editor__field--inline>.artboard-editor__label{margin:0}.artboard-editor__field--inline>.artboard-editor__input,.artboard-editor__field--inline>select.artboard-editor__input,.artboard-editor__field--inline>.artboard-editor__row,.artboard-editor__field--inline>.artboard-editor__visible-toggle{min-width:0}.artboard-editor__field--pairs{display:grid;grid-template-columns:var(--artboard-editor-label-col) minmax(0,1fr);column-gap:8px;row-gap:6px;align-items:center}.artboard-editor__field--pairs>.artboard-editor__label:first-child{grid-column:1 / -1;font-weight:600;margin-bottom:2px}.artboard-editor__field--pairs>.artboard-editor__label{margin:0}.artboard-editor__field--pairs>.artboard-editor__input,.artboard-editor__field--pairs>select.artboard-editor__input,.artboard-editor__field--pairs>.artboard-editor__row,.artboard-editor__field--pairs>.artboard-editor__visible-toggle{min-width:0}.artboard-editor__label{font-size:12px;color:#333}.artboard-editor__theme-panel{margin:0;border:1px solid #d7dde6;border-radius:6px;background:#f8f9fb;flex:0 0 auto}.artboard-editor__theme-panel[open]{display:flex;flex-direction:column;min-height:0}.artboard-editor__theme-summary{list-style:none;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600;color:#26313f;padding:8px 10px}.artboard-editor__theme-summary::-webkit-details-marker{display:none}.artboard-editor__theme-summary:after{content:">";float:right;color:#6a7481}.artboard-editor__theme-panel[open] .artboard-editor__theme-summary:after{content:"v"}.artboard-editor__theme-presets{display:flex;flex-direction:column;gap:6px;padding:0 10px 10px}.artboard-editor__theme-presets-label{font-size:11px;font-weight:600;color:#2a3442}.artboard-editor__theme-presets-controls{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center}.artboard-editor__input--theme-preset{min-width:0}.artboard-editor__theme-list{display:flex;flex-direction:column;gap:8px;padding:0 10px 10px}.artboard-editor__theme-panel[open] .artboard-editor__theme-list{max-height:46vh;min-height:0;overflow:auto}.artboard-editor__theme-row{display:flex;flex-direction:column;gap:4px}.artboard-editor__theme-value-row{position:relative;display:flex;align-items:center;gap:8px}.artboard-editor__theme-label{display:inline-flex;align-items:center;gap:6px;min-width:0}.artboard-editor__theme-key{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;color:#2a3442}.artboard-editor__theme-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;border:1px solid #b8c1cd;color:#677282;font-size:10px;line-height:1;cursor:help;flex:0 0 auto}.artboard-editor__input--theme-token{flex:1 1 auto;font-size:12px;padding:6px 8px}.artboard-editor__input{padding:8px 10px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box;width:100%;min-width:0}.artboard-editor__row{display:flex;gap:8px;align-items:stretch}.artboard-editor__row--color-popover-anchor{justify-content:flex-end}.artboard-editor__row--background-controls{justify-content:flex-start;align-items:center}.artboard-editor__row--color-popover-anchor .artboard-editor__color-picker{position:static}.artboard-editor__row--color-popover-anchor .artboard-editor__color-popover{left:0;right:0;width:auto;min-width:0;max-width:none}.artboard-editor__row>.artboard-editor__input,.artboard-editor__row>select.artboard-editor__input{flex:1 1 0}.artboard-editor__row--two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.artboard-editor__row--border{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center}.artboard-editor__visible-toggle{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#333}.artboard-editor__visible-toggle--compact{gap:6px;white-space:nowrap}.artboard-editor__button{padding:8px 10px;border:1px solid #d0d0d0;background:#fff;cursor:pointer}.artboard-editor__button--color{display:inline-flex;align-items:center;gap:6px;padding:6px 8px}.artboard-editor__button--active{border-color:#0b5fff;background:#0b5fff;color:#fff}.artboard-editor__button--preset-lock{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.artboard-editor__preset-lock-icon{width:24px;height:24px;display:block;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}.artboard-editor__color-picker{position:relative}.artboard-editor__color-trigger{padding:1px;display:flex;align-items:center;justify-content:center;border:none}.artboard-editor__color-swatch{width:24px;height:24px;border:1px solid #bcc5d1;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.artboard-editor__color-swatch--inline{width:14px;height:14px}.artboard-editor__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.artboard-editor__color-popover{position:absolute;right:0;left:auto;z-index:20;display:flex;flex-direction:column;gap:8px;padding:10px;width:var(--artboard-editor-color-popover-width);min-width:var(--artboard-editor-color-popover-width);max-width:var(--artboard-editor-color-popover-width);box-sizing:border-box;border:1px solid #d0d0d0;background:#fff;box-shadow:0 6px 20px #20293424}.artboard-editor__color-popover .chrome-picker{width:100%!important;box-shadow:none!important;border:0!important;background:transparent!important}.artboard-editor__color-popover--theme-token{top:calc(100% + 6px);left:0;right:0;width:auto;min-width:0;max-width:none}.artboard-editor__color-picker--theme .artboard-editor__color-trigger{background:transparent;padding:0;min-width:22px}.artboard-editor__color-sv-area{position:relative;width:220px;height:132px;cursor:crosshair;touch-action:none}.artboard-editor__color-sv-area:before,.artboard-editor__color-sv-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.artboard-editor__color-sv-area:before{background:linear-gradient(to right,#fff,#fff0)}.artboard-editor__color-sv-area:after{background:linear-gradient(to top,#000,#0000)}.artboard-editor__color-sv-cursor{position:absolute;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #11182473;transform:translate(-50%,-50%);pointer-events:none}.artboard-editor__color-row{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px}.artboard-editor__color-palette{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:8px}.artboard-editor__color-palette-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:6px}.artboard-editor__color-palette-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:100%;min-width:20px;height:20px}.artboard-editor__color-palette-swatch{width:100%;height:100%;border:1px solid #bcc5d1;box-sizing:border-box;background-image:none;opacity:1}.artboard-editor__input--color-value{width:100%;font-family:Consolas,Courier New,monospace;font-size:12px}.artboard-editor__color-eyedropper{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;font-size:12px}.artboard-editor__color-alpha-slider{width:100%;min-width:0;margin:0;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.artboard-editor__color-alpha-value{min-width:42px;text-align:right;font-size:12px;color:#666}.artboard-editor__input--font-size-select,.artboard-editor__input--line-height-select{width:120px;min-width:120px}.artboard-editor__input--font-family,.artboard-editor__input--font-weight{min-width:0}.artboard-editor__input--color-dropdown{min-width:132px}.artboard-editor__row--font-line{display:grid;grid-template-columns:120px 120px 92px;gap:8px;align-items:stretch}.artboard-editor__row--font-family-line{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:stretch}.artboard-editor__input--font-family{width:100%}.artboard-editor__input--font-weight{width:92px;min-width:92px}.artboard-editor__input--border-width{width:72px;min-width:72px;max-width:72px}.artboard-editor__row--border>.artboard-editor__input--border-width{flex:0 0 72px}.artboard-editor__row--border>.artboard-editor__color-picker{min-width:0}.artboard-editor__row--border .artboard-editor__input--color-dropdown{width:100%;min-width:0}.artboard-editor__input--border-color{width:40px;min-width:40px;padding:3px}.artboard-editor__field--tree{margin:0;padding-top:10px;border-top:1px solid #e5e5e5;flex:0 0 auto}.artboard-editor__tree-list{border:1px solid #d9d9d9;background:#f8f9fb;border-radius:6px;padding:8px 10px;height:220px;min-height:120px;max-height:520px;resize:vertical;overflow:auto}.artboard-editor__tree-root,.artboard-editor__tree-branch{margin:0;padding:0;list-style:none}.artboard-editor__tree-branch{margin-left:12px;padding-left:12px;border-left:1px solid #ced5e0}.artboard-editor__tree-node{position:relative}.artboard-editor__tree-node:before{content:"";position:absolute;left:-12px;top:14px;width:12px;border-top:1px solid #ced5e0}.artboard-editor__tree-root>.artboard-editor__tree-node:before{content:none}.artboard-editor__tree-node--last:after{content:"";position:absolute;left:-13px;top:14px;bottom:0;width:2px;background:#f8f9fb}.artboard-editor__tree-item{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:30px;border:0;border-radius:4px;background:transparent;color:#2d3137;cursor:pointer;text-align:left;padding:4px 6px}.artboard-editor__tree-item:hover{background:#11264614}.artboard-editor__tree-item--selected{background:#0b5fff24}.artboard-editor__tree-item--drag-source{opacity:.52}.artboard-editor__tree-item--drop-before{box-shadow:inset 0 2px #0b5fff}.artboard-editor__tree-item--drop-after{box-shadow:inset 0 -2px #0b5fff}.artboard-editor__tree-item--drop-inside{background:#0b5fff1a}.artboard-editor__tree-item-main{display:inline-flex;align-items:center;gap:6px;min-width:0}.artboard-editor__tree-dot{width:7px;height:7px;border-radius:50%;background:#8c97a7;flex:0 0 auto}.artboard-editor__tree-item--selected .artboard-editor__tree-dot{background:#0b5fff}.artboard-editor__tree-label{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.artboard-editor__tree-visibility{display:inline-flex;align-items:center;color:#7a8390;flex:0 0 auto;cursor:pointer}.artboard-editor__tree-visibility:hover{color:#3f4b5a}.artboard-editor__tree-visibility--hidden{color:#4f5a67}.artboard-editor__tree-visibility-icon{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.3}.artboard-editor__tree-type{margin-left:auto;color:#6f7782;font-size:11px;text-transform:lowercase}.artboard-editor__row--icon-inline{display:flex;align-items:center;gap:8px}.artboard-editor__icon-chip{width:34px;height:34px;border:1px solid #ced5df;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#fff}.artboard-editor__icon-chip-glyph{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:18px}.artboard-editor__icon-chip-glyph>*{width:1em;height:1em}.artboard-editor__icon-picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1350;background:#080c1247;display:flex;align-items:center;justify-content:center;padding:24px}.artboard-editor__icon-picker{width:min(920px,calc(100vw - 48px));max-height:min(80vh,740px);border:1px solid #ccd4df;border-radius:10px;background:#fff;box-shadow:0 16px 42px #0f172647;padding:12px;display:flex;flex-direction:column;gap:10px}.artboard-editor__icon-picker-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.artboard-editor__icon-picker-title{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#202833}.artboard-editor__icon-picker-preview{width:30px;height:30px;border:1px solid #ced5df;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#fff;line-height:1}.artboard-editor__icon-picker-preview>*{width:1em;height:1em}.artboard-editor__icon-picker-search{width:100%}.artboard-editor__icon-picker-body{overflow:auto;padding-right:4px;display:flex;flex-direction:column;gap:12px}.artboard-editor__resize-handle{position:relative;width:100%;height:100%;cursor:col-resize;background:transparent;touch-action:none}.artboard-editor__resize-handle:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:#d8dde5}.artboard-editor__resize-handle:hover:before,.artboard-editor__resize-handle--active:before{width:2px;background:#7f8ea3}.artboard-editor__icon-picker-group{display:flex;flex-direction:column;gap:8px}.artboard-editor__icon-picker-group-title{margin:0;font-size:12px;color:#5f6978;font-weight:700}.artboard-editor__icon-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(114px,1fr));gap:8px}.artboard-editor__icon-picker-item{border:1px solid #d6dce6;border-radius:8px;background:#fff;min-height:74px;padding:8px 6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center}.artboard-editor__icon-picker-item:hover{border-color:#b7c3d4;background:#f8fbff}.artboard-editor__icon-picker-item--active{border-color:#0b5fff;background:#edf3ff}.artboard-editor__icon-picker-item-glyph{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:22px;color:#2f3b4c;line-height:1}.artboard-editor__icon-picker-item-glyph>*{width:1em;height:1em}.artboard-editor__icon-picker-item-label{font-size:11px;color:#364150}.artboard-editor__context-menu{position:fixed;z-index:1400;min-width:196px;border:1px solid #d7dde6;border-radius:8px;background:#fff;box-shadow:0 10px 26px #1018282e;padding:6px}.artboard-editor__context-menu-item{width:100%;border:0;border-radius:6px;background:transparent;color:#18212e;padding:7px 9px;text-align:left;cursor:pointer;font-size:12px}.artboard-editor__context-menu-item:hover{background:#eef3ff}@media (max-width: 992px){.artboard-editor{grid-template-columns:220px 1fr}.artboard-editor__inspector{display:none}}.editor-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.editor-page__topbar{min-height:56px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid #e5e5e5;background:#fff}.editor-page__workspace{min-height:42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid #e7ebf1;background:#f8fafc}.editor-page__workspace-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;padding-bottom:2px}.editor-page__workspace-tab{display:inline-flex;align-items:center;min-width:140px;max-width:280px;border:1px solid #cfd7e3;background:#fff}.editor-page__workspace-tab--active{border-color:#0b5fff;box-shadow:inset 0 -2px #0b5fff}.editor-page__workspace-tab-button{flex:1;min-width:0;height:30px;padding:0 10px;border:none;background:transparent;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.editor-page__workspace-tab-dot{width:7px;height:7px;border-radius:50%;background:#0b5fff;flex:0 0 auto}.editor-page__workspace-tab-close{width:30px;height:30px;border:none;border-left:1px solid #e2e8f0;background:transparent;cursor:pointer;color:#667085}.editor-page__workspace-tab-close:hover{background:#eef2f8;color:#111827}.editor-page__workspace-actions{display:inline-flex;align-items:center}.editor-page__workspace-select{min-width:220px}.editor-page__topbar-left{display:flex;align-items:center;gap:8px;min-width:0}.editor-page__topbar-center{justify-self:center;display:flex;align-items:center;gap:8px;min-width:0;overflow:visible}.editor-page__topbar-right{display:flex;align-items:center;gap:8px;min-width:0;overflow-x:auto}.editor-page__title{margin:0;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-page__spacer{flex:1}.editor-page__status{margin:0;font-size:12px;color:#666}.editor-page__button{padding:7px 10px;border:1px solid #d0d0d0;background:#fff;cursor:pointer;height:32px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.editor-page__button--icon{width:32px;min-width:32px;padding:0;font-size:15px;font-weight:700;line-height:1}.editor-page__icon-svg{width:16px;height:16px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.editor-page__button--active{border-color:#0b5fff;background:#0b5fff;color:#fff}.editor-page__screen-title{font-size:12px;font-weight:700;color:#2f3742;margin-right:2px}.editor-page__screen-label{font-size:11px;color:#6b7583}.editor-page__input{height:32px;padding:6px 8px;border:1px solid #d0d0d0;background:#fff}.editor-page__input--preset{width:130px}.editor-page__input--number{width:68px}.editor-page__input--grid{width:58px}.editor-page__input--content-width{width:74px}.editor-page__zoom-control,.editor-page__bg-control{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 8px;border:1px solid #d0d0d0;background:#fff;box-sizing:border-box}.editor-page__bg-control{position:relative}.editor-page__topbar-center .editor-page__button,.editor-page__topbar-center .editor-page__input,.editor-page__topbar-center .editor-page__zoom-control,.editor-page__topbar-center .editor-page__bg-control{height:32px;box-sizing:border-box}.editor-page__zoom-slider{width:120px;margin:0}.editor-page__zoom-value{min-width:44px;font-size:12px;color:#5f6873;text-align:right}.editor-page__color-picker{position:relative}.editor-page__color-trigger{gap:0;padding:0 6px;min-width:32px}.editor-page__color-swatch{width:18px;height:18px;border:1px solid #bcc5d1;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.editor-page__color-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:30;display:flex;flex-direction:column;gap:8px;padding:10px;min-width:240px;border:1px solid #d0d0d0;background:#fff;box-shadow:0 6px 20px #20293424}.editor-page__color-popover .chrome-picker{width:100%!important;box-shadow:none!important;border:0!important;background:transparent!important}.editor-page__color-sv-area{position:relative;width:220px;height:132px;cursor:crosshair;touch-action:none}.editor-page__color-sv-area:before,.editor-page__color-sv-area:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.editor-page__color-sv-area:before{background:linear-gradient(to right,#fff,#fff0)}.editor-page__color-sv-area:after{background:linear-gradient(to top,#000,#0000)}.editor-page__color-sv-cursor{position:absolute;width:12px;height:12px;border:2px solid #ffffff;border-radius:50%;box-shadow:0 0 0 1px #11182473;transform:translate(-50%,-50%);pointer-events:none}.editor-page__color-row{display:flex;align-items:center;gap:8px;justify-content:space-between}.editor-page__color-palette{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:8px}.editor-page__color-palette-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(20px,1fr));gap:6px}.editor-page__color-palette-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:100%;min-width:20px;height:20px}.editor-page__color-palette-swatch{width:100%;height:100%;border:1px solid #bcc5d1;box-sizing:border-box;background-image:none;opacity:1}.editor-page__color-eyedropper{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;font-size:12px}.editor-page__input--color-value{width:152px;font-family:Consolas,Courier New,monospace;font-size:12px}.editor-page__input--color-dropdown{min-width:156px}.editor-page__color-alpha-slider{width:120px;margin:0;background-image:linear-gradient(45deg,#e9edf3 25%,transparent 25%),linear-gradient(-45deg,#e9edf3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9edf3 75%),linear-gradient(-45deg,transparent 75%,#e9edf3 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0}.editor-page__color-meta{display:flex;flex-direction:column;gap:2px;margin-top:2px}.editor-page__button:disabled{opacity:.6;cursor:not-allowed}.editor-page__canvas{flex:1;min-height:0;min-width:0;position:relative;overflow:hidden}.editor-page__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffffd9;border-top:1px solid transparent;z-index:10}.editor-page__overlay-text{margin:0;font-size:14px;color:#333}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px;background:#f5f6f8}.login-page__card{width:100%;max-width:360px;border:1px solid #d9dce2;background:#fff;padding:20px;display:flex;flex-direction:column;gap:12px}.login-page__loading{margin:0;color:#4a4a4a}.login-page__title{margin:0;font-size:20px;font-weight:700}.login-page__error{margin:0;color:#b00020;font-size:14px}.login-page__label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#333}.login-page__input{border:1px solid #cfd4dc;padding:8px 10px;font-size:14px}.login-page__button{border:1px solid #c5ccd8;background:#fff;padding:8px 10px;font-size:14px;cursor:pointer}.login-page__button:disabled{opacity:.65;cursor:not-allowed}.projects-page{padding:16px}.projects-page__header{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px}.projects-page__title{margin:0}.projects-page__toolbar{display:flex;gap:8px;align-items:center;margin:0 0 12px}.projects-page__button{padding:8px 12px;border:1px solid #d0d0d0;background:#fff;cursor:pointer}.projects-page__button:disabled{opacity:.6;cursor:not-allowed}.projects-page__list{display:flex;flex-direction:column;gap:8px}.projects-page__item{border:1px solid #e5e5e5;padding:12px;display:flex;gap:12px;align-items:center;justify-content:space-between}.projects-page__item-left{min-width:0;display:flex;flex-direction:column;gap:4px}.projects-page__item-title{font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.projects-page__item-meta{margin:0;font-size:12px;color:#666}.projects-page__item-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.projects-page__share-status{height:34px;padding:8px 12px;border:1px solid #d0d0d0;background:#f6f7f9;color:#5d6570;cursor:default}.projects-page__share-status--active{border-color:#c6dbff;background:#eaf2ff;color:#1f4d9e}.projects-page__link{color:#0b5fff;text-decoration:none}.projects-page__link:hover{text-decoration:underline}.projects-page__input{padding:8px 10px;border:1px solid #d0d0d0;width:320px;max-width:100%}.projects-page__error{margin:0 0 12px;color:#b00020}.projects-page__loading{margin:0}.projects-page__empty{margin:0;color:#666}.share-viewer-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.share-viewer-page__topbar{height:52px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid #e5e5e5;background:#fff}.share-viewer-page__title{margin:0;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-viewer-page__status{margin:0;font-size:12px;color:#666}.share-viewer-page__spacer{flex:1}.share-viewer-page__canvas{flex:1;min-height:0;overflow:auto;padding:14px 24px 24px;box-sizing:border-box}.share-viewer-page__error{padding:12px;color:#b00020}.require-auth{min-height:100vh;display:flex;align-items:center;justify-content:center}.require-auth__text{margin:0;color:#4a4a4a}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#root{height:100%}