.workflow-backdrop{z-index:160;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#18152561;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.workflow-modal.workflow-modal{color:#282536;background:#fff;border:1px solid #ddd8eb;border-radius:18px;flex-direction:column;width:min(960px,100%);max-width:100%;min-height:0;max-height:calc(100dvh - 48px);margin:0;padding:0;font:14px/1.6 Arial,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 100px #17112940}.workflow-modal.workflow-compact{width:min(560px,100%)}.workflow-modal.workflow-review{width:min(1200px,100%)}.workflow-modal>.workflow-header{background:#fff;border-bottom:1px solid #ebe8f1;flex:none;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:20px 28px;display:flex;position:static}.workflow-header h3{letter-spacing:-.6px;margin:2px 0 0;font-size:21px}.workflow-eyebrow{letter-spacing:1.8px;color:#78659e;font-size:10px;font-weight:700}.workflow-modal.workflow-modal .workflow-header>button{flex:none;width:40px;height:40px;padding:0;font-size:25px}.workflow-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:24px 28px;overflow:auto}.workflow-footer{background:#faf9fd;border-top:1px solid #e6e1ef;flex:none;padding:16px 28px}.workflow-footer:empty{display:none}.workflow-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.workflow-actions:empty{display:none}.workflow-action-hint{color:#696374;flex:1;min-width:180px;margin:0 auto 0 0;font-size:13px}.workflow-action-hint p{margin:0}.workflow-modal.workflow-modal button{white-space:normal;cursor:pointer;background:#fff;border:1px solid #ddd7e8;border-radius:8px;justify-content:center;align-items:center;gap:8px;max-width:100%;min-height:40px;padding:9px 14px;font-size:14px;line-height:1.5;display:inline-flex}.workflow-modal.workflow-modal button:hover:not(:disabled){background:#f4f0fb;border-color:#b9aad8}.workflow-modal.workflow-modal button:focus-visible{outline-offset:2px;outline:3px solid #a594ed}.workflow-modal.workflow-modal button:disabled{opacity:.45;cursor:not-allowed}.workflow-modal.workflow-modal button.design-primary,.workflow-modal.workflow-modal button.primary{color:#fff;background:#7254b3;border-color:#7254b3;font-weight:700}.workflow-modal.workflow-modal button.design-primary:hover:not(:disabled),.workflow-modal.workflow-modal button.primary:hover:not(:disabled){background:#604299}.workflow-modal.workflow-modal label{color:#433d51;margin:0 0 16px;font-size:14px;font-weight:600;display:block}.workflow-modal.workflow-modal input:not([type=checkbox]):not([type=range]):not([type=color]),.workflow-modal.workflow-modal select,.workflow-modal.workflow-modal textarea{background:#fff;border:1px solid #dcd6e6;border-radius:8px;width:100%;min-height:40px;margin-top:8px;padding:10px 12px;font-size:14px}.workflow-modal.workflow-modal textarea{resize:vertical;line-height:1.6}.workflow-modal.workflow-modal input[type=checkbox]{width:16px;height:16px;margin:0 8px 0 0}.workflow-modal.workflow-modal .design-check{align-items:center;gap:8px;display:flex}.workflow-modal.workflow-modal summary{padding:12px 0;font-size:14px}.workflow-modal.workflow-modal details{margin-bottom:16px}.workflow-modal.workflow-modal h4{margin:0 0 16px;font-size:16px}.workflow-modal.workflow-modal p{margin:0 0 16px}.workflow-modal.workflow-modal [hidden]{display:none!important}.workflow-modal.workflow-modal small{font-size:12px;line-height:1.6}.workflow-modal.workflow-modal .design-hint{background:#f5f3f9;border-radius:8px;margin:0 0 24px;padding:14px 16px;font-size:13px}.workflow-modal.workflow-modal .reference-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.workflow-modal.workflow-modal .reference-columns>div{min-width:0}.workflow-button-group,.workflow-modal.workflow-modal .reference-tools,.workflow-modal.workflow-modal .reference-job-actions,.workflow-modal.workflow-modal .button-row,.workflow-modal.workflow-modal .prompt-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.workflow-reference-link{color:#70667e;border-top:1px solid #ece7f3;border-bottom:1px solid #ece7f3;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:16px 0;font-size:13px;display:flex}.workflow-modal.workflow-modal .design-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid;overflow:hidden}.workflow-modal.workflow-modal .design-compare>div{background:#f5f3f8;border-radius:12px;min-width:0;padding:16px;overflow:auto}.workflow-modal.workflow-modal .reference-result{margin-top:24px}.workflow-modal.workflow-modal .focused-visual-result>img{object-fit:contain;max-height:45vh}.workflow-modal.workflow-modal .image-editor-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.workflow-modal.workflow-modal .image-controls{min-width:0}.workflow-modal.workflow-modal .segmented{gap:8px;margin-bottom:16px;display:flex}.workflow-modal.workflow-modal .segmented button.active{background:#eee7fa;border-color:#967abe}.workflow-modal.workflow-modal button+button{margin-left:8px}.workflow-modal.workflow-modal :is(.workflow-actions,.workflow-button-group,.reference-tools,.reference-job-actions,.button-row,.prompt-chips,.segmented)>button{margin-left:0}.design-header-actions{flex-wrap:wrap;gap:8px}.design-asset>div:last-child{gap:8px}@media (max-width:767px){.workflow-backdrop{padding:12px}.workflow-modal.workflow-modal{border-radius:12px;max-height:calc(100dvh - 24px)}.workflow-modal>.workflow-header{padding:16px}.workflow-header h3{font-size:18px}.workflow-body{padding:16px}.workflow-footer{padding:12px 16px}.workflow-modal.workflow-modal .reference-columns,.workflow-modal.workflow-modal .image-editor-grid,.workflow-modal.workflow-modal .design-compare{grid-template-columns:minmax(0,1fr)}.workflow-reference-link{flex-direction:column;align-items:flex-start}.workflow-actions{gap:8px}.workflow-action-hint{flex-basis:100%;min-width:0}.workflow-modal.workflow-modal .reference-template-preview,.workflow-modal.workflow-modal .product-page{max-width:100%}}.workflow-modal{word-break:keep-all;overflow-wrap:anywhere}.workflow-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.workflow-footer>.workflow-actions:only-child{width:100%}.theme-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0;display:grid}.theme-variant{border:2px solid #e5deef;border-radius:12px;min-width:0;padding:16px}.theme-variant.selected{background:#f9f5ff;border-color:#7254b3}.theme-swatches{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.theme-swatches span{align-items:center;gap:6px;font-size:12px;display:flex}.theme-swatches i{border:1px solid #ccc;border-radius:6px;width:24px;height:24px}.theme-page-preview{background:#eee;max-height:360px;margin-bottom:16px;overflow:auto}.design-compare .theme-page-preview{max-height:65vh}.theme-variant .workflow-button-group{margin:0}@media (max-width:767px){.theme-variant-grid{grid-template-columns:minmax(0,1fr)}}.theme-page-preview .product-page{max-width:none!important}
.workflow-backdrop.catalog-backdrop{background:#1b182770;padding:24px}.workflow-backdrop.catalog-backdrop>.catalog-v2{--catalog-border:#e9e6ee;--catalog-muted:#787181;--catalog-accent:#7352ad;isolation:isolate;border-radius:18px;width:min(1440px,100%);height:min(92dvh,100dvh - 48px);max-height:calc(100dvh - 48px);font-family:Arial,Noto Sans KR,sans-serif}.catalog-v2 *{box-sizing:border-box}.catalog-v2.workflow-modal>.workflow-header{gap:28px;padding:18px 24px}.catalog-v2.workflow-modal>.workflow-header h3{white-space:nowrap;font-size:19px}.catalog-v2.workflow-modal>.workflow-header .workflow-eyebrow{display:none}.catalog-v2.workflow-modal>.workflow-header>button{color:#777080;background:#f4f2f6;border:0;width:36px;height:36px;min-height:36px}.catalog-v2.workflow-modal>.workflow-body{scrollbar-gutter:auto;flex:1;min-height:0;padding:0;display:flex;overflow:hidden}.catalog-v2.workflow-modal button,.catalog-v2.workflow-modal summary{white-space:normal;border-radius:7px;min-height:36px;padding:8px 11px;font-size:13px;font-weight:500;line-height:1.45}.catalog-v2.workflow-modal button{color:#494250;border-color:#e4dfe9}.catalog-backdrop .catalog-v2.workflow-modal button+button{margin-left:0}.catalog-backdrop .catalog-v2.workflow-modal button.catalog-selection-clear{margin-left:auto}.catalog-v2.workflow-modal button svg,.catalog-v2 summary svg{flex:none}.catalog-v2.workflow-modal .design-primary{color:#fff}.catalog-v2.workflow-modal input,.catalog-v2.workflow-modal select,.catalog-v2.workflow-modal textarea{font:inherit;color:#39323f;min-width:0;max-width:100%;box-shadow:none;background:#fff;border:1px solid #ded8e5;border-radius:7px;margin:0;padding:9px 10px;font-size:13px}.catalog-v2.workflow-modal select{width:auto}.catalog-v2.workflow-modal label{color:inherit;margin:0;font-size:13px}.catalog-v2.workflow-modal input[type=checkbox]{appearance:auto;accent-color:var(--catalog-accent);cursor:pointer;flex:none;height:16px;min-height:0;width:16px!important;margin:0!important;display:block!important}.catalog-v2.workflow-modal :is(button,a,input,select,textarea,summary):focus-visible{outline-offset:2px;outline:3px solid #a890d3}.catalog-v2.workflow-modal h4{letter-spacing:-.35px;margin:0;font-size:17px}.catalog-v2.workflow-modal p{margin:0;line-height:1.7}.catalog-v2.workflow-modal .catalog-header-search{max-width:620px;color:var(--catalog-muted);background:#f5f3f7;border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:10px;min-width:0;margin:0 auto;padding:0 12px;display:flex}.catalog-v2 .catalog-header-search:focus-within{background:#fff;border-color:#bba8d5}.catalog-v2.workflow-modal .catalog-header-search input:not([type=checkbox]):not([type=range]):not([type=color]){background:0 0;border:0;outline:none;width:100%;height:40px;margin:0;padding:9px 0}.catalog-v2.workflow-modal .catalog-header-search button{border:0;flex:none;min-height:28px;padding:4px}.catalog-v2 .catalog-root{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.catalog-v2 .catalog-layout{flex:1;min-width:0;min-height:0;display:flex;position:relative}.catalog-v2 .catalog-navigation{border-right:1px solid var(--catalog-border);background:#faf9fc;flex-direction:column;flex:0 0 220px;min-width:0;padding:20px 14px;display:flex;overflow:auto}.catalog-v2.workflow-modal .catalog-navigation button{text-align:left;color:#6c6476;background:0 0;border:0;justify-content:flex-start;gap:10px;width:100%;min-width:0;min-height:40px;padding:10px 12px;display:flex}.catalog-v2 .catalog-navigation button>span:not(.catalog-count){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.catalog-v2.workflow-modal .catalog-navigation button.active{color:#654195;background:#ece5f6;font-weight:600}.catalog-v2.workflow-modal .catalog-navigation button:hover{background:#f0ecf5}.catalog-v2 .catalog-nav-primary{gap:3px;margin-bottom:26px;display:grid}.catalog-v2 .catalog-nav-title{justify-content:space-between;align-items:center;padding:0 4px 8px 12px;display:flex}.catalog-v2.workflow-modal .catalog-nav-title h4{color:#88818e;letter-spacing:.7px;font-size:11px;font-weight:700}.catalog-v2.workflow-modal .catalog-nav-title button{justify-content:center;width:28px;height:28px;min-height:28px;padding:4px}.catalog-v2 .catalog-count{color:#8a8194;font-variant-numeric:tabular-nums;font-size:11px}.catalog-v2 .catalog-collection-list{flex-direction:column;gap:3px;display:flex}.catalog-v2.workflow-modal .catalog-nav-hint{color:#958b9f;padding:12px;font-size:12px;line-height:1.8}.catalog-v2.workflow-modal .catalog-nav-search{width:100%;margin:0 0 8px;font-size:12px}.catalog-v2 .catalog-nav-secondary{border-top:1px solid var(--catalog-border);margin-top:auto;padding-top:14px}.catalog-v2 .catalog-collection-list+.catalog-nav-secondary{margin-top:24px}.catalog-v2 .catalog-saved-searches{margin:20px 0!important}.catalog-v2 .catalog-saved-searches>summary{color:#857a91;cursor:pointer;font-size:12px!important}.catalog-v2 .catalog-saved-searches>div{display:flex}.catalog-v2 .catalog-saved-searches>div>button:last-child{flex:none;justify-content:center;width:32px;padding:5px}.catalog-v2.workflow-modal .catalog-inline-form{border:1px solid var(--catalog-border);background:#fff;border-radius:8px;margin-bottom:10px;padding:10px}.catalog-v2 .catalog-inline-form input{width:100%;margin:6px 0!important}.catalog-v2 .catalog-inline-form>div{gap:5px;display:flex}.catalog-v2.workflow-modal .catalog-inline-form button{border:1px solid var(--catalog-border);width:auto;min-height:32px;padding:6px 8px;font-size:11px}.catalog-v2.workflow-modal .catalog-inline-form .design-primary{background:var(--catalog-accent);color:#fff}.catalog-v2 .catalog-layout>main{background:#fff;flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.catalog-v2 .catalog-toolbar{flex-direction:column;flex:none;gap:16px;padding:24px 26px 14px;display:flex}.catalog-v2 .catalog-location{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.catalog-v2 .catalog-location>div:first-of-type{min-width:0}.catalog-v2 .catalog-location h4{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden;font-size:23px!important}.catalog-v2 .catalog-eyebrow{letter-spacing:1.8px;color:#9b91a5;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.catalog-v2 .catalog-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.catalog-v2.workflow-modal .catalog-tools>select{border-color:var(--catalog-border);min-height:36px;padding:6px 28px 6px 10px}.catalog-v2 .catalog-tools>.catalog-menu:last-child{margin-left:auto}.catalog-v2.workflow-modal .catalog-nav-toggle,.catalog-v2.workflow-modal .catalog-navigation .catalog-nav-close{display:none}.catalog-v2.workflow-modal details.catalog-menu{flex:none;min-width:0;margin:0;position:relative}.catalog-v2.workflow-modal .catalog-menu>summary{cursor:pointer;border:1px solid var(--catalog-border);color:#62586d;-webkit-user-select:none;user-select:none;background:#fff;justify-content:center;align-items:center;gap:6px;padding:8px 10px;list-style:none;display:flex}.catalog-v2 .catalog-menu>summary::-webkit-details-marker{display:none}.catalog-v2 .catalog-menu[open]>summary{background:#f1ecf8;border-color:#cfc0e3}.catalog-v2 .catalog-menu-content{z-index:12;background:#fff;border:1px solid #e2dbe9;border-radius:10px;width:240px;max-width:calc(100vw - 64px);max-height:360px;padding:8px;position:absolute;top:calc(100% + 6px);right:0;overflow:auto;box-shadow:0 12px 40px #24133824}.catalog-v2.workflow-modal .catalog-menu-content>button{text-align:left;border:0;justify-content:flex-start;width:100%}.catalog-v2 .catalog-menu-content>label{flex-direction:column;gap:8px;padding:7px;display:flex}.catalog-v2 .catalog-menu-content>label>select{width:100%}.catalog-v2 .catalog-menu-up .catalog-menu-content{width:280px;inset:auto auto calc(100% + 8px) 0}.catalog-v2 .catalog-tools>.catalog-menu:not(:last-child) .catalog-menu-content{left:0;right:auto}.catalog-v2 .catalog-result-bar{color:#8a8193;flex:none;align-items:center;gap:12px;padding:0 26px 12px;font-size:11px;display:flex}.catalog-v2.workflow-modal .catalog-scope-hint{color:#796889;background:#f7f4fb;border-radius:7px;flex:none;margin:0 18px 12px;padding:10px 12px;font-size:12px}.catalog-v2.workflow-modal .catalog-result-bar label{color:#83798d;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.catalog-v2 .catalog-result-bar>span{margin-left:auto}.catalog-v2.workflow-modal .catalog-result-bar button{color:#684795;background:#f0eaf7;border:0;min-height:26px;padding:4px 7px;font-size:11px}.catalog-v2 .catalog-grid{scrollbar-gutter:stable;flex:1;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));align-content:start;gap:20px;min-height:0;padding:8px 26px 24px;display:grid;overflow:auto}.catalog-v2 .catalog-grid.small{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}.catalog-v2 .catalog-grid.large{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.catalog-v2 .catalog-grid article{content-visibility:auto;contain-intrinsic-size:auto 252px;background:#fff;border:1px solid #ece8f0;border-radius:11px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:0 8px;min-width:0;padding:8px 8px 10px;transition:border-color .12s,box-shadow .12s;display:grid;position:relative}.catalog-v2 .catalog-grid article:hover{border-color:#c6b6dc;box-shadow:0 3px 12px #47335b0d}.catalog-v2 .catalog-grid article:is(.is-selected,.is-active){background:#fcfaff;border-color:#9674c6;box-shadow:0 0 0 1px #cbb7e7}.catalog-v2.workflow-modal .catalog-card-select{z-index:1;cursor:pointer;background:#ffffffeb;border-radius:5px;justify-content:center;align-items:center;min-width:26px;min-height:26px;padding:5px;display:flex;position:absolute;top:16px;left:16px}.catalog-v2 .catalog-selection-mark{display:none}.catalog-v2 .catalog-card-star{z-index:1;color:#ab832e;background:#ffffffd9;border-radius:4px;padding:3px;display:flex;position:absolute;top:19px;right:17px}.catalog-v2.workflow-modal .catalog-thumb{background:#f1eff3;border:0;border-radius:6px;grid-column:1/-1;justify-content:center;align-items:center;width:100%;height:174px;min-height:0;padding:0;display:flex;overflow:hidden}.catalog-v2 .catalog-thumb img{object-fit:contain;object-position:top;width:100%;height:100%}.catalog-v2 .catalog-grid.small .catalog-thumb{height:130px}.catalog-v2 .catalog-grid.large .catalog-thumb{height:250px}.catalog-v2 .catalog-preview-placeholder{color:#a29aa9;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;height:100%;min-height:90px;font-size:11px;display:flex}.catalog-v2.workflow-modal .catalog-card-name{text-align:left;background:0 0;border:0;grid-column:1/-1;justify-content:flex-start;align-items:flex-start;min-width:0;min-height:42px;max-height:48px;padding:9px 3px 0;overflow:hidden}.catalog-v2 .catalog-card-name strong{-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;font-size:13px;font-weight:600;line-height:1.5;display:-webkit-box;overflow:hidden}.catalog-v2 .catalog-card-kind{color:#93879f;grid-column:1;align-self:center;padding:6px 3px 0;font-size:10px}.catalog-v2.workflow-modal .catalog-card-use{color:#7352ad;background:#f7f2fc;border-color:#e2d6f0;grid-column:2;align-self:center;min-height:28px;margin-top:4px;padding:4px 10px;font-size:11px}.catalog-v2 .catalog-grid.list{grid-template-columns:minmax(0,1fr);gap:8px}.catalog-v2 .catalog-grid.list article{contain-intrinsic-size:auto 90px;grid-template-rows:auto;grid-template-columns:26px 78px minmax(0,1fr) 90px auto;align-items:center;gap:12px;padding:10px}.catalog-v2 .catalog-grid.list .catalog-card-select{grid-area:1/1;padding:4px;position:static}.catalog-v2 .catalog-grid.list .catalog-thumb{grid-area:1/2;width:78px;height:66px}.catalog-v2 .catalog-grid.list .catalog-card-name{grid-area:1/3;min-height:0;max-height:40px;padding:0}.catalog-v2 .catalog-grid.list .catalog-card-kind{grid-area:1/4;padding:0}.catalog-v2 .catalog-grid.list .catalog-card-use{grid-area:1/5;margin:0}.catalog-v2 .catalog-grid.list .catalog-card-star{padding:2px;top:12px;left:96px;right:auto}.catalog-v2 .catalog-batch{z-index:3;background:#f4eefb;border-top:1px solid #d9c9ef;flex-wrap:wrap;flex:none;align-items:center;gap:8px;padding:12px 20px;display:flex;position:relative;box-shadow:0 -5px 20px #4c28630b}.catalog-v2 .catalog-batch>strong{color:#694598;white-space:nowrap;margin-right:6px;font-size:13px}.catalog-v2.workflow-modal .catalog-selection-clear{color:#83718f;background:0 0;border:0;margin-left:auto;padding:6px;font-size:12px}.catalog-v2 .catalog-collection-picker{border:0;min-width:0;margin:0 0 8px;padding:8px}.catalog-v2 .catalog-collection-picker legend{margin-bottom:6px;font-size:12px;font-weight:600}.catalog-v2 .catalog-collection-picker>div{max-height:180px;margin:4px 0;overflow:auto}.catalog-v2 .catalog-collection-picker>input{width:100%}.catalog-v2.workflow-modal .catalog-collection-picker label{cursor:pointer;align-items:center;gap:8px;padding:9px 3px;font-size:12px;display:flex}.catalog-v2 .catalog-collection-picker label span{overflow-wrap:anywhere;min-width:0}.catalog-v2 .catalog-collection-picker p{color:#95869d;font-size:12px}.catalog-v2 .catalog-pagination{border-top:1px solid var(--catalog-border);color:#8b8196;background:#fff;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 26px;font-size:11px;display:flex}.catalog-v2 .catalog-pagination>div{gap:5px;display:flex}.catalog-v2.workflow-modal .catalog-pagination button{width:30px;min-height:30px;padding:5px}.catalog-v2 .catalog-detail{border-left:1px solid var(--catalog-border);z-index:4;background:#fff;flex:0 0 360px;min-width:0;overflow:auto}.catalog-v2 .catalog-detail-heading{z-index:2;border-bottom:1px solid var(--catalog-border);color:#93879e;background:#fff;justify-content:space-between;align-items:center;padding:14px 20px;font-size:12px;display:flex;position:sticky;top:0}.catalog-v2.workflow-modal .catalog-detail-heading button{border:0;min-height:28px;padding:5px}.catalog-v2 .catalog-detail-preview{background:#f2f0f5;border-radius:8px;min-height:140px;max-height:42vh;margin:18px;overflow:auto}.catalog-v2 .catalog-detail-preview img{width:100%;height:auto;display:block}.catalog-v2 .catalog-detail-preview .catalog-preview-placeholder{min-height:180px}.catalog-v2 .catalog-detail-content{padding:0 22px 24px}.catalog-v2 .catalog-detail-kind{color:#947fab;margin-bottom:7px;font-size:11px;display:block}.catalog-v2.workflow-modal .catalog-detail-content h4{overflow-wrap:anywhere;margin-bottom:18px;font-size:18px}.catalog-v2.workflow-modal .catalog-use-primary{width:100%;min-height:40px;margin:0 0 18px}.catalog-v2.workflow-modal .catalog-description{white-space:pre-wrap;color:#82758e;margin-bottom:18px;font-size:13px}.catalog-v2 .catalog-metadata{grid-template-columns:60px minmax(0,1fr);gap:12px;margin:0 0 22px;font-size:12px;line-height:1.7;display:grid}.catalog-v2 .catalog-metadata dt{color:#9a8da6}.catalog-v2 .catalog-metadata dd{color:#645970;overflow-wrap:anywhere;margin:0}.catalog-v2 .catalog-detail-actions{border-top:1px solid var(--catalog-border);flex-direction:column;align-items:stretch;gap:10px;margin-top:24px;padding-top:18px;display:flex}.catalog-v2 .catalog-detail-actions a{color:#776084;text-align:center;padding:8px;font-size:12px}.catalog-v2 .catalog-detail-actions .catalog-menu-content{width:100%;max-height:none;box-shadow:none;margin-top:6px;position:static}.catalog-v2.workflow-modal .catalog-danger{color:#a24459}.catalog-v2 .catalog-detail-form{flex-direction:column;gap:16px;display:flex}.catalog-v2 .catalog-detail-form>label{flex-direction:column;gap:7px;display:flex}.catalog-v2 .catalog-detail-form textarea{resize:vertical;min-height:100px}.catalog-v2 .catalog-detail-form .catalog-collection-picker{padding:0}.catalog-v2 .catalog-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.catalog-v2 .catalog-subtle{color:#958a9e;font-size:11px}.catalog-v2 .catalog-empty,.catalog-v2 .catalog-loading{text-align:center;color:#a699b3;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:14px;height:100%;min-height:260px;padding:32px 20px;display:flex}.catalog-v2.workflow-modal .catalog-empty h4{color:#6f617c;margin:0;font-size:17px}.catalog-v2.workflow-modal .catalog-empty p{color:#94859f;max-width:360px;font-size:13px}.catalog-v2 .catalog-empty>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.catalog-v2 .catalog-spinner{border:2px solid #e6dcef;border-top-color:#9570c2;border-radius:50%;width:22px;height:22px;animation:.8s linear infinite catalog-spin}@keyframes catalog-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.catalog-v2 .catalog-spinner{animation:none}.catalog-v2 .catalog-grid article{transition:none}}.catalog-v2 .catalog-message{color:#665081;background:#f4eefb;border-bottom:1px solid #e8ddf4;flex:none;align-items:center;gap:10px;padding:9px 20px;font-size:12px;display:flex}.catalog-v2 .catalog-message>span{flex:1}.catalog-v2 .catalog-message.error{color:#9a3852;background:#fcf0f3}.catalog-v2.workflow-modal .catalog-message button{background:0 0;border:0;min-height:26px;padding:4px 7px;font-size:11px}.catalog-v2 .catalog-save-search{background:#faf7fe;flex-wrap:wrap;gap:8px;padding:10px 26px;display:flex}.catalog-v2 .catalog-save-search input{flex:1;width:180px}.catalog-v2 .catalog-analysis-screen{flex-direction:column;flex:1;gap:18px;min-height:0;padding:24px;display:flex;overflow:auto}.catalog-v2 .catalog-section-heading{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.catalog-v2 .catalog-analysis-screen>p{color:#897595;font-size:13px}.catalog-v2 .catalog-analysis-screen article{border:1px solid var(--catalog-border);border-radius:10px;flex-direction:column;align-items:flex-start;gap:12px;padding:20px;display:flex}@media (max-width:1199px){.catalog-v2 .catalog-navigation{flex-basis:190px;padding:16px 10px}.catalog-v2 .catalog-toolbar{padding:20px 18px 12px}.catalog-v2 .catalog-grid{gap:14px;padding:8px 18px 20px}.catalog-v2 .catalog-result-bar{padding:0 18px 12px}.catalog-v2 .catalog-result-bar>span{display:none}.catalog-v2 .catalog-grid.list article{grid-template-columns:26px 64px minmax(0,1fr) auto;gap:10px}.catalog-v2 .catalog-grid.list .catalog-thumb{grid-row:1/3;width:64px}.catalog-v2 .catalog-grid.list .catalog-card-select{grid-row:1/3}.catalog-v2 .catalog-grid.list .catalog-card-kind{grid-area:2/3}.catalog-v2 .catalog-grid.list .catalog-card-use{grid-area:1/4/3}}@media (max-width:1023px){.catalog-v2 .catalog-detail{z-index:6;width:min(480px,100%);position:absolute;inset:0 0 0 auto;box-shadow:-20px 0 60px #28143725}.catalog-v2 .has-overlay>main,.catalog-v2 .has-overlay>.catalog-navigation{opacity:.35}.catalog-v2.workflow-modal>.workflow-header{gap:18px;padding:16px 20px}.catalog-v2 .catalog-header-search{max-width:none}.catalog-v2 .catalog-detail-preview{max-height:45vh}}@media (max-width:767px){.workflow-backdrop.catalog-backdrop{padding:10px}.workflow-backdrop.catalog-backdrop>.catalog-v2{border-radius:13px;height:calc(100dvh - 20px);max-height:calc(100dvh - 20px)}.catalog-v2.workflow-modal>.workflow-header{flex-wrap:wrap;gap:12px;padding:14px 16px}.catalog-v2.workflow-modal>.workflow-header>div:first-child{flex:1}.catalog-v2.workflow-modal>.workflow-header h3{font-size:17px}.catalog-v2.workflow-modal>.workflow-header>button{order:1}.catalog-v2.workflow-modal .catalog-header-search{flex:100%;order:2}.catalog-v2 .catalog-navigation{z-index:5;width:250px;display:none;position:absolute;inset:0 auto 0 0;box-shadow:15px 0 35px #35204725}.catalog-v2 .catalog-navigation.is-open{display:flex}.catalog-v2.workflow-modal .catalog-nav-toggle{min-height:30px;margin-bottom:10px;padding:5px 8px;font-size:11px;display:flex}.catalog-v2 .catalog-location{flex-wrap:wrap}.catalog-v2 .catalog-location>.catalog-nav-toggle{flex:none;margin-right:calc(100% - 140px)}.catalog-v2 .catalog-location h4{font-size:20px!important}.catalog-v2 .catalog-eyebrow{display:none}.catalog-v2 .catalog-toolbar{gap:12px;padding:14px 16px 12px}.catalog-v2 .catalog-tools{gap:5px}.catalog-v2.workflow-modal .catalog-tools :is(summary,select){min-height:32px;padding:6px 7px;font-size:11px}.catalog-v2 .catalog-tools>.catalog-menu:last-child{margin-left:auto}.catalog-v2 .catalog-result-bar{padding:0 16px 10px;font-size:10px}.catalog-v2 .catalog-grid,.catalog-v2 .catalog-grid.small{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:6px 16px 16px}.catalog-v2 .catalog-grid.large,.catalog-v2 .catalog-grid.list{grid-template-columns:minmax(0,1fr)}.catalog-v2.workflow-modal .catalog-thumb{height:132px}.catalog-v2 .catalog-grid article{padding:6px 6px 9px}.catalog-v2 .catalog-card-name strong{font-size:12px}.catalog-v2 .catalog-card-select{top:10px!important;left:10px!important}.catalog-v2 .catalog-card-star{top:13px;right:12px}.catalog-v2 .catalog-card-kind{font-size:9px}.catalog-v2 .catalog-batch{gap:6px;padding:10px}.catalog-v2.workflow-modal .catalog-batch :is(button,summary){min-height:32px;padding:6px 8px;font-size:11px}.catalog-v2 .catalog-batch>strong{font-size:12px}.catalog-v2 .catalog-batch .catalog-menu-up .catalog-menu-content{max-width:250px;left:0}.catalog-v2 .catalog-batch .catalog-batch-more .catalog-menu-content{left:auto;right:0}.catalog-v2 .catalog-pagination{padding:8px 16px}.catalog-v2 .catalog-detail{width:100%;box-shadow:none}.catalog-v2 .catalog-message{padding:8px 12px}.catalog-v2 .catalog-tools .catalog-menu-content{width:190px}.catalog-v2 .catalog-tools>.catalog-menu:nth-last-child(2) .catalog-menu-content{left:auto;right:0}.catalog-v2 .catalog-save-search{padding:10px 16px}.catalog-v2.workflow-modal .catalog-navigation .catalog-nav-close{justify-content:flex-end;margin-bottom:8px;display:flex}}
.project-list .project-card{min-width:0;position:relative;overflow:visible}.project-list .project-card:hover{transform:none}.project-card-open{text-align:left;width:100%;height:100%;color:inherit;background:0 0;border:0;border-radius:10px;padding:0;display:block}.project-card-open .project-cover{border-radius:9px 9px 0 0}.project-card-open .project-card-info{grid-template-columns:minmax(0,1fr);padding-right:45px}.project-card-open .project-card-info p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-list button:focus-visible,.project-list input:focus-visible,.project-dialog button:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.project-card.is-selected{border-color:var(--purple);box-shadow:0 0 0 2px var(--purple)}.project-more{position:absolute;bottom:27px;right:9px}.project-more>.icon-button{border-radius:6px;width:30px;height:30px}.project-more>.icon-button:hover,.project-more>.icon-button[aria-expanded=true]{background:var(--purple-light);color:var(--purple)}.project-card:has(.project-menu){z-index:2}.project-menu{border:1px solid var(--line);background:#fff;border-radius:9px;width:160px;padding:5px;position:absolute;bottom:36px;right:0;box-shadow:0 8px 30px #30234c26}.project-menu button{text-align:left;width:100%;color:var(--ink);background:0 0;border:0;border-radius:5px;align-items:center;gap:9px;padding:10px;font-size:12px;display:flex}.project-menu button:hover,.project-menu button:focus{background:var(--purple-light)}.project-menu button.danger{color:#b4404b;border-top:1px solid var(--line);border-radius:0 0 5px 5px}.project-select-checkbox{width:20px;height:20px;accent-color:var(--purple);cursor:pointer;margin:0;padding:0;position:absolute;top:12px;right:12px}.project-selection-bar{background:var(--purple-light);border:1px solid #d9d0f4;border-radius:9px;align-items:center;gap:20px;margin-bottom:16px;padding:12px 16px;font-size:12px;display:flex}.project-selection-bar label{cursor:pointer;white-space:nowrap;align-items:center;gap:8px;margin:0;display:flex}.project-list .project-selection-bar input.project-select-all[type=checkbox]{width:17px;height:17px;accent-color:var(--purple);flex:0 0 17px;margin:0;padding:0}.project-selection-bar>.button{margin-left:auto}.project-empty{text-align:center;color:var(--muted);padding:15px;font-size:12px}.project-dialog{border:1px solid var(--line);width:440px;max-width:calc(100vw - 32px);max-height:85vh;color:var(--ink);background:#fff;border-radius:14px;padding:28px;overflow:auto;box-shadow:0 24px 80px #25173330}.project-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#31213f66}.project-dialog .modal-heading h2{margin:0;font-size:18px}.project-dialog p{font-size:12px;line-height:1.8}.project-delete-list{border:1px solid var(--line);background:var(--bg);overflow-wrap:anywhere;border-radius:7px;max-height:200px;margin:16px 0;padding:12px 12px 12px 30px;font-size:12px;line-height:1.9;overflow:auto}.button.project-delete-confirm{color:#fff;background:#b4404b;border-color:#b4404b}.button.project-delete-confirm:hover:not(:disabled){background:#9e3340}@media (max-width:600px){.project-list .section-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.project-selection-bar{gap:12px;padding:10px;font-size:11px}.project-selection-bar .button{padding:8px 10px;font-size:11px}.project-more{bottom:23px;right:5px}.project-dialog{padding:22px}}
.workflow-modal button.reference-crop-thumb{background:#f8f6fc;border-radius:4px;flex:0 0 56px;width:56px;height:56px;padding:0;overflow:hidden}.reference-crop-thumb>img,.reference-crop-thumb>svg{object-fit:contain;width:56px;height:56px;display:block}.reference-crop .reference-tools{flex-wrap:wrap;justify-content:flex-start}.reference-crop .reference-region{flex-wrap:wrap;gap:8px;margin-top:12px;font-size:12px}.reference-crop .reference-region>.reference-tools,.reference-crop .reference-region>svg{flex-basis:100%}.selection-ai-extra>span>small{color:#6f607c;margin-top:4px;display:block}
.replica-review h5{margin:24px 0 12px;font-size:14px}.replica-review .replica-font{background:#fff;border:1px solid #dedee7;border-radius:12px;margin:12px 0;padding:20px}.replica-font-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.replica-font-heading strong{overflow-wrap:anywhere;margin-top:4px;font-size:18px;display:block}.replica-font-heading small{color:#666276}.replica-font-badge{color:#73500d;background:#f4ecdb;border-radius:20px;flex-shrink:0;padding:4px 10px;font-size:12px}.replica-font-badge.is-installed{color:#266545;background:#e8f3ed}.replica-font-badge.is-unknown{color:#625d75;background:#ecebf2}.replica-font-requirement,.replica-font-current{color:#625d75;font-size:13px}.replica-font-samples{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:10px;display:grid}.replica-review .replica-font-sample{text-align:left;white-space:normal;color:#302b41;background:#faf9fc;border:1px solid #e5e1ef;border-radius:8px;flex-direction:column;align-items:stretch;gap:8px;min-width:0;padding:12px;display:flex}.replica-font-sample svg{background:#fff;width:100%;height:92px;display:block}.replica-font-sample span{white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;font-size:13px;overflow:auto}.replica-font-sample small{color:#7561b2;font-size:11px}.replica-font-source{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:12px 0;font-size:13px;display:flex}.replica-font-source a{color:#6041a8;text-underline-offset:3px;font-weight:600}.replica-font-source p{color:#746e80;margin:0}.replica-font-controls{align-items:flex-end;gap:12px;margin:12px 0;display:flex}.replica-font-controls label{flex:1;min-width:0}.replica-font-controls select{width:100%}.replica-original-map{width:100%;height:auto;display:block}.replica-installed-fonts>summary{cursor:pointer;font-weight:600}@media (max-width:600px){.replica-review .replica-font{padding:14px}.replica-font-controls{flex-direction:column;align-items:stretch}.replica-font-controls button{width:100%}.replica-font-heading{align-items:flex-start}.replica-font-source{flex-direction:column;align-items:flex-start}}.replica-workspace{min-width:0}.replica-workspace>header h4{margin:12px 0;font-size:18px}.replica-workspace>details,.replica-generation-info{border:1px solid #e5e1ef;border-radius:10px;min-width:0;margin:12px 0;padding:12px}.replica-workspace summary,.replica-generation-info>summary{cursor:pointer;font-weight:600}.replica-workspace .replica-review{border:0;min-width:0;margin:0;padding:0}.replica-exceptions{background:#fff9ee;border-radius:12px;padding:16px}.replica-fit-list{max-height:300px;margin:12px 0;overflow:auto}.replica-fit-list>div{border-bottom:1px solid #e5e1ef;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex}.replica-fit-list>div>button:first-child{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.replica-fit-list span{font-size:12px}.replica-fit-detail{overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.replica-fit-detail p{width:100%}.replica-use-summary{color:#625d75;font-size:13px}.replica-workspace header p{overflow-wrap:anywhere}.replica-workspace button:focus-visible{outline-offset:2px;outline:3px solid #8253cc}@media (min-width:1100px){.replica-workspace.has-exceptions{grid-template-columns:minmax(0,1fr) 260px;gap:0 20px;display:grid}.replica-workspace.has-exceptions>*{grid-column:1/-1;min-width:0}.replica-workspace.has-exceptions>.replica-comparison{grid-column:1}.replica-workspace.has-exceptions>.replica-exceptions{grid-column:2;align-self:start;margin-top:20px}.replica-workspace.has-exceptions .replica-fit-list{max-height:350px}}.workflow-modal .replica-workspace>header{background:0 0;border:0;margin:0;padding:0;display:block;position:static}.workflow-modal .replica-workspace>header .design-hint{margin:0 0 12px;padding:6px 10px;display:inline-block}.workflow-modal .replica-workspace>header h4{margin:0 0 8px}.workflow-modal .replica-workspace>header p{margin:0 0 10px}.workflow-modal .replica-generation-info{padding:6px 12px}.workflow-modal .replica-comparison-pane .product-page{max-width:none}
.replica-comparison{min-width:0;margin:20px 0}.replica-comparison-toolbar{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.replica-comparison-toolbar>span{color:#6d657d;margin-bottom:12px;font-size:12px}.replica-comparison label{flex-direction:column;gap:6px;margin:10px 0;display:flex}.replica-comparison select{min-width:0;max-width:100%}.replica-comparison-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.replica-comparison-columns>section{min-width:0}.replica-comparison h4{margin:10px 0;font-size:13px}.replica-comparison-pane{overscroll-behavior:contain;background:#eeedf2;height:440px;max-height:55vh;overflow:auto}.replica-comparison-stage{background:#fff;min-width:1px;position:relative}.replica-comparison-focus{box-sizing:border-box;pointer-events:none;border:2px solid #8253cc;position:absolute}.replica-comparison .product-page{width:860px}.replica-comparison input[type=range]{width:100%}.replica-comparison-pane{scrollbar-gutter:stable}@media (max-width:600px){.replica-comparison-toolbar>label{flex:1}.replica-comparison-toolbar>span{width:100%}.replica-comparison-columns{gap:16px}.replica-comparison-pane{height:400px}.replica-comparison select{width:100%}}
.selection-ai-source{background:#f8f6fc;border:1px solid #e5ddf0;border-radius:12px;align-items:center;gap:20px;margin-bottom:20px;padding:16px;display:flex}.selection-ai-source img{object-fit:contain;background:#fff;border-radius:6px;width:130px;height:120px}.selection-ai-source p,.selection-ai-source small{color:#6f607c}.selection-ai-extra{border:1px solid #e5ddf0;border-radius:8px;align-items:center;gap:12px;min-width:0;margin-bottom:8px;padding:8px;display:flex}.selection-ai-extra>span{overflow-wrap:anywhere;flex:1;min-width:0}.selection-ai-extra>button{flex-shrink:0}.selection-ai-compare{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin:20px 0;display:grid}.selection-ai-compare>div{min-width:0;max-height:480px;overflow:auto}.selection-ai-compare img{object-fit:contain;object-position:top;width:100%}.selection-ai-preview{background:#f6f5f8;overflow:auto}.selection-ai.workflow-modal [role=alert]{color:#8c3340;background:#fff2f2;border-radius:8px;margin-bottom:14px;padding:12px}.ai-start-cards{gap:14px;display:grid}.workflow-modal .ai-start-cards>button{text-align:left;white-space:normal;flex-direction:column;gap:7px;padding:20px;display:flex}.ai-start-cards strong{font-size:16px}.ai-start-cards span{color:#70617d;font-size:13px}@media (max-width:767px){.selection-ai-source{align-items:flex-start;gap:12px}.selection-ai-source img{width:90px;height:100px}.selection-ai-compare{grid-template-columns:minmax(0,1fr)}.selection-ai.workflow-modal .workflow-footer .workflow-actions{flex-wrap:wrap}.selection-ai.workflow-modal .workflow-footer button{white-space:normal}}
.visual-reference-list{gap:10px;margin:12px 0 20px;display:grid}.visual-reference-card{border:1px solid #e5ddf0;border-radius:8px;min-width:0;padding:12px}.visual-reference-heading{align-items:center;gap:12px;min-width:0;display:flex}.visual-reference-heading>div{overflow-wrap:anywhere;flex:1;min-width:0}.visual-reference-heading strong{font-size:13px;display:block}.visual-reference-heading small{color:#6f607c;margin-top:4px;display:block}.visual-reference-heading>button{flex-shrink:0}.visual-reference-card>select{margin-top:10px}
.text-effects-fields label{flex-direction:column;gap:5px;margin:9px 0;display:flex}.text-effects-fields .design-check{flex-direction:row}.text-effects-fields select,.text-effects-fields input[type=number]{width:100%;min-width:0}.text-effects-fields details{margin-top:16px}.text-effects-fields summary{cursor:pointer;font-weight:600}.text-effect-layer{border:1px solid #e0dce9;border-radius:6px;margin:10px 0;padding:8px}.text-effect-layer>strong{margin-bottom:8px;display:block}.text-effect-layer .design-fields{gap:6px}.text-effects-fields button{white-space:normal;max-width:100%}
.reference-create.workflow-modal .reference-step-heading,.reference-create .reference-modes legend{color:#41384e;align-items:center;gap:9px;margin:0 0 16px;font-size:15px;font-weight:600;display:flex}.reference-create .reference-step-heading>span,.reference-create .reference-modes legend>span,.reference-create .reference-step{color:#7c5ca8;letter-spacing:.4px;background:#eee8f7;border-radius:7px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;margin-right:2px;font-size:10px;display:inline-flex}.reference-create .reference-settings{flex-direction:column;gap:16px;display:flex}.reference-create.workflow-modal .reference-modes{border:0;min-width:0;margin:0;padding:0}.reference-create.workflow-modal .reference-modes>label{cursor:pointer;background:#fff;border:1px solid #e6e0ed;border-radius:10px;align-items:flex-start;gap:12px;margin:0 0 8px;padding:13px 14px;font-weight:400;display:flex}.reference-create.workflow-modal .reference-modes>label:last-child{margin-bottom:0}.reference-create.workflow-modal .reference-modes>label.selected{background:#f7f3fc;border-color:#a88bcf;box-shadow:0 0 0 1px #e3d6f3}.reference-create.workflow-modal .reference-modes>label:focus-within{outline-offset:2px;outline:2px solid #aa8fd3}.reference-create.workflow-modal .reference-modes input[type=radio]{appearance:auto;accent-color:#7857ac;flex:none;width:16px;min-width:16px;max-width:16px;height:16px;min-height:16px;margin:3px 0 0;padding:0;display:block}.reference-create .reference-modes strong{color:#534262;font-size:13px;font-weight:600;display:block}.reference-create .reference-modes small{color:#70617d;margin-top:4px;font-size:12px;line-height:1.6;display:block}.reference-create.workflow-modal .reference-auto-hint{color:#70617d;margin:0;padding:0 2px;font-size:12px}.reference-create.workflow-modal .reference-replica-hint{color:#796388;background:#faf7fd;border:1px solid #e5dbef;border-radius:8px;margin:0;padding:12px 14px;font-size:12px}.reference-create.workflow-modal .reference-prompt{margin:4px 0 0;font-size:14px;font-weight:600}.reference-create .reference-prompt>span{align-items:center;gap:7px;display:flex}.reference-create .reference-prompt small{color:#70617d;margin-left:auto;font-size:12px;font-weight:400}.reference-create.workflow-modal .reference-extra{border-top:1px solid #ebe4f2;margin:0;padding-top:4px}.reference-create.workflow-modal .reference-extra>summary{cursor:pointer;color:#6f5c81;grid-template-columns:minmax(0,1fr) 12px;align-items:center;gap:3px 12px;padding:12px 0;font-size:12px;line-height:1.7;list-style:none;display:grid}.reference-create .reference-extra>summary::-webkit-details-marker{display:none}.reference-create .reference-extra>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;grid-area:1/2;width:7px;height:7px;transform:rotate(45deg)}.reference-create .reference-extra[open]>summary:after{transform:rotate(225deg)}.reference-create .reference-extra>summary:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #aa8fd3}.reference-create .reference-extra>summary>span{color:#70617d;grid-area:2/1/auto/-1;font-size:12px;font-weight:400;display:block}.reference-create .reference-extra>div{background:#fcfaff;border:1px solid #e9e1f0;border-radius:9px;padding:14px}.reference-create.workflow-modal .reference-extra>div>p{color:#70617d;margin:0 0 20px;font-size:12px}.reference-create .reference-job-area{margin-top:22px}.reference-create.workflow-modal .reference-create-columns{align-items:start}@media (max-width:767px){.reference-create.workflow-modal .reference-create-columns{grid-template-columns:minmax(0,1fr);gap:24px}.reference-create .reference-drop{padding:16px}.reference-create .reference-modes small{font-size:12px}.reference-create .reference-source{max-width:100%;overflow:hidden}}
.canvas-reference-picker{z-index:150;color:#253342;cursor:default;background:#fff;border:1px solid #d9e4ec;border-radius:12px;width:fit-content;max-width:calc(100% - 32px);margin:16px;padding:12px;position:sticky;top:16px;box-shadow:0 6px 28px #17384e25}.canvas-reference-picker-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canvas-reference-picker-bar>div{gap:5px;margin-right:8px;display:grid}.canvas-reference-picker small{color:#667581;font-size:11px}.canvas-reference-picker button{background:#f5f9fc;border:1px solid #d9e4ec!important}.canvas-reference-picker button:focus-visible{outline-offset:2px;outline:2px solid #0c8ce9}.canvas-reference-picker p{margin:8px 0 0;font-size:12px}.canvas-reference-picker [role=alert]{color:#a32e28}.canvas-reference-picker-list{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;width:min(540px,100%);max-height:45vh;margin-top:12px;display:grid;overflow:auto}.canvas-reference-picker-list button{text-align:left;flex-direction:column;gap:6px;min-width:0;display:flex}.canvas-reference-picker-list img{object-fit:contain;width:100%;height:80px}.canvas-reference-picker-list span{overflow-wrap:anywhere}.is-picking-reference [data-reference-hover]{outline-offset:2px;cursor:crosshair!important;outline:3px solid #0c8ce9!important}.is-picking-reference .design-selection,.is-picking-reference .design-selected-outlines,.is-picking-reference .design-empty-image-actions,.is-picking-reference .design-text-toolbar{display:none!important}.is-picking-reference .design-frame-label,.is-picking-reference .design-image-retry{pointer-events:none!important}.is-picking-reference .design-world{cursor:crosshair}
.design-editor{z-index:90;color:#262626;--accent:#0c8ce9;--border:#e6e6e6;--selected:#e4f2ff;background:#f5f5f5;flex-direction:column;font:12px/1.5 Arial,Noto Sans KR,sans-serif;display:flex;position:fixed;inset:0}.design-editor *{box-sizing:border-box}.design-editor button{cursor:pointer;color:inherit;white-space:nowrap;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:6px;padding:7px 9px;font-size:12px;display:inline-flex}.design-editor button:hover{background:#f0f0f0}.design-editor button:disabled{opacity:.4;cursor:default}.design-editor button:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.design-editor input,.design-editor textarea,.design-editor select{font:inherit;color:#262626;width:100%;min-width:0;box-shadow:none;background:#f5f5f5;border:1px solid #0000;border-radius:5px;padding:7px 8px}.design-editor input:focus,.design-editor textarea:focus,.design-editor select:focus{border-color:var(--accent);outline:none}.design-editor label{margin:0 0 12px;font-size:11px;font-weight:400;display:block}.design-editor label>input,.design-editor label>select,.design-editor label>textarea{margin-top:5px}.design-editor input[type=color]{flex-shrink:0;width:30px;height:30px;padding:2px}.design-editor input[type=checkbox]{width:14px;margin:0!important;display:inline!important}.design-editor input[type=range]{accent-color:var(--accent);padding:0}.design-editor h3,.design-editor h4{letter-spacing:0}.design-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:6px;height:49px;min-height:49px;padding:0 10px;display:flex}.design-header strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;overflow:hidden}.design-app-mark{color:#fff;background:#262626;border-radius:5px;place-items:center;width:24px;height:24px;margin-right:8px;font-size:18px;font-weight:700;display:grid}.design-save-status{color:#888;margin-left:6px;font-size:10px}.design-header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.design-editor .design-primary{background:var(--accent);color:#fff}.design-editor .design-primary:hover{background:#087dcf}.design-body{flex:1;grid-template-columns:240px minmax(0,1fr) 280px;min-height:0;display:grid}.design-sidebar{border-right:1px solid var(--border);background:#fff;overflow:auto}.design-sidebar-tabs{z-index:3;border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:8px;height:46px;padding:0 12px;display:flex;position:sticky;top:0}.design-sidebar-tabs button{color:#777;font-size:11px}.design-sidebar-tabs button.active{color:#222;background:#f0f0f0;font-weight:700}.design-sidebar-tabs button:last-child{margin-left:auto}.design-page-label{justify-content:space-between;padding:18px 15px 12px;font-weight:700;display:flex}.design-page-label span{color:#999;font-size:10px;font-weight:400}.design-layer{cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:32px;padding-right:6px;display:flex}.design-layer:hover{background:#f4f4f4}.design-layer.selected{background:var(--selected);outline-offset:-1px;outline:1px solid #b7dcf9}.design-layer.hidden>span{opacity:.4}.design-layer>span{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:11px;overflow:hidden}.design-layer>button{visibility:hidden;padding:3px}.design-layer:hover>button,.design-layer.selected>button{visibility:visible}.design-layer>.layer-expand{visibility:visible;width:14px;min-width:14px;height:22px;padding:0}.design-layer>svg{color:#767676;flex-shrink:0}.design-layer>svg.component-icon{color:#9747ff}.frame-layer{margin-top:6px;padding-left:8px;font-weight:600}.design-tree input{height:25px;margin:0;padding:3px}.design-assets{padding:12px}.design-search{background:#f5f5f5;border-radius:5px;align-items:center;padding-left:8px;display:flex!important}.design-search input{margin:0!important}.design-assets>select{margin-bottom:15px}.design-asset{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:7px;margin-bottom:12px;overflow:hidden}.design-asset>span{padding:8px 10px 2px;font-weight:600;display:block}.design-asset>div:last-child{flex-wrap:wrap;gap:8px;padding:8px;display:flex}.design-asset>div:last-child button{font-size:10px}.design-asset-preview{pointer-events:none;background:#f7f7f7;height:130px;padding:8px;overflow:hidden}.design-board{touch-action:none;-webkit-user-select:none;user-select:none;background:#e9e9e9;outline:none;position:relative;overflow:hidden}.design-board.tool-hand,.design-board.panning{cursor:grab}.design-board.tool-frame,.design-board.tool-shape,.design-board.tool-ellipse,.design-board.tool-line{cursor:crosshair}.design-board.tool-text{cursor:text}.design-world{transform-origin:0 0;position:absolute;top:0;left:0}.design-frame-wrap{margin-bottom:36px;position:relative;box-shadow:0 0 0 1px #ddd}.design-frame-label{height:22px;position:absolute;top:-28px;left:0;color:#747474!important;cursor:default!important;padding:0!important;font-size:12px!important}.design-frame-wrap [data-node-id]{cursor:inherit}.design-frame-wrap img{pointer-events:none;-webkit-user-select:none;user-select:none}.design-frame-wrap [contenteditable=true]{outline:1px solid var(--accent);cursor:text;-webkit-user-select:text;user-select:text;min-width:1px}.design-world .p-section{overflow:visible}.design-selection{border:1px solid var(--accent);z-index:9;box-sizing:border-box;pointer-events:none;position:absolute}.design-size-label{background:var(--accent);color:#fff;white-space:nowrap;border-radius:3px;padding:1px 5px;position:absolute;top:100%;left:50%;transform:translate(-50%,5px)}.design-editor .design-handle{border:1px solid var(--accent);border-radius:0;padding:0;position:absolute;transform:translate(-50%,-50%);background:#fff!important}.handle-nw{top:0;left:0;cursor:nwse-resize!important}.handle-n{top:0;left:50%;cursor:ns-resize!important}.handle-ne{top:0;left:100%;cursor:nesw-resize!important}.handle-e{top:50%;left:100%;cursor:ew-resize!important}.handle-se{top:100%;left:100%;cursor:nwse-resize!important}.handle-s{top:100%;left:50%;cursor:ns-resize!important}.handle-sw{top:100%;left:0;cursor:nesw-resize!important}.handle-w{top:50%;left:0;cursor:ew-resize!important}.design-editor .design-rotate{border:1px solid var(--accent);cursor:crosshair;background:#fff;border-radius:50%;padding:0;position:absolute;left:100%}.design-marquee{border:1px solid var(--accent);z-index:10;pointer-events:none;background:#0c8ce91a;position:absolute}.design-guide{pointer-events:none;z-index:10;background:#fa4276;position:absolute}.design-guide.vertical{width:1px;height:20000px;top:-10000px}.design-guide.horizontal{width:20000px;height:1px;left:-10000px}.design-bottom-toolbar{z-index:15;background:#fff;border:1px solid #d8d8d8;border-radius:13px;align-items:center;gap:2px;padding:6px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0002}.design-bottom-toolbar button{width:36px;height:36px;padding:0}.design-bottom-toolbar button.active{background:var(--accent);color:#fff}.design-bottom-toolbar i{background:#ddd;width:1px;height:22px;margin:0 4px}.design-zoom{z-index:16;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;position:absolute;bottom:24px;right:16px}.design-zoom button{padding:5px 7px}.design-job-status{z-index:15;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0002;background:#fff!important}.design-crop-toolbar{z-index:15;background:#fff;align-items:center;gap:12px;padding:8px 12px;display:flex;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0002}.design-crop-toolbar input{width:180px}.design-inspector{border-left:1px solid var(--border);background:#fff;overflow:auto}.inspector-tabs{border-bottom:1px solid var(--border);z-index:2;background:#fff;justify-content:space-between;align-items:center;height:46px;padding:0 16px;display:flex;position:sticky;top:0}.inspector-tabs span{color:#888;font-size:10px}.design-inspector>section{border-bottom:1px solid var(--border);padding:14px 16px}.design-inspector h4{justify-content:space-between;align-items:center;margin:0 0 12px;font-size:11px;font-weight:600;display:flex}.design-fields{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.design-fields>label{margin:0}.design-number{background:#f5f5f5;border-radius:5px;align-items:center;min-width:0;height:30px;margin:0!important;display:flex!important}.design-number>span{color:#8b8b8b;white-space:nowrap;padding-left:9px;font-size:10px}.design-number>input{appearance:textfield;width:100%;padding:5px;font-size:11px;margin:0!important}.design-number>input::-webkit-inner-spin-button{appearance:none}.design-align{justify-content:space-between;display:flex}.design-align button{padding:4px 7px;font-size:16px}.design-segments{background:#f5f5f5;border-radius:5px;gap:2px;margin:8px 0;padding:2px;display:flex}.design-segments button{flex:1;padding:4px 5px;font-size:10px}.design-segments button.active{background:#fff;box-shadow:0 1px 3px #0002}.design-editor .design-check{align-items:center;gap:7px;margin:10px 0;font-size:11px;display:flex}.design-color{align-items:center;gap:8px;display:flex}.design-color>span{flex:1;font-size:11px}.design-color .design-number{width:70px}.design-hint{color:#888;margin:0 0 10px;font-size:10px;line-height:1.7}.design-stack{flex-direction:column;gap:7px;display:flex}.design-stack>button{border:1px solid var(--border);justify-content:center}.design-ai-button{color:#884cbd!important}.design-empty-properties{color:#888;padding:30px 20px}.design-empty-properties h3{color:#333;font-size:12px}.design-welcome{flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex;position:absolute;inset:0}.design-welcome>span{letter-spacing:3px;color:#999;font-size:10px}.design-welcome h1{letter-spacing:-1px;margin:14px 0 8px;font-size:25px;font-weight:600}.design-welcome p{color:#888}.design-welcome>div{gap:12px;margin:20px 0 30px;display:flex}.design-welcome>div>button{background:#fff;border:1px solid #ddd;border-radius:10px;flex-direction:column;gap:12px;min-width:130px;padding:24px 20px;display:flex}.design-welcome small{color:#999;font-size:10px}.design-context{z-index:105;background:#fff;border:1px solid #ddd;border-radius:8px;width:230px;padding:5px;position:fixed;box-shadow:0 8px 28px #0003}.design-context button{justify-content:space-between;width:100%;padding:7px 9px;font-size:11px}.design-context small{color:#999;font-size:9px}.design-popover-backdrop{z-index:110;background:#0002;justify-content:flex-end;align-items:flex-start;padding:18px;display:flex;position:fixed;inset:49px 0 0}.design-popover{background:#fff;border:1px solid #ddd;border-radius:10px;width:350px;max-height:calc(100vh - 90px);padding:20px;overflow:auto;box-shadow:0 10px 40px #0002}.design-popover header,.design-review header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.design-popover h3,.design-review h3{margin:0;font-size:14px}.design-popover>textarea{min-height:100px;margin-bottom:12px}.design-popover>small{color:#888;margin:12px 0;display:block}.design-jobs article{border-top:1px solid var(--border);padding:12px 0;font-size:11px}.design-jobs p{color:#bd4251}.design-jobs strong{font-size:11px;display:block}.design-review{background:#fff;border-radius:10px;max-width:calc(100vw - 60px);max-height:calc(100vh - 100px);margin:auto;padding:20px;overflow:auto;box-shadow:0 10px 40px #0003}.design-compare{gap:20px;min-width:380px;max-height:60vh;margin:12px 0 20px;display:flex;overflow:auto}.design-compare>div{background:#fafafa;min-width:300px}.design-compare h4{background:#eee;padding:8px;font-size:11px}.design-compare img{max-width:350px}.design-download{border-top:1px solid #eee;margin-top:15px;padding-top:10px}.design-download a{color:var(--accent)}.design-version{margin:8px 0;display:block!important}.design-error{z-index:130;color:#943640;background:#fff1f1;border:1px solid #f2baba;border-radius:7px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;display:flex;position:absolute;top:55px;left:260px;right:300px}.design-editor .modal-backdrop{z-index:120}.design-editor .product-page{word-break:keep-all;line-height:1.65}@media (max-width:1100px){.design-body{grid-template-columns:190px minmax(0,1fr) 250px}.design-header-actions{gap:8px}.design-save-status{display:none}.design-bottom-toolbar{bottom:60px}.design-welcome>div{flex-direction:column}.design-welcome>div>button{flex-direction:row;padding:12px 20px}.design-error{left:200px;right:260px}}.design-editor .design-check>input[type=checkbox]{flex:0 0 14px;width:14px!important;margin:0!important}.design-check{white-space:nowrap}.design-frame-wrap:last-child{margin-bottom:0}.design-editor[aria-busy=true] .design-body{pointer-events:none}.design-editor[aria-busy=true] .design-save-status:after{content:" · …"}.reference-panel{background:#fff;border-radius:12px;width:1040px;max-width:calc(100vw - 40px);max-height:calc(100vh - 90px);margin:0 auto;padding:24px;overflow:auto;box-shadow:0 10px 40px #0002}.reference-panel header,.reference-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.reference-panel header{margin-bottom:18px}.reference-columns{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;display:grid}.reference-columns>div{min-width:0}.reference-drop{text-align:center;background:#f5faff;border:1px dashed #9abbd2;border-radius:8px;margin-bottom:16px;padding:20px}.reference-drop small{color:#777;margin-top:12px;display:block}.reference-source{border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:12px}.reference-thumb{object-fit:contain;object-position:top;background:#eee;width:100%;max-height:200px}.reference-scroll{background:#eee;max-height:420px;margin-top:8px;overflow:auto}.reference-image{touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair;position:relative}.reference-image img{pointer-events:none;width:100%;display:block}.reference-image svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.reference-region{align-items:center;gap:4px;margin:4px 0;font-size:10px;display:flex}.reference-region span{flex:1}.reference-region button{font-size:10px}.reference-error{color:#943640;background:#fff1f1;border-radius:6px;padding:10px}.reference-result{border-top:1px solid #ddd;margin-top:24px;padding-top:20px}.reference-result>.reference-columns{background:#fafafa;max-height:500px;margin-bottom:16px;padding:12px;overflow:auto}.reference-template-preview{max-height:200px;overflow:hidden}.reference-tools strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reference-panel .reference-tools button{flex-shrink:0}@media (max-width:800px){.reference-columns{grid-template-columns:1fr}}.font-picker{gap:8px;display:grid}.font-sample{overflow-wrap:anywhere;background:#f6f6f8;border-radius:6px;padding:12px;font-size:20px;line-height:1.55}.font-manager{padding-top:12px}.font-manager-list{gap:10px;max-height:300px;display:grid;overflow:auto}.font-manager-list>div{border:1px solid #ddd;border-radius:6px;padding:8px}.font-manager pre{white-space:pre-wrap;max-height:140px;font-size:10px;overflow:auto}.font-load-error{z-index:300;background:#fff3e6;padding:12px;position:fixed;bottom:8px;left:8px}.spacing-fields{margin:10px 0}.design-spacing-guide{z-index:2}.design-inspector .font-picker .design-fields{grid-template-columns:1fr}.design-style-summary{background:#f4f2fa;border-radius:8px;padding:12px;font-size:12px;line-height:1.7}.visual-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:16px 0;display:grid}.visual-grid article{border:1px solid #dedde5;border-radius:10px;align-content:start;gap:10px;padding:14px;display:grid}.visual-grid>article>img{object-fit:contain;width:100%;max-height:240px}.visual-grid label{display:block}.visual-grid input[type=checkbox]{width:auto;margin-right:8px}.visual-grid textarea,.visual-grid select,.visual-grid input:not([type=checkbox]){width:100%}.reference-panel fieldset{border:0;min-width:0;margin:0;padding:0}.design-board.tool-image{cursor:crosshair}.design-empty-image-actions{z-index:14;text-align:center;background:#fff;border:1px solid #c8dff1;border-radius:12px;min-width:238px;padding:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px 28px #163c5a30}.design-empty-image-actions>strong{color:#536675;margin-bottom:8px;font-size:11px;display:block}.design-empty-image-actions>div{gap:6px;display:flex}.design-empty-image-actions button{background:#f4f6f8;border:1px solid #e2e7eb;flex:1}.design-popover>header,.design-review>header,.reference-panel>header{z-index:20;background:#fff;border-bottom:1px solid #eee;margin-top:-20px;padding:20px 0 12px;position:sticky;top:-20px}.reference-panel>header{margin-top:-24px;padding-top:24px;top:-24px}.design-modal-close{width:40px;min-width:40px;height:40px;border-radius:50%!important;padding:0!important;font-size:22px!important}.design-modal-footer{z-index:18;background:linear-gradient(#fff0,#fff 18%);border-top:1px solid #eee;justify-content:flex-end;gap:8px;margin-top:16px;padding:12px 0 20px;display:flex;position:sticky;bottom:-20px}.reference-panel .design-modal-footer{padding-bottom:24px;bottom:-24px}.design-modal-footer button{min-width:112px;min-height:40px}.focused-visual-panel{width:min(620px,100vw - 40px)}.focused-visual-panel>header>div p{color:#74808a;margin:2px 0 0;font-size:11px}.focused-visual-form{max-width:520px;margin:0 auto}.focused-visual-context{background:#f3f8fc;border:1px solid #dcecf7;border-radius:10px;margin-bottom:18px;padding:16px}.focused-visual-context p,.focused-visual-result-copy p,.focused-visual-progress p{color:#697782;margin:5px 0 0}.design-optional{float:right;color:#8b959d;font-weight:400}.design-advanced-link{margin:-4px auto 4px;text-decoration:underline;color:#647681!important;display:block!important}.focused-visual-result{justify-items:center;gap:14px;display:grid}.focused-visual-result>img{border-radius:10px;max-width:100%;max-height:55vh;display:block;box-shadow:0 4px 22px #0002}.focused-visual-result .design-modal-footer{width:100%}.focused-visual-result-copy{text-align:center}.focused-visual-progress{text-align:center;padding:70px 20px}.design-spinner{border:3px solid #dce9f2;border-top-color:var(--accent);border-radius:50%;width:30px;height:30px;margin:0 auto 16px;animation:.8s linear infinite design-spin;display:block}@keyframes design-spin{to{transform:rotate(360deg)}}.reference-job-area{border:1px solid #e3e7ea;border-radius:10px;margin-top:18px;overflow:hidden}.reference-current-job{background:#f3f8fc;align-items:center;gap:10px;padding:12px;display:flex}.reference-current-job>div{flex:1;display:grid}.reference-current-job small,.reference-current-job time,.reference-job-detail small{color:#76828b;font-size:10px}.reference-status-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #0c8ce91a}.reference-history-toggle{width:100%;font-weight:600;border-radius:0!important;justify-content:space-between!important;padding:12px!important;display:flex!important}.reference-history-list{border-top:1px solid #e3e7ea;max-height:250px;overflow:auto}.reference-history-list>button{text-align:left;grid-template-columns:56px minmax(0,1fr) 12px;gap:9px;width:100%;border-bottom:1px solid #eef0f2!important;border-radius:0!important;display:grid!important}.reference-history-list>button.selected{background:#eef7fe}.reference-job-state{text-align:center;background:#edf0f2;border-radius:10px;align-self:center;padding:3px 5px;font-size:10px}.reference-job-state.state-completed{color:#267342;background:#e9f7ee}.reference-job-state.state-failed,.reference-job-state.state-interrupted{color:#9b3f49;background:#fff0f1}.reference-job-copy{min-width:0;display:grid}.reference-job-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.reference-job-copy time{color:#7f8991;font-size:10px}.reference-job-detail{border-top:1px solid #dfe4e8;padding:14px}.reference-job-detail .reference-tools>div{display:grid}.reference-job-detail details p{white-space:pre-wrap;max-height:220px;overflow:auto}.reference-job-actions{flex-wrap:wrap;gap:6px;display:flex}.reference-job-actions button{border:1px solid #e0e5e8}.asset-panel-preview{width:100%;height:130px;overflow:hidden;background:#f4f4f4!important}.asset-panel-preview img{object-fit:contain;object-position:top;width:100%;height:100%}.design-asset>strong,.design-asset>small{overflow-wrap:anywhere}.design-assets .design-asset>small{color:#777;padding:2px 10px 6px;display:block}.design-assets .design-asset>span{overflow-wrap:anywhere}.design-assets .asset-panel-preview{border-radius:0;padding:0;display:flex}.asset-panel-name{text-align:left;overflow-wrap:anywhere;width:100%;font-weight:600;line-height:1.5;display:block;background:0 0!important;border:0!important;padding:8px 10px 2px!important}.asset-panel-name:hover{color:var(--accent)}.asset-detail-backdrop{z-index:170;cursor:default;background:#0008;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.asset-detail-dialog{background:#fff;border-radius:14px;flex-direction:column;width:min(1120px,100%);min-width:0;height:min(88dvh,900px);display:flex;overflow:hidden;box-shadow:0 24px 70px #0005}.asset-detail-dialog>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.asset-detail-dialog>header small{color:#777;margin-bottom:2px;display:block}.asset-detail-dialog h3{overflow-wrap:anywhere;margin:0;font-size:17px}.asset-detail-dialog>header>button{border-radius:50%;flex:none;width:34px;height:34px;font-size:22px}.asset-detail-body{flex:1;grid-template-columns:minmax(0,1fr) 280px;gap:0;min-height:0;display:grid}.asset-detail-preview{background:#f2f2f4;justify-content:center;align-items:flex-start;min-width:0;padding:24px;display:flex;overflow:auto}.asset-detail-preview img{object-fit:contain;background:#fff;width:auto;max-width:100%;height:auto;max-height:none;display:block;box-shadow:0 6px 24px #0002}.asset-detail-preview>p{color:#777;margin:auto}.asset-detail-body>aside{border-left:1px solid var(--border);padding:24px;overflow:auto}.asset-detail-kind{color:var(--accent);background:#f0edff;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.asset-detail-body>aside p,.asset-detail-body>aside>div{margin:20px 0 0}.asset-detail-body>aside strong{color:#777;margin-bottom:5px;font-size:11px;display:block}.asset-detail-body>aside p span{overflow-wrap:anywhere;display:block}.asset-detail-tags{flex-wrap:wrap;gap:6px;display:flex}.asset-detail-tags span{background:#f3f3f5;border-radius:5px;padding:3px 7px;font-size:11px}.asset-detail-empty{color:#999;display:block}.asset-detail-dialog>footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.design-crop-node{cursor:move!important}.design-crop-ghost{opacity:.32;filter:saturate(.75);pointer-events:none}.design-crop-window{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.design-crop-frame{outline:2px solid var(--accent);border-radius:inherit;pointer-events:none;border:2px solid #fff;position:absolute;inset:0}.design-crop-image-outline{border:1px dashed var(--accent);pointer-events:none;position:absolute}.design-crop-image-outline>[data-crop-scale-handle]{border:2px solid var(--accent);pointer-events:auto;background:#fff;border-radius:2px;width:12px;height:12px;position:absolute}.crop-scale-nw{cursor:nwse-resize;top:0;left:0;transform:translate(-50%,-50%)}.crop-scale-ne{cursor:nesw-resize;top:0;right:0;transform:translate(50%,-50%)}.crop-scale-se{cursor:nwse-resize;bottom:0;right:0;transform:translate(50%,50%)}.crop-scale-sw{cursor:nesw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.design-crop-toolbar{z-index:70;border-radius:8px;flex-wrap:wrap;width:min(760px,100% - 32px);max-width:calc(100% - 32px);top:auto;bottom:76px}.design-crop-toolbar label{align-items:center;gap:8px;margin:0;display:flex}.design-crop-toolbar label strong{min-width:42px;font-size:11px}.design-crop-toolbar .design-primary{min-width:64px}.design-crop-overlay{z-index:60;pointer-events:none;transform-origin:50%;touch-action:none;position:absolute}.design-crop-outside{pointer-events:none;position:absolute;inset:0}.design-crop-overlay img{pointer-events:none;-webkit-user-select:none;user-select:none}.design-crop-overlay .design-crop-window{pointer-events:none}.design-crop-overlay .design-crop-image-outline{cursor:move}.design-crop-overlay [data-crop-frame-handle],.design-crop-overlay [data-crop-scale-handle]{border:1px solid var(--accent);pointer-events:auto;touch-action:none;background:#fff;border-radius:1px;position:absolute;min-width:0!important;min-height:0!important;padding:0!important}.design-crop-overlay [data-crop-frame-handle]{background:var(--accent)}.crop-scale-n{cursor:ns-resize;top:0;left:50%;transform:translate(-50%,-50%)}.crop-scale-s{cursor:ns-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.crop-scale-e{cursor:ew-resize;top:50%;right:0;transform:translate(50%,-50%)}.crop-scale-w{cursor:ew-resize;top:50%;left:0;transform:translate(-50%,-50%)}.design-crop-toolbar input[type=number]{margin:0;width:64px!important}.design-crop-toolbar select{margin:0;width:auto!important}.design-crop-toolbar input[type=range]{width:110px!important}.is-cropping .design-inspector,.is-cropping .design-bottom-toolbar{opacity:.45;pointer-events:none}@media (max-width:720px){.asset-detail-backdrop{padding:12px}.asset-detail-dialog{height:calc(100dvh - 24px)}.asset-detail-body{grid-template-rows:minmax(260px,1fr) auto;grid-template-columns:1fr}.asset-detail-body>aside{border-left:0;border-top:1px solid var(--border);max-height:220px}.asset-detail-preview{padding:14px}}.design-popover [hidden]{display:none!important}.design-popover details[open]>summary{margin-bottom:12px}.design-review section[aria-label="문구 수정과 재검증"]{border:1px solid #ddd8ee;border-radius:10px;margin:16px 0;padding:16px}.design-review section[aria-label="문구 수정과 재검증"] label{margin:12px 0;display:block}.design-review section[aria-label="문구 수정과 재검증"] textarea{border:1px solid #bbb;border-radius:6px;width:100%;min-height:72px;padding:10px;display:block}.design-modal-footer{flex-wrap:wrap}.design-modal-footer p{margin-right:auto;font-size:13px}.collection-picker{border:1px solid #ddd;border-radius:8px;flex-wrap:wrap;gap:8px 16px;min-width:0;max-height:160px;margin:8px 0;padding:10px;display:flex;overflow:auto}.collection-picker legend{padding:0 4px;font-size:12px;font-weight:600}.collection-picker label{align-items:center;gap:6px;font-size:12px;flex-direction:row!important;margin:0!important;display:inline-flex!important}.collection-picker input[type=checkbox]{flex:none;margin:0;width:auto!important}.replica-review{border:1px solid var(--border,#dedee7);background:#f8f9fc;border-radius:12px;margin:16px 0;padding:16px}.replica-review p{line-height:1.6}.replica-font{border-bottom:1px solid #dedee7;padding:12px 0}.replica-font small{overflow-wrap:anywhere;display:block}.replica-review details{margin:16px 0}.replica-review li{margin:8px 0}.replica-review select{max-width:100%}.design-crop-image-outline>.design-crop-rotate{border:1px solid var(--accent);cursor:grab;pointer-events:auto;touch-action:none;background:#fff;border-radius:50%;min-width:0;min-height:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.design-line-preview{background:var(--accent);transform-origin:50%;pointer-events:none;z-index:10;position:absolute}.design-world>.design-frame-wrap{width:860px;margin:0;position:absolute}.design-frame-label{touch-action:none;cursor:move!important}.design-frame-connection{pointer-events:none;border-left:2px dashed #8dbbdd;height:36px;position:absolute;top:-36px;left:50%}.design-frame-wrap[data-snap-target]{outline:3px solid var(--accent)}.design-sidebar-tabs button[aria-label=프레임\ 추가]{margin-left:auto}.design-sidebar-tabs button[aria-label="옆에 새 상세페이지"]{margin-left:0}.design-continuous-toggle[aria-pressed=true]{background:var(--selected);color:var(--accent)}.is-continuous .design-world>.design-frame-wrap{box-shadow:none}.design-copy-notice{z-index:130;color:#fff;pointer-events:none;background:#262626;border-radius:7px;padding:8px 12px;font-size:11px;position:absolute;bottom:78px;left:50%;transform:translate(-50%);box-shadow:0 3px 12px #0003}.is-continuous .design-frame-connection{display:none}.is-continuous .design-frame-label{text-align:right;text-overflow:ellipsis;white-space:nowrap;width:68px;display:block;top:0;left:-76px;overflow:hidden}.design-alignment-notice{z-index:100;background:#fff;border-radius:8px;padding:12px;font-size:12px;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 2px 12px #0002}.design-image-dimensions{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;align-items:center;gap:8px;display:grid}.design-image-drop-guide{pointer-events:none;z-index:20;position:absolute;top:0;left:0}.design-image-drop-guide svg{overflow:visible}.design-image-drop-guide span{white-space:nowrap;color:#fff;background:#0c8ce9;border-radius:3px;position:absolute;transform:translateY(-100%)}.design-aspect-lock{justify-content:center;align-items:center;height:28px;display:flex;padding:0!important}.design-aspect-lock[aria-pressed=true],.design-aspect-lock[aria-pressed=mixed]{color:#7047eb;background:#eee8ff}.design-selected-outlines{pointer-events:none;z-index:8;position:absolute;top:0;left:0;overflow:visible}.design-marquee-preview{pointer-events:none;z-index:10;position:absolute;inset:0}.design-marquee-preview>svg{position:absolute;top:0;left:0;overflow:visible}.design-marquee-count{white-space:nowrap;color:#fff;background:#0c8ce9;border-radius:3px;padding:1px 5px;position:absolute}.design-board[data-marquee-active] .design-selection,.design-board[data-marquee-active] .design-selected-outlines,.design-board[data-marquee-active] .design-spacing-guide,.design-board[data-marquee-active] .design-empty-image-actions{display:none}.design-layout-parent{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.design-layout-parent span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.design-layout-parent button{color:var(--accent);flex-shrink:0}.is-continuous .design-frame-wrap>.product-page>.p-section{overflow:hidden}.design-layer[data-drop-position]{position:relative}.design-layer[data-drop-position=before]:before,.design-layer[data-drop-position=after]:after{content:"";background:var(--accent);z-index:2;pointer-events:none;height:2px;position:absolute;left:8px;right:4px}.design-layer[data-drop-position=before]:before{top:0}.design-layer[data-drop-position=after]:after{bottom:0}.design-layer[data-drop-position=inside]{outline:2px solid var(--accent);outline-offset:-2px;background:var(--selected)}.design-layer-order{flex-direction:column;gap:5px;display:flex}.design-layer-order>button{text-align:left;justify-content:space-between;gap:8px;padding:7px 8px;display:flex}.design-layer-order small{color:var(--muted);white-space:nowrap;font-size:10px}.design-context{width:290px;max-height:calc(100vh - 16px);overflow-y:auto}.design-board{contain:paint;isolation:isolate;z-index:0;min-width:0;min-height:0}.design-header{z-index:20;flex-shrink:0;position:relative}.design-sidebar,.design-inspector{z-index:20;position:relative}.inspector-tabs .workspace-selection-count{background:var(--selected);color:#1672b4;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:500}.design-inspector>.workspace-selection-panel{gap:18px;padding:20px 16px;display:grid}.workspace-selection-summary h4{margin:0 0 8px;font-size:12px}.workspace-selection-summary p{color:#737373;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.75}.workspace-selection-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.workspace-selection-actions>button{border:1px solid var(--border);background:#fff;border-radius:6px;gap:7px;min-height:38px;padding:9px 10px}.workspace-selection-actions>button:hover{background:#f7f7f7;border-color:#d0d0d0}.workspace-selection-actions svg{flex-shrink:0}.workspace-selection-actions>.workspace-selection-copy{background:#f7f8fa;grid-column:1/-1}.workspace-selection-actions>.workspace-selection-delete{color:#b34242}.workspace-selection-actions>.workspace-selection-delete:hover{background:#fff4f3;border-color:#edcfcc}.workspace-selection-note{color:#777;background:#f6f7f8;border-radius:7px;align-items:flex-start;gap:8px;padding:12px;display:flex}.workspace-selection-note>svg{color:#8c939a;flex-shrink:0;margin-top:2px}.workspace-selection-note p{word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.75}.design-editor .design-image-retry{white-space:normal;color:#922b16;z-index:1;pointer-events:auto;background:#fff0eb;max-width:100%;font-size:12px;position:absolute;top:0;left:0}.design-world img[data-image-state=loading],.design-world img[data-image-state=idle]{background:#eef0f3}.design-color-palette h4{align-items:center;gap:8px;display:flex}.design-color-palette h4>span{color:var(--muted);font-size:11px;font-weight:400}.design-color-palette .palette-scope{overflow-wrap:anywhere;margin:0 0 12px}.palette-list{gap:5px;max-height:280px;display:grid;overflow-y:auto}.design-color-palette .palette-row{align-items:center;gap:8px;min-height:36px;display:flex}.design-color-palette .palette-row input{margin:0}.design-color-palette .palette-row input[type=color]{border:1px solid var(--border);cursor:pointer;border-radius:4px;flex-shrink:0;width:28px;height:28px;padding:0}.design-color-palette .design-color-hex{text-transform:uppercase;background:#f5f5f5;flex:1;min-width:0;padding:7px 6px;font:12px monospace}.palette-row>small{text-align:right;min-width:35px;color:var(--muted);flex-shrink:0;font-size:11px}.design-color-palette .palette-choice{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;margin:0;font:12px monospace;display:flex}.design-editor .design-color-palette .palette-choice>input[type=checkbox]{flex:0 0 14px;height:14px;padding:0;width:14px!important;margin:0!important}.palette-swatch{border:1px solid #0002;border-radius:4px;flex-shrink:0;width:24px;height:24px}.palette-merge{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.palette-actions{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.design-color-palette .palette-merge-start{color:var(--accent);margin-top:10px}.design-color-palette .palette-excluded{margin:12px 0 0;line-height:1.7}.design-sidebar{overflow-anchor:none}.design-page-label{z-index:2;background:#fff;align-items:center;gap:8px;padding:10px 12px 10px 15px;position:sticky;top:46px}.design-page-label>span{margin-left:auto}.design-editor .design-layer-follow{color:#777;flex-shrink:0;padding:6px}.design-editor .design-layer-follow[aria-pressed=true]{color:var(--accent);background:var(--selected)}.design-editor .design-layer-follow[aria-pressed=true]:hover{background:#d2eaff}.design-path-controls{z-index:35;background:#fff;border:1px solid #ded8e9;border-radius:10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:90%;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #2222}.design-path-controls label{align-items:center;gap:4px;display:flex}.design-path-controls button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:5px;padding:6px 10px}.design-path-controls button[aria-pressed=true]{background:#eee7fa}.tool-pen,.tool-freehand{cursor:crosshair}.design-path-controls input{width:auto}.design-world [data-kind=path]{touch-action:none}.design-drawing-tools{align-items:center;gap:1px;display:flex;position:relative}.design-editor .drawing-tool-dropdown{padding:8px 3px}.drawing-tool-menu{background:#fff;border:1px solid #dedede;border-radius:9px;width:208px;padding:5px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 6px 24px #0002}.design-editor .drawing-tool-menu button{justify-content:flex-start;gap:10px;width:100%;padding:9px}.drawing-tool-menu button[aria-pressed=true]{color:#0c8ce9;background:#e4f2ff}.drawing-tool-menu kbd{color:#777;margin-left:auto;font:11px Arial}.design-drawing-inspector .drawing-stroke-color{align-items:center;gap:8px;margin-bottom:16px;display:flex}.design-drawing-inspector .drawing-color-value{background:#f5f5f5;border-radius:5px;flex:1;align-items:center;gap:4px;min-width:0;margin:0;padding:3px;display:flex}.drawing-color-value input[type=text]{text-transform:uppercase;padding:6px 3px}.design-drawing-inspector .drawing-color-value input{margin-top:0}.design-drawing-inspector .drawing-opacity{background:#f5f5f5;border-radius:5px;flex-shrink:0;align-items:center;gap:2px;width:76px;margin:0;padding-right:7px;display:flex}.design-drawing-inspector .drawing-opacity input{margin:0;padding:7px 3px 7px 6px}.design-drawing-inspector .drawing-stroke-weight{justify-content:space-between;align-items:center;margin:0;display:flex}.drawing-stroke-weight>div{background:#f5f5f5;border-radius:5px;align-items:center;width:148px;display:flex}.drawing-stroke-weight input{width:75px;margin:0}.drawing-stroke-weight select{width:35px;margin:0 0 0 6px;padding:7px 2px}.design-drawing-inspector .drawing-reset{color:#777;padding:5px 0}.design-frame-pending{color:#999;pointer-events:none;background:#f6f6f6;border:1px solid #eee;place-items:center;font-size:16px;display:grid}
.design-mobile-nav,.design-mobile-panel-heading,.design-mobile-actions{display:none}@media (max-width:1023px){.design-editor{height:var(--mobile-viewport-height,100dvh);top:var(--mobile-viewport-top,0px);padding-top:env(safe-area-inset-top);overscroll-behavior:none;bottom:auto}.design-editor .design-header{flex-wrap:wrap;flex-shrink:0;gap:4px;height:auto;min-height:48px;padding:4px 8px}.design-header .design-app-mark,.design-header>.design-hint{display:none}.design-header>strong{flex:1;min-width:0;max-width:none}.design-header .design-save-status{flex-shrink:0;margin-left:auto;display:inline}.design-editor .design-header-actions{scrollbar-width:none;flex-wrap:nowrap;gap:4px;width:100%;margin:0;overflow-x:auto}.design-header-actions>button{flex-shrink:0}.design-editor button{touch-action:manipulation;min-height:40px}.design-editor input:not([type=checkbox]):not([type=color]):not([type=range]),.design-editor textarea,.design-editor select{min-height:40px;font-size:16px}.design-editor .design-body{isolation:isolate;min-height:0;display:block;position:relative}.design-board{width:100%;height:100%}.design-body>.design-sidebar,.design-body>.design-inspector{display:none}.design-body[data-mobile-panel=layers]>.design-sidebar,.design-body[data-mobile-panel=inspector]>.design-inspector,.design-body[data-mobile-panel=actions]>.design-mobile-actions{z-index:45;overscroll-behavior:contain;background:#fff;border:0;width:100%;max-height:none;padding-bottom:12px;display:block;position:absolute;inset:calc(28% + 44px) 0 0;overflow:auto}.design-mobile-panel-heading{z-index:46;background:#fff;border-bottom:1px solid #ddd;border-radius:14px 14px 0 0;align-items:center;gap:8px;height:44px;padding:0 12px;display:flex;position:absolute;top:28%;left:0;right:0;box-shadow:0 -8px 24px #0002}.design-mobile-panel-heading strong{flex:1}.design-mobile-panel-heading button[aria-pressed=true]{background:var(--selected);color:#0576c5}.design-editor .design-mobile-nav{padding:4px 4px max(4px,env(safe-area-inset-bottom));z-index:50;background:#fff;border-top:1px solid #ddd;flex-shrink:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:2px;display:grid}.design-mobile-nav button{flex-direction:column;gap:2px;min-width:0;min-height:50px;padding:4px 0;font-size:11px}.design-mobile-nav button[aria-pressed=true]{background:var(--selected);color:#087dcf}.design-board .design-bottom-toolbar{display:none}.design-editor .design-zoom{max-width:calc(100% - 20px);bottom:12px;right:10px}.design-editor .design-job-status{white-space:normal;max-width:calc(100% - 150px);top:10px;bottom:auto;left:10px}.design-editor .design-frame-label{min-height:0;height:calc(36px * var(--viewport-inverse-scale));top:calc(-38px * var(--viewport-inverse-scale));max-width:860px;font-size:calc(12px * var(--viewport-inverse-scale))!important}.design-editor .design-handle,.design-editor .design-rotate{min-height:0}.design-editor .design-spacing-guide{display:none}.design-editor .design-layer{height:44px}.design-editor .design-layer>button{visibility:visible;min-width:30px;min-height:36px}.design-editor .design-layer>.layer-expand{min-width:24px}.design-editor .frame-layer{margin-top:0}.design-mobile-actions{padding:16px}.design-mobile-actions fieldset{border:0;min-width:0;margin:0;padding:0}.design-mobile-actions h4{margin:20px 0 10px}.design-mobile-actions label{margin-top:12px;font-size:13px}.design-mobile-actions button{white-space:normal;background:#fafafa;border:1px solid #ddd;min-height:44px}.mobile-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mobile-nudge{grid-template-columns:repeat(4,minmax(0,1fr))}.mobile-nudge button{font-size:22px}.mobile-selection-name{overflow-wrap:anywhere;margin:0 0 16px;font-size:14px;font-weight:700}.design-editor .design-welcome{width:100%;padding:20px}.design-welcome h1{font-size:24px}.design-welcome>div{flex-wrap:wrap;gap:8px}.design-welcome small{display:none}.design-editor .design-error{overflow-wrap:anywhere;max-width:calc(100% - 16px);top:100px;left:8px;right:8px}.design-editor .design-alignment-notice{top:100px;left:8px;right:8px;transform:none}.design-editor .canvas-reference-picker{width:calc(100% - 16px);max-width:none;max-height:60%;margin:0;position:absolute;top:auto;bottom:8px;left:8px;overflow:auto}.design-editor .canvas-reference-picker-list{max-height:28dvh}.design-editor .design-context{max-width:calc(100vw - 16px);max-height:70dvh;overflow:auto}.design-editor .design-empty-image-actions{width:280px;max-width:calc(100% - 16px)}.design-empty-image-actions>div{flex-wrap:wrap}.design-editor .workflow-backdrop{top:var(--mobile-viewport-top,0px);height:var(--mobile-viewport-height,100dvh);padding:8px;bottom:auto}.design-editor .workflow-modal.workflow-modal{max-height:calc(var(--mobile-viewport-height,100dvh) - 16px);max-width:100%}.design-editor .workflow-modal.workflow-modal input:not([type=checkbox]):not([type=color]):not([type=range]),.design-editor .workflow-modal.workflow-modal select,.design-editor .workflow-modal.workflow-modal textarea{font-size:16px}}
.canvas-workspace{z-index:80;color:#22212b;background:#f5f4f8;flex-direction:column;display:flex;position:fixed;inset:0}.canvas-workspace button{cursor:pointer;background:#fff;border:1px solid #ddd8e8;border-radius:7px;padding:8px 10px;font-size:12px}.canvas-workspace button:disabled{opacity:.4;cursor:default}.canvas-workspace button:hover:not(:disabled),.canvas-workspace button.active{color:#5942bd;background:#ece7ff}.canvas-header{background:#fff;border-bottom:1px solid #ddd8e8;flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.canvas-header strong{margin-right:auto}.canvas-header small{color:#827a91;margin-left:12px}.canvas-header label{align-items:center;gap:6px;font-size:12px;display:flex}.canvas-header input[type=range]{width:100px}.canvas-layout{flex:1;grid-template-columns:210px minmax(300px,1fr) 280px;min-height:0;display:grid}.canvas-left,.canvas-inspector{background:#fff;border-right:1px solid #ddd8e8;padding:16px;overflow:auto}.canvas-inspector{border-left:1px solid #ddd8e8}.canvas-workspace h3{margin:22px 0 12px;font-size:13px}.canvas-main{background-color:#efedf3;background-image:radial-gradient(#d6d1df 1px,#0000 1px);background-size:16px 16px;padding:20px;overflow:auto}.canvas-workspace input:not([type=checkbox]):not([type=color]),.canvas-workspace textarea,.canvas-workspace select{background:#fff;border:1px solid #ded8e9;border-radius:6px;width:100%;padding:7px;font-size:12px}.canvas-inspector label{margin:10px 0;font-size:12px;display:block}.canvas-workspace input[type=color]{width:100%;height:32px;padding:2px}.canvas-buttons{flex-wrap:wrap;gap:5px;display:flex}.canvas-numbers{grid-template-columns:1fr 1fr;gap:6px;display:grid}.canvas-section-row{gap:3px;margin:5px 0;display:flex}.canvas-section-row button:first-child{text-align:left;text-overflow:ellipsis;flex:1;overflow:hidden}.canvas-section-tools{gap:10px;display:flex}.canvas-section-tools input{max-width:260px}.canvas-stage{touch-action:none;box-shadow:0 12px 40px #29203d25}.canvas-stage img{pointer-events:none;-webkit-user-select:none;user-select:none}.canvas-selection{z-index:2;border:2px solid #7861df;position:absolute}.canvas-resize{width:12px;height:12px;position:absolute;bottom:-6px;right:-6px;cursor:nwse-resize!important;background:#7861df!important;padding:0!important}.canvas-guide{z-index:1;border:1px dashed #8879b5;position:absolute}.template-library{background:#fffd;border-radius:14px;padding:24px}.template-library>input,.template-library>select{margin:14px 0}.template-library p{color:#797080;font-size:13px}.template-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px;margin-top:20px;display:grid}.template-grid article{background:#fff;border:1px solid #e3deea;border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex;overflow:hidden}.template-grid small{color:#827a91;font-size:11px}.template-thumb{pointer-events:none;background:#f5f3f8;height:150px;overflow:hidden}.canvas-job{border-bottom:1px solid #eee;padding:10px 0;font-size:12px}.canvas-job p{color:#ac3656}.canvas-job button{margin-top:6px;display:block}@media (max-width:1100px){.canvas-layout{grid-template-columns:160px minmax(220px,1fr) 250px}.canvas-header{gap:6px;padding:8px}}.canvas-header label{white-space:nowrap;flex-shrink:0;margin:0}.canvas-header input[type=range]{flex:0 0 110px;margin:0;width:110px!important}.canvas-workspace input[type=checkbox]{width:16px!important;margin:0 6px 0 0!important;display:inline-block!important}.canvas-inspector select,.canvas-inspector textarea{margin-bottom:8px}