.uc-editor{--uc-navy:var(--ink,#142442);--uc-blue:var(--blue,#2360e8);--uc-line:#d9e2ee;color:var(--uc-navy);background:#f2f6fa;max-width:1500px;margin:0 auto;padding:24px 20px;font-size:14px}.uc-editor *{box-sizing:border-box}.uc-editor button,.uc-editor input,.uc-editor select,.uc-editor textarea{font:inherit}.uc-editor button{border:1px solid var(--uc-line);min-height:42px;color:var(--uc-navy);cursor:pointer;background:#fff;border-radius:8px;padding:8px 12px;font-weight:600}.uc-editor button:hover{border-color:var(--uc-blue);background:#f2f7ff}.uc-editor button:disabled{opacity:.4;cursor:default}.uc-editor :focus-visible{outline-offset:3px;outline:3px solid #2865d2}.uc-editor button.uc-primary{background:var(--uc-blue);color:#fff;border-color:var(--uc-blue)}.uc-editor button[aria-pressed=true]{color:var(--uc-blue);border-color:var(--uc-blue);background:#e9f1ff}.uc-command{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.uc-command a{color:#3f5c80;font-size:13px;text-decoration:none}.uc-command h1,.uc-command h2{letter-spacing:-.7px;margin:8px 0;font-size:clamp(19px,2.5vw,28px)}.uc-command-buttons{flex-wrap:wrap;gap:8px;display:flex}.uc-notice{background:#edf1e7;border-radius:8px;min-height:38px;margin-bottom:14px;padding:10px 14px;font-size:13px}.uc-notice[data-error=true]{color:#792300;background:#fff0e9}.uc-workspace{grid-template-columns:94px minmax(200px,1fr) 292px;align-items:start;gap:14px;display:grid}.uc-tools,.uc-properties,.uc-canvas-column{border:1px solid var(--uc-line);background:#fff;border-radius:12px}.uc-tools{order:0;gap:5px;width:auto;padding:8px;display:grid}.uc-tools button{border-color:#0000;justify-items:center;gap:5px;min-height:76px;padding:8px 3px;font-size:12px;display:grid}.uc-tools button span{font-size:12px;line-height:1.3}.uc-tools button svg{width:25px;height:25px}.uc-canvas-column{min-width:0;padding:12px}.uc-stage{touch-action:none;background:#edf0f4;border-radius:6px;justify-content:safe center;align-items:safe center;height:min(66vw,670px);min-height:360px;display:flex;position:relative;overflow:auto}.uc-canvas{aspect-ratio:1;background-color:#fff;background-image:linear-gradient(45deg,#e8ebef 25%,#0000 25%),linear-gradient(-45deg,#e8ebef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ebef 75%),linear-gradient(-45deg,#0000 75%,#e8ebef 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;flex-shrink:0;width:100%;position:relative}.uc-canvas>svg{width:100%;height:100%;display:block;overflow:hidden}.uc-canvas [data-layer]{cursor:move}.uc-canvas [data-locked=true]{cursor:not-allowed}.uc-canvas .uc-selection-box{fill:none;stroke:#2865d2;stroke-width:1.5px;vector-effect:non-scaling-stroke;pointer-events:none}.uc-canvas .uc-handle{fill:#fff;stroke:#2865d2;stroke-width:1.5px;vector-effect:non-scaling-stroke;cursor:nwse-resize}.uc-canvas .uc-rotate-handle{cursor:crosshair}.uc-stage-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:12px;display:flex}.uc-stage-toolbar output{text-align:center;min-width:50px}.uc-hint{color:#52637a;font-size:12px;line-height:1.6}.uc-canvas-column>.uc-hint{text-align:center;margin:10px 0 0}.uc-properties{max-height:850px;padding:20px;overflow:auto}.uc-properties h2{letter-spacing:-.5px;margin:0 0 10px;font-size:21px}.uc-properties h3{margin:24px 0 10px;font-size:14px}.uc-selection{overflow-wrap:anywhere;background:#f2f6fa;border-radius:6px;margin-bottom:20px;padding:8px}.uc-editor label{flex-direction:column;gap:7px;margin:14px 0;font-weight:600;display:flex}.uc-editor label input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=radio]),.uc-editor select,.uc-editor textarea{border:1px solid var(--uc-line);color:var(--uc-navy);background:#fff;border-radius:7px;width:100%;min-height:42px;padding:10px}.uc-editor input[type=color]{border:1px solid var(--uc-line);background:#fff;border-radius:5px;width:100%;min-width:50px;height:42px;padding:3px}.uc-editor input[type=range]{accent-color:var(--uc-blue);width:100%}.uc-editor label.uc-check{flex-direction:row;align-items:flex-start;font-size:12px;font-weight:500;line-height:1.5}.uc-check input{accent-color:var(--uc-blue);flex-shrink:0;width:18px;height:18px}.uc-row{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.uc-row label{min-width:0}.uc-swatches{flex-wrap:wrap;gap:7px;margin:14px 0;display:flex}.uc-swatches button{border:2px solid #d9e2ee;border-radius:50%;width:30px;min-height:30px;padding:0}.uc-presets,.uc-backgrounds{grid-template-columns:1fr 1fr;gap:7px;display:grid}.uc-backgrounds button{min-height:65px;font-size:11px}.uc-checker{background-color:#fff!important;background-image:linear-gradient(45deg,#e8ebef 25%,#0000 25%),linear-gradient(-45deg,#e8ebef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8ebef 75%),linear-gradient(-45deg,#0000 75%,#e8ebef 75%)!important;background-position:0 0,0 10px,10px -10px,-10px 0!important;background-size:20px 20px!important}.uc-layer-list{gap:6px;max-height:340px;display:grid;overflow:auto}.uc-layer{grid-template-columns:minmax(0,1fr) 35px 35px;gap:3px;display:grid}.uc-layer button{text-overflow:ellipsis;white-space:nowrap;min-height:39px;padding:6px;font-size:12px;overflow:hidden}.uc-layer button:first-child{text-align:left}.uc-editor dialog{border:1px solid var(--uc-line);width:min(730px,100% - 24px);max-height:90vh;color:var(--uc-navy);border-radius:16px;padding:28px;overflow:auto;box-shadow:0 20px 100px #182b4b44}.uc-editor dialog::backdrop{backdrop-filter:blur(2px);background:#14233e88}.uc-modal-top{justify-content:space-between;align-items:center;gap:15px;display:flex}.uc-modal-top h2{letter-spacing:-1px;margin:0;font-size:28px}.uc-modal-top button{flex-shrink:0;width:42px;padding:0;font-size:25px}.uc-export-layout{grid-template-columns:1fr 1fr;gap:24px;margin:20px 0;display:grid}.uc-export-preview{border-radius:8px;align-items:center;min-width:0;display:flex;overflow:hidden}.uc-export-preview>svg{width:100%;height:auto;max-height:350px}.uc-download{width:100%;min-height:50px!important}.uc-editor [hidden]{display:none!important}.uc-stage.uc-paper-mode{background:#e5ebf2}.uc-stage.uc-paper-mode .uc-canvas{background:#fff;box-shadow:0 2px 15px #1b293c22}.uc-paper-margin{fill:none;stroke:#9aabc1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;pointer-events:none}@media (width<=1100px){.uc-workspace{grid-template-columns:75px minmax(160px,1fr) 255px;gap:9px}.uc-properties{padding:15px}.uc-editor{padding:18px 12px}.uc-command-buttons{gap:5px}.uc-command-buttons button{padding:8px}}@media (width<=800px){.uc-command{flex-direction:column;align-items:flex-start;gap:8px}.uc-workspace{grid-template-columns:1fr}.uc-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid;overflow:visible}.uc-tools button{min-width:0;min-height:66px;padding:8px 2px}.uc-tools button span{font-size:11px}.uc-tools button svg{width:23px;height:23px}.uc-canvas-column{padding:8px}.uc-stage{height:70vw;min-height:300px;max-height:580px}.uc-properties{min-height:240px;max-height:none}.uc-properties>div{max-width:550px;margin:auto}.uc-stage-toolbar button{font-size:12px}.uc-editor dialog{padding:20px}.uc-export-layout{gap:15px}.uc-command-buttons{width:100%}.uc-command-buttons button{white-space:nowrap;flex:1;font-size:12px}.uc-hint{font-size:12px}}@media (width<=400px){.uc-editor{padding:15px 8px}.uc-command-buttons{flex-wrap:wrap}.uc-command-buttons button{min-width:60px}.uc-stage{min-height:260px}.uc-stage-toolbar{gap:4px}.uc-stage-toolbar button{padding:6px 8px}.uc-export-layout{grid-template-columns:1fr}.uc-export-preview,.uc-export-preview>svg{max-height:200px}}.uc-format-choices{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.uc-format-choices legend{margin-bottom:10px;font-weight:600}.uc-editor .uc-format-choices label{cursor:pointer;margin:0;position:relative}.uc-format-choices input{opacity:0;width:1px;height:1px;position:absolute}.uc-format-choices label>span{border:1px solid var(--uc-line);background:#fff;border-radius:10px;justify-items:center;gap:6px;padding:14px 8px;transition:background .15s,border-color .15s;display:grid}.uc-format-choices strong{font-size:15px}.uc-format-choices small{font-size:11px;font-weight:400}.uc-format-choices input:checked+span{border-color:var(--uc-blue);color:var(--uc-blue);box-shadow:inset 0 0 0 1px var(--uc-blue);background:#edf3ff}.uc-format-choices input:focus-visible+span{outline:3px solid var(--uc-blue);outline-offset:3px}.uc-editor button{transition:background .15s,border-color .15s,box-shadow .15s}.uc-editor button:active:not(:disabled){box-shadow:inset 0 1px 3px #14244220}.uc-editor .uc-tools button[aria-pressed=true]{box-shadow:inset 3px 0 var(--uc-blue)}.uc-editor .uc-command-buttons button{min-height:44px}.uc-editor .uc-download[aria-busy=true]{cursor:progress}.uc-editor .uc-notice{background:#eaf2fc}.uc-properties{scrollbar-gutter:stable}.uc-studio-label{letter-spacing:1.7px;color:#52634c;font-size:10px;font-weight:750}.uc-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:16px 0;display:grid}.uc-shape-grid button{flex-direction:column;align-items:center;gap:4px;min-height:82px;padding:10px 4px;display:flex}.uc-shape-grid button span{font-size:11px;line-height:1.25}.uc-shape-grid button svg{flex-shrink:0}.uc-empty-canvas{text-align:center;pointer-events:none;color:#52637a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:25px;display:flex;position:absolute;inset:0}.uc-empty-canvas strong{color:#1b293c;background:#ffffffed;border-radius:7px;padding:6px 10px;font-size:clamp(16px,2vw,24px)}.uc-empty-canvas span{background:#ffffffed;border-radius:5px;padding:4px 8px;font-size:12px}.uc-editor[data-creator] .uc-properties{max-height:1080px}.uc-editor[data-creator] .uc-properties [data-pane=create]>button{width:100%;margin-top:8px}.uc-editor[data-creator] .uc-properties [data-pane=canvas]>button{margin:5px 0}.uc-editor[data-drawing=true] .uc-stage{cursor:crosshair}@media (width<=800px){.uc-editor[data-creator] .uc-properties{max-height:none}.uc-editor[data-creator] .uc-tools{grid-template-columns:repeat(5,minmax(0,1fr))}.uc-shape-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.uc-shape-grid button svg{width:48px;height:38px}.uc-shape-grid button{min-height:72px}}@media (width<=400px){.uc-editor[data-creator] .uc-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.uc-shape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.uc-editor[data-creator] .uc-notice{min-height:56px}@media (width<=800px){.uc-editor[data-creator] .uc-notice{min-height:74px}}
