/* 4.0: one native creative workspace; decoration never enters the exported canvas. */
:root{--brand:#07594F;--brand-deep:#07594F;--bg:#F6FAF8;--line:#D7E6DE;--muted:#4D635A;--radius:16px;--v4-visible-height:220px}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
:is(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:3px solid #07594F;outline-offset:3px}
.skip-link{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:10000;padding:12px 18px;background:#07594F;color:#fff;border-radius:10px}.skip-link:focus{transform:none}
.sidebar .brand-v31-logo{background:transparent!important;border-radius:0!important;filter:none}
.brand-v31-hero{border-radius:24px;border-color:#CFE6D8;box-shadow:none;background:linear-gradient(112deg,#FCFFF9 40%,#EDF8E9 71%,#DFF2ED)}
.brand-v31-cast{--v4-visible-height:220px;align-items:flex-end;gap:22px}
.brand-v31-person{flex:0 0 auto;width:150px;max-width:none}
.brand-v31-portrait{position:relative;height:var(--v4-visible-height);align-items:flex-end;overflow:visible}
.brand-v4-subject{position:relative;height:calc(var(--v4-visible-height) * var(--visible-ratio));width:calc(var(--v4-visible-height) * var(--visible-ratio) * var(--visible-aspect));flex:none;overflow:hidden}
.brand-v31-portrait .brand-v4-subject img{position:absolute;display:block;max-width:none;object-fit:fill;object-position:initial;filter:none;transform:none}
.brand-v31-portrait::before{bottom:16px;opacity:.8}.brand-v31-portrait::after{bottom:-6px}
.brand-v311-bubble{top:-20px}.brand-v311-hxy .brand-v311-bubble{top:5px}
.brand-v31-hero h2{font-size:clamp(27px,2.3vw,34px);line-height:1.36}
.brand-v4-pair-example{grid-column:1/-1;margin:0;background:#FFF;border:1px solid var(--line);border-radius:13px;overflow:hidden}
.brand-v4-pair-example .brand-v31-cast{--v4-visible-height:155px;padding:30px 18px 12px;border-bottom:1px dashed #ADC9B7;background:#F3F9ED;gap:14px}
.brand-v4-pair-example .brand-v31-person{width:120px}.brand-v4-pair-example .brand-v311-bubble{display:none}.brand-v4-pair-example .brand-v31-person figcaption{border:0;box-shadow:none;background:none;padding:0;margin-top:10px}
.brand-v4-pair-example>figcaption{padding:12px;display:grid;gap:5px;font-size:12px;line-height:1.7;color:var(--muted)}
.brand-v4-pair-example>figcaption b{color:var(--brand)}
.editor{min-width:0;isolation:isolate}.ed-pane-switch{display:none}
.ed-item{width:100%;text-align:left;font:inherit;color:inherit;background:#FFF;cursor:pointer}
.ed-item .t{display:block;min-width:0}.ed-item .t>span{display:block}.ed-item.disabled{cursor:not-allowed}
.ed-toolbar .grade-chip{font:inherit;border:0;cursor:pointer;text-align:left}
.ed-search:focus-within{outline:2px solid var(--brand);outline-offset:-1px}
.layer-row{gap:4px}.layer-pick{display:flex;align-items:center;gap:8px;min-width:0;flex:1;border:0;background:none;color:inherit;text-align:left;font:inherit;padding:3px;cursor:pointer}.layer-pick .nm{min-width:0}
.layer-row .ic{min-width:30px;min-height:34px}.ed-panel .input{min-width:0}
.delivery-tools>div{max-width:min(340px,calc(100vw - 40px));max-height:70vh;overflow:auto}
.ed-guide{flex-wrap:wrap}.ed-guide small{white-space:normal}
.ed-panel.right .prop-sec>button{white-space:normal;max-width:100%}
.stage-wrap{min-width:0;touch-action:pan-x pan-y}.cv-img,.handle-box{touch-action:none}
.ed-panel .prop-row{min-width:0}.ed-panel .prop-row input{width:0;flex:1}
.asset-card .thumb,.up-zone{width:100%;font:inherit;color:inherit;border:0;text-align:inherit;cursor:pointer}.asset-card .thumb{padding:0}.field-error{color:#9B2D20;font-size:12px;line-height:1.6;display:block;margin-top:5px}
@media(max-width:1180px){.brand-v31-cast{--v4-visible-height:185px;gap:14px}.brand-v31-person{width:126px}}
@media(max-width:1000px){
  .editor{height:auto;min-height:calc(100dvh - 70px);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(390px,1fr)}
  .ed-toolbar{grid-column:1;grid-row:1;position:relative;min-width:0;gap:8px;padding:12px}
  .ed-toolbar .title-input{min-width:100px;max-width:260px;flex:1}.ed-toolbar .spacer{display:none}
  .ed-toolbar .ed-guide{font-size:11px;gap:8px}.ed-toolbar .ed-guide small{flex-basis:100%;margin-left:0}
  .ed-pane-switch{display:flex;gap:8px;grid-row:2;padding:10px 12px;border-bottom:1px solid var(--line);background:#EFF7F2}
  .ed-pane-switch button{flex:1;min-height:42px;background:white}.ed-pane-switch button.on{background:#DDF2CC;color:#244D33;border-color:#ABC996}
  .editor>.ed-panel,.editor>.stage-wrap{grid-column:1;grid-row:3;min-width:0;border:0;max-height:none}
  .editor>.ed-panel{display:none;overflow:visible;padding-bottom:20px}
  .editor>.stage-wrap{height:calc(100dvh - 290px);min-height:390px;display:none}
  .editor[data-pane="assets"]>.left{display:flex;max-height:65dvh;overflow:auto}
  .editor[data-pane="props"]>.right{display:block}
  .editor[data-pane="canvas"]>.stage-wrap{display:flex}
  .ed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;overflow:visible;padding:12px}
  .ed-group-title,.ed-list>div:not(.ed-item){grid-column:1/-1}.ed-item{min-height:104px;margin:0;padding:10px;gap:9px}.ed-item img{width:48px;height:64px}.ed-item .t b{white-space:normal;line-height:1.5;font-size:12px}
  .zoom-bar{bottom:12px;gap:7px;padding:7px 9px;font-size:12px;max-width:95%}.zoom-bar button{min-height:32px;min-width:32px}
  .ed-panel.right .prop-sec{padding:18px 16px}.ed-panel.right .prop-row .lbl{width:70px}
}
@media(max-width:740px){
  .brand-v31-cast{--v4-visible-height:155px;gap:14px;padding-top:22px}.brand-v31-person{width:115px}.brand-v311-bubble{top:-15px}.brand-v311-hxy .brand-v311-bubble{top:6px}
  .brand-v31-hero h2{font-size:27px}.brand-v31-cast .brand-v31-person figcaption{min-width:0;font-size:11px}
  .content{min-width:0}.editor{margin:0}.ed-toolbar{padding:10px;gap:6px}.ed-toolbar .btn{padding:8px 9px;font-size:12px;min-height:36px}.ed-toolbar .grade-chip{max-width:100%;font-size:11px;white-space:normal}.ed-toolbar .save-status{font-size:11px}
  .ed-list{grid-template-columns:minmax(0,1fr)}.ed-item img{width:54px;height:68px}.ed-item .t b{font-size:13px}.ed-panel.right .prop-row{flex-wrap:wrap}
  .delivery-tools{max-width:100%}.delivery-tools>div{left:0;right:auto;width:min(300px,calc(100vw - 95px))}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
:root .sco-coordinate-tools{padding:12px;border:1px solid #DCEAE3;border-radius:12px;background:#F6FAF8}
.sco-coordinate-tools summary{cursor:pointer;font-size:13px;color:#07594F}
.sco-coordinate-tools input[type=number]{width:80px;padding:7px;border:1px solid #C8DBCF;border-radius:6px;background:#fff}
.preview-bg-options { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:0 0 14px; }
.preview-bg-options [aria-pressed="true"] { border-color:var(--brand); background:#e3f5ed; }
.asset-preview-modal .repair-adoption { flex:1 1 100%; font-size:13px; line-height:1.6; }
/* Keep frequent library filters beside the pictures; disclose secondary choices on narrow screens. */
#lib-root .lib-bar{display:block}
.lib-search-row,.lib-primary-filters,.lib-actions,.lib-more-content{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lib-search-row,.lib-primary-filters,.lib-actions{margin-bottom:10px}
.lib-search-row .search{min-width:0}.lib-search-row .search input{width:100%;min-width:0}
.lib-actions .grow{flex:1}.lib-more{min-width:0}.lib-more>summary{display:none}
.lib-more-content>p,.lib-more-content>.library-note{flex-basis:100%;margin:0}
.lib-result-count{margin:0 0 10px}
@media(max-width:740px){
  #lib-root .lib-bar{margin-bottom:10px}
  .lib-search-row{flex-wrap:nowrap;gap:8px}.lib-search-row .search{flex:1 1 0}.lib-search-row .input{min-height:44px;font-size:16px}.lib-search-row .btn{min-height:44px;padding:9px 12px}
  .lib-primary-filters{gap:8px}.lib-primary-filters>.lib-sec{flex-basis:100%;gap:6px}
  .lib-primary-filters .chip{min-height:32px;padding:5px 10px}
  .lib-actions{gap:8px}.lib-actions .btn{min-height:36px;padding:7px 10px}.lib-actions .grow{display:none}
  .lib-more{border:1px solid var(--line);border-radius:10px;background:var(--card,#fff)}
  .lib-more>summary{display:list-item;cursor:pointer;padding:10px 12px;min-height:44px;color:var(--brand);font-size:13px}
  .lib-more>summary>b{font-size:14px}.lib-more>summary>span{display:block;margin:4px 0 0 15px;color:var(--muted);line-height:1.6;overflow-wrap:anywhere}
  .lib-more-content{padding:12px;border-top:1px solid var(--line);gap:10px}
  .lib-more-content>.lib-sec{flex-basis:100%}.lib-more-content .chip{min-height:32px}.lib-more-content .input{max-width:100%}
}
@media(max-width:480px){
  .sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden}
  .sidebar .nav-item{flex-direction:column;gap:4px;padding:8px 2px;min-height:48px}
  .sidebar .nav-label{display:block;font-size:10px;line-height:1.3;text-align:center;max-width:100%;overflow-wrap:anywhere}
  .sidebar .s-foot .nav-item{padding:7px 2px}
}